.sb-bar{position:-webkit-sticky;position:sticky;top:var(--site-header-height);z-index:40;border-bottom:1px solid var(--line);background:var(--surface)}.sb-bar-inner{display:flex;align-items:stretch;gap:var(--space-6);max-width:100%;height:48px;padding:0 var(--gutter-md);overflow-x:auto;scrollbar-width:none}.sb-bar-inner::-webkit-scrollbar{display:none}.sb-bar-home{display:flex;align-items:center;gap:var(--space-2);flex:none;color:var(--ink);font:600 14px/20px var(--font-sans);text-decoration:none}.sb-bar-home:hover{color:var(--accent-text)}.sb-tabs{display:flex;align-items:stretch;gap:var(--space-1);margin:0;padding:0;list-style:none}.sb-tab{display:flex;align-items:center;gap:var(--space-2);height:100%;padding:0 var(--space-3);border-bottom:2px solid transparent;color:var(--ink-muted);font:400 14px/20px var(--font-sans);text-decoration:none;white-space:nowrap;transition:color .15s ease,border-color .15s ease}.sb-tab:hover{color:var(--ink)}.sb-tab[aria-current=page]{border-bottom-color:var(--accent);color:var(--ink)}.sb-tab-n{color:var(--accent-text);font:500 12px/16px var(--font-mono)}.sb-bar-home:focus-visible,.sb-tab:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}@media (min-width:768px){.sb-bar-inner{padding:0 var(--gutter-lg)}}@media (max-width:639px){.sb-bar{top:68px}}.sb-shell{display:grid;grid-template-columns:minmax(340px,420px) minmax(0,1fr);height:calc(100svh - var(--site-header-height) - 50px);min-height:520px}.sb-shell:has(#sb-code:not([hidden])){grid-template-columns:minmax(420px,46%) minmax(0,1fr)}.sb-panel{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line);background:var(--bg)}.sb-panel-head{padding:var(--space-6) var(--space-6) var(--space-4)}.sb-panel-kicker{display:flex;align-items:center;gap:var(--space-3);color:var(--ink-muted);font:400 13px/20px var(--font-sans)}.sb-panel-kicker b{color:var(--accent-text);font-weight:500}.sb-panel-kicker i{width:28px;height:1px;background:var(--line-strong)}.sb-panel-title{margin:var(--space-3) 0 0;color:var(--ink);font:300 30px/1.1 var(--font-sans);letter-spacing:-.01em}.sb-panel-intro{margin:var(--space-3) 0 0;color:var(--ink-muted);font:400 14px/22px var(--font-sans)}.sb-panel-intro strong{color:var(--ink);font-weight:500}.sb-panel-tabs{display:flex;gap:var(--space-1);padding:0 var(--space-6);border-bottom:1px solid var(--line)}.sb-panel-tab{padding:var(--space-2) var(--space-3);border:0;border-bottom:2px solid transparent;background:none;color:var(--ink-muted);font:500 13px/20px var(--font-sans);cursor:pointer}.sb-panel-tab:hover{color:var(--ink)}.sb-panel-tab[aria-selected=true]{border-bottom-color:var(--accent);color:var(--ink)}.sb-panel-tab:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.sb-panel-body{flex:1 1;min-height:0;overflow:auto;padding:var(--space-5) var(--space-6) var(--space-6);display:flex;flex-direction:column;gap:var(--space-6);font:400 14px/20px var(--font-sans)}.sb-panel-body[hidden]{display:none}.sb-panel-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-6);border-top:1px solid var(--line);color:var(--ink-muted);font:400 13px/20px var(--font-sans)}.sb-panel-foot a{color:var(--accent-text);text-decoration:none}.sb-panel-foot a:hover{text-decoration:underline}.sb-code{font-size:12px}.sb-code figure{margin:0}.sb-code-note{margin:0 0 var(--space-3);color:var(--ink-muted);font:400 13px/20px var(--font-sans)}.sb-group{display:flex;flex-direction:column;gap:var(--space-3)}.sb-group>h2{margin:0;color:var(--ink-subtle);font:600 11px/16px var(--font-sans);letter-spacing:.08em;text-transform:uppercase}.sb-group p{margin:0;color:var(--ink-muted)}.sb-row{display:flex;flex-wrap:wrap}.sb-btn,.sb-row{align-items:center;gap:var(--space-2)}.sb-btn{display:inline-flex;height:32px;padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-cta);background:var(--surface);color:var(--ink);font:500 13px/20px var(--font-sans);cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.sb-btn:hover:not(:disabled){border-color:var(--accent)}.sb-btn:disabled{opacity:.45;cursor:default}.sb-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sb-btn[data-tone=primary]{border-color:var(--action);background:var(--action);color:var(--on-action)}.sb-btn[data-tone=primary]:hover:not(:disabled){background:var(--action-hover);border-color:var(--action-hover)}.sb-btn[aria-checked=true],.sb-btn[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}.sb-seg{display:inline-flex;padding:2px;border:1px solid var(--line-strong);border-radius:var(--radius-cta);background:var(--surface)}.sb-seg button{height:26px;padding:0 var(--space-3);border:0;border-radius:4px;background:none;color:var(--ink-muted);font:500 13px/20px var(--font-sans);cursor:pointer}.sb-seg button:hover{color:var(--ink)}.sb-seg button[aria-checked=true]{background:var(--accent-soft);color:var(--accent-text)}.sb-seg button:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.sb-field{display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;grid-gap:var(--space-3);gap:var(--space-3);color:var(--ink-muted);font:400 13px/20px var(--font-sans)}.sb-field output{min-width:64px;color:var(--ink);font:500 12px/16px var(--font-mono);text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sb-field input[type=range]{width:100%;accent-color:var(--accent)}.sb-num{width:100%;height:30px;padding:0 var(--space-2);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font:500 12px/16px var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sb-num:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.sb-table{width:100%;border-collapse:collapse;font:400 13px/20px var(--font-sans)}.sb-table td,.sb-table th{padding:6px var(--space-2);border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.sb-table th{color:var(--ink-subtle);font-weight:500}.sb-table tr[data-pick]{cursor:pointer}.sb-table tr[data-pick]:hover td{background:var(--surface)}.sb-table tr.selected td,.sb-table tr[aria-selected=true] td{background:var(--accent-soft)}.sb-note{padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--ink-muted)}.sb-key,.sb-note{font:400 13px/20px var(--font-sans)}.sb-key{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:2px var(--space-4);gap:2px var(--space-4);margin:0}.sb-key dt{color:var(--ink-subtle)}.sb-key dd{margin:0;color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis}.sb-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface)}.sb-card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);color:var(--ink);font:600 14px/20px var(--font-sans)}.sb-spark{display:block;width:100%;height:28px}.sb-spark polyline{fill:none;stroke:var(--viz-cyan);stroke-width:1.5;vector-effect:non-scaling-stroke}.sb-spark circle{fill:var(--warning)}.sb-chain{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:6px;gap:6px;margin:0;padding:0;list-style:none}.sb-chain li{position:relative;display:flex;flex-direction:column;gap:2px;padding:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--ink-subtle);font:500 11px/14px var(--font-sans);transition:border-color .2s ease,color .2s ease,background-color .2s ease}.sb-chain li small{font:400 11px/14px var(--font-sans);color:inherit;opacity:.85}.sb-chain li[data-state=done]{border-color:var(--accent);color:var(--accent-text);background:var(--accent-soft)}.sb-chain li[data-state=stopped]{border-color:var(--warning);color:var(--warning);background:var(--warning-soft)}.sb-chain li[data-state=waiting]{border-style:dashed;color:var(--ink-muted)}.sb-home-head{padding:72px var(--gutter-md) var(--space-12)}.sb-home-grid,.sb-home-head{max-width:var(--container);margin:0 auto}.sb-home-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));grid-gap:var(--space-6);gap:var(--space-6);padding:0 var(--gutter-md) 96px}.sb-shot{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line-strong);border-radius:var(--radius-xl);background:var(--surface);color:var(--ink);text-decoration:none;transition:border-color .3s ease,transform .3s ease}.sb-shot:hover{border-color:var(--accent);transform:translateY(-2px)}.sb-shot:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sb-shot-view{position:relative;aspect-ratio:16/10;background:var(--stage)}.sb-shot-view img{display:block;width:100%;height:100%;object-fit:cover}.sb-shot-words{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5) var(--space-6) var(--space-6)}.sb-shot-kicker{display:flex;align-items:center;gap:var(--space-3);color:var(--ink-muted);font:400 13px/20px var(--font-sans)}.sb-shot-kicker b{color:var(--accent-text);font:500 12px/16px var(--font-mono)}.sb-shot-title{margin:0;font:300 24px/1.2 var(--font-sans)}.sb-shot-line{margin:0;color:var(--ink-muted);font:400 14px/22px var(--font-sans)}@media (min-width:768px){.sb-home-grid,.sb-home-head{padding-left:var(--gutter-lg);padding-right:var(--gutter-lg)}}.sb-readers{display:grid;grid-template-rows:minmax(0,3fr) minmax(0,2fr)}.sb-plan,.sb-readers,.sb-readers>.ks-stage{min-height:0}.sb-plan{position:relative;border-top:1px solid var(--line)}.sb-plan-tag{position:absolute;top:var(--space-3);left:var(--space-3);z-index:1;padding:2px var(--space-2);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--ink-muted);font:500 12px/18px var(--font-mono)}.sb-agent{margin:0;padding:var(--space-3);max-height:300px;overflow:auto;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font:400 11px/16px var(--font-mono);white-space:pre}@media (max-width:900px){.sb-shell,.sb-shell:has(#sb-code:not([hidden])){grid-template-columns:minmax(0,1fr);height:auto}.sb-shell>.ks-stage{order:-1;height:58svh;min-height:360px}.sb-shell>.sb-readers{order:-1;height:90svh;min-height:560px}.sb-panel{border-right:0;border-top:1px solid var(--line)}.sb-panel-body{overflow:visible}.sb-chain{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:420px){.sb-panel-body,.sb-panel-foot,.sb-panel-head,.sb-panel-tabs{padding-left:var(--space-4);padding-right:var(--space-4)}.sb-panel-body .mono,.sb-panel-body td.mono{white-space:normal}.sb-table td,.sb-table th{padding-left:var(--space-1);padding-right:var(--space-1)}}@media (prefers-reduced-motion:reduce){.sb-shot{transition:none}}