:root{color:#eaf0f3;font-synthesis:none;text-rendering:optimizelegibility;--bg:#0c1113;--panel:#191919;--panel-raised:#262626;--line:#383838;--muted:#9aaeb3;--soft:#c2d0d2;--text:#f4f8f8;--mint:#f4cf65;--mint-dark:#302a19;--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,.change-image-button:focus-visible,.drop-zone:focus-within,.drop-zone:focus-visible,.privacy-details summary:focus-visible,.crop-rectangle:focus-visible{outline:3px solid var(--mint);outline-offset:3px}.shell{flex:1;width:100%;margin:0;padding:.75rem clamp(.75rem,2.25vw,2rem) 2rem}.tool-toolbar{border:1px solid var(--line);background:var(--panel);border-radius:.8rem;justify-content:space-between;align-items:center;gap:1rem;min-height:3.25rem;margin-bottom:.75rem;padding:.5rem .75rem;display:flex}.toolbar-copy{flex-wrap:wrap;flex:auto;align-items:baseline;gap:.25rem 1rem;min-width:0;display:flex}.toolbar-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:.6rem;display:flex}h1,h2,p,figure{margin-top:0}.tool-toolbar h1{color:var(--text);letter-spacing:-.035em;margin-bottom:0;font-size:1.25rem;line-height:1.2}.tool-reassurance{color:var(--mint);margin:0;font-size:.95rem;font-weight:750;line-height:1.4}.section-kicker{color:var(--mint);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.875rem;font-weight:800}.change-image-button{background:var(--panel-raised);width:2.75rem;min-height:2.75rem;color:var(--text);cursor:pointer;white-space:nowrap;border:1px solid #6b988d;border-radius:.6rem;flex:none;justify-content:center;align-items:center;padding:0;font-size:1rem;font-weight:750;display:inline-flex}.change-image-button:hover,.change-image-button.is-dragging{border-color:var(--mint);background:#1d3832;transform:translateY(-1px)}h1{margin-bottom:.75rem}h2{color:var(--text);letter-spacing:-.035em;margin-bottom:0;font-size:clamp(1.15rem,2vw,1.5rem)}.drop-zone{cursor:pointer;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:clamp(28rem,100svh - 8rem,48rem);padding:2rem;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-icon{width:3rem;height:3rem;color:var(--mint);border:1px solid #54716f;border-radius:50%;place-items:center;font-size:1.8rem;line-height:1;display:grid}.drop-title{color:var(--text);font-size:1.25rem;font-weight:750}.drop-detail,.control-hint,.field-help,.download-hint{color:var(--muted);font-size:.875rem;line-height:1.5}.workspace{grid-template-columns:minmax(0,1fr) minmax(18rem,22rem);align-items:stretch;gap:clamp(.75rem,1.5vw,1.25rem);display:grid}.editor-column,.settings-column,.stage-area{min-width:0}.editor-column{flex-direction:column;align-content:start;min-height:clamp(30rem,100svh - 7.5rem,52rem);display:flex}.settings-column{flex-direction:column;align-items:stretch;display:flex}.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:.875rem;font-weight:700;display:inline-flex}.status-chip.is-busy{color:var(--orange);border-color:#68513a}.stage-area{border:1px solid var(--line);background:#10181a;border-radius:1rem;align-self:stretch;place-items:center;width:100%;height:clamp(30rem,100svh - 11.5rem,48rem);min-height:0;padding:clamp(.35rem,1.1vw,1rem) 2.75rem 2.75rem clamp(.35rem,1.1vw,1rem);display:grid;position:relative;box-shadow:0 1.25rem 3.5rem #0000002e;container-type:size}.crop-surface{isolation:isolate;touch-action:none;background:#070a0b;border:1px solid #415459;border-radius:1rem;width:100%;max-width:100%;height:auto;max-height:100%;position:relative;overflow:visible;box-shadow:0 1.25rem 3.5rem #00000040}.crop-image-layer{border-radius:inherit;z-index:0;position:absolute;inset:0;overflow:hidden}.stage-image{z-index:1;-webkit-user-select:none;user-select:none;pointer-events:none;transform-origin:50%;max-width:none;position:absolute}.processed-preview,.processed-preview-pending{pointer-events:none;-webkit-user-select:none;user-select:none;max-width:none;display:block;position:absolute;overflow:hidden}.processed-preview{z-index:2;object-fit:fill;width:100%;height:100%;inset:0}.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:4;cursor:move;touch-action:none;border:0;position:absolute;box-shadow:0 0 0 1px #00000059}.crop-stage-meta{justify-content:space-between;align-items:center;gap:.75rem;min-height:2.75rem;padding:.55rem .1rem 0;display:flex}.stage-preview-label{background:var(--mint-dark);min-height:2.25rem;color:var(--mint);white-space:nowrap;border:1px solid #6b988d;border-radius:999px;align-items:center;padding:.4rem .7rem;font-size:.875rem;font-weight:750;line-height:1.25;display:inline-flex}.crop-processing-status{min-width:0;color:var(--muted);text-align:right;font-size:.875rem;line-height:1.45}.comparison-section{margin-top:1.25rem}.comparison-viewport{background-color:#eef1ee;background-image:repeating-conic-gradient(#eef1ee 0 25%, #cbd2cf 0 50%);isolation:isolate;background-size:1rem 1rem;border:1px solid #415459;border-radius:.75rem;width:100%;max-width:56rem;max-height:38rem;margin-inline:auto;position:relative;overflow:hidden}.comparison-canvas{cursor:ew-resize;touch-action:none;width:100%;height:100%;position:relative}.comparison-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.comparison-original-layer,.comparison-result-layer{background-color:#eef1ee;background-image:repeating-conic-gradient(#eef1ee 0 25%, #cbd2cf 0 50%);background-size:1rem 1rem}.comparison-original-layer{z-index:2}.comparison-result-layer{z-index:1}.comparison-source-canvas{max-width:none;position:absolute}.comparison-original-image{-webkit-user-select:none;user-select:none;pointer-events:none;transform-origin:50%;max-width:none;position:absolute}.comparison-result-image{-webkit-user-select:none;user-select:none;pointer-events:none;max-width:none;position:absolute}.comparison-layer-label{z-index:4;color:var(--text);white-space:nowrap;background:#070e0fe0;border:1px solid #d8eee77a;border-radius:999px;padding:.35rem .55rem;font-size:.8rem;font-weight:750;line-height:1.2;position:absolute;top:.7rem;left:.7rem}.comparison-result-label{color:var(--mint);left:auto;right:.7rem}.comparison-divider{z-index:5;background:var(--mint);pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;box-shadow:0 0 0 1px #04090a61}#comparison-split{z-index:6;opacity:0;pointer-events:none;width:100%;height:100%;min-height:0;margin:0;padding:0;position:absolute;inset:0}.comparison-divider:after{content:"↔";border:2px solid var(--mint);width:2rem;height:2.75rem;color:var(--mint);background:#101010;border-radius:999px;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.comparison-drag-control:focus-visible~.comparison-divider:after{outline-offset:3px;outline:3px solid #fff}.comparison-empty{z-index:6;color:var(--soft);text-align:center;background:#070e0fe0;border:1px solid #d8eee759;border-radius:.55rem;padding:.55rem .75rem;font-size:.875rem;font-weight:700;line-height:1.45;position:absolute;bottom:1rem;left:1rem;right:1rem}.verify-output-button{border:1px solid var(--line);background:var(--panel-raised);min-height:2.75rem;color:var(--text);cursor:pointer;border-radius:.6rem;padding:.5rem .7rem;font-size:1rem;font-weight:750}.verify-output-button:disabled{cursor:not-allowed;opacity:.55}.comparison-quality-note{color:var(--muted);margin:0;font-size:.875rem;line-height:1.5}.crop-guide{z-index:0;pointer-events:none;position:absolute;inset:0}.crop-grid{--crop-grid-first-stop:33.3333%;--crop-grid-second-stop:66.6667%;background:linear-gradient(to right, transparent 0, transparent calc(var(--crop-grid-first-stop) - 1px), #ffffff70 calc(var(--crop-grid-first-stop) - 1px), #ffffff70 calc(var(--crop-grid-first-stop) + 1px), transparent calc(var(--crop-grid-first-stop) + 1px), transparent calc(var(--crop-grid-second-stop) - 1px), #ffffff70 calc(var(--crop-grid-second-stop) - 1px), #ffffff70 calc(var(--crop-grid-second-stop) + 1px), transparent calc(var(--crop-grid-second-stop) + 1px), transparent 100%), linear-gradient(to bottom, transparent 0, transparent calc(var(--crop-grid-first-stop) - 1px), #ffffff70 calc(var(--crop-grid-first-stop) - 1px), #ffffff70 calc(var(--crop-grid-first-stop) + 1px), transparent calc(var(--crop-grid-first-stop) + 1px), transparent calc(var(--crop-grid-second-stop) - 1px), #ffffff70 calc(var(--crop-grid-second-stop) - 1px), #ffffff70 calc(var(--crop-grid-second-stop) + 1px), transparent calc(var(--crop-grid-second-stop) + 1px), transparent 100%)}.crop-handle{cursor:nwse-resize;z-index:1;touch-action:none;background:0 0;border:0;border-radius:.5rem;width:2.75rem;height:2.75rem;padding:0;position:absolute;bottom:-2.75rem;right:-2.75rem}.crop-handle:after{pointer-events:none;background:var(--mint);content:"";border:2px solid #0b1212;border-radius:.25rem;width:1.1rem;height:1.1rem;position:absolute;top:0;left:0}.resize-fields label{color:var(--muted);letter-spacing:.04em;gap:.3rem;font-size:.875rem;font-weight:750;display:grid}input[type=number],select{border:1px solid var(--line);width:100%;min-height:2.75rem;color:var(--text);background:#0e1517;border-radius:.55rem;padding:.45rem .65rem;font-size:1rem}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{border:1px solid var(--line);background:var(--panel);border-radius:.9rem;gap:1rem;padding:1rem;display:grid}.control-row,.field-label-row,.range-label,.reduction-line{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:.9rem;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:.9rem;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,.download-button{border-radius:.6rem;min-height:2.75rem;font-size:1rem;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}.output-card{gap:1.1rem}.aspect-ratio-control{gap:.45rem;display:grid}.aspect-ratio-control select{max-width:100%}.field-help{display:block}.resize-fields{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.resize-fields .field-label-row{grid-column:1/-1}.reduction-line{color:var(--muted);border-top:1px solid var(--line);margin-top:.15rem;padding-top:.8rem;font-size:.875rem}.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}.privacy-details{border:1px solid var(--line);background:var(--panel);border-radius:.8rem}.privacy-details summary{min-height:3.25rem;color:var(--text);cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;font-size:1rem;font-weight:750;list-style:none;display:flex}.privacy-details summary::-webkit-details-marker{display:none}.privacy-details summary:after{color:var(--mint);content:"＋";font-size:1.25rem;font-weight:400;line-height:1}.privacy-details[open] summary:after{content:"−"}.privacy-details{margin-top:1rem}.privacy-details summary{color:var(--soft);font-size:.95rem}.privacy-details-body{border-top:1px solid var(--line);color:var(--soft);gap:.7rem;padding:0 1rem 1rem;font-size:.875rem;line-height:1.65;display:grid}.privacy-details-body p{margin:.8rem 0 0}.error-message{color:#ffc1bb;background:#2a1718;border:1px solid #663e3b;border-radius:.7rem;margin:1.5rem 0 0;padding:.85rem 1rem;font-size:.875rem;line-height:1.6}.site-footer{border-top:1px solid var(--line);width:100%;color:var(--muted);padding:1.5rem 0;font-size:.875rem}.footer-inner{justify-content:space-between;align-items:center;gap:1rem 1.5rem;width:100%;margin:0 auto;padding-inline:clamp(.75rem,2.25vw,2rem);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}[hidden]{display:none!important}body:has(.editor-shell)>.static-content{display:none}html:has(.editor-shell){height:100dvh;min-height:0;overflow:hidden}body:has(.editor-shell){height:100dvh;min-height:0;overflow:hidden}#root:has(.editor-shell){height:100dvh;min-height:0;overflow:hidden}.editor-shell{height:100dvh;min-height:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left);background:#101010;flex-direction:column;flex:none;display:flex;overflow:hidden}.image-actions{z-index:30;top:calc(.5rem + env(safe-area-inset-top));left:max(.5rem, env(safe-area-inset-left));display:flex;position:absolute}.image-actions .change-image-button{background-color:var(--panel)}.zoom-controls{z-index:30;top:calc(.5rem + env(safe-area-inset-top));border:1px solid var(--line);background:var(--panel);border-radius:.75rem;align-items:center;display:flex;position:fixed;left:50%;transform:translate(-50%)}.zoom-controls button{background:0 0;border:0;border-radius:.7rem;place-items:center;width:2.75rem;height:2.75rem;padding:0;display:grid}.zoom-controls button:hover:not(:disabled){background:var(--panel-raised)}.zoom-controls button:focus-visible{outline-offset:-3px}.zoom-controls button:disabled{opacity:.4;cursor:default}.change-image-button svg,.zoom-controls svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:1.25rem;height:1.25rem}.zoom-controls output{text-align:center;font-variant-numeric:tabular-nums;width:3rem;font-size:.8rem}.editor-shell .download-button{flex:none;width:auto;min-width:6rem;margin:0;padding:.5rem 1rem}.editor-shell .download-button span{font-size:.8rem}.editor-shell .workspace{flex:1;grid-template-columns:minmax(0,1fr);gap:0;min-height:0;display:grid;position:relative;overflow:hidden}.editor-shell .editor-column{min-width:0;min-height:0;display:flex;position:fixed;inset:0;overflow:hidden}.edit-modes button{min-height:2.75rem;color:var(--muted);background:0 0;border:0;border-radius:.6rem;padding:.4rem 1rem}.edit-modes button[aria-pressed=true]{color:var(--mint);background:#29261d}.editor-shell .stage-area{height:auto;min-height:0;box-shadow:none;background:#101010;border:0;border-radius:0;flex:1;padding:0;position:absolute;inset:0}.editor-shell .crop-surface{box-shadow:none;border:0;border-radius:0}.editor-shell .crop-stage-meta{z-index:10;top:calc(4.5rem + env(safe-area-inset-top));pointer-events:none;min-height:1.75rem;color:var(--muted);flex:none;padding:.15rem 1rem;position:absolute;left:1rem}.editor-shell .stage-preview-label{display:none}.editor-shell .status-chip{background:0 0;border:0;min-height:0;padding:0;font-size:.75rem;font-weight:400}.editor-shell .settings-column{overscroll-behavior:contain;flex:1;min-height:0;padding:.5rem 1rem 1rem;display:block;overflow:auto}.editor-bottom{z-index:30;border:1px solid var(--line);width:min(38rem,100% - 4rem);padding:.5rem 1rem max(.4rem, env(safe-area-inset-bottom));background:var(--panel);border-radius:.75rem;flex:none;align-self:center;margin:.5rem;position:relative}.mode-controls{justify-content:center;align-items:center;gap:1rem;display:flex}.crop-controls{flex-wrap:wrap}.crop-controls .field-help{display:none}.transform-controls{flex-direction:column;gap:.35rem}.straighten-control{gap:.15rem;width:min(28rem,100%)}.straighten-control .range-label{justify-content:center}.straighten-ruler{touch-action:none;-webkit-user-select:none;user-select:none;cursor:ew-resize;border-radius:.25rem;width:100%;height:2.75rem;position:relative;overflow:hidden}.straighten-ruler:has(:focus-visible){outline:2px solid var(--mint);outline-offset:2px}.straighten-ruler input{pointer-events:none}.straighten-ruler:after{content:"";pointer-events:none;background:linear-gradient(90deg, var(--panel), transparent 12%, transparent 88%, var(--panel));position:absolute;inset:0}.straighten-scale{pointer-events:none;height:100%;position:absolute;top:0;left:50%}.straighten-tick{background:var(--muted);width:1px;height:10px;position:absolute;top:10px;transform:translate(-50%)}.straighten-tick.is-major{background:var(--soft);height:15px;top:5px}.straighten-tick.is-zero{background:var(--mint)}.straighten-tick>span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.65rem;position:absolute;top:19px;left:50%;transform:translate(-50%)}.straighten-indicator{background:var(--mint);pointer-events:none;border-radius:1px;width:2px;height:24px;position:absolute;top:0;left:50%;transform:translate(-50%)}.transform-buttons{gap:.5rem;display:flex}.edit-modes{justify-content:center;gap:1.5rem;margin-top:.5rem;display:flex}.edit-modes button{justify-items:center;gap:.25rem;min-width:6.5rem;font-size:.8rem;display:grid}.edit-modes svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem}.editor-shell .comparison-section{min-height:0;margin:0;position:absolute;inset:0}.comparison-card{flex-direction:column;height:100%;min-height:0;display:flex}.comparison-stage{flex:1;place-items:center;min-height:0;padding:0;display:grid;container-type:size}.editor-shell .comparison-viewport{border:0;border-radius:0;max-height:100%;margin:0}.editor-shell .error-message{z-index:30;border-radius:0;flex:none;max-height:20dvh;margin:0;padding:.4rem 1rem;position:relative;overflow:auto}input[type=range]{min-height:2.75rem}input[type=number],select{background-color:#101010}.secondary-button:hover,.secondary-button.is-selected{border-color:var(--mint);background:#302a19}@media (width<=767px){.editor-shell .download-button{min-width:3rem}.editor-shell .download-button span{display:none}.editor-shell .crop-stage-meta{gap:.25rem;padding-inline:.5rem}.editor-shell .stage-preview-label{display:none}.editor-bottom{padding-inline:.5rem}.mode-controls{gap:.5rem}.crop-controls{flex-wrap:wrap;display:flex}.crop-controls .aspect-ratio-control{width:auto}.transform-controls{flex-direction:column;gap:0}.transform-buttons{gap:.3rem}.transform-buttons button{padding:.4rem;font-size:.8rem}.footer-inner{flex-direction:column;align-items:start}}@media (width<=479px){.zoom-controls{top:calc(4rem + env(safe-area-inset-top))}}@media (height<=500px){.editor-bottom{padding-top:0}.edit-modes{margin:0}.edit-modes button{align-items:center;display:flex}.transform-buttons{flex-wrap:wrap;gap:.15rem}.transform-buttons button{min-height:2.75rem;padding:.1rem .3rem}.crop-controls .field-label-row{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.crop-controls .aspect-ratio-control{gap:0}}.aspect-presets{gap:.3rem;min-width:0;max-width:100%;padding:.25rem;display:flex;overflow-x:auto}.aspect-preset{min-height:3.5rem;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:.5rem;flex:0 0 3rem;align-content:center;justify-items:center;gap:.25rem;padding:.3rem;font-size:.75rem;display:grid}.aspect-preset[aria-pressed=true]{color:var(--mint);background:var(--mint-dark);border-color:var(--mint)}.aspect-icon-box{place-items:center;width:1.5rem;height:1.5rem;display:grid}.aspect-icon{border:1.5px solid;border-radius:2px}.aspect-icon.is-free{border-style:dashed}.transform-buttons .icon-button{place-items:center;width:2.75rem;height:2.75rem;padding:.5rem;display:grid}.icon-button svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem}@media (width<=767px){.aspect-presets{flex-basis:100%}}@media (height<=500px){.crop-controls{flex-wrap:nowrap}.aspect-presets{flex:1 1 0}}body:has(.shell:not(.editor-shell)){flex-direction:column;height:100dvh;min-height:0;display:flex}body:has(.shell:not(.editor-shell)) #root{flex:1;min-height:0}.shell:not(.editor-shell){flex-direction:column;min-height:0;padding-bottom:.75rem;display:flex}.shell:not(.editor-shell) .tool-toolbar,.shell:not(.editor-shell) .privacy-details{flex:none}.shell:not(.editor-shell) .drop-zone{flex:1;min-height:8rem;padding:1rem}.shell:not(.editor-shell) .privacy-details{max-height:25dvh;overflow:auto}body:has(.shell:not(.editor-shell)) .site-footer{flex:none;padding-block:.75rem}body:has(.shell:not(.editor-shell))>.static-content{flex:none;max-height:30dvh;margin-bottom:.75rem;padding-block:.25rem;overflow:auto}.settings-column>.range-control{gap:.15rem;margin-top:.75rem}.settings-column>.comparison-quality-note,.settings-column>.resize-fields{margin-top:.75rem}.editor-shell .crop-handle{position:fixed;bottom:auto;right:auto}.editor-shell .crop-handle:after{inset:auto 0 0 auto}@media (width<=767px){.editor-shell .crop-stage-meta{top:auto;bottom:11rem;left:.5rem}}.compression-result{z-index:30;right:max(.5rem, env(safe-area-inset-right));bottom:max(.5rem, env(safe-area-inset-bottom));border:1px solid var(--line);background:var(--panel);border-radius:.75rem;align-items:center;gap:.5rem;max-width:min(18rem,100% - 1rem);padding:.5rem;display:flex;position:fixed}.compression-result .reduction-line{overflow-wrap:anywhere;border:0;min-width:0;margin:0;padding:0}.editor-shell:has(.error-message){padding-bottom:calc(4.5rem + max(.5rem, env(safe-area-inset-bottom)))}.editor-shell:has(.error-message) .settings-column{max-height:min(25dvh,24rem)}@media (width<=76rem){.editor-shell{padding-bottom:calc(4.5rem + max(.5rem, env(safe-area-inset-bottom)))}}.editor-shell .stage-area,.comparison-stage{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);overflow:clip}.editor-shell .crop-surface,.editor-shell .comparison-viewport{flex:none;max-width:none;max-height:none;margin:0}.crop-preview{object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.crop-grid{z-index:1;box-shadow:inset 0 0 0 2px var(--mint)}.editor-shell .settings-column{max-height:min(45dvh,24rem);padding:.5rem}.editor-bottom{width:min(38rem,100% - 1rem)}.edit-modes{gap:.25rem}.edit-modes button{flex:1;min-width:0;padding-inline:.5rem}.editor-shell .crop-stage-meta.visually-hidden{min-height:0;padding:0;position:absolute}.crop-handle[data-corner=top-right],.crop-handle[data-corner=bottom-left]{cursor:nesw-resize}.editor-shell .crop-handle[data-corner^=top]:after{top:0;bottom:auto}.editor-shell .crop-handle[data-corner$=left]:after{left:0;right:auto}.stage-area:focus-visible{outline:none}.stage-area:focus-visible:after{content:"";z-index:6;border:3px solid var(--mint);pointer-events:none;position:absolute;inset:1px}