:root{--bg:#101216;--panel:#171a20;--panel-2:#1e222a;--line:#2a2f3a;--line-strong:#3a4150;--text:#d6dae2;--text-dim:#8b93a3;--text-faint:#565e6e;--cur:#4fd6e8;--cur-dim:#1d4a52;--ctrl:#e8b84f;--done:#9aa3b5;--mono:ui-monospace, "Cascadia Code", "JetBrains Mono", Menlo, Consolas, monospace}*{box-sizing:border-box;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--mono);min-height:100vh;font-size:13px;line-height:1.7}a{color:var(--cur);text-decoration:none}a:hover{text-decoration:underline}kbd{background:var(--panel-2);border:1px solid var(--line-strong);color:var(--text-dim);border-radius:3px;padding:0 5px;font-size:11px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.pstep-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:14px;display:grid}@media (width<=860px){.pstep-layout{grid-template-columns:1fr}}.pstep section>*+*{margin-top:14px}.pstep-panel{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:12px}.pstep-panel h2{text-transform:uppercase;letter-spacing:1px;color:var(--text-faint);margin-bottom:8px;font-size:11px;font-weight:600}.pstep textarea{resize:vertical;background:var(--panel-2);width:100%;min-height:90px;color:var(--text);border:1px solid var(--line);font-family:var(--mono);border-radius:4px;outline:none;padding:8px 10px;font-size:13px;line-height:1.6}.pstep textarea:focus{border-color:var(--cur)}.pstep textarea.err{border-color:#e85a4f}.pstep-controls{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.pstep button{background:var(--panel-2);color:var(--text);border:1px solid var(--line-strong);font-family:var(--mono);cursor:pointer;border-radius:4px;padding:5px 12px;font-size:12px}.pstep button:hover{border-color:var(--cur);color:var(--cur)}.pstep button:active{transform:scale(.97)}.pstep button:focus-visible{outline:2px solid var(--cur);outline-offset:1px}.pstep input[type=range]{accent-color:var(--cur);flex:1;min-width:100px}.pstep input[type=number]{background:var(--panel-2);width:58px;color:var(--text);border:1px solid var(--line);font-family:var(--mono);border-radius:4px;padding:4px 6px;font-size:12px}.pstep label{color:var(--text-dim);align-items:center;gap:5px;font-size:12px;display:inline-flex}.pstep-counter{color:var(--text-dim);text-align:right;font-variant-numeric:tabular-nums;min-width:56px}.pstep-canvas-wrap{position:relative}.pstep svg[data-el=canvas]{aspect-ratio:1;background:var(--panel-2);border:1px solid var(--line);border-radius:4px;width:100%;display:block}.pstep-hud{color:var(--text-faint);text-align:right;pointer-events:none;font-variant-numeric:tabular-nums;font-size:11px;line-height:1.7;position:absolute;top:8px;right:10px}.pstep-hud b{color:var(--cur);font-weight:600}.pstep-cmdlist{max-height:340px;overflow:auto}.pstep-cmd{cursor:pointer;color:var(--text-dim);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:3px;gap:10px;padding:3px 8px;font-size:12px;line-height:1.7;display:flex}.pstep-cmd:hover{background:var(--panel-2)}.pstep-cmd.active{background:var(--cur-dim);color:var(--cur)}.pstep-cmd .n{color:var(--text-faint);text-align:right;min-width:26px}.pstep-cmd.active .n{color:var(--cur)}.pstep-desc{border-top:1px solid var(--line);color:var(--text-dim);min-height:3em;margin-top:10px;padding-top:10px;font-size:12px;line-height:1.7}.pstep-desc b{color:var(--text)}.pstep-previews{align-items:flex-end;gap:16px;display:flex}.pstep-previews figure{flex-direction:column;align-items:center;gap:4px;display:flex}.pstep-previews svg{color:var(--text)}.pstep-previews figcaption{color:var(--text-faint);font-size:10px}.pstep-foot{color:var(--text-faint);font-size:11px}main[data-astro-cid-lcdefpme]{max-width:1200px;margin:0 auto;padding:24px 20px 48px}.site-header[data-astro-cid-lcdefpme]{margin-bottom:20px}.site-header[data-astro-cid-lcdefpme] h1[data-astro-cid-lcdefpme]{letter-spacing:.5px;font-size:20px;font-weight:600}.site-header[data-astro-cid-lcdefpme] h1[data-astro-cid-lcdefpme] span[data-astro-cid-lcdefpme]{color:var(--cur)}.site-header[data-astro-cid-lcdefpme] p[data-astro-cid-lcdefpme]{color:var(--text-dim);margin-top:2px;font-size:13px}.site-header[data-astro-cid-lcdefpme] code[data-astro-cid-lcdefpme]{color:var(--text)}.content[data-astro-cid-lcdefpme]{max-width:760px;margin-top:48px}.content[data-astro-cid-lcdefpme] h2[data-astro-cid-lcdefpme]{color:var(--text);border-top:1px solid var(--line);margin:32px 0 10px;padding-top:16px;font-size:14px;font-weight:600}.content[data-astro-cid-lcdefpme] p[data-astro-cid-lcdefpme],.content[data-astro-cid-lcdefpme] li[data-astro-cid-lcdefpme]{color:var(--text-dim);font-size:13px}.content[data-astro-cid-lcdefpme] ul[data-astro-cid-lcdefpme]{padding-left:18px}.content[data-astro-cid-lcdefpme] li[data-astro-cid-lcdefpme]{margin:6px 0}.content[data-astro-cid-lcdefpme] code[data-astro-cid-lcdefpme]{background:var(--panel-2);border:1px solid var(--line);color:var(--text);border-radius:3px;padding:0 4px;font-size:12px}table[data-astro-cid-lcdefpme]{border-collapse:collapse;width:100%;font-size:12px}th[data-astro-cid-lcdefpme],td[data-astro-cid-lcdefpme]{text-align:left;border:1px solid var(--line);color:var(--text-dim);padding:6px 10px}th[data-astro-cid-lcdefpme]{color:var(--text-faint);text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:600}.site-footer[data-astro-cid-lcdefpme]{margin-top:48px}.site-footer[data-astro-cid-lcdefpme] p[data-astro-cid-lcdefpme]{color:var(--text-faint);font-size:11px}.site-footer-links[data-astro-cid-lcdefpme]{margin-top:6px}.site-footer-links[data-astro-cid-lcdefpme] span[data-astro-cid-lcdefpme]{color:var(--text-faint);margin:0 6px}