.spwn-demo{--bg:#1e1e1e;--side:#181818;--elev:#232323;--input:#161616;--border:#2c2c2c;--strong:#3a3a3a;--text:#e6e6e6;--dim:#9a9a9a;--muted:#7a7a7a;--accent:#2a4a78;--line:#4a78c8;--atext:#7fa3df;--ok:#9bbf8a;--amber:#e0a83a;--purple:#b8a9d8;background:var(--bg);height:min(640px,80vh);min-height:460px;color:var(--text);border:1px solid var(--strong);text-align:start;border-radius:10px;flex-direction:column;font:13px/1.45 ui-sans-serif,system-ui,sans-serif;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #0000008c,0 0 80px -30px #4a78c866}.spwn-demo *{box-sizing:border-box;margin:0}.spwn-demo button{font:inherit;color:inherit;cursor:pointer;text-align:start;background:0 0;border:0}.spwn-demo button:disabled{opacity:.4;cursor:default}.spwn-demo button:focus-visible,.spwn-demo input:focus-visible,.spwn-demo textarea:focus-visible{outline:2px solid var(--line);outline-offset:1px}.spwn-demo kbd{border:1px solid var(--strong);background:var(--input);color:var(--text);border-radius:4px;padding:0 5px;font:11px ui-monospace,Menlo,monospace}.spwn-demo .amber{color:var(--amber)}.spwn-demo .ok{color:var(--ok)}.spwn-demo .sd-dim{color:var(--dim)}.spwn-demo .sd-grow{flex:1}.sd-titlebar{background:var(--side);border-bottom:1px solid var(--border);min-height:32px;color:var(--dim);align-items:center;gap:8px;padding:0 10px;font-size:11.5px;display:flex}.sd-note:before{content:"● ";color:var(--amber)}.spwn-demo .sd-reset{white-space:nowrap;border:1px solid var(--strong);color:var(--text);border-radius:4px;flex:none;margin-inline-start:auto;padding:2px 8px}.sd-work{flex:1;min-height:0;display:flex}.sd-side{background:var(--side);border-inline-end:1px solid var(--border);flex:none;width:270px;padding-bottom:10px;overflow-y:auto}.sd-shead{text-transform:uppercase;letter-spacing:.05em;color:var(--dim);justify-content:space-between;padding:10px 12px 6px;font-size:12px;font-weight:600;display:flex}.spwn-demo .sd-fleet,.spwn-demo .sd-srow{border-inline-start:2px solid #0000;align-items:center;gap:7px;width:100%;min-height:30px;padding:5px 10px;display:flex}.spwn-demo .sd-fleet:hover,.spwn-demo .sd-srow:hover{background:#1f1f1f}.spwn-demo .sd-fleet.active,.spwn-demo .sd-srow.active{border-inline-start-color:var(--line);background:#20262f}.sd-badge{background:var(--amber);color:#1e1e1e;border-radius:999px;padding:0 6px;font-size:10.5px;font-weight:700;line-height:16px}.sd-proj{background:var(--elev);color:#efefef;border-inline-start:2px solid #3b475e;margin-top:6px;padding:9px 12px}.sd-proj span{color:var(--atext);font-size:11px}.sd-ctx{color:var(--purple);padding:5px 10px 5px 26px}.sd-count{color:var(--dim);font-size:11px}.sd-ico{color:var(--atext)}.sd-ico.fork{color:#b88fd8}.sd-t{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sd-srow.blocked .sd-t{color:#f0c674}.sd-mini{color:var(--muted);font:10.5px ui-monospace,Menlo,monospace}.spwn-demo .sd-new{border:1px dashed var(--strong);color:var(--dim);border-radius:6px;margin:8px 12px 0 24px;padding:4px 10px;font-size:12px}.spwn-demo .sd-new:hover{color:var(--text);border-color:var(--line)}.sd-dot{background:var(--dim);border-radius:50%;flex:none;width:7px;height:7px}.sd-dot.ready{background:var(--ok)}.sd-dot.idle{background:#4a4a4a}.sd-dot.blocked{background:var(--amber);animation:1.4s ease-in-out infinite sd-pulse;box-shadow:0 0 0 2px #e0a83a40}.sd-spin{border:2px solid #f0c67440;border-top-color:var(--amber);border-radius:50%;flex:none;width:10px;height:10px;animation:.7s linear infinite sd-rot;display:inline-block}@keyframes sd-rot{to{transform:rotate(360deg)}}@keyframes sd-pulse{50%{opacity:.45}}.sd-main{flex-direction:column;flex:1;min-width:0;display:flex}.sd-fhead{border-bottom:1px solid var(--border);color:var(--dim);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 14px;font-size:12px;display:flex}.sd-fhead h3{color:var(--text);font-size:14px;font-weight:600}.sd-total{color:var(--ok);font-family:ui-monospace,Menlo,monospace}.sd-fbody{flex:1;padding:2px 10px 10px;overflow-y:auto}.sd-fbody h4{text-transform:uppercase;letter-spacing:.05em;color:var(--dim);margin:12px 4px 4px;font-size:11px;font-weight:600}.sd-fbody h4 span{color:var(--muted)}.sd-card{border:1px solid var(--border);border-inline-start:3px solid var(--amber);background:#1c1c1c;border-radius:6px;margin-bottom:6px;padding:8px 10px}.sd-chead{flex-wrap:wrap;align-items:center;gap:8px;font-size:11.5px;display:flex}.sd-chead b{font-size:13px}.sd-card pre,.sd-ask pre{color:var(--ok);white-space:pre-wrap;background:#0d0d0d;border-radius:4px;margin:6px 0;padding:5px 8px;font:12px ui-monospace,Menlo,monospace}.sd-opts{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.spwn-demo .sd-opts button{background:var(--elev);border:1px solid var(--strong);border-radius:6px;align-items:center;gap:6px;min-height:30px;padding:3px 9px 3px 4px;font-size:12px;display:inline-flex}.spwn-demo .sd-opts button:hover{border-color:var(--line)}.sd-frow{border-radius:4px;grid-template-columns:14px minmax(120px,2fr) minmax(80px,1fr) minmax(70px,.9fr) 30px 62px auto;align-items:center;gap:8px;min-height:32px;padding:0 6px;font-size:12.5px;display:grid}.sd-frow:hover{background:#222}.spwn-demo .sd-name{text-overflow:ellipsis;white-space:nowrap;padding:4px 0;overflow:hidden}.spwn-demo .sd-name:hover{color:var(--atext)}.sd-reason{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sd-branch,.sd-git,.sd-cost{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;font:11px ui-monospace,Menlo,monospace;overflow:hidden}.sd-git{color:var(--amber)}.sd-cost{text-align:end;color:var(--text)}.sd-acts{justify-content:flex-end;gap:4px;min-width:92px;display:flex}.spwn-demo .sd-lbtn{border:1px solid var(--strong);white-space:nowrap;border-radius:4px;padding:2px 8px;font-size:11px}.spwn-demo .sd-lbtn.land{color:var(--atext);border-color:#3a5a88}.spwn-demo .sd-lbtn.land:not(:disabled):hover{background:var(--accent);color:#fff}.spwn-demo .sd-lbtn.pending{color:var(--amber);cursor:default;border-color:#e0a83a66}.sd-hints{border-top:1px solid var(--border);color:var(--muted);padding:6px 14px;font-size:11px}.sd-strip{border-bottom:1px solid var(--border);background:#14181f;padding:6px 12px;font:11px ui-monospace,Menlo,monospace}.sd-strip>div{flex-wrap:wrap;align-items:center;gap:8px;min-height:24px;display:flex}.sd-path{color:#9bb0c8}.spwn-demo .sd-link{color:var(--atext);padding:2px 4px;font:11px ui-sans-serif,system-ui,sans-serif}.sd-chip{border:1px solid var(--border);background:#ffffff0a;border-radius:999px;padding:1px 7px}.sd-abar{border-bottom:1px solid var(--border);background:#191919;align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:flex}.sd-costchip{border:1px solid var(--border);border-radius:999px;padding:1px 7px;font:10.5px ui-monospace,Menlo,monospace}.sd-mode{border:1px solid var(--border);color:var(--dim);border-radius:4px;padding:2px 7px;font-size:11px}.sd-term{flex:1;padding:12px 14px;font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-y:auto}.sd-l{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:6px}.sd-l.user{color:var(--dim);margin-top:10px}.sd-l.tool span{color:var(--ok)}.sd-l.say span{color:var(--text)}.sd-l.out{color:var(--dim);padding-inline-start:16px}.sd-l.sys{color:var(--purple);font-size:12px}.sd-l.working{color:var(--amber);align-items:center;gap:8px;margin-top:10px;display:flex}.sd-ask{background:#1b2230;border:1px solid #2f4366;border-radius:8px;margin-top:10px;padding:8px 10px}.spwn-demo .sd-ask button{border-radius:4px;width:100%;padding:3px 4px;display:block}.spwn-demo .sd-ask button:hover{background:#243044}.sd-input{border:1px solid var(--strong);border-radius:6px;align-items:center;gap:8px;margin-top:10px;padding:6px 10px;display:flex}.sd-input label{color:var(--dim)}.spwn-demo .sd-input input{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;flex:1}.spwn-demo .sd-input input::placeholder{color:var(--muted)}.sd-dialog{background:#00000073;justify-content:center;align-items:flex-start;padding:8% 12px 0;display:flex;position:absolute;inset:0}.sd-dialog[hidden]{display:none}.sd-dlg{border:1px solid var(--strong);background:#1c1c1c;border-radius:8px;width:min(520px,100%);padding:16px 18px;box-shadow:0 8px 24px #00000073}.sd-dlg h3{font-size:15px}.sd-label{text-transform:uppercase;letter-spacing:.05em;color:var(--dim);margin:12px 0 5px;font-size:11px;display:block}.sd-many{gap:6px;display:flex}.spwn-demo .sd-many button{text-align:center;border:1px solid var(--strong);border-radius:4px;min-width:34px;padding:4px 0}.spwn-demo .sd-many button.on{background:var(--accent);border-color:#3a5a88}.spwn-demo .sd-dlg textarea{background:var(--input);border:1px solid var(--strong);width:100%;color:var(--text);font:inherit;resize:vertical;border-radius:6px;padding:6px 8px}.sd-dbtns{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.spwn-demo .sd-dbtns button{border:1px solid var(--strong);border-radius:6px;padding:5px 12px}.spwn-demo .sd-dbtns .primary{background:var(--accent);border-color:#3a5a88}@media (width<=760px){.sd-side{display:none}.sd-frow{grid-template-columns:14px minmax(0,1fr) 62px auto}.sd-reason,.sd-branch,.sd-git,.sd-mode{display:none}}@media (prefers-reduced-motion:reduce){.sd-spin{animation-duration:2.4s}.sd-dot.blocked{animation:none}}