.sbx{--sbx-h:clamp(34rem, 100svh - 16.5rem, 47rem);border-radius:var(--radius-lg);border:1px solid var(--line-2);background:var(--ink-850);color:var(--text);box-shadow:var(--shadow-panel);font-size:var(--text-sm);grid-template-rows:auto auto minmax(0,1fr);display:grid;overflow:hidden}.sbx h2,.sbx h3,.sbx h4{font-weight:480}.sbx__top{border-bottom:1px solid var(--line);background:var(--ink-900);grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:.75rem 1rem;display:grid}.sbx__brand{white-space:nowrap;align-items:center;gap:.625rem;font-weight:480;display:flex}.sbx__brand svg{color:var(--accent)}.sbx__scenarios{border-radius:var(--radius-pill);background:var(--ink-700);padding:3px;display:flex}.sbx__scenarios button{border-radius:var(--radius-pill);height:2rem;color:var(--text-2);transition:background-color var(--dur-1) ease, color var(--dur-1) ease;padding-inline:1rem;font-weight:480}.sbx__scenarios button:hover{color:var(--text)}.sbx__scenarios button[aria-pressed=true]{background:var(--text);color:var(--ink-900)}.sbx__tools{justify-content:flex-end;gap:.375rem;display:flex}.sbx-tool{border-radius:var(--radius-pill);border:1px solid var(--line-2);height:2rem;font-size:var(--text-xs);color:var(--text-2);transition:color var(--dur-1) ease, border-color var(--dur-1) ease, background-color var(--dur-1) ease;align-items:center;gap:.375rem;padding-inline:.75rem;font-weight:480;display:inline-flex}.sbx-tool:hover{color:var(--text);border-color:color-mix(in srgb, var(--text) 40%, transparent)}.sbx-tool[aria-pressed=true]{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 50%, transparent);background:var(--accent-soft)}.sbx__metrics{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.sbx-metric{border-left:1px solid var(--line);gap:.125rem;padding:.875rem 1.25rem;display:grid}.sbx-metric:first-child{border-left:0}.sbx-metric span{font-size:var(--text-xs);color:var(--text-3)}.sbx-metric strong{letter-spacing:-.02em;font-size:1.375rem;font-weight:480;line-height:1.25}.sbx-metric small{color:var(--text-3);font-size:.6875rem}.sbx__grid{height:var(--sbx-h);grid-template-columns:17.5rem minmax(0,1fr) 21rem;min-height:0;display:grid}.sbx__queue,.sbx__side{background:var(--ink-900);min-height:0;display:grid}.sbx__queue{border-right:1px solid var(--line);grid-template-rows:auto minmax(0,1fr) auto}.sbx__side{border-left:1px solid var(--line);grid-template-rows:auto minmax(0,1fr)}.sbx__panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.sbx__panel-head h2{font-size:var(--text-sm)}.sbx__panel-head .btn{position:relative}.sbx__panel-head .btn.is-hint:after{content:"";border-radius:inherit;border:1px solid var(--btn-bg);opacity:0;animation:sbx-hint 2.4s var(--ease-out) infinite;pointer-events:none;position:absolute;inset:-4px}@keyframes sbx-hint{0%{opacity:.55;transform:scale(.96)}70%,to{opacity:0;transform:scale(1.12)}}.sbx__queue-list{overscroll-behavior:contain;padding:.375rem;overflow-y:auto}.sbx-q{border-radius:var(--radius-sm);text-align:left;width:100%;transition:background-color var(--dur-1) ease;justify-items:start;gap:.125rem;padding:.625rem .75rem .75rem;display:grid}.sbx-q:hover{background:color-mix(in srgb, var(--text) 5%, transparent)}.sbx-q.is-selected{background:color-mix(in srgb, var(--text) 8%, transparent);box-shadow:inset 2px 0 0 var(--accent)}.sbx-q__row{width:100%;color:var(--text-3);justify-content:space-between;font-size:.6875rem;display:flex}.sbx-q__from{font-weight:480}.sbx-q__subject{max-width:100%;font-size:var(--text-xs);color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.375rem;overflow:hidden}.sbx .chip--live:before{background:var(--accent);opacity:1;animation:1s ease-in-out infinite alternate sbx-live}@keyframes sbx-live{to{opacity:.25}}.sbx__intro{border-top:1px solid var(--line);font-size:var(--text-xs);color:var(--text-3);padding:.875rem 1rem;line-height:1.5}.sbx__case{outline:none;grid-template-rows:auto auto minmax(0,1fr) auto;min-width:0;min-height:0;display:grid}.sbx-case__head{justify-content:space-between;align-items:start;gap:1rem;padding:1.125rem 1.5rem 1rem;display:flex}.sbx-case__meta{font-size:var(--text-xs);color:var(--text-3)}.sbx-case__head h3{letter-spacing:-.01em;margin-top:.25rem;font-size:1.25rem;font-weight:480;line-height:1.25}.sbx-case__from{color:var(--text-2)}.sbx-steps{border-bottom:1px solid var(--line);grid-template-columns:repeat(5,1fr);padding:0 1.5rem 1rem;display:grid}.sbx-steps li{font-size:var(--text-xs);color:var(--text-3);transition:color var(--dur-2) ease;gap:.5rem;display:grid;position:relative}.sbx-steps li:before{content:"";background:var(--line-2);height:1px;position:absolute;top:.25rem;left:.5625rem;right:0}.sbx-steps li:after{content:"";background:var(--accent);transform-origin:0;height:1px;transition:transform var(--dur-3) var(--ease-out);position:absolute;top:.25rem;left:.5625rem;right:0;transform:scaleX(0)}.sbx-steps li:last-child:before,.sbx-steps li:last-child:after{display:none}.sbx-step__dot{z-index:1;background:var(--ink-850);width:9px;height:9px;box-shadow:inset 0 0 0 1.5px var(--ink-500);transition:background-color var(--dur-2) ease, box-shadow var(--dur-2) ease;border-radius:50%;position:relative}.sbx-steps li.is-done{color:var(--text-2)}.sbx-steps li.is-done:after{transform:scaleX(1)}.sbx-steps li.is-done .sbx-step__dot{background:var(--accent);box-shadow:none}.sbx-steps li.is-active{color:var(--text)}.sbx-steps li.is-active .sbx-step__dot{background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);animation:.7s ease-in-out infinite alternate sbx-live}.sbx-steps li.is-hold{color:var(--warn)}.sbx-steps li.is-hold .sbx-step__dot{background:var(--warn);box-shadow:0 0 0 4px var(--warn-soft)}.sbx-case__cols{overscroll-behavior:contain;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start;gap:1.25rem 1.5rem;padding:1.25rem 1.5rem;display:grid;overflow-y:auto}.sbx-block{align-content:start;gap:.625rem;min-width:0;display:grid}.sbx-block--wide{grid-column:1/-1}.sbx-block h4{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);font-size:.6875rem;font-weight:400}.sbx-source{border-radius:var(--radius-sm);background:var(--ink-800);color:var(--text-2);padding:.875rem 1rem;line-height:1.65}.sbx-source mark{color:inherit;transition:background-color var(--dur-2) ease, color var(--dur-2) ease, box-shadow var(--dur-2) ease;background:0 0;border-radius:4px;margin-inline:-.1em;padding:.05em .25em}.sbx-source mark.on{background:var(--accent-soft);color:var(--accent-strong);box-shadow:inset 0 -1px 0 color-mix(in srgb, var(--accent) 55%, transparent)}.sbx-source mark.fresh{animation:sbx-mark .42s var(--ease-out)}@keyframes sbx-mark{0%{background:color-mix(in srgb, var(--accent) 45%, transparent)}}.sbx-fields>div{border-bottom:1px solid var(--line);grid-template-columns:7.5rem minmax(0,1fr);gap:.75rem;min-height:2.125rem;padding-block:.4375rem;display:grid}.sbx-fields>div:last-child{border-bottom:0}.sbx-fields dt{color:var(--text-3)}.sbx-fields dd{position:relative}.sbx-fields>div:not(.on) dd:before{content:"";background:var(--ink-700);border-radius:3px;width:58%;height:.625rem;position:absolute;top:.3125rem;left:0}.sbx-fields>div:nth-child(2n):not(.on) dd:before{width:36%}.sbx-fields .fresh dd,.sbx-checks .fresh{animation:sbx-in .38s var(--ease-out)}@keyframes sbx-in{0%{opacity:0;transform:translateY(4px)}}.sbx-checks{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.sbx-checks li{border-radius:var(--radius-sm);border:1px solid var(--line);grid-template-columns:1rem minmax(0,1fr);align-items:start;column-gap:.625rem;padding:.625rem .75rem;line-height:1.35;display:grid}.sbx-checks li svg{color:var(--accent);grid-row:span 2;margin-top:1px}.sbx-checks li span:last-child{font-size:var(--text-xs);color:var(--text-3)}.sbx-checks li.is-warn{border-color:color-mix(in srgb, var(--warn) 45%, transparent);background:var(--warn-soft)}.sbx-checks li.is-warn svg,.sbx-checks li.is-warn span:last-child{color:var(--warn)}.sbx-checks li.is-stop{border-color:var(--line-2);background:color-mix(in srgb, var(--text) 4%, transparent);grid-column:1/-1}.sbx-checks li.is-stop svg,.sbx-checks li.is-stop span:last-child{color:var(--text-2)}.sbx-checks .sbx-empty{color:var(--text-3);font-size:var(--text-xs);border-style:dashed;grid-column:1/-1;display:block}.sbx-decision{border-radius:var(--radius);border:1px solid var(--line);background:var(--ink-800);animation:sbx-in .32s var(--ease-out);justify-content:space-between;align-items:center;gap:1.25rem;margin:0 1rem 1rem;padding:.875rem 1rem;display:flex}.sbx-decision strong{font-weight:480}.sbx-decision p,.sbx-decision ul{font-size:var(--text-xs);color:var(--text-2);margin-top:.25rem;line-height:1.5}.sbx-decision ul li{padding-left:.875rem;position:relative}.sbx-decision ul li:before{content:"";background:var(--warn);border-radius:50%;width:4px;height:4px;position:absolute;top:.55em;left:.125rem}.sbx-decision__tag{background:color-mix(in srgb, var(--text) 9%, transparent);color:var(--text);border-radius:4px;margin-right:.25rem;padding:.05rem .4rem;font-size:.6875rem;display:inline-block}.sbx-decision__actions{flex:none;align-items:center;gap:.5rem;display:flex}.sbx-decision__time{font-size:var(--text-xs);color:var(--text-3);flex:none}.sbx-decision.is-warn{border-color:color-mix(in srgb, var(--warn) 50%, transparent);background:var(--warn-soft);align-items:end}.sbx-decision.is-warn strong{color:var(--warn)}.sbx-decision.is-ok{border-color:color-mix(in srgb, var(--accent) 35%, transparent);background:var(--accent-soft)}.sbx-decision.is-ok strong{color:var(--accent)}.sbx-decision.is-danger{border-color:color-mix(in srgb, var(--danger) 40%, transparent);background:var(--danger-soft)}.sbx-decision.is-danger strong{color:var(--danger)}.sbx-textbtn{height:2.25rem;font-size:var(--text-xs);color:var(--text-2);text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:3px;padding-inline:.5rem;font-weight:480}.sbx-textbtn:hover{color:var(--text)}.sbx__tabs{border-bottom:1px solid var(--line);gap:1.25rem;padding-inline:1rem;display:flex}.sbx__tabs button{height:3.0625rem;color:var(--text-3);transition:color var(--dur-1) ease;align-items:center;gap:.5rem;font-weight:480;display:inline-flex;position:relative}.sbx__tabs button:hover{color:var(--text)}.sbx__tabs button:after{content:"";background:var(--text);height:2px;transition:transform var(--dur-2) var(--ease-out);position:absolute;inset:auto 0 -1px;transform:scaleX(0)}.sbx__tabs button[aria-selected=true]{color:var(--text)}.sbx__tabs button[aria-selected=true]:after{transform:scaleX(1)}.sbx__count{border-radius:var(--radius-pill);background:var(--ink-700);text-align:center;min-width:1.25rem;color:var(--text-2);padding:.0625rem .3125rem;font-size:.6875rem}.sbx__tabpanel{min-height:0;display:grid;position:relative}.sbx-log{overscroll-behavior:contain;scroll-behavior:smooth;padding:.5rem 1rem 1rem;overflow-y:auto}.sbx-log__item{border-bottom:1px solid var(--line);font-size:var(--text-xs);animation:sbx-in .32s var(--ease-out);grid-template-columns:auto auto minmax(0,1fr);align-items:baseline;column-gap:.5rem;padding-block:.5rem;line-height:1.45;display:grid}.sbx-log__time{color:var(--text-3);font-size:.6875rem}.sbx-log__actor{background:color-mix(in srgb, var(--text) 8%, transparent);color:var(--text-2);border-radius:4px;padding:0 .3125rem;font-size:.6875rem;font-weight:480}.sbx-log__actor--human{background:var(--text);color:var(--ink-900)}.sbx-log__text{color:var(--text-2);overflow-wrap:anywhere;grid-column:1/-1;margin-top:.1875rem}.sbx-log__text .mono{color:var(--text-3);font-size:.6875rem}.sbx-log__item.is-warn .sbx-log__text{color:var(--warn)}.sbx-log__item.is-ok .sbx-log__text{color:var(--accent)}.sbx-log__item.is-danger .sbx-log__text{color:var(--danger)}.sbx-log__empty{font-size:var(--text-xs);color:var(--text-3);pointer-events:none;line-height:1.5;position:absolute;inset:1rem 1rem auto}.sbx-log:not(:empty)+.sbx-log__empty{display:none}.sbx__tabpanel--rules{align-content:start;gap:1.375rem;padding:1rem;overflow-y:auto}.sbx-rules__intro,.sbx-rule p{font-size:var(--text-xs);color:var(--text-3);line-height:1.5}.sbx-rule{gap:.5rem;display:grid}.sbx-rule__head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.sbx-rule__head label{font-weight:480}.sbx-rule__head output{white-space:nowrap;color:var(--accent);font-weight:480}.sbx input[type=range]{--pct:50%;-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;width:100%;height:2.5rem;margin:-.5rem 0}.sbx input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--pct), var(--line-2) var(--pct));border-radius:2px;height:2px}.sbx input[type=range]::-moz-range-track{background:linear-gradient(to right, var(--accent) var(--pct), var(--line-2) var(--pct));border-radius:2px;height:2px}.sbx input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink-900);border:1.5px solid var(--accent);width:16px;height:16px;transition:transform var(--dur-1) ease;border-radius:50%;margin-top:-7px}.sbx input[type=range]::-moz-range-thumb{background:var(--ink-900);border:1.5px solid var(--accent);border-radius:50%;width:13px;height:13px}.sbx input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.15)}.sbx input[type=range]:focus-visible{outline:none}.sbx input[type=range]:focus-visible::-webkit-slider-thumb{outline:2px solid var(--focus);outline-offset:3px}.sbx input[type=range]:focus-visible::-moz-range-thumb{outline:2px solid var(--focus);outline-offset:3px}.sbx-switch{-webkit-appearance:none;appearance:none;border-radius:var(--radius-pill);background:var(--ink-600);cursor:pointer;width:2.25rem;height:1.25rem;transition:background-color var(--dur-2) ease;flex:none;margin:0;position:relative}.sbx-switch:after{content:"";background:var(--text);width:1rem;height:1rem;transition:transform var(--dur-2) var(--ease-out);border-radius:50%;position:absolute;top:2px;left:2px}.sbx-switch:checked{background:var(--green-500)}.sbx-switch:checked:after{transform:translate(1rem)}.sbx-forecast{border-radius:var(--radius);background:var(--ink-800);border:1px solid var(--line);gap:.625rem;padding:.875rem 1rem;display:grid}.sbx-forecast__dots{gap:.375rem;display:flex}.sbx-forecast__dots i{width:.875rem;height:.875rem;transition:background-color var(--dur-2) ease, box-shadow var(--dur-2) ease;border-radius:50%}.sbx-forecast__dots i.ok{background:var(--accent)}.sbx-forecast__dots i.warn{box-shadow:inset 0 0 0 1.5px var(--warn);background:0 0}.sbx-forecast p{font-size:var(--text-xs);color:var(--text-2);line-height:1.5}.sbx-forecast strong{color:var(--text);font-weight:480}.sbx__noscript{text-align:center;color:var(--text-2);padding:2rem}.sbx--film{--sbx-h:31rem;pointer-events:none;user-select:none;width:1180px;box-shadow:none}.sbx--film .sbx__grid{height:var(--sbx-h);grid-template-rows:none;grid-template-columns:16rem minmax(0,1fr) 19rem}.sbx--film .sbx__side{border-top:0;border-left:1px solid var(--line);grid-column:auto;height:auto}.sbx--film .sbx__top{grid-template-columns:1fr auto 1fr}.sbx--film .sbx__scenarios{grid-area:auto;justify-self:auto}.sbx--film .sbx__metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.sbx--film .sbx__panel-head .btn.is-hint:after{display:none}@media (pointer:coarse){.sbx__scenarios button,.sbx-tool{height:2.5rem}}@media (width<=1180px){.sbx__grid{grid-template-columns:15.5rem minmax(0,1fr);grid-template-rows:var(--sbx-h) auto;height:auto}.sbx__side{border-left:0;border-top:1px solid var(--line);grid-column:1/-1;height:22rem}}@media (width<=820px){.sbx__top{grid-template-columns:1fr auto}.sbx__scenarios{grid-area:2/1/auto/-1;justify-self:stretch}.sbx__scenarios button{flex:1;padding-inline:.5rem}.sbx__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.sbx-metric:nth-child(3){border-left:0}.sbx-metric:nth-child(n+3){border-top:1px solid var(--line)}.sbx__grid{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr)}.sbx__queue{border-right:0;border-bottom:1px solid var(--line)}.sbx__queue-list{scroll-snap-type:x proximity;gap:.25rem;display:flex;overflow:auto hidden}.sbx__queue-list li{scroll-snap-align:start;flex:none;width:13.5rem}.sbx-q.is-selected{box-shadow:inset 0 2px 0 var(--accent)}.sbx__intro{display:none}.sbx__case{grid-template-rows:auto auto auto auto}.sbx-case__cols{grid-template-columns:minmax(0,1fr);overflow:visible}.sbx-checks{grid-template-columns:minmax(0,1fr)}.sbx-decision,.sbx-decision.is-warn{flex-direction:column;align-items:stretch}.sbx-decision__actions{flex-wrap:wrap}.sbx-case__head,.sbx-case__cols,.sbx-steps{padding-inline:1rem}.sbx-steps li span:last-child{font-size:.6875rem}}@media (width<=420px){.sbx__brand span:not(.chip){display:none}}
