:root{--paper:#f7f4ee;--wall:#ece8e1;--ink:#1e4a2b;--text:#2a2622;--muted:#776f66;--line:#d9d1c7;--ember:#c8400c;--ember-soft:#fbe3cc;--ok:#1e7a3c;--bad:#b3261e;--panel:#fffdf9;--serif:Georgia, "Times New Roman", "Liberation Serif", serif;--mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace}@media (prefers-color-scheme:dark){:root{--wall:#1b1917;--text:#ece6de;--muted:#a69d92;--line:#3a3530;--panel:#24211e;--ink:#8cc79d;--ember-soft:#3a2418;--ok:#6fcf8a;--bad:#f2867d}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--wall);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--ink)}header.top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;max-width:1180px;margin:0 auto;padding:20px 16px 8px;display:flex}header.top h1{font:600 1.6rem/1.2 var(--serif);color:var(--ink);margin:0}header.top h1 span{color:var(--ember)}header.top nav{gap:6px;display:flex}header.top nav a{color:var(--muted);border-radius:999px;padding:6px 12px;font-size:.92rem;text-decoration:none}header.top nav a[aria-current=page]{background:var(--panel);color:var(--text);box-shadow:0 0 0 1px var(--line)}main{grid-template-columns:minmax(280px,380px) 1fr;align-items:start;gap:28px;max-width:1180px;margin:0 auto;padding:8px 16px 40px;display:grid}@media (width<=820px){main{grid-template-columns:1fr}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;gap:14px;padding:18px;display:grid}.panel h2{font:600 1.05rem var(--serif);margin:0}.lede{color:var(--muted);margin:0;font-size:.93rem}label{gap:6px;font-size:.88rem;font-weight:600;display:grid}label small{color:var(--muted);font-weight:400}textarea,input[type=text]{width:100%;font:15px/1.4 var(--mono);color:var(--text);border:1px solid var(--line);resize:vertical;background:0 0;border-radius:10px;padding:10px 12px}textarea:focus,input:focus{outline:2px solid var(--ember);outline-offset:1px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}button,.button{cursor:pointer;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;padding:9px 14px;font:600 .9rem system-ui,sans-serif;text-decoration:none}button.primary,.button.primary{background:var(--ink);border-color:var(--ink);color:#fff}@media (prefers-color-scheme:dark){button.primary,.button.primary{color:#10170f}}button:disabled{opacity:.5;cursor:default}.check{align-items:center;gap:8px;font-weight:500;display:flex}.stats{grid-template-columns:auto 1fr;gap:4px 14px;margin:0;font-size:.88rem;display:grid}.stats dt{color:var(--muted)}.stats dd{font-variant-numeric:tabular-nums;margin:0}.meter{background:var(--line);border-radius:3px;height:6px;margin-top:4px;overflow:hidden}.meter>i{background:var(--ember);height:100%;display:block}.error{color:var(--bad);margin:0;font-size:.9rem}.frame-wrap{place-items:center;padding:8px 0;display:grid}.frame{background:#141414;border-radius:3px;width:min(100%,560px);padding:clamp(10px,2.2vw,22px);box-shadow:0 1px 2px #00000040,0 24px 60px -20px #00000073}.frame .mat{background:#fbfaf7;padding:clamp(12px,3vw,34px)}.frame svg{width:100%;height:auto;display:block}details{font-size:.9rem}details summary{cursor:pointer;font-weight:600}details p,details li{color:var(--muted)}code{font-family:var(--mono);font-size:.88em}header.top nav .install{border-radius:999px;padding:6px 12px;font-size:.85rem}[hidden]{display:none!important}.pwa-toast{z-index:10;background:var(--panel);width:max-content;max-width:calc(100% - 32px);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:10px 16px;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #00000040}fieldset.seg{border:0;flex-wrap:wrap;gap:6px;margin:0;padding:0;display:flex}fieldset.seg legend{margin-bottom:6px;padding:0;font-size:.88rem;font-weight:600}fieldset.seg legend small{color:var(--muted);font-weight:400;display:block}fieldset.seg label{border:1px solid var(--line);cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:5px 10px;font-size:.85rem;font-weight:500;display:inline-flex}fieldset.seg label:has(input:checked){border-color:var(--ember);background:var(--ember-soft)}fieldset.seg input{accent-color:var(--ember);margin:0}input[type=range]{width:100%;accent-color:var(--ember)}.check small{color:var(--muted);font-weight:400}.scancheck{margin:0;font-size:.9rem;font-weight:600}.scancheck.ok{color:var(--ok)}.scancheck.bad{color:var(--bad)}.scancheck.wait{color:var(--muted);font-weight:500}body.home{background:var(--paper);grid-template-rows:1fr auto;min-height:100dvh;display:grid}@media (prefers-color-scheme:dark){body.home{background:var(--wall)}}.home-main{place-items:center;padding:24px 16px;display:grid}.name-card{text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:18px;gap:12px;width:min(100%,380px);padding:28px 22px 22px;display:grid;box-shadow:0 20px 60px -30px #3c1e0a59}.name-card .mark{width:64px;height:64px;margin:0 auto}.name-card h1{font:600 1.7rem/1.1 var(--serif);color:var(--ink);margin:0}.name-card label{font:500 1.05rem var(--serif);justify-items:center}.name-card input{text-align:center;padding:12px 14px;font:1.05rem system-ui,sans-serif}.name-card button{padding:12px 16px;font-size:1rem}.name-card .fine{color:var(--muted);margin:0;font-size:.8rem}.home-links{justify-content:center;gap:18px;padding:16px 16px 24px;font-size:.88rem;display:flex}.home-links a{color:var(--muted);text-decoration:none}.home-links a:hover{color:var(--text)}header.top h1 a.brand{color:inherit;text-decoration:none}.panel h2#ember-title{font-size:1.35rem}#link{font:14px/1.3 var(--mono)}.panel.missing{max-width:420px;margin:40px auto}.hint-text{color:var(--muted);margin:-4px 0 0;font-size:.8rem}button.linklike{color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.designer{gap:10px;display:grid}.designer .tabs{border-bottom:1px solid var(--line);gap:4px;display:flex}.designer .tabs button{color:var(--muted);background:0 0;border:0;border-radius:8px 8px 0 0;padding:8px 12px;font-weight:600}.designer .tabs button[aria-selected=true]{color:var(--text);box-shadow:inset 0 -2px 0 var(--ember)}.designer .toolbar{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.designer .toolbar .group{gap:2px;display:inline-flex}.designer .toolbar button{border-radius:8px;place-items:center;min-width:32px;height:32px;padding:5px 8px;font-size:.9rem;display:inline-grid}.designer .toolbar button.on{background:var(--ember-soft);border-color:var(--ember)}.designer .toolbar button svg{fill:currentColor;width:18px;height:18px}.designer .toolbar select{border:1px solid var(--line);height:32px;color:var(--text);background:0 0;border-radius:8px;padding:0 6px;font:13px system-ui,sans-serif}.designer .swatch{cursor:pointer;width:24px;background:var(--c)!important;border:2px solid var(--line)!important;border-radius:50%!important;min-width:24px!important;height:24px!important;padding:0!important}.designer .swatch.picker{display:inline-block;position:relative;overflow:hidden;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red)!important}.designer .swatch.picker input{opacity:0;cursor:pointer;position:absolute;inset:0}.designer .editor{border:1px solid var(--line);background:#fbfaf7;border-radius:10px;outline:none;min-height:84px;max-height:260px;padding:10px 12px;font-size:22px;line-height:1.2;overflow:auto}.designer .editor:focus{border-color:var(--ember);box-shadow:0 0 0 2px var(--ember-soft)}@media (prefers-color-scheme:dark){.designer .editor{background:#f3efe8}}.designer .sliders,.designer .ember-layout{gap:8px;display:grid}.designer .sliders label,.designer .ember-layout label{grid-template-columns:1fr auto;gap:2px 8px;font-size:.84rem;display:grid}.designer .sliders input,.designer .ember-layout input{grid-column:1/-1}.designer output{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:500}.designer .ember-layout{border:1px solid var(--line);border-radius:12px;margin:0;padding:10px 12px}.designer .ember-layout legend{padding:0 4px;font-size:.88rem;font-weight:600}.poster-host{position:relative}.art-handle{cursor:grab;touch-action:none;border:1.5px dashed #0000;border-radius:4px;position:absolute}.art-handle:hover,.art-handle.dragging{background:#ffaa5a0f;border-color:#c8400cb3}.art-handle.dragging{cursor:grabbing}.art-handle .corner{background:var(--ember);cursor:nwse-resize;opacity:0;border:2px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;bottom:-8px;right:-8px;box-shadow:0 1px 4px #0000004d}.art-handle:hover .corner,.art-handle.dragging .corner{opacity:1}@media (hover:none){.art-handle{border-color:#c8400c59}.art-handle .corner{opacity:1}}@media (width>=821px){.frame-wrap{position:sticky;top:12px}}