:root{--ground:#0d1117;--surface:#161b27;--border:#252d3d;--text:#cdd3de;--dim:#5a6478;--accent:#e9a500;--success:#3fb07a;--error:#e05c5c;--mono:"Cascadia Code","Fira Code","JetBrains Mono",ui-monospace,monospace;--sans:system-ui,-apple-system,"Segoe UI",sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px}body{background:var(--ground);color:var(--text);font-family:var(--sans);min-height:100vh;line-height:1.6}.hd{border-bottom:1px solid var(--border);align-items:center;gap:1rem;padding:1.25rem 2rem;display:flex}.hd-title{font-family:var(--mono);letter-spacing:.02em;font-size:1rem;font-weight:500}.hd-title em{color:var(--accent);font-style:normal}.hd-sub{color:var(--dim);font-size:.75rem}.hd-badge{font-family:var(--mono);color:var(--accent);border:1px solid #e9a50066;border-radius:2px;margin-left:auto;padding:.2em .65em;font-size:.65rem}.wrap{grid-template-columns:1fr 360px;align-items:start;gap:2rem;max-width:980px;margin:0 auto;padding:2rem;display:grid}.left-col{flex-direction:column;gap:1rem;display:flex;position:sticky;top:2rem}.eyebrow{font-family:var(--mono);color:var(--dim);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.5rem;font-size:.65rem}.code-card{background:var(--surface);border:1px solid var(--border);border-radius:6px;overflow:hidden}.code-bar{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.5rem 1rem;display:flex}.dots{gap:5px;display:flex}.dots b{background:var(--border);border-radius:50%;width:10px;height:10px;display:block}.dots b:first-child{background:#e05c5c}.dots b:nth-child(2){background:#e9a500}.dots b:nth-child(3){background:#3fb07a}.code-filename{font-family:var(--mono);color:var(--dim);font-size:.7rem}pre.src{font-family:var(--mono);color:var(--text);tab-size:2;white-space:pre-wrap;word-break:break-word;max-height:380px;padding:1.2rem 1.5rem;font-size:.8rem;line-height:1.8;overflow:auto}pre.src.ai-cursor:after{content:"▌";color:var(--accent);animation:.7s step-end infinite blink}.task-pills{flex-wrap:wrap;gap:.45rem;margin-bottom:.75rem;display:flex}.task-pill{background:var(--surface);border:1px solid var(--border);color:var(--dim);font-family:var(--mono);cursor:pointer;border-radius:3px;padding:.3em .75em;font-size:.7rem;transition:border-color .15s,color .15s,background .15s}.task-pill:hover{border-color:var(--accent);color:var(--text)}.task-pill.active{border-color:var(--accent);color:var(--accent);background:#e9a5001f}.task-pill.danger{color:#e05c5ca6;border-color:#e05c5c59}.task-pill.danger:hover{border-color:var(--error);color:var(--error)}.task-pill.danger.active{border-color:var(--error);color:var(--error);background:#e05c5c1a}.task-desc{color:var(--dim);padding:.75rem 1.25rem;font-size:.8rem;line-height:1.6}.card{background:var(--surface);border:1px solid var(--border);border-radius:6px;margin-bottom:.875rem;padding:1.1rem 1.25rem}.card-label{font-family:var(--mono);color:var(--dim);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.6rem;font-size:.65rem}.input-row{align-items:center;gap:.75rem;display:flex}input[type=number]{background:var(--ground);border:1px solid var(--border);color:var(--text);font-family:var(--mono);text-align:center;-moz-appearance:textfield;border-radius:4px;width:76px;padding:.3em .5em;font-size:1.5rem}input[type=number]::-webkit-inner-spin-button{opacity:0}input[type=number]::-webkit-outer-spin-button{opacity:0}input[type=number]:focus{border-color:var(--accent);outline:none}.input-hint{color:var(--dim);font-size:.75rem}.toggle-row{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.6rem;margin-top:.75rem;display:flex}.toggle-label{font-family:var(--mono);color:var(--dim);letter-spacing:.06em;font-size:.72rem}.toggle{background:var(--border);border:1px solid var(--border);border-radius:10px;outline:none;flex-shrink:0;width:36px;height:20px;transition:background .2s,border-color .2s;position:relative}.toggle:focus-visible{box-shadow:0 0 0 2px var(--accent)}.toggle.on{border-color:var(--accent);background:#e9a50040}.toggle-thumb{background:var(--dim);border-radius:50%;width:14px;height:14px;transition:transform .2s,background .2s;position:absolute;top:2px;left:2px}.toggle.on .toggle-thumb{background:var(--accent);transform:translate(16px)}.toggle-state{font-family:var(--mono);color:var(--dim);min-width:2rem;font-size:.68rem}.toggle.on+.toggle-state{color:var(--accent)}.retry-banner{font-family:var(--mono);color:var(--accent);background:#e9a50014;border:1px solid #e9a50033;border-radius:3px;margin-top:.65rem;padding:.35em .75em;font-size:.7rem}.run-btn{background:var(--accent);color:#0d1117;width:100%;font-family:var(--mono);cursor:pointer;letter-spacing:.04em;border:none;border-radius:4px;margin-top:.875rem;padding:.7em 1em;font-size:.88rem;font-weight:700;transition:opacity .15s,transform .1s}.run-btn:hover:not(:disabled){opacity:.85}.run-btn:active:not(:disabled){transform:scale(.98)}.run-btn:disabled{opacity:.3;cursor:not-allowed}.step{font-family:var(--mono);color:var(--dim);align-items:center;gap:.75rem;padding:.55rem 0;font-size:.78rem;transition:color .2s;display:flex}.step+.step{border-top:1px solid var(--border)}.step-dot{border:1.5px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.step-lbl{flex:1}.step-dur{color:var(--dim);font-size:.68rem}.step-running{color:var(--accent)}.step-running .step-dot{border-color:var(--accent);border-top-color:#0000;animation:.7s linear infinite spin}.step-done{color:var(--text)}.step-done .step-dot{background:var(--success);border-color:var(--success)}.step-done .step-dot:after{content:"";border-bottom:1.5px solid #0d1117;border-left:1.5px solid #0d1117;width:5px;height:3px;display:block;transform:rotate(-45deg)translate(1px,-1px)}.step-error .step-dot{background:var(--error);border-color:var(--error)}.step-error .step-dot:after{content:"×";color:#fff;font-size:.65rem;line-height:1}.step-error{color:var(--error)}.result-card{overflow:hidden}.result-card.ok{border-color:#3fb07a4d}.result-card.ng{border-color:#e05c5c4d}.result-hd{border-bottom:1px solid var(--border);font-family:var(--mono);color:var(--dim);letter-spacing:.1em;text-transform:uppercase;padding:.5rem 1.25rem;font-size:.65rem}.result-body{font-family:var(--mono);color:var(--text);white-space:pre-wrap;word-break:break-all;padding:1.1rem 1.25rem;font-size:1.2rem;font-weight:600;line-height:1.5}.result-body.ng{color:var(--error);max-height:320px;font-size:.75rem;font-weight:400;overflow-y:auto}.ft{border-top:1px solid var(--border);color:var(--dim);text-align:center;margin-top:3rem;padding:1.5rem 2rem;font-size:.72rem}.ft a{color:var(--dim)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{50%{opacity:0}}@media (width<=680px){.wrap{grid-template-columns:1fr;gap:1rem;padding:1rem}.left-col{position:static}.hd{padding:1rem}.hd-badge,.hd-sub{display:none}}@media (prefers-reduced-motion:reduce){.step-running .step-dot{animation:none}.run-btn{transition:none}pre.src.ai-cursor:after{animation:none}}