:root{--bg: #faf8f4;--surface: #fff;--ink: #26211c;--muted: #6b6259;--line: #e6e0d7;--accent: #a8541f;--ok: #2f7a4f;--bad: #b3372a;font-family:ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}.shell{max-width:62rem;margin:0 auto;padding:1.25rem}.top{display:flex;gap:1rem;align-items:baseline;padding-bottom:1rem;border-bottom:1px solid var(--line)}.top a{margin-left:auto;font-size:.8rem}.grid{display:grid;gap:1.25rem;margin-top:1.25rem;grid-template-columns:1.2fr 1fr}@media(max-width:760px){.grid{grid-template-columns:1fr}}.panel{background:var(--surface);border:1px solid var(--line);border-radius:.6rem;padding:1.1rem}h2{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:1.1rem 0 .5rem}h2:first-child{margin-top:0}.muted{color:var(--muted);font-size:.85rem;margin:.15rem 0}.row{display:flex;gap:.5rem;flex-wrap:wrap}button,input[type=text],input:not([type]){font:inherit}button{border:1px solid var(--line);background:var(--surface);padding:.4rem .8rem;border-radius:.4rem;cursor:pointer;transition:transform .15s,background .2s,box-shadow .2s}button:hover:not(:disabled){background:#f3eee6;transform:translateY(-1px)}button:disabled{opacity:.45;cursor:default}.pill.on{background:var(--accent);color:#fff;border-color:var(--accent)}.primary{margin-top:.7rem;width:100%;background:var(--ink);color:#fff;border-color:var(--ink);padding:.6rem}.ghost{border-style:dashed}input:not([type=checkbox]){border:1px solid var(--line);border-radius:.4rem;padding:.4rem .6rem;flex:1;min-width:0}.check{display:flex;gap:.5rem;align-items:center;margin:.7rem 0 0}.products{list-style:none;padding:0;margin:0}.products li{display:grid;grid-template-columns:1fr auto auto;gap:.8rem;align-items:center;padding:.4rem 0;border-bottom:1px solid var(--line)}.msg{margin:.9rem 0 0;padding:.55rem .7rem;border-radius:.4rem;font-size:.9rem;background:#f3eee6}.msg.ok{background:#e6f2ea;color:var(--ok)}.msg.bad{background:#f8e6e3;color:var(--bad)}.scenario{display:grid;grid-template-columns:1fr auto;gap:.4rem .8rem;padding:.8rem 0;border-bottom:1px solid var(--line);align-items:center}.scenario .ghost{grid-column:2}.log{background:#26211c;color:#f3eee6;padding:.8rem;border-radius:.4rem;font-size:.78rem;white-space:pre-wrap;margin-top:1rem}.is-pointed{outline:2px solid var(--accent);outline-offset:3px;box-shadow:0 0 0 6px #a8541f2e}.details{display:grid;grid-template-columns:max-content 1fr;gap:4px 12px;margin:8px 0}.details dt{color:#888}.details dd{margin:0}