.upb-shell{--upb-bg: #eef5ff;--upb-panel: rgba(255, 255, 255, .84);--upb-panel-strong: #fff;--upb-ink: #111827;--upb-muted: #526072;--upb-line: rgba(50, 72, 110, .18);--upb-glow: #32d19c;--upb-accent: #2477ff;--upb-hot: #ffbe3d;--upb-danger: #ee4b67;--upb-shadow: rgba(24, 42, 76, .18);background:radial-gradient(circle at 13% 17%,rgba(50,209,156,.26),transparent 31%),radial-gradient(circle at 86% 18%,rgba(36,119,255,.24),transparent 28%),linear-gradient(135deg,#f8fbff 0%,var(--upb-bg) 48%,#eaf0f8 100%);border:1px solid var(--upb-line);border-radius:8px;box-shadow:0 24px 70px var(--upb-shadow);color:var(--upb-ink);display:grid;gap:.8rem;overflow:hidden;padding:.75rem;position:relative;width:100%}.upb-shell:before{animation:upb-grid-drift 12s linear infinite;background:linear-gradient(rgba(36,119,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(36,119,255,.08) 1px,transparent 1px);background-size:26px 26px;content:"";inset:0;opacity:.42;pointer-events:none;position:absolute}.theme-dark .upb-shell{--upb-bg: #0f1724;--upb-panel: rgba(19, 27, 42, .82);--upb-panel-strong: #141d2e;--upb-ink: #f4f8ff;--upb-muted: #aab8cb;--upb-line: rgba(151, 180, 222, .22);--upb-glow: #31e6ad;--upb-accent: #80aefc;--upb-hot: #ffd166;--upb-danger: #ff6b87;--upb-shadow: rgba(0, 0, 0, .42);background:radial-gradient(circle at 15% 8%,rgba(49,230,173,.18),transparent 29%),radial-gradient(circle at 88% 17%,rgba(128,174,252,.2),transparent 31%),linear-gradient(135deg,#080d19 0%,var(--upb-bg) 55%,#111827 100%)}.upb-shell[data-status=tight]{--upb-glow: var(--upb-hot);--upb-accent: #f59e0b}.upb-shell[data-status=over]{--upb-glow: var(--upb-danger);--upb-accent: #fb7185}.upb-board,.upb-console{backdrop-filter:blur(20px);background:var(--upb-panel);border:1px solid var(--upb-line);border-radius:8px;box-shadow:inset 0 1px #ffffff57;position:relative;z-index:1}.upb-board{display:grid;gap:.7rem;padding:.75rem}.upb-board-top{align-items:center;display:grid;gap:.6rem;grid-template-columns:1fr}.upb-eyebrow{color:var(--upb-muted);font-size:.78rem;font-weight:900;text-transform:uppercase}.upb-unit-switch{background:color-mix(in srgb,var(--upb-panel-strong) 76%,transparent);border:1px solid var(--upb-line);border-radius:8px;display:grid;grid-template-columns:1fr 1fr;padding:.18rem}.upb-unit-switch button{background:transparent;border:0;border-radius:6px;color:var(--upb-muted);cursor:pointer;font:inherit;font-size:.78rem;font-weight:900;min-height:2rem}.upb-unit-switch button.is-active{background:var(--upb-ink);color:var(--upb-panel-strong)}.theme-dark .upb-unit-switch button.is-active{background:var(--upb-glow);color:#06110e}.upb-hero{align-items:center;display:grid;gap:.45rem;grid-template-columns:1fr}.upb-socket{background:linear-gradient(145deg,color-mix(in srgb,var(--upb-panel-strong) 88%,transparent),color-mix(in srgb,var(--upb-panel-strong) 56%,transparent)),radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--upb-glow) 18%,transparent),transparent 42%);border:1px solid var(--upb-line);border-radius:8px;box-shadow:0 12px 32px #0f172a1a;display:grid;gap:.22rem;min-height:5.7rem;padding:.8rem}.upb-socket span,.upb-socket small,.upb-field span,.upb-metrics span,.upb-gauge-copy span{color:var(--upb-muted);font-size:.72rem;font-weight:850}.upb-socket strong{font-size:clamp(1.8rem,7vw,3rem);line-height:.95}.upb-socket small{color:var(--upb-accent)}.upb-cable-stage{align-items:center;display:grid;min-height:9.5rem;overflow:hidden;position:relative}.upb-cable-stage:before{animation:upb-pulse 2.5s ease-in-out infinite;background:radial-gradient(circle,color-mix(in srgb,var(--upb-glow) 30%,transparent),transparent 64%);content:"";height:10rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:18rem}.upb-cable-art{filter:drop-shadow(0 18px 24px rgba(15,23,42,.16));height:100%;min-height:9.5rem;overflow:visible;position:relative;width:100%;z-index:1}.upb-cable-shadow,.upb-cable-body,.upb-cable-core,.upb-cable-spark{fill:none;stroke-linecap:round}.upb-cable-shadow{opacity:.25;stroke:#0f172a;stroke-width:38}.upb-cable-body{stroke:color-mix(in srgb,var(--upb-ink) 68%,#6b7d96);stroke-width:27}.upb-cable-core{filter:url(#upb-glow);opacity:.72;stroke:var(--upb-glow);stroke-width:8}.upb-cable-spark{animation:upb-energy 1.25s linear infinite;filter:url(#upb-glow);stroke:#fff;stroke-dasharray:34 310;stroke-width:5}.upb-plug rect,.upb-plug circle{fill:var(--upb-panel-strong);stroke:var(--upb-line);stroke-width:3}.upb-plug line{stroke:var(--upb-accent);stroke-linecap:round;stroke-width:4}.upb-flow-chip{animation:upb-float 3s ease-in-out infinite;background:var(--upb-ink);border:1px solid color-mix(in srgb,var(--upb-glow) 45%,transparent);border-radius:999px;box-shadow:0 0 28px color-mix(in srgb,var(--upb-glow) 44%,transparent);color:var(--upb-panel-strong);font-size:.78rem;font-weight:950;left:50%;padding:.38rem .7rem;position:absolute;top:48%;transform:translate(-50%,-50%);z-index:2}.theme-dark .upb-flow-chip{color:#07110f;background:var(--upb-glow)}.upb-flow-label{bottom:.1rem;color:var(--upb-muted);font-size:.68rem;font-weight:900;left:50%;position:absolute;text-transform:uppercase;transform:translate(-50%);z-index:2}.upb-status-row{display:grid;gap:.55rem}.upb-status{border:1px solid color-mix(in srgb,var(--upb-glow) 38%,var(--upb-line));border-radius:8px;padding:.8rem}.upb-status[data-status=safe]{background:linear-gradient(135deg,#31e6ad2e,#2477ff14)}.upb-status[data-status=tight]{background:linear-gradient(135deg,#ffbe3d33,#2477ff0f)}.upb-status[data-status=over]{background:linear-gradient(135deg,#ee4b6733,#ffbe3d14)}.upb-status span{display:block;font-size:clamp(1.35rem,5vw,2.25rem);font-weight:950;line-height:1}.upb-status p{color:var(--upb-muted);margin:.35rem 0 0}.upb-gauge{background:color-mix(in srgb,var(--upb-panel-strong) 78%,transparent);border:1px solid var(--upb-line);border-radius:8px;display:grid;gap:.45rem;padding:.75rem}.upb-gauge-copy{align-items:baseline;display:flex;justify-content:space-between}.upb-gauge-copy strong{font-size:1.55rem;line-height:1}.upb-gauge-track{background:color-mix(in srgb,var(--upb-ink) 12%,transparent);border-radius:999px;height:.7rem;overflow:hidden}.upb-gauge-track i{background:linear-gradient(90deg,var(--upb-glow),var(--upb-accent));border-radius:inherit;box-shadow:0 0 18px color-mix(in srgb,var(--upb-glow) 48%,transparent);display:block;height:100%;max-width:100%;transition:width .22s ease;width:0}.upb-console{align-content:start;display:grid;gap:.55rem;padding:.65rem}.upb-field,.upb-field-pair{min-width:0}.upb-field{display:grid;gap:.28rem}.upb-field-pair{display:grid;gap:.55rem;grid-template-columns:repeat(2,minmax(0,1fr))}.upb-field input,.upb-field select{background:color-mix(in srgb,var(--upb-panel-strong) 82%,transparent);border:1px solid var(--upb-line);border-radius:8px;color:var(--upb-ink);font:inherit;font-weight:800;min-height:2.35rem;padding:0 .68rem;width:100%}.upb-field input:focus,.upb-field select:focus{border-color:var(--upb-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--upb-accent) 20%,transparent);outline:none}.upb-metrics{display:grid;gap:.45rem;grid-template-columns:repeat(2,minmax(0,1fr))}.upb-metrics div{background:color-mix(in srgb,var(--upb-panel-strong) 78%,transparent);border:1px solid var(--upb-line);border-radius:8px;display:grid;gap:.2rem;min-width:0;padding:.62rem}.upb-metrics strong{font-size:1.18rem;line-height:1}@keyframes upb-energy{to{stroke-dashoffset:-344}}@keyframes upb-float{50%{transform:translate(-50%,calc(-50% - 7px))}}@keyframes upb-pulse{50%{opacity:.42;transform:translate(-50%,-50%) scale(1.13)}}@keyframes upb-grid-drift{to{background-position:26px 26px}}@media(min-width:820px){.upb-shell{grid-template-columns:minmax(0,1.45fr) minmax(18rem,.75fr);padding:.9rem}.upb-board{min-height:27rem}.upb-board-top{grid-template-columns:1fr 15rem}.upb-hero{grid-template-columns:minmax(9rem,.72fr) minmax(17rem,1.2fr) minmax(9rem,.72fr)}.upb-cable-stage,.upb-cable-art{min-height:14.5rem}.upb-status-row{grid-template-columns:1fr minmax(12rem,.45fr)}}@media(prefers-reduced-motion:reduce){.upb-shell:before,.upb-cable-spark,.upb-flow-chip,.upb-cable-stage:before{animation:none}}