:root{--bg:#1e1f22;--panel:#2a2c30;--fg:#e8e8e8;--dim:#9aa0a6;--acc:#ff9300;--acc-ink:#1e1f22;--tool:#4eb2f1;--note:#fff2cc;--ok:#4eb2f1;--bad:#ff6900;--line:#42464d;--inset:#1e2024}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px -apple-system,Helvetica,sans-serif}a{color:var(--tool)}main{max-width:680px;margin:0 auto;padding:28px 16px}@media(min-width:1000px){main{max-width:1400px;display:grid;grid-template-columns:minmax(380px,520px) minmax(0,1fr);column-gap:24px;align-items:start}h1,.tag,.privacy,.phone-note{grid-column:1 / -1}.step{display:contents}.step>section,#checks{grid-column:1}.step>.pane{grid-column:2}.pane canvas{max-height:60vh}}h1{font-size:24px;margin:0 0 4px}.tag{color:var(--dim);margin:0 0 24px}section{background:var(--panel);border-radius:10px;padding:16px 18px;margin-bottom:16px}h2{font-size:16px;margin:0 0 10px;color:var(--dim)}.check{display:flex;align-items:center;gap:10px;margin:8px 0}.dot{width:10px;height:10px;border-radius:50%;background:var(--dim);flex:none}.check.ok .dot{background:var(--ok)}.check.bad .dot{background:var(--bad)}#caps{color:var(--dim);font-size:12px;white-space:pre-wrap;margin:12px 0 0}.filerow{display:flex;gap:10px;flex-wrap:wrap}.filebtn{display:inline-block;background:var(--acc);color:var(--acc-ink);font-weight:600;padding:12px 18px;border-radius:8px;cursor:pointer}.filebtn input{display:none}.phone-note{background:var(--inset);border:1px solid var(--acc);border-radius:8px;padding:10px 14px;margin:0 0 16px;font-size:14px;line-height:1.4}.optrow>label.namerow{display:flex}.namerow input{flex:1;min-width:10em}.viewrow{display:flex;gap:8px;margin-bottom:10px}.pv{background:var(--inset);color:var(--fg);border:1px solid var(--line);border-radius:6px;padding:4px 12px;font-size:13px;cursor:pointer}.pv:hover{border-color:var(--acc)}.pv[aria-pressed=true]{border-color:var(--acc);background:var(--acc);color:var(--acc-ink)}.pv:disabled{opacity:.55;cursor:default;border-color:var(--line)}.edhint{margin:-4px 0 8px}.edhint[hidden]{display:none}.ednote{color:var(--note)}#warp-preview{touch-action:none}.edgetog{display:inline-flex;align-items:center;gap:6px;margin-left:auto}#bin-log{color:var(--dim);font-size:12.5px;margin-top:8px}#bin-log summary{cursor:pointer}#bin-log pre{white-space:pre-wrap;margin:6px 0 0}.hint{color:var(--dim);font-size:14px;margin:10px 0 0}ul.hint{padding-left:20px}ul.hint li{margin:6px 0;line-height:1.4}.opt{color:var(--dim);font-size:15px;font-weight:400}.optrow{margin:12px 0}.tip{color:var(--dim);cursor:help;margin-left:6px;font-size:14px}.dlrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.tip:hover,.tip:focus{color:var(--fg)}.optrow>label{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;color:var(--fg)}.sub{color:var(--dim);font-size:12.5px;line-height:1.4;margin:3px 0 0 24px}.sub ul{margin:0;padding-left:16px}.sub li{margin:2px 0}input[type=checkbox]{width:16px;height:16px;accent-color:var(--acc)}select,input[type=text],input[type=number]{background:var(--inset);color:var(--fg);border:1px solid var(--line);border-radius:6px;padding:6px 10px;font-size:14px}.slrow{display:grid;grid-template-columns:6.5em 1fr 4.5em;gap:10px;align-items:center;margin:14px 0 0;font-size:14.5px}.slrow input[type=range]{width:100%;accent-color:var(--acc);margin:0}.slrow .val{text-align:right;color:var(--dim);font-variant-numeric:tabular-nums}#sliders .sub{margin-left:0}.bar{height:4px;border-radius:2px;background:var(--inset);overflow:hidden;margin-top:8px}.bar div{height:100%;width:30%;border-radius:2px;background:var(--acc);animation:barslide 1.2s ease-in-out infinite;transition:width .25s ease}@keyframes barslide{0%{margin-left:-30%}to{margin-left:100%}}.pane{background:var(--panel);border-radius:10px;padding:16px 18px;margin-bottom:16px}.pane canvas{display:block;width:100%;height:auto;border-radius:8px;object-fit:contain}#bin-view{aspect-ratio:4 / 3}.viewwrap{position:relative}.stale{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#1e1f2299;border-radius:8px;font-size:14px;color:var(--fg);text-align:center;padding:16px;pointer-events:none}.stale[hidden]{display:none}.stale button{background:var(--acc);color:var(--acc-ink);border:0;font:inherit;font-weight:600;padding:10px 18px;border-radius:8px;cursor:pointer;pointer-events:auto}.stale button:disabled{opacity:.55;cursor:default}#profile-view{touch-action:none}.choicehead{font-size:14.5px;margin-bottom:6px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.choice{display:flex;flex-direction:column;gap:3px;text-align:left;background:var(--inset);color:var(--fg);border:1px solid var(--line);border-radius:8px;padding:9px 12px;font:inherit;font-size:13px;cursor:pointer}.choice b{font-size:14.5px}.choice span{color:var(--dim);line-height:1.35}.choice:hover:not(:disabled){border-color:var(--acc)}.choice[aria-checked=true]{border-color:var(--acc);box-shadow:inset 0 0 0 1px var(--acc)}.choice:disabled{opacity:.55;cursor:default}@media(max-width:420px){.choices{grid-template-columns:1fr}}.suggest{margin:10px 0 0}.suggest .choices{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.choice[hidden]{display:none}.privacy{color:var(--dim);font-size:13.5px;margin:-16px 0 20px}.privacy summary{cursor:pointer}.privacy ul{margin:8px 0 0;padding-left:20px;line-height:1.45;max-width:760px}.privacy li{margin:5px 0}.privacy b{color:var(--fg);font-weight:600}