@font-face{font-family:Delius;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/delius-latin-400-normal-C-xt8lky.woff2) format("woff2"),url(/assets/delius-latin-400-normal-CB4JQ7Tp.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--page: #0b1624;--card: #1c2b42;--raised: #263752;--hair: #34465f;--ink: #e6e8e3;--ink-2: #a9b3bf;--accent: #3fd8d4;--on-accent: #06222a;--focus: #f2c14e;--check-a: #d9dde2;--check-b: #f4f6f8;--error: #f2a07b;--r-box: 12px;--r-ctl: 8px;--ctl: 44px;--col: 1100px;--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mark: "Delius", var(--sans)}*{box-sizing:border-box}html,body{margin:0;background:var(--page);color:var(--ink);font:16px/1.45 var(--sans)}button{font:inherit;color:inherit}[hidden]{display:none!important}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:24px 16px;gap:16px}.head,.main,.foot{width:100%;max-width:var(--col)}.head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.mark{font-family:var(--mark);font-weight:400;font-size:28px;letter-spacing:-.01em;margin:0}.privacy{color:var(--ink-2);font-size:14px;margin:0;display:flex;gap:8px;align-items:center}.privacy svg{flex:none}.label{font-size:12px;color:var(--ink-2);margin:0}.error{color:var(--error);font-size:14px}.error:empty{display:none}.btn{height:var(--ctl);min-width:var(--ctl);padding:0 14px;border-radius:var(--r-ctl);border:1px solid var(--hair);background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;white-space:nowrap}.btn[aria-pressed=true]{background:var(--raised);border-color:var(--ink-2)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent);font-weight:600}.btn:focus-visible,.split:focus-visible+.knob,a:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.drop{border:2px dashed var(--hair);border-radius:var(--r-box);height:320px;display:grid;place-items:center;align-content:center;text-align:center;gap:12px;padding:24px;color:var(--ink-2)}.drop p{margin:0}.drop.over{border-color:var(--accent)}.work{display:flex;flex-direction:column;gap:16px}.compare{display:grid;grid-template-columns:1fr 1fr;gap:16px;position:relative}.pane{margin:0;display:flex;flex-direction:column;gap:8px;min-width:0}.box{height:400px;border-radius:var(--r-box);overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--card)}.box img,.box canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto}.box canvas{touch-action:none;cursor:crosshair}.stage{background:repeating-conic-gradient(var(--check-a) 0 25%,var(--check-b) 0 50%) 0 0 / 20px 20px}.work[data-state=cutting] .stage{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{opacity:.6}}@media (prefers-reduced-motion: reduce){.work[data-state=cutting] .stage{animation:none}}.split,.knob{display:none}.bar{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--card);border-radius:var(--r-box);padding:12px;flex-wrap:wrap}.status{display:inline-flex;align-items:center;color:var(--ink-2);font-size:14px;font-variant-numeric:tabular-nums;min-width:0}.tools{display:flex;gap:8px;align-items:center}.size{height:var(--ctl);display:inline-flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--hair);border-radius:var(--r-ctl);color:var(--ink-2);font-size:14px}.size input{width:88px;accent-color:var(--ink-2);height:var(--ctl);margin:0}.foot{display:flex;justify-content:flex-end}.sibs{display:flex;gap:16px;font-size:14px}.sibs a{color:var(--ink-2);text-underline-offset:3px;min-height:var(--ctl);display:inline-flex;align-items:center}@media (max-width: 600px){.app{padding:12px;gap:10px}.head{flex-direction:column;gap:2px}.mark{font-size:24px}.drop{height:300px}.compare{display:block;height:270px;border-radius:var(--r-box);overflow:hidden;--split: 50%}.pane{position:absolute;inset:0}.pane .label{display:none}.box{height:100%;border-radius:0}.pane.orig{z-index:1;pointer-events:none;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.split{display:block;position:absolute;z-index:3;left:0;right:0;top:50%;height:var(--ctl);margin:0;transform:translateY(-50%);opacity:0;cursor:ew-resize}.knob{display:grid;place-items:center;position:absolute;z-index:2;top:50%;left:var(--split);width:var(--ctl);height:var(--ctl);border-radius:50%;background:var(--card);border:1px solid var(--ink-2);transform:translate(-50%,-50%);pointer-events:none}.compare:after{content:"";position:absolute;z-index:1;top:0;bottom:0;left:var(--split);width:2px;background:var(--ink);transform:translate(-1px);pointer-events:none}.bar{flex-direction:column;align-items:stretch}.tools{display:grid;grid-template-columns:1fr 1fr var(--ctl)}.tools .size{grid-column:1 / -1;order:4}.tools .size input{flex:1;width:auto}.tools .btn{min-width:0;padding:0 10px}.foot{justify-content:center}}