@font-face{font-family:Inter Tight;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/inter-tight-latin-wght-normal-DX-nOvPD.woff2)format("woff2")}:root{--bg:#161616;--surface:#1c1c1b;--line:#2b2b29;--text:#e8e4da;--muted:#8c8982;--faint:#5c5a55;--font:"Inter Tight",ui-sans-serif, system-ui, sans-serif;--tracking-wide:.32em;--radius:2px;--panel-width:320px;--gutter:16px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;margin:0;font-size:15px;line-height:1.45}.app{height:100dvh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);grid-template:"topbar""stage"1fr"controls"/minmax(0,1fr);display:grid}.topbar{padding:calc(env(safe-area-inset-top) + 14px) var(--gutter) 14px;grid-area:topbar;justify-content:space-between;align-items:center;display:flex}.wordmark{letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text);font-size:13px;font-weight:500}.stage{min-height:0;padding:var(--gutter);grid-area:stage;place-items:center;display:grid;position:relative;overflow:hidden;container-type:size}.topbar-actions{gap:12px;display:flex}.comparison{width:min(100cqw, 100cqh * var(--aspect), var(--natural-width) * 1px);aspect-ratio:var(--aspect);-webkit-user-select:none;user-select:none;transition:opacity .16s;display:grid;position:relative}.comparison[data-dimmed=true]{opacity:.55}.comparison-image{grid-area:1/1;width:100%;height:100%;display:block}.comparison[data-view=rendered] .comparison-original{visibility:hidden}.comparison[data-view=split] .comparison-original{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.comparison-tag{border-radius:var(--radius);color:var(--text);letter-spacing:.18em;text-transform:uppercase;pointer-events:none;background:#16161699;padding:3px 6px;font-size:10px;font-weight:500;position:absolute;top:10px}.comparison-tag-original{left:10px}.comparison-tag-rendered{right:10px}.split-handle{top:0;bottom:0;left:var(--split);cursor:ew-resize;touch-action:none;width:44px;position:absolute;transform:translate(-50%)}.split-handle:before{content:"";background:var(--text);width:1px;position:absolute;top:0;bottom:0;left:50%;box-shadow:0 0 0 .5px #00000059}.split-handle:after{content:"";border:1px solid var(--text);background:#1616168c;border-radius:50%;width:22px;height:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.split-handle:focus-visible{outline:none}.split-handle:focus-visible:after{outline:1px solid var(--text);outline-offset:3px}.status{color:var(--muted);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin:0;font-size:11px}.error{left:50%;bottom:var(--gutter);width:max-content;max-width:calc(100% - 2 * var(--gutter));border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);margin:0;padding:10px 14px;font-size:13px;position:absolute;transform:translate(-50%)}.controls{border-top:1px solid var(--line);background:var(--surface);padding:14px var(--gutter) calc(env(safe-area-inset-bottom) + 14px);grid-area:controls}.controls-hint{color:var(--faint);margin:0;font-size:13px}.photo-info{grid-template-columns:auto minmax(0,1fr);gap:4px 16px;margin:0;font-size:13px;display:none}.photo-info dt{color:var(--faint)}.photo-info dd{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;margin:0;overflow:hidden}@media (width>=900px) and (height>=560px){.app{grid-template-columns:minmax(0, 1fr) var(--panel-width);grid-template-rows:auto 1fr;grid-template-areas:"topbar controls""stage controls"}.topbar{padding:22px 28px}.stage{padding:0 28px 28px}.controls{border-top:none;border-left:1px solid var(--line);flex-direction:column;gap:10px;min-height:0;padding:28px 24px;display:flex;overflow-y:auto}}.empty{text-align:center;max-width:28rem}.empty-kicker{color:var(--muted);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin:0 0 18px;font-size:11px}.empty-title{letter-spacing:-.01em;color:var(--text);margin:0 0 32px;font-size:clamp(26px,5vw,38px);font-weight:300;line-height:1.15}.empty-note{color:var(--faint);margin:28px 0 0;font-size:13px}.install-hint{max-width:22rem;color:var(--faint);margin:14px auto 0;font-size:12px}.text-button{appearance:none;min-height:44px;color:var(--muted);font:inherit;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:11px;font-weight:500}.text-button:hover{color:var(--text)}.text-button:disabled{color:var(--faint);cursor:default}.text-button:focus-visible{outline:1px solid var(--text);outline-offset:2px}.hold-button{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.button{appearance:none;border:1px solid var(--text);border-radius:var(--radius);min-height:44px;color:var(--text);font:inherit;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:0 0;padding:0 22px;font-size:12px;font-weight:500;transition:background-color .12s,color .12s}.button:hover{background:var(--text);color:var(--bg)}.button:focus-visible{outline:1px solid var(--text);outline-offset:3px}.slider{gap:2px;display:grid}.slider-label{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;gap:12px;font-size:11px;font-weight:500;display:flex}.slider-label output{color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:.04em}.slider input[type=range]{appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;width:100%;height:36px;margin:0;display:block}.slider input[type=range]:disabled{cursor:default;opacity:.5}.slider input[type=range]::-webkit-slider-runnable-track{background:var(--faint);height:1px}.slider input[type=range]::-moz-range-track{background:var(--faint);height:1px}.slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text);border:none;border-radius:50%;width:18px;height:18px;margin-top:-9px}.slider input[type=range]::-moz-range-thumb{background:var(--text);border:none;border-radius:50%;width:18px;height:18px}.slider input[type=range]:focus-visible{outline:none}.slider input[type=range]:focus-visible::-webkit-slider-thumb{outline:1px solid var(--text);outline-offset:3px}.slider input[type=range]:focus-visible::-moz-range-thumb{outline:1px solid var(--text);outline-offset:3px}.actions{justify-content:space-between;gap:4px;display:flex}.actions .text-button{letter-spacing:.1em}.sheet{z-index:10;overscroll-behavior:contain;max-height:72dvh;padding:0 calc(env(safe-area-inset-right) + var(--gutter)) calc(env(safe-area-inset-bottom) + 14px) calc(env(safe-area-inset-left) + var(--gutter));border-top:1px solid var(--line);background:var(--surface);visibility:hidden;transition:transform .22s,visibility 0s linear .22s;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%)}.sheet[data-open=true]{visibility:visible;transition:transform .22s;transform:none}.sheet-header{background:var(--surface);justify-content:space-between;align-items:center;padding-top:6px;display:flex;position:sticky;top:0}.sheet-title{color:var(--muted);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-size:11px}.sheet-body{gap:4px;display:grid}.sheet-body .text-button{justify-self:start}.export-toggle{position:relative}.unexported-dot{background:var(--text);border-radius:50%;width:5px;height:5px;position:absolute;top:12px;right:-3px}.export .sheet-body{gap:10px;padding-bottom:4px}.export-status{color:var(--faint);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:8px;margin:0;font-size:11px;font-weight:500;display:flex}.export-status[data-unexported=true]{color:var(--muted)}.export-status[data-unexported=true]:before{content:"";background:var(--text);border-radius:50%;width:5px;height:5px}.format{gap:20px;display:flex}.format .text-button[aria-pressed=true]{color:var(--text);text-underline-offset:6px;text-decoration:underline}.export-notice{color:var(--muted);margin:0;font-size:13px}.export .button{width:100%}.button:disabled,.button:disabled:hover{border-color:var(--faint);color:var(--faint);cursor:default;background:0 0}@media (width>=900px) and (height>=560px){.actions{justify-content:flex-start;gap:20px}.actions .text-button{letter-spacing:.18em}.sheet{border-top:1px solid var(--line);visibility:visible;background:0 0;max-height:none;padding:6px 0 0;transition:none;display:none;position:static;overflow:visible;transform:none}.sheet[data-open=true]{display:block}.sheet-header{display:none}.export,.export[data-open=true]{margin-top:auto;padding-top:16px;display:block}.export-toggle{display:none}.photo-info{padding-top:20px;display:grid}}@media (prefers-reduced-motion:reduce){.sheet,.sheet[data-open=true]{transition:none}}