:root{color:#eaf0f3;font-synthesis:none;text-rendering:optimizelegibility;--bg:#0c1113;--panel:#141c1f;--panel-raised:#192326;--line:#2b3a3e;--muted:#9aaeb3;--soft:#c2d0d2;--text:#f4f8f8;--mint:#92e2c4;--mint-dark:#132d28;--orange:#ffb36b;--danger:#ff8e86;background:#0c1113;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}#root{flex-direction:column;min-height:100vh;display:flex}body{min-width:320px;min-height:100vh;margin:0}body,button,input,select,textarea{font:inherit}button,input,select{color:inherit}button,select,input[type=range]{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,.drop-zone:focus-within,.crop-rectangle:focus-visible{outline:3px solid var(--mint);outline-offset:3px}.shell{flex:1;width:min(100% - 2rem,76rem);margin:0 auto;padding:4.5rem 0 3rem}.hero{max-width:53rem}.eyebrow,.section-kicker{color:var(--mint);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:800}.eyebrow{margin-bottom:1.25rem}h1,h2,p,figure{margin-top:0}h1{max-width:11ch;color:var(--text);letter-spacing:-.08em;margin-bottom:1.25rem;font-size:clamp(2.8rem,8vw,6.5rem);line-height:.95}h2{color:var(--text);letter-spacing:-.045em;margin-bottom:0;font-size:clamp(1.35rem,2.2vw,1.8rem)}.lead{max-width:45rem;color:var(--soft);margin-bottom:2rem;font-size:clamp(1rem,1.8vw,1.18rem);line-height:1.75}.privacy-card{background:var(--mint-dark);border:1px solid #24483d;border-radius:.85rem;align-items:flex-start;gap:.8rem;max-width:53rem;margin-bottom:1.25rem;padding:.85rem 1rem;display:flex}.privacy-card p{color:#c6e8dc;margin:0;font-size:.88rem;line-height:1.6}.privacy-icon{color:var(--mint);font-size:1.25rem;line-height:1.1}.drop-zone{text-align:center;background:#101a1b;border:1px dashed #54716f;border-radius:1.1rem;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;min-height:9.5rem;margin-bottom:2.5rem;padding:1.5rem;transition:border-color .16s,background .16s,transform .16s;display:flex}.drop-zone:hover,.drop-zone.is-dragging{border-color:var(--mint);background:#142522;transform:translateY(-1px)}.drop-title{color:var(--text);font-size:1.08rem;font-weight:750}.drop-detail,.control-hint,.field-help,.download-hint,.comparison-note{color:var(--muted);font-size:.78rem;line-height:1.5}.workspace{grid-template-columns:minmax(0,1.5fr) minmax(19rem,.85fr);align-items:start;gap:1.35rem;display:grid}.editor-column,.settings-column,.comparison-section{min-width:0}.section-heading{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1rem;display:flex}.section-heading .section-kicker{margin-bottom:.4rem}.compact-heading{margin-bottom:1rem}.status-chip{min-height:1.8rem;color:var(--mint);white-space:nowrap;border:1px solid #36514d;border-radius:999px;align-items:center;padding:.3rem .6rem;font-size:.72rem;font-weight:700;display:inline-flex}.status-chip.is-busy{color:var(--orange);border-color:#68513a}.crop-surface{isolation:isolate;touch-action:none;background:#070a0b;border:1px solid #415459;border-radius:1rem;width:100%;position:relative;overflow:hidden;box-shadow:0 1.25rem 3.5rem #00000040}.stage-image{z-index:1;-webkit-user-select:none;user-select:none;pointer-events:none;transform-origin:50%;max-width:none;transition:transform .14s;position:absolute}.crop-shade{z-index:2;pointer-events:none;background:#04090a91;position:absolute}.crop-shade-top,.crop-shade-bottom{left:0;right:0}.crop-shade-top{top:0}.crop-shade-bottom{bottom:0}.crop-shade-left,.crop-shade-right{bottom:auto}.crop-shade-left{left:0}.crop-shade-right{right:0}.crop-rectangle{z-index:3;border:2px solid var(--mint);cursor:move;touch-action:none;min-width:1.5rem;min-height:1.5rem;position:absolute;box-shadow:0 0 0 1px #00000059}.crop-grid{pointer-events:none;background:linear-gradient(90deg,#0000 33.1%,#ffffff5e 33.3%,#0000 33.7% 66.1%,#ffffff5e 66.3%,#0000 66.7%),linear-gradient(#0000 33.3%,#ffffff5e 33.7%,#0000 33.9% 66.3%,#ffffff5e 66.7%,#0000 66.9%);position:absolute;inset:0}.crop-handle{background:var(--mint);cursor:nwse-resize;touch-action:none;border:2px solid #0b1212;border-radius:.25rem;width:1.1rem;height:1.1rem;padding:0;position:absolute;bottom:-.55rem;right:-.55rem}.crop-coordinates{grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin:.8rem 0;display:grid}.crop-coordinates label,.resize-fields label{color:var(--muted);letter-spacing:.04em;gap:.3rem;font-size:.72rem;font-weight:750;display:grid}input[type=number],select{border:1px solid var(--line);width:100%;min-height:2.55rem;color:var(--text);background:#0e1517;border-radius:.55rem;padding:.45rem .65rem;font-size:.9rem}select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 1rem) 1.1rem,calc(100% - .7rem) 1.1rem;background-repeat:no-repeat;background-size:.35rem .35rem,.35rem .35rem;padding-right:2rem}input[type=number]::placeholder{color:#718387}.control-card,.metrics-card{border:1px solid var(--line);background:var(--panel);border-radius:.9rem;padding:1rem}.control-card{gap:1rem;display:grid}.control-row,.field-label-row,.range-label,.metric-line,.reduction-line,.effective-size{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.control-row>label,.field-label,.range-label label,.field-label-row{color:var(--soft);font-size:.82rem;font-weight:700}.control-row select{width:min(10rem,58%)}.range-control{gap:.45rem;display:grid}.range-label output{color:var(--mint);font-variant-numeric:tabular-nums;font-size:.82rem;font-weight:750}input[type=range]{width:100%;height:1.35rem;accent-color:var(--mint)}.control-hint{margin:-.25rem 0 0}.button-row{flex-wrap:wrap;gap:.5rem;margin-top:.85rem;display:flex}.secondary-button,.text-button,.download-button{border-radius:.6rem;min-height:2.5rem;font-size:.8rem;font-weight:750}.secondary-button{border:1px solid var(--line);background:var(--panel-raised);padding:.5rem .7rem}.secondary-button:hover,.secondary-button.is-selected{background:#1d3832;border-color:#6b988d}.text-button{color:var(--muted);background:0 0;border:0;padding:.5rem .25rem}.text-button:hover{color:var(--text)}.output-card{gap:1.1rem}.field-help{display:block}.resize-fields{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.resize-fields .field-label-row{grid-column:1/-1}.effective-size{border-top:1px solid var(--line);color:var(--muted);margin-top:-.15rem;padding-top:.9rem;font-size:.8rem}.effective-size strong{color:var(--text);font-variant-numeric:tabular-nums;font-size:.9rem}.metrics-card{gap:.7rem;margin-top:.8rem;display:grid}.metric-line,.reduction-line{color:var(--muted);font-size:.8rem}.metric-line strong{color:var(--soft);font-variant-numeric:tabular-nums;text-align:right;font-size:.82rem}.reduction-line{border-top:1px solid var(--line);margin-top:.15rem;padding-top:.8rem}.reduction-line strong{color:var(--mint);font-variant-numeric:tabular-nums;font-size:1rem}.download-button{border:1px solid var(--mint);background:var(--mint);color:#0c1b17;width:100%;margin-top:.9rem;transition:transform .16s,filter .16s}.download-button:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.download-button:disabled{cursor:not-allowed;opacity:.45}.download-hint{text-align:center;margin:.5rem 0 0}.comparison-section{margin-top:3rem}.comparison-note{white-space:nowrap}.comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.comparison-card{border:1px solid var(--line);background:var(--panel);border-radius:.9rem;min-width:0;margin-bottom:0;overflow:hidden}.comparison-card figcaption{border-bottom:1px solid var(--line);color:var(--soft);justify-content:space-between;gap:.5rem;padding:.75rem .9rem;font-size:.78rem;font-weight:700;display:flex}.comparison-card figcaption span:last-child{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:500}.comparison-media{background:#080d0f;place-items:center;min-height:15rem;display:grid}.comparison-media img{object-fit:contain;width:100%;max-height:27rem;display:block}.empty-preview{color:var(--muted);padding:2rem;font-size:.82rem}.empty-state{border-top:1px solid var(--line);max-width:42rem;margin:2rem 0 4rem;padding:2rem 0}.empty-number{color:var(--mint);letter-spacing:.15em;margin-bottom:1rem;font-size:.75rem;font-weight:800}.empty-state h2{margin-bottom:.6rem}.empty-state p:last-child{color:var(--muted);margin-bottom:0;line-height:1.7}.error-message{color:#ffc1bb;background:#2a1718;border:1px solid #663e3b;border-radius:.7rem;margin:1.5rem 0 0;padding:.85rem 1rem;font-size:.86rem;line-height:1.6}.site-footer{border-top:1px solid var(--line);width:100%;color:var(--muted);padding:1.5rem 0;font-size:.78rem}.footer-inner{justify-content:space-between;align-items:center;gap:1rem 1.5rem;width:min(100% - 2rem,76rem);margin:0 auto;display:flex}.footer-links{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;display:flex}.footer-links a{color:var(--soft);text-decoration:none;transition:color .16s,text-decoration-color .16s}.footer-links a:hover{color:var(--mint);text-underline-offset:.2em;text-decoration:underline}.footer-links a:focus-visible{outline:3px solid var(--mint);outline-offset:3px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (width<=52rem){.shell{padding-top:3rem}.workspace{grid-template-columns:1fr}.settings-column{grid-template-columns:minmax(0,1fr) minmax(14rem,.75fr);gap:.8rem 1rem;display:grid}.compact-heading{grid-column:1/-1;margin-bottom:0}.output-card,.metrics-card,.download-button,.download-hint{grid-column:auto}.download-button{margin-top:0}.download-hint{align-self:center;margin:0}}@media (width<=38rem){.shell{width:min(100% - 1.1rem,76rem);padding-top:2.2rem}h1{font-size:clamp(2.7rem,17vw,4.4rem)}.section-heading{flex-direction:column;align-items:flex-start;gap:.65rem}.crop-coordinates{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-column{display:block}.metrics-card,.download-button{margin-top:.8rem}.download-hint{text-align:left;margin-top:.5rem}.comparison-grid{grid-template-columns:1fr}.comparison-media{min-height:11rem}.footer-inner{flex-direction:column;align-items:flex-start}}