*{box-sizing:border-box}
body{margin:0;background:#f5f4f0;color:#111;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,input,select{font:inherit}
.nav{height:70px;padding:0 5vw;display:flex;justify-content:space-between;align-items:center}
.brand{display:flex;gap:9px;align-items:center;text-decoration:none;color:#111;font-size:20px;font-weight:900;letter-spacing:-.05em}
.mark{width:29px;height:29px;border-radius:9px;background:#111;color:#fff;display:grid;place-items:center}
.nav-right{display:flex;gap:8px;align-items:center}.badge{font-size:9px;color:#777;font-weight:900;letter-spacing:.1em}.unlimited{background:#111;color:#fff;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:900;letter-spacing:.1em}
.shell{width:min(1120px,92%);margin:auto;padding:30px 0 38px}.hero{text-align:center;padding:4px 0 24px}.badges{display:flex;justify-content:center;gap:8px;align-items:center;flex-wrap:wrap}.eyebrow{font-size:10px;font-weight:900;letter-spacing:.16em;color:#777}.pill{font-size:9px;font-weight:900;background:#111;color:#fff;border-radius:999px;padding:6px 9px}
.hero h1{font-size:clamp(48px,7vw,78px);line-height:.94;letter-spacing:-.075em;margin:11px 0 14px}.hero h1 span{opacity:.38}.hero p{max-width:760px;margin:auto;color:#777;line-height:1.45;font-size:15px}
.card{background:rgba(255,255,255,.93);border:1px solid #e4e1da;border-radius:25px;box-shadow:0 16px 50px rgba(0,0,0,.055)}.hidden{display:none!important}.step{margin-top:8px}
.button{min-height:46px;border-radius:12px;border:0;padding:0 17px;font-weight:850;cursor:pointer}.button.primary{background:#111;color:#fff}.button.ghost{background:#fff;color:#333;border:1px solid #ddd9d1}.big{min-height:50px}
.upload{min-height:285px;border:2px dashed #d2cec5;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.upload:hover{border-color:#111}.upload-icon{width:56px;height:56px;border-radius:18px;background:#111;color:#fff;display:grid;place-items:center;font-size:27px}.upload h2{margin:14px 0 7px;font-size:25px}.upload p{margin:0 0 18px;color:#888}.upload small{margin-top:14px;color:#aaa;font-size:10px;font-weight:800;letter-spacing:.1em}
.ready{padding:18px}.ready-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:14px;border-bottom:1px solid #eee}.ready-head strong,.ready-head span{display:block}.ready-head strong{font-size:17px}.ready-head span{font-size:11px;color:#999;margin-top:4px}.ready-preview{height:300px;margin-top:14px;border-radius:18px;overflow:hidden;display:grid;place-items:center;background:#e9e7e1}.ready-preview img{max-width:94%;max-height:94%;object-fit:contain}.ready-actions{display:flex;align-items:end;gap:12px;margin-top:14px}.scale-options{display:flex;gap:6px;align-items:end}.scale-options label{position:absolute;transform:translateY(-43px);font-size:9px;font-weight:900;letter-spacing:.1em;color:#888}.scale{border:1px solid #ddd9d1;background:#fff;border-radius:10px;padding:12px 18px;font-weight:850;cursor:pointer}.scale.active{background:#111;color:#fff;border-color:#111}.ready-actions .big{margin-left:auto}
.processing{min-height:300px;padding:40px 25px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.spinner{width:60px;height:60px;border-radius:19px;background:#111;color:#fff;display:grid;place-items:center;font-size:24px;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.06)}}.processing h2{margin:18px 0 7px;font-size:26px}.processing p{margin:0 0 22px;color:#888}.progress{width:min(640px,88%);height:7px;border-radius:999px;background:#e8e5de;overflow:hidden}.progress div{height:100%;width:0;background:#111;transition:width .2s}.progress-meta{width:min(640px,88%);display:flex;justify-content:space-between;color:#999;font-size:10px;margin-top:8px}.error{width:min(640px,88%);margin-top:14px;padding:12px 14px;border-radius:12px;background:#fff0f0;color:#922f2f;font-size:11px}
.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:14px}.toolbar>span{flex:1;color:#888;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.compare{overflow:hidden}.compare-head{height:54px;padding:0 17px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;font-size:10px;font-weight:900;letter-spacing:.1em;color:#777}.stage{height:min(66vh,680px);min-height:420px;position:relative;display:grid;place-items:center;overflow:hidden;background:#e9e7e1;touch-action:none}.stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(45deg,#dedbd3 25%,transparent 25%),linear-gradient(-45deg,#dedbd3 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dedbd3 75%),linear-gradient(-45deg,transparent 75%,#dedbd3 75%);background-size:30px 30px;background-position:0 0,0 15px,15px -15px,-15px 0;opacity:.45}.stage img{position:absolute;z-index:2;max-width:94%;max-height:94%;object-fit:contain;filter:drop-shadow(0 14px 26px rgba(0,0,0,.16))}.stage #afterImage{z-index:3;clip-path:inset(0 0 0 50%)}.comparison-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#fff;z-index:6}.comparison-knob{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:49px;height:49px;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center;z-index:7;cursor:ew-resize;box-shadow:0 10px 25px rgba(0,0,0,.2)}.tag{position:absolute;top:14px;z-index:8;background:rgba(0,0,0,.72);color:#fff;border-radius:999px;padding:8px 10px;font-size:9px;font-weight:900;letter-spacing:.1em}.tag.left{left:14px}.tag.right{right:14px}.drag-hint{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);z-index:8;background:rgba(0,0,0,.52);color:#fff;border-radius:999px;padding:7px 10px;font-size:9px}
.editor{padding:19px;margin-top:14px}.editor-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:16px;border-bottom:1px solid #eee}.editor-head strong,.editor-head span{display:block}.editor-head strong{font-size:17px}.editor-head span{font-size:10px;color:#999;margin-top:4px}.editor-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px 26px;padding-top:19px}.slider-row>div{display:flex;justify-content:space-between;font-size:12px;margin-bottom:6px}.slider-row span{color:#999}.slider-row input{width:100%;accent-color:#111}
.export{padding:19px;margin-top:14px}.export-head strong,.export-head span{display:block}.export-head span{font-size:11px;color:#888;margin-top:4px}.export-grid{display:grid;grid-template-columns:1fr 180px auto;gap:10px;align-items:end;margin-top:16px}.export-grid label{font-size:10px;font-weight:900;letter-spacing:.1em;color:#777}.export-grid input,.export-grid select{display:block;width:100%;margin-top:7px;min-height:46px;border:1px solid #ddd9d1;border-radius:11px;background:#fff;padding:0 12px}.private-note{text-align:center;color:#888;font-size:10px;padding:13px}.private-note b{color:#555}
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:18px}.feature{padding:19px}.feature b{display:block;font-size:13px;margin-bottom:6px}.feature span{display:block;color:#888;font-size:11px;line-height:1.45}footer{text-align:center;padding:20px;color:#aaa;font-size:10px}
@media(max-width:980px){.features{grid-template-columns:repeat(2,1fr)}.export-grid{grid-template-columns:1fr 1fr}.export-grid .big{grid-column:1/-1}}@media(max-width:760px){.nav-right .badge{display:none}.ready-actions{flex-wrap:wrap}.ready-actions .big{width:100%;margin-left:0}.editor-grid{grid-template-columns:1fr}.features{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.stage{min-height:360px;height:52vh}}