:root{--radius:5px;--ease:cubic-bezier(.16, 1, .3, 1);--slow:1.2s;--calm:.7s;--font-display:"Inter Tight", "Segoe UI", system-ui, -apple-system, sans-serif;--font-body:"Inter Tight", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Cascadia Mono", ui-monospace, Consolas, monospace;--font-label:var(--font-mono);--track:.18em;--case:uppercase;--gutter:clamp(16px, 4vw, 72px);--nav-h:56px;--fs-display:clamp(2.5rem, min(1.1rem + 6.2vw, 10vh), 8rem);--fs-lede:clamp(1rem, min(.9rem + .5vw, 2.4vh), 1.45rem);--fs-body:clamp(.95rem, .9rem + .2vw, 1.1rem);--fs-label:clamp(.66rem, .62rem + .16vw, .8rem);--control-h:clamp(44px, min(30px + 1.6vw, 6.4vh), 60px);--space:clamp(14px, 3.2vh, 48px);--bg:#0a0a0b;--bg-soft:#111113;--glass:#0e0e108c;--glass-strong:#121214f0;--sheet:#121214;--line:#dcdce417;--line-strong:#dcdce433;--fg:#d7d7dc;--fg-dim:#8c8c94;--fg-faint:#56565d;--ink:#e2e2e6;--on-ink:#0a0a0b;--paper:#f6f6f3;--shadow:0 40px 90px -50px #000000e6;--glass-fill:#ececf80d;--glass-edge:#e8e8f52b;--glass-glow:inset 0 1px 0 #ffffff12;--frame-fill:#ececf80d;--warn-fg:#2a1a06;--warn-bg:#f7bd72;--warn-edge:#c98b3c;--bad-fg:#2c0906;--bad-bg:#ef8a7e;--bad-edge:#b4463a;--tone-bad:#dc2626;--tone-warn:#c2410c;--tone-info:#2563eb;--tone-ink:#fff;--emblem:.17;--beam:#00e5ff}:root[data-theme=light]{--bg:#f3f3f1;--bg-soft:#ebebe8;--glass:#f1f1ef8c;--glass-strong:#ebebe9f0;--sheet:#ebebe9;--line:#1e1e221a;--line-strong:#1e1e2238;--fg:#232326;--fg-dim:#5d5d64;--fg-faint:#9d9da4;--ink:#232326;--on-ink:#f3f3f1;--paper:#fff;--shadow:0 40px 90px -50px #00000059;--glass-fill:#1a1a200d;--glass-edge:#1a1a202b;--glass-glow:inset 0 1px 0 #00000012;--frame-fill:#1a1a200d;--warn-fg:#3d2205;--warn-bg:#f9c785;--warn-edge:#c1832f;--bad-fg:#45130c;--bad-bg:#f5a196;--bad-edge:#ad4034;--emblem:.12;--beam:#1d4ed8}:root[data-beam=green]{--beam:#00ff9d}:root[data-beam=red]{--beam:#f35}:root[data-beam=purple]{--beam:#bd5bff}:root[data-theme=light][data-beam=green]{--beam:#15803d}:root[data-theme=light][data-beam=red]{--beam:#b91c1c}:root[data-theme=light][data-beam=purple]{--beam:#6d28d9}
:root:lang(ar){--font-display:"IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif;--font-body:"IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif;--font-label:"IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif;--track:0;--case:none;--fs-label:clamp(.76rem, .72rem + .16vw, .9rem)}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;overflow-x:clip}body{background:var(--bg);min-height:100dvh;color:var(--fg);font-family:var(--font-body);font-size:var(--fs-body);-webkit-font-smoothing:antialiased;transition:background-color var(--slow) var(--ease), color var(--slow) var(--ease);flex-direction:column;margin:0;line-height:1.55;display:flex;position:relative;overflow-x:clip}::selection{background:var(--ink);color:var(--on-ink)}a{color:inherit;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:.3em}a:hover{text-decoration-color:currentColor}:focus-visible{outline:1px solid var(--fg);outline-offset:3px;border-radius:var(--radius)}.label{font-family:var(--font-label);font-size:var(--fs-label);letter-spacing:var(--track);text-transform:var(--case);color:var(--fg-dim);margin:0;font-weight:400;line-height:1.4}.mono{font-family:var(--font-mono)}.skip{z-index:60;top:12px;border-radius:var(--radius);background:var(--ink);color:var(--on-ink);transition:transform var(--calm) var(--ease);padding:10px 14px;position:fixed;inset-inline-start:12px;transform:translateY(-160%)}.skip:focus{transform:none}.emblem{z-index:0;width:100%;height:100%;color:var(--fg);pointer-events:none;transition:opacity var(--slow) var(--ease);position:fixed;inset:0;-webkit-mask-image:radial-gradient(72% 78%,#000 55%,#0000 100%);mask-image:radial-gradient(72% 78%,#000 55%,#0000 100%)}:root[dir=rtl] .emblem{transform:scaleX(-1)}.emblem-layer{opacity:var(--emblem);transition:opacity var(--slow) var(--ease)}.clock-art{opacity:calc(var(--emblem) * 1.5);transition:opacity var(--slow) var(--ease)}.drift{animation:var(--drift-name) var(--drift-time) linear infinite}.drift-grid{--drift-name:drift-grid;--drift-time:24s}.drift-down{--drift-name:drift-down;--drift-time:14s}.drift-up{--drift-name:drift-up;--drift-time:18s}.drift-right{--drift-name:drift-right;--drift-time:20s}.drift-spin{--drift-name:drift-spin;--drift-time:160s;transform-box:view-box;transform-origin:425px 168px}@keyframes drift-grid{to{transform:translate(20px,20px)}}@keyframes drift-down{to{transform:translateY(40px)}}@keyframes drift-up{to{transform:translateY(-40px)}}@keyframes drift-right{to{transform:translate(40px)}}@keyframes drift-spin{to{transform:rotate(-360deg)}}.sway{animation:sway var(--sway-time) ease-in-out infinite;animation-delay:var(--sway-delay)}.sway-1{--amp:5px}.sway-2{--amp:8px}.sway-3{--amp:11px}.sway-slow{--sway-time:16s;--sway-delay:0s}.sway-late{--sway-time:19s;--sway-delay:-7s}@keyframes sway{0%,to{transform:translate(0)}25%{transform:translate(var(--amp), 0)}50%{transform:translate(calc(var(--amp) * -1), 0)}68%{transform:translate(0, calc(var(--amp) * -1))}86%{transform:translate(0, var(--amp))}}.hand{transform-box:view-box;transform-origin:425px 168px;animation:hand-turn var(--turn) linear infinite}.hand-h{--turn:43200s}.hand-m{--turn:3600s}.hand-s{--turn:60s}@keyframes hand-turn{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.drift,.hand,.sway,.beam i{animation:none!important}.beam{display:none}}.nav{z-index:20;top:0;height:var(--nav-h);padding-inline:var(--gutter);border:0;border-bottom:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid;position:fixed;inset-inline:0}.brand{min-width:0;color:var(--fg);align-items:center;gap:12px;text-decoration:none;display:flex}.brand .mark{flex:none;width:22px;height:22px}:root[data-theme=dark] .brand .mark-on-light,:root[data-theme=light] .brand .mark-on-dark{display:none}.brand .label{color:var(--fg);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.nav-end{justify-self:end;align-items:center;gap:8px;display:flex}.theme-switch{width:62px;padding:0;position:relative}.theme-switch .knob{top:3px;border:1px solid var(--line-strong);background:var(--glass-fill);width:28px;height:28px;transition:transform var(--calm) var(--ease), border-color var(--calm) var(--ease);border-radius:4px;place-items:center;display:grid;position:absolute;inset-inline-start:3px}:root[data-theme=light] .theme-switch .knob{transform:translate(24px)}:root[dir=rtl][data-theme=light] .theme-switch .knob{transform:translate(-24px)}.theme-switch:hover .knob{border-color:var(--fg-dim)}.theme-icon{width:15px;height:15px;transition:opacity var(--calm) var(--ease);grid-area:1/1;display:block}.theme-icon.sun,:root[data-theme=light] .theme-icon.moon{opacity:0}:root[data-theme=light] .theme-icon.sun{opacity:1}.nav>.clock{justify-self:center}.clock{white-space:nowrap;border-radius:var(--radius);cursor:pointer;height:38px;transition:border-color var(--calm) var(--ease), color var(--calm) var(--ease);background:0 0;border:1px solid #0000;align-items:center;gap:.7em;padding-inline:10px;display:none}.clock:hover{border-color:var(--line);color:var(--fg)}.clock .shift:not(:empty){color:var(--fg)}.clock .shift:not(:empty):before{content:"·";color:var(--fg-dim);margin-inline-end:.7em}.clock time{color:var(--fg);font-variant-numeric:tabular-nums}.zone{display:none}.zone:before{content:"·";margin-inline-end:.7em}@media (min-width:640px){.clock{display:inline-flex}}@media (min-width:980px){.zone{display:inline}}.pill{border:1px solid var(--line);border-radius:var(--radius);height:38px;color:var(--fg-dim);font:inherit;cursor:pointer;transition:border-color var(--calm) var(--ease), color var(--calm) var(--ease), background-color var(--calm) var(--ease);background:0 0;align-items:center;gap:9px;padding-inline:12px;display:inline-flex}.pill:hover{border-color:var(--line-strong);color:var(--fg)}.pill .label{color:inherit}.flag{display:inline-flex}.flag svg{width:20px;height:14px;box-shadow:0 0 0 1px var(--line);border-radius:1px;display:block}.chevron{width:10px;height:6px;transition:transform var(--calm) var(--ease)}[aria-expanded=true] .chevron{transform:rotate(180deg)}.lang{position:relative}.lang-menu{top:calc(100% + 12px);border:1px solid var(--line);border-radius:var(--radius);background:var(--glass-strong);min-width:220px;box-shadow:var(--shadow);animation:drop var(--calm) var(--ease);margin:0;padding:6px;list-style:none;position:absolute;inset-inline-end:0}.lang-menu button{border-radius:var(--radius);width:100%;color:var(--fg-dim);font:inherit;text-align:start;cursor:pointer;transition:background-color var(--calm) var(--ease), color var(--calm) var(--ease);background:0 0;border:0;align-items:center;gap:12px;padding:10px;display:flex}.lang-menu button:hover,.lang-menu button:focus-visible{background:var(--line);color:var(--fg);outline:none}.lang-menu [aria-checked=true]{color:var(--fg)}.lang-menu .code{color:inherit;margin-inline-start:auto}.lang-menu [aria-checked=true] .code:before{content:"●";margin-inline-end:.6em;font-size:.7em}.lang-menu [lang=ar] .name{font-family:IBM Plex Sans Arabic,Segoe UI,Tahoma,sans-serif}@keyframes drop{0%{opacity:0;transform:translateY(-6px)}}.grid{z-index:1;width:100%;max-width:2200px;padding:calc(var(--nav-h) + clamp(28px, 7vh, 110px)) var(--gutter) clamp(20px, 4vh, 56px);flex:1;grid-template-columns:minmax(0,1fr);align-content:center;align-items:start;gap:clamp(48px,6vw,128px);margin-inline:auto;display:grid;position:relative}@media (min-width:880px){.grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}}@media (min-width:880px) and (min-height:500px){body{height:100dvh;overflow:hidden}.grid{grid-template-rows:minmax(0,1fr);align-content:stretch;min-height:0}.output{flex-direction:column;align-self:stretch;min-height:0;display:flex}.output-row{--lane:58px;flex:1;align-items:stretch;min-height:0;display:flex;position:relative}.stage-col{flex-direction:column;flex:1;align-items:flex-start;min-width:0;min-height:0;display:flex}.output-row .stage{aspect-ratio:auto;width:100%;min-height:0;flex:auto;place-items:center start;padding-inline-end:var(--lane);display:grid}.output-row .actions{width:var(--frame-w,100%);max-width:100%;margin-bottom:clamp(14px,2vh,24px)}.output-row .tools{top:var(--frame-top,0px);flex-direction:column;flex:none;width:auto;min-width:0;height:auto;margin-top:0;padding:12px 8px;position:absolute;inset-inline-start:calc(var(--frame-w,0px) + 12px)}.output-row .swatches{flex-direction:column;width:auto;height:auto;padding-block:0}.output-row .tool-group{flex-direction:column;margin-block-start:auto;margin-inline-start:0}.output-row .tool-actions{border-inline-start:0;border-block-start:1px solid var(--line);flex-direction:column;margin-block-start:10px;margin-inline-start:0;padding-block-start:10px;padding-inline-start:0}.output-row .pop{top:50%;bottom:auto;inset-inline-end:calc(100% + 10px);transform:translateY(-50%)}.output-row .compact .tools,.compact .output-row .tools{padding:8px 6px}.stage{aspect-ratio:1;flex:0 auto;min-height:0;max-height:640px;container-type:size}.stage .frame{width:min(100cqw,100cqh,640px);max-width:none}}@media (min-width:880px){#form{margin-top:min(10vh,105px)}}@media (min-width:880px) and (max-height:900px){#form{margin-top:min(7vh,60px)}}@media (min-width:880px) and (max-height:760px){#form{margin-top:min(4vh,28px)}}@media (min-width:880px) and (max-height:620px){#form{margin-top:0}}.index{align-items:center;gap:.9em;margin-bottom:clamp(14px,2.6vh,36px);display:flex}.index>:first-child{color:var(--fg)}.index:after{content:"";background:var(--line);flex:1;height:1px}.display{font-family:var(--font-display);font-size:var(--fs-display);letter-spacing:-.04em;color:var(--fg);text-wrap:balance;margin:0 0 clamp(10px,2vh,28px);font-weight:300;line-height:.95}:root:lang(ar) .display{letter-spacing:0;line-height:1.25}.lede{margin:0 0 calc(var(--space) * 1.2);font-size:var(--fs-lede);color:var(--fg-dim);line-height:1.45}.field{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.field input{min-width:0;height:var(--control-h);border:1px solid var(--glass-edge);border-radius:var(--radius);background:var(--glass-fill);box-shadow:var(--glass-glow);color:var(--fg);font-family:var(--font-body);font-size:var(--fs-lede);transition:border-color var(--calm) var(--ease), background-color var(--calm) var(--ease);-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);flex:260px;padding-inline:18px}.field input:-webkit-any(:-webkit-autofill,:autofill){-webkit-text-fill-color:var(--fg);caret-color:var(--fg);transition:background-color 100000s 0s, border-color var(--calm) var(--ease)}.field input:is(:autofill,:autofill){-webkit-text-fill-color:var(--fg);caret-color:var(--fg);transition:background-color 100000s 0s, border-color var(--calm) var(--ease)}.field input::placeholder{color:var(--fg-faint)}.field input:hover{border-color:var(--fg-faint)}.field input:focus{border-color:var(--fg-dim);background:color-mix(in oklab, var(--glass-fill) 55%, var(--bg-soft));outline:none}.btn{border:1px solid var(--line-strong);border-radius:var(--radius);height:44px;color:var(--fg);font-family:var(--font-label);font-size:var(--fs-label);letter-spacing:var(--track);text-transform:var(--case);white-space:nowrap;cursor:pointer;transition:border-color var(--calm) var(--ease), background-color var(--calm) var(--ease), color var(--calm) var(--ease), opacity var(--calm) var(--ease);background:0 0;justify-content:center;align-items:center;padding-inline:14px;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--fg-dim)}.btn:disabled{opacity:.32;cursor:default}.btn.primary{height:var(--control-h);font-size:calc(var(--fs-label) * 1.3);letter-spacing:calc(var(--track) * .8);border-color:var(--ink);background:var(--ink);color:var(--on-ink);padding-inline:clamp(16px,1.5vw,24px)}.btn.primary:hover{background:color-mix(in oklab, var(--ink) 86%, var(--bg))}.field .btn{flex:none}@media (max-width:480px){.field .btn{flex:100%}}.ecc{margin:var(--space) 0 0;border:0;padding:0}.ecc legend{margin-bottom:12px;padding:0}.pills{flex-wrap:wrap;gap:6px;display:flex}.choice input{opacity:0;pointer-events:none;position:absolute}.choice>span{border:1px solid var(--line-strong);border-radius:var(--radius);height:36px;font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.12em;color:var(--fg-dim);cursor:pointer;transition:border-color var(--calm) var(--ease), background-color var(--calm) var(--ease), color var(--calm) var(--ease);align-items:center;gap:.6em;padding-inline:14px;display:inline-flex}.choice small{opacity:.6;letter-spacing:.04em;font-size:.85em}.counter{margin-top:clamp(18px,3.4vh,44px)}.count{font-family:var(--font-mono);letter-spacing:-.01em;color:var(--fg);font-variant-numeric:tabular-nums;min-width:13ch;margin:0 0 6px;font-size:clamp(24px,2.6vw,40px);font-weight:500;line-height:1}.counter .label{color:var(--fg-faint)}@media (min-width:880px) and (max-height:760px){.counter{margin-top:14px}}@media (min-width:880px) and (max-height:580px){.counter{margin-top:10px}.count{font-size:24px}}.pill-input{border:1px solid var(--line-strong);border-radius:var(--radius);width:96px;height:36px;color:var(--fg);font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--track);text-align:center;transition:border-color var(--calm) var(--ease), background-color var(--calm) var(--ease), color var(--calm) var(--ease);background:0 0;padding-inline:10px}.pill-input::placeholder{color:var(--fg-faint);text-transform:var(--case);letter-spacing:var(--track)}.pill-input:hover{border-color:var(--fg-dim)}.pill-input:focus-visible{outline:1px solid var(--fg);outline-offset:3px}.pill-input.on{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.pill-input.on::placeholder{color:inherit}.pill-input.bad{border-color:var(--bad-edge);color:var(--bad-bg)}.choice>span:hover{border-color:var(--fg-dim);color:var(--fg)}.choice input:checked+span{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.choice input:focus-visible+span{outline:1px solid var(--fg);outline-offset:3px}.ecc-row{flex-wrap:wrap;align-items:center;gap:10px 18px;display:flex}.ecc-row>.pills{flex-wrap:nowrap}.status{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.8em;max-width:26ch;min-height:1.4em;display:flex;overflow:hidden}.status:before{content:"";border:1px solid;border-radius:50%;flex:none;width:6px;height:6px}.status[data-state=done]{color:var(--fg)}.status[data-state=done]:before{background:currentColor}.status:is([data-state=empty],[data-state=tooLong],[data-state=error],[data-state=copyFailed],[data-state=lowContrast]){color:var(--fg)}.status:is([data-state=empty],[data-state=tooLong],[data-state=error],[data-state=copyFailed],[data-state=lowContrast]):before{background:currentColor;border-radius:0;transform:rotate(45deg)}.input-col{perspective:2200px}.index .morph{display:inline-grid}.index .morph>.side{transition:opacity var(--calm) var(--ease), transform var(--calm) var(--ease);grid-area:1/1;gap:.9em;display:inline-flex}.index .morph .side>:first-child{color:var(--fg)}.index .morph>.back{opacity:0;transform:translateY(.5em)}.input-col[data-face=details] .index .morph>.front{opacity:0;transform:translateY(-.5em)}.input-col[data-face=details] .index .morph>.back{opacity:1;transform:none}.flip{height:var(--flip-h,auto);transform-style:preserve-3d;transition:transform var(--slow) var(--ease), height var(--slow) var(--ease);position:relative}.input-col[data-face=details] .flip{transform:rotateX(180deg)}.flip>.side{backface-visibility:hidden}.flip>.back{position:absolute;inset:0;transform:rotateX(180deg)}.input-col:not([data-face=details]) .flip>.back,.input-col[data-face=details] .flip>.front{visibility:hidden;transition:visibility 0s linear var(--slow)}.actions .btn[aria-expanded=true]{border-color:var(--fg);color:var(--fg)}.btn.turns{perspective:700px}.btn .turn{transform-style:preserve-3d;transition:transform var(--slow) var(--ease);display:inline-grid}.btn[aria-expanded=true] .turn{transform:rotateX(180deg)}.btn .turn>.side{backface-visibility:hidden;grid-area:1/1;justify-content:center;align-items:center;display:inline-flex}.btn .turn>.back{transform:rotateX(180deg)}:root[dir=rtl] .btn .turn>.back .icon{transform:scaleX(-1)}.details{gap:clamp(10px,1.6vh,20px);margin-top:clamp(12px,2.4vh,28px);display:grid}.risk{height:1.6em;color:var(--warn-edge);font-family:var(--font-label);font-size:calc(var(--fs-label) * .92);letter-spacing:calc(var(--track) * .5);text-transform:var(--case);white-space:nowrap;text-overflow:ellipsis;opacity:0;visibility:hidden;transition:opacity var(--calm) var(--ease), visibility 0s linear var(--calm);align-items:center;gap:8px;margin:-6px 0 0;display:flex;overflow:hidden}.risk.on{opacity:1;visibility:visible;transition:opacity var(--calm) var(--ease)}.risk .warn-icon{flex:none;width:15px;height:15px}.risk span{text-overflow:ellipsis;overflow:hidden}.art-head{align-items:center;gap:10px;width:100%;display:flex}.art-head>span{flex:none}.art-head .weigh{flex:0 auto;width:clamp(70px,9vw,128px)}.art-head .weigh-read{min-width:3.2em;color:var(--fg);flex:none;font-weight:400}.pills.shapes{flex-wrap:wrap;gap:7px;display:flex}.pills.shapes .turn-row{flex-basis:100%;height:0;margin:0}.choice.shape>span{place-items:center;width:34px;height:34px;padding:0;display:grid}.choice.shape svg{fill:currentColor;width:20px;height:20px;display:block}.logo-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.logo-slot{border:1px dashed var(--line-strong);border-radius:var(--radius);background:var(--glass-fill);place-items:center;width:38px;height:38px;display:grid;overflow:hidden}.logo-slot img{object-fit:contain;width:100%;height:100%}.frame{--pad:clamp(28px, min(3vw, 4.4vh), 44px);aspect-ratio:1;border:1px solid var(--glass-edge);border-radius:var(--radius);background:var(--frame-fill);width:100%;max-width:520px;box-shadow:var(--glass-glow);-webkit-backdrop-filter:blur(22px)saturate(1.4);backdrop-filter:blur(22px)saturate(1.4);position:relative;container-type:inline-size}.beam{border-radius:var(--radius);pointer-events:none;opacity:0;transition:opacity var(--slow) var(--ease);position:absolute;inset:0;overflow:hidden}.beam.on{opacity:1}.frame.has-qr .beam{opacity:0}.beam i{inset-inline:0;background:var(--beam);height:2px;box-shadow:0 0 26px 4px color-mix(in oklab, var(--beam) 70%, transparent);animation:7.6s linear infinite sweep;position:absolute;top:0}.beam i:after{content:"";inset-inline:0;background:linear-gradient(to top, color-mix(in oklab, var(--beam) 22%, transparent), transparent);height:13px;position:absolute;bottom:100%}@keyframes sweep{0%{top:0}50%{top:calc(100% - 2px)}to{top:0}}.tick{border:0 solid var(--fg-dim);width:16px;height:16px;transition:border-color var(--slow) var(--ease);position:absolute}.tick.tl{border-top-left-radius:var(--radius);border-top-width:1px;border-left-width:1px;top:-1px;left:-1px}.tick.tr{border-top-right-radius:var(--radius);border-top-width:1px;border-right-width:1px;top:-1px;right:-1px}.tick.bl{border-bottom-left-radius:var(--radius);border-bottom-width:1px;border-left-width:1px;bottom:-1px;left:-1px}.tick.br{border-bottom-right-radius:var(--radius);border-bottom-width:1px;border-right-width:1px;bottom:-1px;right:-1px}.frame.has-qr .tick{border-color:var(--fg)}.empty{text-align:center;color:var(--fg-faint);transition:opacity var(--calm) var(--ease);place-items:center;padding:24px;display:grid;position:absolute;inset:0}.frame.has-qr .empty{opacity:0}.paper{inset:var(--pad);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow);opacity:0;transition:opacity var(--calm) var(--ease), transform var(--slow) var(--ease);position:absolute;overflow:hidden;transform:scale(.985)}.paper.show{opacity:1;background-color:#0000;transform:none}.paper svg,.paper canvas{width:100%;height:100%;display:block}.tools{width:var(--frame-w,100%);border:1px dashed var(--line-strong);border-radius:var(--radius);flex:none;align-items:center;gap:10px;min-width:min(100%,352px);max-width:100%;height:44px;margin-top:clamp(12px,2.2vh,24px);padding-inline:12px;display:flex;position:relative}.tool-note{bottom:calc(100% + 8px);border:1px solid var(--warn-edge);border-radius:var(--radius);background:var(--warn-bg);font-family:var(--font-label);font-size:calc(var(--fs-label) * .78);letter-spacing:calc(var(--track) * .5);text-transform:var(--case);white-space:nowrap;max-width:calc(100vw - 2 * var(--gutter));color:var(--warn-fg);visibility:hidden;opacity:0;transition:opacity var(--calm) var(--ease);align-items:center;gap:8px;margin:0;padding:7px 10px;font-weight:500;display:flex;position:absolute;inset-inline-end:0;box-shadow:0 6px 18px #00000059}.tool-note.shown{visibility:visible;opacity:1}.tool-note.refuse{background:var(--bad-bg);border-color:var(--bad-edge);color:var(--bad-fg)}.tool-note.below{top:calc(100% + 8px);bottom:auto}.custom-size{display:inline-flex;position:relative}@media (max-width:560px){.tool-note{white-space:normal}}.warn-icon{flex:none;width:14px;height:14px}.tool-group>div{position:relative}.tool-group{flex:none;align-items:center;gap:7px;margin-inline-start:auto;display:flex}.icon-toggle{border:1px solid var(--fg-dim);background:var(--glass-fill);width:24px;height:24px;color:var(--fg);cursor:pointer;transition:border-color var(--calm) var(--ease), background-color var(--calm) var(--ease), color var(--calm) var(--ease), opacity var(--calm) var(--ease);border-radius:50%;place-items:center;padding:0;display:grid}.icon-toggle svg{stroke-width:1.9px;width:14px;height:14px}.icon-toggle:hover:not(:disabled){border-color:var(--fg);background:var(--glass-fill)}.icon-toggle:disabled{opacity:.78;cursor:default}.icon-toggle.on{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.pop{bottom:calc(100% + 10px);z-index:6;border:1px solid var(--line);border-radius:var(--radius);background:var(--glass-strong);-webkit-backdrop-filter:blur(22px)saturate(1.4);backdrop-filter:blur(22px)saturate(1.4);width:max-content;box-shadow:var(--shadow);animation:drop var(--calm) var(--ease);padding:12px;position:absolute;inset-inline-end:0}.bg-row,.pop-row{align-items:center;gap:12px;display:flex}.pop-row{justify-content:space-between;gap:18px;margin-top:12px}.pop>.pop-row:first-child{margin-top:0}.pop-row .label{white-space:nowrap}#bd-radius{width:132px}#mg-size{width:108px}.pop-row output{color:var(--fg);font-variant-numeric:tabular-nums;white-space:nowrap}.levels{align-items:center;gap:8px;display:flex}.levels:has(input:disabled){opacity:.3}.level{cursor:pointer;place-items:center;width:22px;height:22px;display:grid;position:relative}.level:has(input:disabled){cursor:default}.level input{opacity:0;pointer-events:none;position:absolute}.level span{width:var(--dot,10px);height:var(--dot,10px);border-radius:var(--round,50%);background:var(--fg-dim);transition:background-color var(--calm) var(--ease), box-shadow var(--calm) var(--ease), transform var(--calm) var(--ease);display:block}.level:hover:not(:has(input:disabled)) span{transform:scale(1.12)}.level input:checked+span{background:var(--fg);box-shadow:0 0 0 2px var(--bg), 0 0 0 3px var(--fg)}.level input:focus-visible+span{outline:1px solid var(--fg);outline-offset:5px}.edges{gap:6px;display:flex}.edge input{opacity:0;pointer-events:none;position:absolute}.edge span{border:1px solid var(--line-strong);border-radius:var(--radius);width:34px;height:34px;color:var(--fg-dim);cursor:pointer;transition:border-color var(--calm) var(--ease), background-color var(--calm) var(--ease), color var(--calm) var(--ease);place-items:center;display:grid}.edge svg{width:22px;height:22px}.edge span:hover{border-color:var(--fg-dim);color:var(--fg)}.edge input:checked+span{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.edge input:focus-visible+span{outline:1px solid var(--fg);outline-offset:3px}.bg-row output{color:var(--fg);font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap;width:4ch}#bg-opacity,.pop-row input[type=range],.art-head .weigh{appearance:none;cursor:pointer;background:0 0;flex:none;width:clamp(150px,18vw,210px);height:18px}#bg-opacity::-webkit-slider-runnable-track{background:var(--line-strong);border-radius:2px;height:4px}.pop-row input[type=range]::-webkit-slider-runnable-track{background:var(--line-strong);border-radius:2px;height:4px}.art-head .weigh::-webkit-slider-runnable-track{background:var(--line-strong);border-radius:2px;height:4px}#bg-opacity::-moz-range-track{background:var(--line-strong);border-radius:2px;height:2px}.pop-row input[type=range]::-moz-range-track{background:var(--line-strong);border-radius:2px;height:2px}.art-head .weigh::-moz-range-track{background:var(--line-strong);border-radius:2px;height:2px}#bg-opacity::-webkit-slider-thumb{appearance:none;background:var(--fg);width:12px;height:12px;transition:transform var(--calm) var(--ease);border:0;border-radius:50%;margin-top:-5px}.pop-row input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--fg);width:12px;height:12px;transition:transform var(--calm) var(--ease);border:0;border-radius:50%;margin-top:-5px}.art-head .weigh::-webkit-slider-thumb{appearance:none;background:var(--fg);width:12px;height:12px;transition:transform var(--calm) var(--ease);border:0;border-radius:50%;margin-top:-5px}#bg-opacity::-moz-range-thumb{background:var(--fg);border:0;border-radius:50%;width:12px;height:12px}.pop-row input[type=range]::-moz-range-thumb{background:var(--fg);border:0;border-radius:50%;width:12px;height:12px}.art-head .weigh::-moz-range-thumb{background:var(--fg);border:0;border-radius:50%;width:12px;height:12px}#bg-opacity:hover::-webkit-slider-thumb{transform:scale(1.15)}.pop-row input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.15)}.art-head .weigh:hover::-webkit-slider-thumb{transform:scale(1.15)}#bg-opacity:focus-visible,.pop-row input[type=range]:focus-visible,.art-head .weigh:focus-visible{outline:1px solid var(--fg);outline-offset:4px;border-radius:var(--radius)}.swatches{justify-content:flex-start}.swatches:has(input:disabled){opacity:.78}.swatch:has(input:disabled){cursor:default}.swatch:has(input:disabled):hover span{transform:none}.compact .swatches{gap:4px;height:38px;padding-inline:0}.compact .swatch{width:18px;height:18px}.compact .swatch span{width:12px;height:12px}.compact .tools{gap:6px;padding-inline:8px}.compact .icon-toggle{width:20px;height:20px}.compact .icon-toggle svg{width:11px;height:11px}.compact .tool-group{gap:6px}.compact .hud{font-size:calc(var(--fs-label) * .82);gap:.5em}.actions{flex:none;gap:8px;width:100%;margin-top:12px;display:flex}.actions .btn{flex:1;min-width:0;padding-inline:8px}.actions #more{flex:0 0 calc(33.3333% - 5.33333px)}.btn .icon{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:14px;height:14px;margin-inline-end:.7em}.btn .icon-done,.btn.done .icon-copy{display:none}.btn.done .icon-done{display:block}.compact .output-row{--lane:52px}.compact .actions .btn{height:38px;font-size:calc(var(--fs-label) * .92)}.compact .btn .icon{margin-inline-end:.5em}#tools[hidden]{display:none}#more[aria-expanded=false]{color:var(--fg-dim)}.icon-toggle .icon-done,.icon-toggle.done .icon-copy{display:none}.icon-toggle.done .icon-done{display:block}.icon-toggle.done{border-color:var(--fg-dim);color:var(--fg)}.swatches{align-items:center;gap:8px;height:44px;padding-inline:2px;display:flex}.swatch{cursor:pointer;place-items:center;width:22px;height:22px;display:grid;position:relative}.swatch input[type=radio]{opacity:0;pointer-events:none;position:absolute}.swatch span{background:var(--c);width:16px;height:16px;box-shadow:0 0 0 1px var(--line-strong);transition:box-shadow var(--calm) var(--ease), transform var(--calm) var(--ease);border-radius:50%;display:block}.swatch:hover span{transform:scale(1.1)}.swatch input:checked+span{box-shadow:0 0 0 2px var(--bg), 0 0 0 3px var(--fg)}.swatch input:focus-visible+span{outline:1px solid var(--fg);outline-offset:5px}.swatch-custom span{background:conic-gradient(#e11d48,#f59e0b,#16a34a,#0891b2,#4f46e5,#c026d3,#e11d48)}.swatch-custom input[type=color]{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.sheet-swap{position:relative}#paper-btn.on svg path{fill:none}#paper-btn.on svg circle{fill:currentColor}.frame[data-paper=dark] .paper{background:#0c0c0f}.hud{white-space:nowrap;font-size:calc(var(--fs-label) * .92);color:var(--fg-faint);transition:color var(--calm) var(--ease);align-items:baseline;gap:.7em;display:flex;position:absolute}.hud b{color:var(--fg-dim);font-variant-numeric:tabular-nums;font-weight:500;display:inline-block}.frame.has-qr .hud{color:var(--fg-dim)}.frame.has-qr .hud b{color:var(--fg)}.hud-tl,.hud-tr{top:calc(var(--pad) / 2);transform:translateY(-50%)}.hud-bl,.hud-br{bottom:calc(var(--pad) / 2);transform:translateY(50%)}.hud-tl,.hud-bl{inset-inline-start:var(--pad)}.hud-tr,.hud-br{inset-inline-end:var(--pad)}.foot{z-index:1;width:100%;max-width:2200px;padding:clamp(12px, 2.2vh, 28px) var(--gutter) clamp(14px, 2.6vh, 32px);grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;margin-inline:auto;display:grid;position:relative}.foot:before{content:"";top:0;inset-inline:var(--gutter);background:var(--line);height:1px;position:absolute}.foot .label{gap:.8em;display:flex}.social{align-items:center;gap:clamp(4px,1vw,12px);display:flex}.social a{border-radius:var(--radius);color:var(--fg-faint);transition:color var(--calm) var(--ease), background-color var(--calm) var(--ease);padding:7px;display:inline-flex}.social a:hover{color:var(--fg);background:var(--line)}.social svg{fill:currentColor;width:26px;height:26px}.stamp{border-radius:var(--radius);opacity:.85;transition:opacity var(--calm) var(--ease), transform var(--slow) var(--ease);padding:0;display:inline-flex}.stamp:hover{opacity:1;background:0 0;transform:scale(1.06)}.stamp img{width:clamp(42px,6vh,62px);height:auto;display:block}:root[data-theme=light] .stamp-light,:root:not([data-theme=light]) .stamp-dark{display:none}.foot-brand{align-items:center;gap:14px;display:flex}.foot-rights{justify-content:flex-end;align-items:center;gap:12px;display:flex}.sign{opacity:.75;width:auto;height:clamp(18px,2.4vh,26px)}:root[data-theme=light] .sign-dark,:root:not([data-theme=light]) .sign-light{display:none}@media (max-width:720px){.foot{text-align:center;grid-template-columns:1fr;justify-items:center;gap:14px}.foot-rights{justify-content:center}}@keyframes fade{0%{opacity:0}}.cursor{z-index:50;border-radius:var(--radius);background:var(--ink);color:var(--on-ink);font-family:var(--font-label);font-size:calc(var(--fs-label) * .9);letter-spacing:var(--track);text-transform:var(--case);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .5s var(--ease);padding:5px 9px;position:fixed;top:0;left:0}.cursor.on{opacity:1}@media (pointer:coarse){.cursor{display:none}}.reveal{animation:rise var(--slow) var(--ease) both;animation-delay:calc(var(--i,0) * .11s)}.nav.reveal{animation-name:fade}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}}@media (min-width:880px) and (max-height:900px){.ecc{margin-top:min(var(--space), 18px)}}.pair{flex-wrap:wrap;align-items:flex-start;gap:0 clamp(20px,3vw,48px);display:flex}.pair .ecc{flex:none}.pair.spread{align-items:flex-end;gap:0 20px}.pair.spread .counter{margin-top:0;margin-bottom:0;text-align:end;margin-inline-start:auto}.pair.spread .count{font-size:clamp(20px,1.6vw,31px)}.status[data-state=idle]{display:none}@media (min-width:880px) and (max-height:580px){.lede,.counter{display:none}.display{font-size:min(var(--fs-display), 38px);margin-bottom:6px}.index{margin-bottom:6px}.field,.ecc{margin-top:6px}.ecc legend{margin-bottom:4px}.choice>span{height:24px;padding-inline:9px}.pill-input{width:76px;height:24px}}@media (min-width:880px) and (max-height:700px){.ecc{margin-top:10px}.ecc legend{margin-bottom:6px}.choice>span{height:30px;padding-inline:11px}.pill-input{width:84px;height:30px}.ecc-row{gap:6px 14px}.index{margin-bottom:8px}.field{margin-top:8px}}body,.stage,.frame{cursor:url(/assets/cursor/cursor-32.png) 8 4,auto;cursor:image-set(url(/assets/cursor/cursor-32.png) 1x, url(/assets/cursor/cursor-64.png) 2x) 8 4, auto}:root :is(a,button,summary,label,[role=button],[role=menuitemradio],[data-cursor],.btn,.pill,.icon-toggle,.level,.swatch,.choice,.sheet,.shape,.theme-switch,.stamp,input[type=radio],input[type=color],input[type=range],:disabled,[disabled]),.frame.pressable{cursor:url(/assets/cursor/pointer-32.png) 12 5,pointer;cursor:image-set(url(/assets/cursor/pointer-32.png) 1x, url(/assets/cursor/pointer-64.png) 2x) 12 5, pointer}label:has(:disabled){cursor:url(/assets/cursor/pointer-32.png) 12 5,pointer;cursor:image-set(url(/assets/cursor/pointer-32.png) 1x, url(/assets/cursor/pointer-64.png) 2x) 12 5, pointer}.level:has(input:disabled){cursor:url(/assets/cursor/pointer-32.png) 12 5,pointer;cursor:image-set(url(/assets/cursor/pointer-32.png) 1x, url(/assets/cursor/pointer-64.png) 2x) 12 5, pointer}.swatch:has(input:disabled){cursor:url(/assets/cursor/pointer-32.png) 12 5,pointer;cursor:image-set(url(/assets/cursor/pointer-32.png) 1x, url(/assets/cursor/pointer-64.png) 2x) 12 5, pointer}:root :is(a,button,label,.btn,.pill,.choice,.swatch,.sheet,.level,.edge,.icon-toggle,.theme-switch,.stamp,.clock) :is(span,small,b,i,img,svg,output){cursor:inherit}:root :is(input[type=text],input[type=url],textarea){cursor:text}.auth-grid{min-height:calc(100dvh - var(--nav-h) - 8rem);place-content:center}.auth-grid .col{width:100%;max-width:572px;margin-inline:auto}.auth-card{padding:var(--space);border:1px solid var(--glass-edge);border-radius:var(--radius);background:var(--glass-fill);box-shadow:var(--glass-glow);-webkit-backdrop-filter:blur(18px)saturate(130%)}.auth-card .lede{margin-block:0 var(--space)}.auth-lede{align-items:center;gap:.55em;display:flex}.auth-mark{flex:none;width:1.35em;height:1.35em}.auth-card .field{margin-block-end:0}.auth-label{margin-block-start:var(--space)}.auth-or{margin-block:var(--space);color:var(--fg-faint);align-items:center;gap:12px;display:flex}.auth-or:before,.auth-or:after{content:"";background:var(--line);flex:1;height:1px}.btn.google{justify-content:center;gap:10px;width:100%}.google-mark{width:18px;height:18px;display:block}.auth-sent{color:var(--fg-dim);margin-block-end:12px}.auth-sent b{color:var(--fg);font-weight:400}.auth-hint{color:var(--fg-faint);margin-block-start:10px}.auth-actions{flex-wrap:wrap;gap:8px;margin-block-start:var(--space);display:flex}.auth-foot{color:var(--fg-faint);text-align:center;margin-block-start:var(--space)}.pw{display:block;position:relative}.pw input{width:100%;padding-inline-end:46px}.pw-eye{width:44px;color:var(--fg-faint);cursor:pointer;transition:color var(--quick) var(--ease);background:0 0;border:0;place-items:center;display:grid;position:absolute;inset-block:0;inset-inline-end:0}.pw-eye svg{width:18px;height:18px}.pw-eye:hover,.pw-eye[aria-pressed=true]{color:var(--fg)}.auth-alt{color:var(--fg-dim);cursor:pointer;text-align:start;transition:color var(--quick) var(--ease);background:0 0;border:0;margin-block-start:12px;padding:0}.auth-alt:hover{color:var(--fg)}.code-row{gap:8px;display:flex}.code-box{width:100%;min-width:0;height:var(--control-h);border:1px solid var(--glass-edge);border-radius:var(--radius);background:var(--glass-fill);color:var(--fg);font-family:var(--font-mono);font-size:calc(var(--fs-body) * 1.15);text-align:center;transition:border-color var(--calm) var(--ease);padding:0}.code-box:focus-visible{border-color:var(--line-strong);outline:none}.pick{min-width:0;height:var(--control-h);border:1px solid var(--glass-edge);border-radius:var(--radius);background:var(--glass-fill);color:var(--fg);appearance:none;flex:1;padding-inline:14px}.pick:focus-visible{border-color:var(--line-strong);outline:none}.picker{position:relative}.auth-grid{z-index:2}.picker-trigger{width:100%;height:var(--control-h);border:1px solid var(--glass-edge);border-radius:var(--radius);background:var(--glass-fill);color:var(--fg);font:inherit;text-align:start;cursor:pointer;transition:border-color var(--calm) var(--ease), background-color var(--calm) var(--ease);align-items:center;gap:12px;padding-inline:16px 14px;font-size:1.05rem;display:flex}.picker-trigger:hover{border-color:var(--line-strong)}.picker-trigger:focus-visible,.picker.open .picker-trigger{border-color:var(--line-strong);outline:none}.picker-value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.picker-value.picker-placeholder{color:var(--fg-faint)}.picker-code{font-family:var(--font-label);font-size:var(--fs-label);letter-spacing:.12em;color:var(--fg-faint);flex:none}.picker-chevron{fill:none;width:14px;height:14px;stroke:var(--fg-dim);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--calm) var(--ease);flex:none}.picker.open .picker-chevron{transform:rotate(180deg)}.picker-pop{inset-inline:0;z-index:30;border:1px solid var(--glass-edge);border-radius:var(--radius);background:linear-gradient(var(--glass-fill), var(--glass-fill)), var(--bg);-webkit-backdrop-filter:blur(22px)saturate(1.3);backdrop-filter:blur(22px)saturate(1.3);animation:picker-in .16s var(--ease) both;flex-direction:column;display:flex;position:absolute;top:calc(100% + 6px);overflow:hidden;box-shadow:0 18px 48px #00000029,0 2px 6px #0000000f}@keyframes picker-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.picker-search{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding-inline:14px;display:flex}.picker-search svg{fill:none;width:15px;height:15px;stroke:var(--fg-faint);stroke-width:1.5px;stroke-linecap:round;flex:none}.auth-card .picker-search input{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;min-width:0;height:46px;color:var(--fg);font:inherit;background:0 0;border:0;border-radius:0;outline:none;flex:1;padding:0}.auth-card .picker-search input::placeholder{color:var(--fg-faint)}.picker-list{overscroll-behavior:contain;scrollbar-width:thin;max-height:min(320px,44vh);margin:0;padding:6px;list-style:none;overflow-y:auto}.picker-list ul{margin:0;padding:0;list-style:none}.picker-group{color:var(--fg-faint);margin:0;padding:10px 10px 6px}.picker-list>li+li .picker-group{border-top:1px solid var(--line);margin-top:4px;padding-top:12px}.picker-option{border-radius:calc(var(--radius) - 1px);cursor:pointer;min-height:40px;color:var(--fg-dim);align-items:center;gap:12px;padding-inline:10px;display:flex}.picker-option.active{background:var(--glass-fill);color:var(--fg)}.picker-option[aria-selected=true]{color:var(--fg)}.picker-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.picker-check{fill:none;width:14px;height:14px;stroke:var(--fg);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;visibility:hidden;flex:none}.picker-option[aria-selected=true] .picker-check{visibility:visible}.picker-none{color:var(--fg-faint);text-align:center;padding:18px 10px}@media (prefers-reduced-motion:reduce){.picker-pop{animation:none}}.whoami{align-items:center;gap:8px;display:inline-flex}.whoami .avatar{border-radius:50%;width:22px;height:22px;font-size:9px}@media (min-width:880px) and (min-height:500px){.output-row{--lane:75px}.output-row .tools{gap:13px;padding:16px 11px}.output-row .swatches{gap:11px}.output-row .swatch{width:29px;height:29px}.output-row .swatch span{width:21px;height:21px}.output-row .tool-group{gap:10px}.output-row .icon-toggle{width:32px;height:32px}.output-row .icon-toggle svg{width:19px;height:19px}.output-row .compact .tools,.compact .output-row .tools{padding:11px 8px}.compact .output-row .swatch{width:24px;height:24px}.compact .output-row .swatch span{width:16px;height:16px}.compact .output-row .icon-toggle{width:26px;height:26px}.compact .output-row .icon-toggle svg{width:14px;height:14px}}.pair.spread .count,.count{letter-spacing:-.04em;min-width:0;margin-bottom:4px;font-size:clamp(40px,min(7vw,11vh),108px);font-weight:300;line-height:.9}@media (min-width:880px) and (max-height:760px){.pair.spread .count,.count{font-size:clamp(36px,min(6vw,10vh),76px)}}@media (min-width:880px) and (max-height:580px){.pair.spread .count,.count{font-size:clamp(28px,8vh,52px)}}@property --beam{syntax:"<color>";inherits:true;initial-value:#00e5ff}:root{transition:--beam .9s var(--ease)}@media (prefers-reduced-motion:reduce){:root{transition:none}}.beam-switch{border:1px dashed var(--line-strong);border-radius:var(--radius);background:var(--frame-fill);width:34px;height:34px;box-shadow:var(--glass-glow);-webkit-backdrop-filter:blur(22px)saturate(1.4);backdrop-filter:blur(22px)saturate(1.4);color:var(--fg-faint);cursor:pointer;transition:color var(--calm) var(--ease), border-color var(--calm) var(--ease), background-color var(--calm) var(--ease);place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.beam-switch:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(160deg,#ffffff17 0%,#ffffff05 38%,#0000 62%);position:absolute;inset:0}:root[data-theme=light] .beam-switch:before{background:linear-gradient(160deg,#ffffff8c 0%,#ffffff29 38%,#0000 62%)}.beam-switch.on{border-color:color-mix(in oklab, var(--beam) 42%, var(--line-strong));box-shadow:var(--glass-glow), 0 0 18px -6px var(--beam)}.beam-switch svg{width:19px;height:19px}.beam-switch:hover{border-color:var(--fg-dim);color:var(--fg-dim)}.beam-switch.on{color:var(--fg)}.beam-switch.on .beam-switch-ray{stroke:var(--beam);opacity:1}.beam-switch-ray{opacity:.35;transition:opacity var(--calm) var(--ease)}.beam-switch:not(.on) .beam-switch-ray{opacity:.22}@media (min-width:880px) and (min-height:500px){.output-row .beam-switch{top:calc(var(--frame-top,0px) + var(--tools-h,0px) + 12px);width:var(--tools-w,34px);height:var(--tools-w,34px);position:absolute;inset-inline-start:calc(var(--frame-w,0px) + 12px)}.output-row .beam-switch svg{width:74%;height:74%}}@media (min-width:880px) and (min-height:500px){.output-row .tools{height:calc(var(--frame-h,0px) - var(--tools-w,49px) - 10px);justify-content:space-between;gap:8px;padding:12px 8px}.output-row .swatches{gap:9px}.output-row .swatch{width:25px;height:25px}.output-row .swatch span{width:18px;height:18px}.output-row .tool-group{gap:8px}.output-row .icon-toggle{width:28px;height:28px}.output-row .icon-toggle svg{width:16px;height:16px}.output-row .beam-switch{top:calc(var(--frame-top,0px) + var(--tools-h,0px) + 10px)}}.pair.spread .count,.count{font-size:min(clamp(32px, min(5.6vw, 8.8vh), 86px), calc(var(--count-room,300px) / max(var(--digits,1), 1) * 1.24))}.flip>.back .lede{margin-bottom:calc(var(--space) * .45)}.flip>.back .risk{margin-top:-10px}.flip>.back .details{gap:clamp(8px,1.1vh,14px);margin-top:clamp(6px,1vh,12px)}.flip>.back .art-head{margin-bottom:4px}@media (min-width:880px) and (max-height:1000px){.flip>.back .choice.shape>span{width:30px;height:30px}.flip>.back .pills.shapes{gap:5px}.flip>.back .logo-row{margin-top:2px}}@media (max-width:880px){.grid{align-content:start;gap:clamp(28px,7vw,48px)}.col,.input-col,.output{min-width:0}.pair,.pair.spread{flex-wrap:wrap;gap:clamp(18px,4vw,28px)}.pair>*,.pair.spread>*{flex:100%;min-width:0}.ecc,.ecc-row,.pills,fieldset{min-width:0;min-inline-size:0}.col>*,.input-col>*,.output>*{max-width:100%}.lede,.display{overflow-wrap:anywhere}.field{flex-wrap:wrap}.field input,.field .btn{flex:100%}.pair.spread .counter{text-align:start;margin:0}.pair.spread .count,.count{font-size:clamp(44px,16vw,72px)}.output-row{display:block}.output-row .stage{padding-inline-end:0}.output-row .tools{flex-direction:row;justify-content:flex-start;gap:10px;width:100%;height:44px;padding:0 12px;position:static}.output-row .swatches{flex-direction:row;gap:8px;height:auto}.output-row .swatch{width:22px;height:22px}.output-row .swatch span{width:16px;height:16px}.output-row .tool-group{flex-direction:row;gap:7px;margin-block-start:0;margin-inline-start:auto}.output-row .icon-toggle{width:24px;height:24px}.output-row .icon-toggle svg{width:13px;height:13px}.output-row .pop{inset-inline-end:auto;top:auto;bottom:calc(100% + 10px);transform:none}.output-row .beam-switch{width:44px;height:44px;margin-top:10px;position:static}.output-row .beam-switch svg{width:58%;height:58%}.actions{flex-wrap:wrap}.actions .btn{flex:calc(50% - 4px)}.emblem{opacity:.5}.clock-art{display:none}}@media (max-width:420px){.brand .label{display:none}.nav{gap:8px}.display{font-size:clamp(2.2rem,13vw,3.4rem)}.actions .btn{flex:100%}}@media (max-width:880px){.pills,.ecc-row,.field,.actions,.tools,.swatches,.choice,.choice>span,.pill-input,.custom-size,.stage,.frame,.paper,.count{max-width:100%}.output-row .tools{flex-wrap:wrap;justify-content:center;row-gap:10px;height:auto;min-height:44px;padding:9px 10px}.output-row .swatches{flex-wrap:wrap;justify-content:center}.output-row .tool-group{flex-wrap:wrap;justify-content:center;margin-inline-start:0}.actions .btn,.actions .btn .turn{width:100%}.actions .btn .turn .side{justify-content:center}}.auth-grid{grid-template-columns:minmax(0,1fr)}@media (min-width:980px){.auth-grid{grid-template-columns:minmax(0,1fr) minmax(0,572px);align-items:start}.auth-grid>.col{grid-area:1/2}.auth-grid{padding-inline-end:clamp(80px,13vw,240px)}.auth-grid>.auth-aside{grid-area:1/1}}.auth-card .field{flex-direction:column;gap:10px;margin-top:10px}.auth-card .field>*{flex:none;width:100%}.auth-card .field input,.auth-card .btn,.auth-card .pick{height:var(--control-h)}.auth-aside{display:none}@media (min-width:980px){.auth-aside{animation:fade var(--slow) var(--ease) both;justify-items:center;gap:14px;animation-delay:.24s;display:grid}}.auth-plate{aspect-ratio:1;border:1px solid var(--glass-edge);border-radius:var(--radius);background:var(--frame-fill);width:min(360px,34vw);box-shadow:var(--glass-glow), var(--shadow);-webkit-backdrop-filter:blur(22px)saturate(1.4);backdrop-filter:blur(22px)saturate(1.4);place-items:center;padding:clamp(18px,2vw,30px);display:grid;position:relative}.auth-stack{width:100%;height:100%;display:grid}.auth-code{opacity:0;grid-area:1/1;place-items:center;width:100%;height:100%;transition:opacity .3s linear 2.86s;display:grid}.auth-code.on{opacity:1;will-change:clip-path;animation:2.9s steps(31,end) both decode}@keyframes decode{0%{clip-path:inset(var(--edge,0%) var(--edge,0%) calc(100% - var(--edge,0%)) var(--edge,0%))}to{clip-path:inset(var(--edge,0%))}}.auth-code.on:after{content:"";inset:var(--edge,0%);pointer-events:none;background:linear-gradient(#0000 0%,#0f172a0f 62%,#0f172a38 96%,#0f172a61 100%) 0 0/100% 22% no-repeat;animation:2.9s linear both reader;position:absolute}@keyframes reader{0%{opacity:1;background-position:0 -22%}97%{opacity:1}to{opacity:0;background-position:0 100%}}.auth-code svg{width:100%;height:100%}.auth-aside-note{color:var(--fg-faint)}@media (prefers-reduced-motion:reduce){.auth-aside,.auth-code,.auth-code.on{animation:none}.auth-code.on:after{display:none}.auth-code.on{opacity:1;clip-path:none;filter:none;transform:none}}.auth-grid{padding-block:clamp(28px,7vh,110px) clamp(70px,16vh,190px)}body:has(.auth-grid) .clock-art{display:none}@media (min-width:980px){.auth-aside{justify-items:start}.auth-plate{--plate:min(810px, 47vw, 82vh);width:var(--plate);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;margin-block-start:calc(-1 * var(--plate) * var(--edge-ratio,0));margin-inline-start:clamp(-40px,-3vw,0px);padding:0}.auth-stack{opacity:.4}.auth-plate .tick{--tick-inset:var(--edge,8%);border-color:var(--fg-dim);border-radius:0;width:clamp(30px,8%,86px);height:clamp(30px,8%,86px)}.auth-plate .tick.tl{inset:var(--tick-inset) auto auto var(--tick-inset);border-width:2px 0 0 2px}.auth-plate .tick.tr{inset:var(--tick-inset) var(--tick-inset) auto auto;border-width:2px 2px 0 0}.auth-plate .tick.bl{inset:auto auto var(--tick-inset) var(--tick-inset);border-width:0 0 2px 2px}.auth-plate .tick.br{inset:auto var(--tick-inset) var(--tick-inset) auto;border-width:0 2px 2px 0}.auth-aside-note{display:none}}.notice-pill,.risk.on,.tool-note,.status:not([data-state=idle]){--tone:var(--tone-warn);background:var(--tone);width:fit-content;max-width:100%;color:var(--tone-ink);font-family:var(--font-label);font-size:calc(var(--fs-label) * .9);letter-spacing:calc(var(--track) * .5);text-transform:var(--case);box-shadow:0 4px 14px color-mix(in srgb, var(--tone) 32%, transparent);border:0;border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 10px;font-weight:600;line-height:1.2;display:inline-flex}.notice-pill svg,.risk.on svg,.tool-note svg{color:var(--tone-ink);flex:none}.risk.bad,.tool-note.refuse,.status:is([data-state=empty],[data-state=tooLong],[data-state=error],[data-state=copyFailed]){--tone:var(--tone-bad)}.status:is([data-state=done],[data-state=copied]){--tone:var(--tone-info)}.tool-note{max-width:calc(100vw - 2 * var(--gutter))}@media (max-width:560px){.tool-note{white-space:normal;border-radius:14px}}.status:before{display:none}.risk{height:auto;min-height:30px;margin:0}.risk:not(.on){box-shadow:none;background:0 0;padding:0}.auth-card .risk{white-space:normal;min-height:0;margin-top:12px;display:flex}.auth-names{grid-template-columns:1fr 1fr;gap:12px;display:grid}.auth-names .field{margin-top:10px}@media (max-width:420px){.auth-names{grid-template-columns:1fr}}@media (min-width:980px){body:has(.auth-grid){height:auto;min-height:100dvh;overflow:visible}.auth-grid{grid-template-rows:auto;padding-block-end:clamp(28px,5vh,64px)}}.account{position:relative}.whoami-name{text-overflow:ellipsis;white-space:nowrap;max-width:22ch;color:var(--fg);overflow:hidden}.account-menu{top:calc(100% + 12px);z-index:40;border:1px solid var(--line);border-radius:var(--radius);background:var(--sheet);min-width:280px;box-shadow:var(--shadow);animation:drop var(--calm) var(--ease);padding:6px;position:absolute;inset-inline-end:0}.account-who{border-bottom:1px solid var(--line);align-items:center;gap:12px;margin-bottom:6px;padding:12px 10px 14px;display:flex}.account-who .avatar{border-radius:50%;flex:none;width:36px;height:36px;font-size:13px}.account-name{color:var(--fg);margin:0;font-size:.98rem;line-height:1.3}.account-email{color:var(--fg-faint);text-transform:none;letter-spacing:.02em;margin:2px 0 0}.account-item{border-radius:var(--radius);width:100%;min-height:42px;color:var(--fg-dim);font:inherit;text-align:start;cursor:pointer;transition:background-color var(--calm) var(--ease), color var(--calm) var(--ease);background:0 0;border:0;align-items:center;gap:12px;padding:6px 10px;display:flex}button.account-item:hover,button.account-item:focus-visible{background:var(--line);color:var(--fg);outline:none}.account-item>svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.account-theme{cursor:default}.account-theme .theme-switch{width:54px;height:30px;margin-inline-start:auto}.account-theme .theme-switch .knob{width:22px;height:22px}.account-theme .theme-switch .theme-icon{width:13px;height:13px}:root[data-theme=light] .account-theme .theme-switch .knob{transform:translate(24px)}:root[dir=rtl][data-theme=light] .account-theme .theme-switch .knob{transform:translate(-24px)}.account-out{border-top:1px solid var(--line);border-radius:0 0 var(--radius) var(--radius);margin-top:6px}.rise{z-index:200;background:var(--sheet);will-change:transform;overscroll-behavior:contain;transition:transform .46s cubic-bezier(.16,1,.3,1);position:fixed;inset:0;overflow-y:auto;transform:translateY(100%)}.rise.up{transform:translateY(0)}.rise.gone{transition:transform .46s cubic-bezier(.7,0,.84,0);transform:translateY(-100%)}@media (prefers-reduced-motion:reduce){.rise,.rise.gone{transition:none}}.rise-body{min-height:100%;padding:clamp(28px, 7vh, 88px) var(--gutter) clamp(40px, 8vh, 96px)}.rise-close{top:clamp(16px,3vh,28px);z-index:1;border:1px solid var(--line);width:44px;height:44px;color:var(--fg-dim);cursor:pointer;transition:border-color var(--calm) var(--ease), color var(--calm) var(--ease), transform var(--calm) var(--ease);background:0 0;border-radius:50%;place-items:center;display:grid;position:fixed;inset-inline-end:var(--gutter)}.rise-close:hover{border-color:var(--line-strong);color:var(--fg);transform:rotate(90deg)}.rise-close svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;width:16px;height:16px}.settings{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:clamp(32px,5vw,80px);max-width:1120px;margin-inline:auto;display:grid}.settings-nav{gap:2px;display:grid;position:sticky;top:0}.settings-nav-group{color:var(--fg-faint);margin:0 0 10px;padding-inline:12px}.settings-nav-item{border-radius:var(--radius);width:100%;min-height:42px;color:var(--fg-dim);font:inherit;text-align:start;cursor:pointer;transition:background-color var(--calm) var(--ease), color var(--calm) var(--ease);background:0 0;border:0;align-items:center;gap:12px;padding:8px 12px;display:flex}.settings-nav-item:hover{color:var(--fg);background:var(--glass-fill)}.settings-nav-item[aria-current=page]{color:var(--fg);background:var(--line)}.settings-nav-item svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.settings-main{min-width:0}.settings-section-head{border-bottom:1px solid var(--line);padding-bottom:clamp(18px,3vh,28px)}.settings-section-head h2{font-family:var(--font-display);letter-spacing:-.01em;color:var(--fg);margin:0;font-size:clamp(1.9rem,1.2rem + 1.6vw,2.6rem);font-weight:300;line-height:1.1}.settings-section-head p{color:var(--fg-dim);max-width:60ch;margin:8px 0 0}.set-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(170px,240px) minmax(0,1fr);gap:12px clamp(20px,3vw,48px);padding-block:clamp(20px,3vh,28px);display:grid}.set-row-label label,.set-row-title{color:var(--fg);margin:0;font-size:.98rem;display:block}.set-row-help{color:var(--fg-faint);margin:6px 0 0;font-size:.88rem;line-height:1.5}.set-row-help b{color:var(--fg);font-weight:400}.set-row-control{min-width:0;max-width:520px}.set-input{border:1px solid var(--glass-edge);border-radius:var(--radius);background:var(--glass-fill);width:100%;min-width:0;height:44px;color:var(--fg);font:inherit;transition:border-color var(--calm) var(--ease);padding-inline:14px}.set-input::placeholder{color:var(--fg-faint)}.set-input:hover{border-color:var(--fg-faint)}.set-input:focus{border-color:var(--fg-dim);outline:none}.set-pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.set-stack{gap:4px;display:grid}.set-stack .auth-label:first-child,.set-stack>:first-child{margin-top:0}.set-inline{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.set-inline .set-input{flex:220px;width:auto}.set-gap{margin-top:14px}.set-value{color:var(--fg);overflow-wrap:anywhere;margin:0;font-size:1rem;line-height:44px}.set-inline .set-value{line-height:1.4}.set-photo{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.set-photo .avatar{object-fit:cover;width:64px;height:64px;box-shadow:0 0 0 1px var(--line);border-radius:50%;flex:none;margin-inline-end:6px;font-size:22px}.avatar{object-fit:cover}.avatar-initials{background:var(--line-strong);color:var(--fg);letter-spacing:.02em;-webkit-user-select:none;user-select:none;place-items:center;font-weight:600;line-height:1;display:inline-grid}.set-row-control .field{margin-top:8px}.settings .field>.pw{flex:100%}.settings .field input{height:44px;padding-inline:14px;font-size:1rem}.set-row-control .auth-label{margin-block-start:14px}.set-row-control .auth-label:first-child{margin-block-start:0}.settings .btn{height:40px}.btn.quiet{color:var(--fg-dim);background:0 0;border-color:#0000}.btn.quiet:hover{color:var(--fg);border-color:var(--line)}.set-foot{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px 12px;padding-top:20px;display:flex}.set-foot-notes{flex-wrap:wrap;gap:8px;min-width:0;margin-inline-end:auto;display:flex}.settings .risk{white-space:normal;min-height:0;margin:0;display:flex}.set-foot:not(:has(.btn)):not(:has(.risk.on)){padding-top:0}.settings-confirm{border:1px solid var(--tone-warn);border-radius:var(--radius);background:var(--glass-fill);margin-bottom:clamp(28px,5vh,48px);padding:clamp(18px,2.4vw,28px)}.settings-confirm .settings-section-head{border-bottom:0;padding-bottom:12px}.notice-pill.info{--tone:var(--tone-info)}@media (max-width:820px){.settings{grid-template-columns:minmax(0,1fr);gap:20px}.settings-nav{border-bottom:1px solid var(--line);scrollbar-width:none;gap:6px;padding-bottom:6px;display:flex;position:static;overflow-x:auto}.settings-nav-group{display:none}.settings-nav-item{white-space:nowrap;flex:none;width:auto}.set-row,.set-pair{grid-template-columns:minmax(0,1fr)}.rise-body{padding-top:calc(clamp(16px,3vh,28px) + 60px)}}.risk{transition:opacity .45s var(--ease), visibility 0s linear .45s}.risk.on{transition:opacity .2s var(--ease)}.tool-note{transition:opacity .45s var(--ease), visibility 0s linear .45s}.tool-note.shown{transition:opacity .2s var(--ease)}.status{transition:opacity .45s var(--ease)}.status.faded{opacity:0}.flash{transition:opacity .45s var(--ease)}.flash.out{opacity:0}.scan-test{color:var(--fg-faint);align-items:center;gap:10px;margin:-4px 0 10px;display:flex}.scan-test b{color:var(--fg-dim);font-weight:400}.scan-dot{background:var(--fg-dim);border-radius:50%;flex:none;width:7px;height:7px}.scan-dot.busy{animation:1.1s ease-in-out infinite scan-pulse}@keyframes scan-pulse{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.scan-dot.busy{opacity:.5;animation:none}}@media (min-width:880px) and (min-height:500px){body:has(.legal){height:auto;min-height:100dvh;overflow:visible}}.legal-bar{z-index:2;width:100%;max-width:2200px;padding:clamp(18px, 3vh, 28px) var(--gutter);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;margin-inline:auto;display:flex;position:relative}.legal-home{color:var(--fg);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.legal-home .mark{width:22px;height:22px}:root[data-theme=dark] .legal-home .mark-on-light,:root[data-theme=light] .legal-home .mark-on-dark{display:none}.legal-langs{gap:6px;display:flex}.legal-langs a{border:1px solid var(--line);border-radius:var(--radius);color:var(--fg-dim);padding:6px 10px;text-decoration:none}.legal-langs a[aria-current=page]{color:var(--fg);border-color:var(--line-strong);background:var(--glass-fill)}.legal{z-index:1;width:100%;max-width:74ch;padding:clamp(36px, 7vh, 80px) var(--gutter) clamp(48px, 9vh, 110px);color:var(--fg-dim);margin:0 auto;font-size:1.02rem;line-height:1.7;position:relative}.legal h1{font-family:var(--font-display);letter-spacing:-.02em;color:var(--fg);margin:10px 0 14px;font-size:clamp(2.2rem,1.4rem + 2.6vw,3.4rem);font-weight:300;line-height:1.05}.legal h2{font-family:var(--font-body);color:var(--fg);margin:clamp(32px,5vh,48px) 0 10px;scroll-margin-top:24px;font-size:1.15rem;font-weight:500}.legal p{margin:0 0 14px}.legal ul{margin:0 0 14px;padding-inline-start:1.2em}.legal li{margin-bottom:6px}.legal li::marker{color:var(--fg-faint)}.legal a{color:var(--fg)}.legal-kicker{flex-wrap:wrap;gap:10px;margin:0;display:flex}.legal-kicker a{color:var(--fg-faint);text-decoration:none}.legal-kicker a[aria-current=page]{color:var(--fg)}.legal-meta{color:var(--fg-faint);font-size:.92rem}.legal-intro{margin-top:24px}.legal-intro p:first-child{color:var(--fg)}.legal-toc{border:1px solid var(--line);border-radius:var(--radius);background:var(--glass-fill);margin:28px 0 8px;padding:18px 22px}.legal-toc .label{color:var(--fg-faint);margin-bottom:8px}.legal-toc ol{columns:2 16em;column-gap:32px;margin:0;padding-inline-start:1.4em}.legal-toc li{break-inside:avoid;margin-bottom:4px}.legal-toc a{color:var(--fg-dim);text-decoration:none}.legal-toc a:hover{color:var(--fg);text-decoration:underline}@media print{.legal-bar,.legal-toc,.foot{display:none}.legal{color:#000;max-width:none;padding:0}}.foot-rights .label a{color:inherit;text-decoration:none}.foot-rights .label a:hover{color:var(--fg);text-underline-offset:.3em;text-decoration:underline}.consent{color:var(--fg-dim);cursor:pointer;align-items:flex-start;gap:12px;margin-top:16px;font-size:.95rem;line-height:1.45;display:flex}.consent input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.consent-box{border:1px solid var(--glass-edge);background:var(--glass-fill);width:20px;height:20px;transition:background-color var(--calm) var(--ease), border-color var(--calm) var(--ease);border-radius:4px;flex:none;place-items:center;margin-top:1px;display:grid}.consent-box svg{fill:none;width:14px;height:14px;stroke:var(--bg);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity .15s var(--ease)}.consent input:checked+.consent-box{background:var(--fg);border-color:var(--fg)}.consent input:checked+.consent-box svg{opacity:1}.consent input:focus-visible+.consent-box{outline:1px solid var(--fg);outline-offset:3px}.consent:hover .consent-box{border-color:var(--fg-dim)}.consent-text a{color:var(--fg);text-underline-offset:.25em}.gate{z-index:300;padding:var(--gutter);background:color-mix(in srgb, var(--bg) 72%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fade var(--calm) var(--ease) both;place-items:center;display:grid;position:fixed;inset:0}.gate-card{background:var(--sheet);width:min(520px,100%)}.gate-card h2{font-family:var(--font-display);color:var(--fg);margin:0 0 10px;font-size:clamp(1.7rem,1.2rem + 1.2vw,2.2rem);font-weight:300}.gate-lede{color:var(--fg-dim);margin:0;line-height:1.55}.gate-card .field{margin-top:18px}.gate-card .btn{height:var(--control-h)}.gate-leave{margin:14px auto 0;display:block}.btn.danger{background:var(--tone-bad);border-color:var(--tone-bad);color:var(--tone-ink)}.btn.danger:hover:not(:disabled){filter:brightness(1.08)}.btn.danger:disabled{opacity:.45}.consent.danger{margin-top:0}.consent.danger input:checked+.consent-box{background:var(--tone-bad);border-color:var(--tone-bad)}.settings-nav-item[data-cursor=settings\.deleteTitle]{margin-top:14px}.settings-nav-item[data-cursor=settings\.deleteTitle]:hover,.settings-nav-item[data-cursor=settings\.deleteTitle][aria-current=page]{color:var(--tone-bad)}.field .btn.remake-open{flex:0 0 var(--control-h);width:var(--control-h);height:var(--control-h);border-color:var(--glass-edge);background:var(--glass-fill);box-shadow:var(--glass-glow);color:var(--fg-dim);padding:0}.field .btn.remake-open:hover{color:var(--fg)}.field .btn.remake-open .icon{width:22px;height:22px;margin:0}@media (max-width:480px){.field .btn.remake-open{flex:0 0 var(--control-h)}.field:has(.remake-open) .btn.primary{flex:1 1 0}}.remake-card{width:min(560px,100%);max-height:calc(100dvh - 2 * var(--gutter));overflow-y:auto}.remake-photo{justify-content:center;margin:18px 0 0;display:flex}.remake-stage{border-radius:var(--radius);border:1px solid var(--line);line-height:0;display:block;position:relative;overflow:hidden}.remake-stage img{width:auto;max-width:100%;height:auto;max-height:36vh;transition:filter var(--calm) var(--ease);display:block}.remake-photo.reading img{filter:saturate(.5)brightness(.8)}.remake-stage svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.remake-stage polygon{fill:color-mix(in oklab, var(--beam) 14%, transparent);stroke:color-mix(in oklab, var(--beam) 45%, transparent);stroke-width:2px;stroke-linejoin:round;vector-effect:non-scaling-stroke;cursor:pointer;animation:fade var(--calm) var(--ease) both;transition:stroke var(--calm) var(--ease), fill var(--calm) var(--ease)}.remake-stage polygon.picked{fill:color-mix(in oklab, var(--beam) 24%, transparent);stroke:var(--beam);stroke-width:3px;filter:drop-shadow(0 0 10px color-mix(in oklab, var(--beam) 70%, transparent))}.remake-photo .beam i{animation-duration:1.9s}.remake-says{gap:14px;margin-top:16px;display:grid}.remake-says:empty{display:none}.remake-reading .label{flex-wrap:wrap;align-items:center;gap:.7em;margin:0;display:flex}.remake-kind{border:1px solid var(--line-strong);color:var(--fg);border-radius:999px;padding:3px 9px}.remake-text{border:1px solid var(--glass-edge);border-radius:var(--radius);background:var(--glass-fill);max-height:9.5em;color:var(--fg-dim);font-family:var(--font-mono);font-size:calc(var(--fs-body) * .92);text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0;padding:12px 14px;line-height:1.5;overflow:auto}.remake-text b{color:var(--fg);font-weight:600}.remake-flags{flex-direction:column;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.remake-flags .notice-pill{border-radius:14px}.remake-many{border:0;gap:6px;min-width:0;margin:0;padding:0;display:grid}.remake-many legend{margin-bottom:8px;padding:0}.remake-choice{border:1px solid var(--line);border-radius:var(--radius);color:var(--fg-dim);font-family:var(--font-mono);font-size:calc(var(--fs-body) * .85);transition:border-color var(--calm) var(--ease), color var(--calm) var(--ease);align-items:center;gap:10px;padding:9px 12px;display:flex}.remake-choice span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.remake-choice:has(input:checked){border-color:var(--fg-dim);color:var(--fg)}.remake-choice input{accent-color:var(--ink);flex:none;margin:0}.remake-veil{z-index:310;pointer-events:none;background:color-mix(in srgb, var(--bg) 72%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fade var(--calm) var(--ease) both;place-items:center;display:grid;position:fixed;inset:0}.remake-veil:before{content:"";inset:var(--gutter);border:2px dashed color-mix(in oklab, var(--beam) 75%, transparent);border-radius:calc(var(--radius) * 2);box-shadow:inset 0 0 60px -20px var(--beam);position:absolute}.remake-veil p{padding-inline:calc(var(--gutter) * 2);color:var(--fg);font-family:var(--font-display);text-align:center;margin:0;font-size:clamp(1.4rem,1rem + 1.6vw,2.4rem);font-weight:300}.print-bar{border-color:var(--line);width:100%;color:var(--fg-dim);justify-content:flex-start;gap:10px;margin-top:8px;padding-inline:12px;display:flex}.print-bar .icon{margin-inline-end:0}.print-bar-answer{text-overflow:ellipsis;min-width:0;color:var(--fg);align-items:center;gap:.5em;margin-inline-start:auto;display:inline-flex;overflow:hidden}.print-bar-answer b{font-weight:600}.print-bar-answer .warn-icon{width:14px;height:14px;color:var(--tone-warn);flex:none}.output-row .actions:has(+.print-bar){margin-bottom:0}.output-row .print-bar{width:var(--frame-w,100%);max-width:100%;margin-bottom:clamp(14px,2vh,24px)}.compact .print-bar{height:34px;font-size:calc(var(--fs-label) * .92)}@media (max-width:420px){.print-bar-label{display:none}}.print-check{max-width:1120px;margin-inline:auto}.print-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:clamp(28px,5vw,80px);margin-top:clamp(24px,4vh,40px);display:grid}@media (max-width:860px){.print-grid{grid-template-columns:minmax(0,1fr)}}.print-places{border:0;min-width:0;margin:0;padding:0}.print-places legend{margin-bottom:12px;padding:0}.print-place-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.print-place{border:1px solid var(--line);border-radius:var(--radius);background:var(--glass-fill);transition:border-color var(--calm) var(--ease), background-color var(--calm) var(--ease);gap:4px;padding:14px 16px;display:grid;position:relative}.print-place:hover{border-color:var(--line-strong)}.print-place input{opacity:0;pointer-events:none;position:absolute}.print-place:has(input:checked){border-color:var(--ink);background:color-mix(in oklab, var(--ink) 8%, transparent)}.print-place:has(input:focus-visible){outline:1px solid var(--fg);outline-offset:3px}.print-place-name{color:var(--fg)}.print-place-hint{color:var(--fg-faint)}.print-distance{align-items:center;gap:10px;margin-top:14px;display:flex}.print-method{gap:10px;max-width:420px;margin-top:clamp(22px,3.5vh,32px);display:grid}.print-answer{padding-top:4px;position:sticky;top:0}.print-answer>.label{color:var(--fg-dim);margin:0}.print-width{font-family:var(--font-display);letter-spacing:-.02em;color:var(--fg);text-align:start;margin:6px 0 0;font-size:clamp(3.4rem,2rem + 4vw,6rem);font-weight:300;line-height:1}.print-tail{color:var(--fg-dim);margin:10px 0 0}.print-facts{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0 0;padding-top:18px;display:grid}.print-facts div{gap:6px;display:grid}.print-facts dt{color:var(--fg-faint)}.print-facts dd{color:var(--fg);font-family:var(--font-mono);font-size:var(--fs-lede);text-align:start;margin:0}.print-notes{flex-direction:column;gap:6px;margin:20px 0 0;padding:0;list-style:none;display:flex}.print-notes .notice-pill{border-radius:14px}.print-basis{color:var(--fg-faint);font-size:calc(var(--fs-body) * .9);margin:22px 0 0;line-height:1.5}.print-download{margin-top:24px}.print-download .btn{height:var(--control-h);flex:1 1 0}.print-exact{color:var(--fg-dim);font-size:calc(var(--fs-body) * .92);margin:10px 0 0;line-height:1.5}.print-test{border-top:1px solid var(--line);justify-items:start;gap:8px;margin-top:22px;padding-top:18px;display:grid}.print-test .btn{height:var(--control-h)}.print-test .print-exact{margin:0}
