.cs-runs{flex-direction:column;display:flex}.cs-run{border-top:1px solid var(--hairline);grid-template-columns:42px 1fr 36px;align-items:center;gap:14px;padding:14px 18px;transition:background .14s;display:grid}.cs-run:first-child{border-top:0}.cs-run:hover{background:color-mix(in oklab, var(--bg-panel) 80%, var(--bg-deep) 20%)}.cs-run__led{border-radius:var(--studio-led-radius);background:color-mix(in oklab, var(--tone-color,var(--primary)) 14%, var(--bg-deep));border:1px solid color-mix(in oklab, var(--tone-color,var(--primary)) 40%, var(--hairline));width:42px;height:42px;box-shadow:0 0 16px -6px var(--tone-color,var(--primary-glow));place-items:center;display:grid}.cs-run__led-tag{font-family:var(--font-mono);letter-spacing:.08em;color:var(--tone-color,var(--primary-2));text-transform:uppercase;font-size:9px;font-weight:700}.cs-run__led.tone-blue{--tone-color:var(--vlan-tone-blue)}.cs-run__led.tone-red{--tone-color:var(--vlan-tone-red)}.cs-run__led.tone-green{--tone-color:var(--vlan-tone-green)}.cs-run__led.tone-purple{--tone-color:var(--vlan-tone-purple)}.cs-run__led.tone-gray{--tone-color:var(--vlan-tone-gray)}.cs-run__main{min-width:0}.cs-run__fields{grid-template-columns:1.5fr 1fr 70px 110px;align-items:end;gap:10px;display:grid}@media (max-width:720px){.cs-run__fields{grid-template-columns:1fr 1fr}.cs-run__field--name{grid-column:1/-1}}.cs-run__field{flex-direction:column;gap:4px;min-width:0;display:flex}.cs-run__field-k{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-4);font-size:9.5px}.cs-run__rm{border:1px solid var(--hairline);border-radius:var(--studio-control-radius);width:32px;height:32px;color:var(--fg-3);cursor:pointer;background:0 0;place-items:center;transition:all .14s;display:grid}.cs-run__rm:hover:not(:disabled){color:var(--error);border-color:color-mix(in oklab, var(--error) 50%, var(--hairline));background:color-mix(in oklab, var(--error) 8%, transparent)}.cs-run__rm:disabled{opacity:.3;cursor:not-allowed}.cs-grid{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--studio-panel-radius);padding:clamp(18px,2vw,26px)}.cs-grid__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.cs-grid__title{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-3);font-size:11px}.cs-grid__meta{font-family:var(--font-mono);letter-spacing:.04em;color:var(--fg-4);font-size:11px}.cs-grid__rows{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;display:grid}.cs-breakdown{background:var(--bg-deep);border:1px solid var(--hairline);border-radius:var(--studio-section-radius);flex-direction:column;gap:10px;padding:14px 16px 12px 22px;animation:.46s cubic-bezier(.16,1,.3,1) both cs-rise;display:flex;position:relative;overflow:hidden}@media (prefers-reduced-motion:reduce){.cs-breakdown{animation:none}}@keyframes cs-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cs-breakdown__rail{background:var(--primary);width:3px;position:absolute;top:0;bottom:0;left:0}.cs-breakdown.is-warn .cs-breakdown__rail{background:var(--warning)}.cs-breakdown.is-warn{border-color:color-mix(in oklab, var(--warning) 30%, var(--hairline))}.cs-breakdown__head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.cs-breakdown__name{font-family:var(--font-sans);color:var(--fg);letter-spacing:-.005em;font-size:14.5px;font-weight:700}.cs-breakdown__type{font-family:var(--font-mono);letter-spacing:.04em;color:var(--fg-4);text-transform:uppercase;font-size:10.5px}.cs-breakdown__stats{border-top:1px dashed var(--hairline);border-bottom:1px dashed var(--hairline);grid-template-columns:repeat(3,1fr);gap:12px;padding:8px 0;display:grid}.cs-breakdown__stat{flex-direction:column;gap:2px;display:flex}.cs-breakdown__stat-k{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-4);font-size:9px}.cs-breakdown__stat-v{font-family:var(--font-mono);color:var(--fg-2);font-variant-numeric:tabular-nums;letter-spacing:-.005em;font-size:13px;font-weight:600}.cs-breakdown__stat-total{color:var(--fg);font-weight:700}.cs-breakdown__bar{background:var(--bg-panel);border:1px solid var(--hairline);border-radius:var(--studio-pill-radius);height:8px;position:relative;overflow:hidden}.cs-breakdown__bar-fill{width:var(--cs-fill,0%);background:linear-gradient(90deg, var(--primary) 0%, var(--primary-2) 100%);border-radius:var(--studio-pill-radius);transition:width .48s cubic-bezier(.4,0,.2,1);position:absolute;top:0;bottom:0;left:0}.cs-breakdown.is-warn .cs-breakdown__bar-fill{background:linear-gradient(90deg, color-mix(in oklab, var(--warning) 80%, var(--fg)), var(--warning))}.cs-breakdown__bar-label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3);pointer-events:none;text-shadow:0 0 4px var(--bg-panel);font-size:9px;font-weight:600;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.cs-breakdown__warn{font-family:var(--font-sans);color:var(--warning);flex-wrap:wrap;align-items:baseline;gap:8px;margin:0;font-size:12.5px;line-height:1.45;display:flex}.cs-breakdown__warn-tag{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--warning);opacity:.85;flex-shrink:0;font-size:9.5px}
@property --cbl-count{syntax:"<integer>";inherits:false;initial-value:0}.cbl-reel{--cbl-copper:#d2792f;--cbl-copper-bright:#e89b54;--cbl-copper-deep:#a85e22;width:100%;max-width:440px;margin-inline-start:auto;padding:22px 26px 16px;position:relative}.cbl-reel__head,.cbl-reel__foot{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);justify-content:space-between;align-items:center;font-size:10px;display:flex}.cbl-reel__head{margin-bottom:8px}.cbl-reel__head-spec{color:var(--cbl-copper)}.cbl-reel__foot{color:var(--fg-4);margin-top:8px}.cbl-reel__foot-pulse{color:var(--cbl-copper);align-items:center;gap:6px;display:inline-flex}.cbl-reel__foot-dot{background:var(--cbl-copper);border-radius:50%;width:6px;height:6px;animation:2.6s ease-out infinite cbl-pulse;box-shadow:0 0 #d2792f80}@keyframes cbl-pulse{0%{box-shadow:0 0 #d2792f80}70%{box-shadow:0 0 0 7px #d2792f00}to{box-shadow:0 0 #d2792f00}}.cbl-reel__svg{filter:drop-shadow(0 16px 36px #0000004d);width:100%;height:auto;display:block;overflow:visible}.cbl-reel__stand,.cbl-reel__stand-leg{stroke:#3a3f49;stroke-width:3px;stroke-linecap:round}.cbl-reel__flange{fill:#20242e;stroke:#31363f;stroke-width:1.4px}.cbl-reel__ring{fill:none;stroke:var(--cbl-copper);stroke-width:4.4px;opacity:.9;animation:3.6s ease-in-out infinite cbl-ring-sheen;animation-delay:calc(var(--d) * .3s)}.cbl-reel__ring:nth-child(odd){stroke:var(--cbl-copper-deep)}@keyframes cbl-ring-sheen{0%,to{stroke:var(--cbl-copper-deep)}50%{stroke:var(--cbl-copper-bright)}}.cbl-reel__hub{fill:#14171e;stroke:#3a3f49;stroke-width:1.2px}.cbl-reel__hub-bore{fill:#0b0d12}.cbl-reel__spoke{stroke:#4a515e;stroke-width:2px;stroke-linecap:round}.cbl-reel__spin{transform-box:fill-box;transform-origin:50%;animation:14s linear infinite cbl-spin}@keyframes cbl-spin{0%{transform:translate(69px,118px)rotate(0)}to{transform:translate(69px,118px)rotate(360deg)}}.cbl-reel__rail{stroke:var(--border);stroke-width:1px;stroke-dasharray:2 4}.cbl-reel__cable{fill:none;stroke:var(--cbl-copper);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 1px #00000059);stroke-dasharray:540;stroke-dashoffset:540px;animation:7s ease-in-out infinite cbl-draw}@keyframes cbl-draw{0%{stroke-dashoffset:540px}55%{stroke-dashoffset:0}92%{stroke-dashoffset:0}to{stroke-dashoffset:540px}}.cbl-reel__tick{stroke:var(--fg-4);stroke-width:1px}.cbl-reel__tick--major{stroke:var(--cbl-copper);stroke-width:1.6px}.cbl-reel__ft{font-family:var(--font-mono);fill:var(--fg-3);opacity:0;animation:7s ease-in-out infinite cbl-ft-in;animation-delay:calc(var(--d) * .6s);font-size:8.5px}.cbl-reel__ft--major{fill:var(--cbl-copper);font-weight:600}@keyframes cbl-ft-in{0%,6%{opacity:0}18%,92%{opacity:1}to{opacity:0}}.cbl-reel__note{font-family:var(--font-mono);letter-spacing:.06em;fill:var(--fg-4);text-transform:uppercase;font-size:7.5px}.cbl-reel__plate{fill:var(--bg-panel);stroke:var(--border-strong);stroke-width:1.2px}.cbl-reel__screw{fill:var(--fg-4)}.cbl-reel__jack{fill:#0d0f14;stroke:var(--cbl-copper-deep);stroke-width:1px}.cbl-reel__jack-led{fill:var(--cbl-copper);animation:7s ease-in-out infinite cbl-land}@keyframes cbl-land{0%,50%{opacity:.2}58%,92%{opacity:1}to{opacity:.2}}.cbl-reel__counter{border:1px solid var(--border-strong);background:color-mix(in srgb, var(--bg-deep) 86%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:6px;flex-direction:column;gap:2px;padding:5px 9px;display:inline-flex;position:absolute;top:36px;left:30px}.cbl-reel__counter-k{font-family:var(--font-mono);letter-spacing:.14em;color:var(--fg-4);font-size:7.5px}.cbl-reel__counter-v{font-family:var(--font-mono);color:var(--cbl-copper);font-variant-numeric:tabular-nums;align-items:baseline;gap:3px;font-size:15px;font-weight:600;line-height:1;display:inline-flex}.cbl-reel__count-unit{color:var(--fg-3);font-size:9px;font-weight:400}.cbl-reel__count:after{content:counter(cbl-count);counter-reset:cbl-count var(--cbl-count);animation:7s ease-in-out infinite cbl-tally}@keyframes cbl-tally{0%{--cbl-count:0}55%{--cbl-count:85}92%{--cbl-count:85}to{--cbl-count:0}}@media (prefers-reduced-motion:reduce){.cbl-reel__spin,.cbl-reel__cable,.cbl-reel__ring,.cbl-reel__ft,.cbl-reel__jack-led,.cbl-reel__foot-dot,.cbl-reel__count:after{animation:none}.cbl-reel__cable{stroke-dashoffset:0}.cbl-reel__ft{opacity:1}.cbl-reel__count:after{content:"85"}}@media (max-width:640px){.cbl-reel{max-width:100%;margin-inline:0}}