:root{color:#e7f0fb;background:#0b1017;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at top left,rgb(116 210 255 / .14),transparent 36rem),#0b1017}button,input,select{font:inherit}button{border:1px solid rgb(116 210 255 / .45);border-radius:10px;padding:.7rem 1rem;color:#061019;background:#74d2ff;cursor:pointer;font-weight:700}button.secondary{color:#d7e4ef;background:#1d2a38}button.danger{border-color:#ff76768c;color:#ffdede;background:#ff767621}button.active{border-color:#74d2ff;background:#74d2ff33}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.5}input,select{width:100%;border:1px solid #26384b;border-radius:10px;padding:.7rem .8rem;color:#e5eef7;background:#0f1722}code{color:#bde9ff}h1,h2,h3,p{margin:0}h1{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.04em}h2{font-size:1.05rem}h3{margin-top:1.2rem;font-size:.95rem}.app-shell{width:min(1220px,calc(100% - 2rem));margin:0 auto;padding:2rem 0}.panel,.subpanel,.status-banner{border:1px solid #1e2b3a;border-radius:18px;background:#101722;box-shadow:0 20px 60px #0003}.hero,.connection-panel,.screen-panel,.terminal-panel,.subpanel{padding:1rem}.hero,.panel-title,.actions,.hero-actions,.send-row,.apply-panel,.wizard li{display:flex;align-items:center;gap:.75rem}.hero,.panel-title.split,.apply-panel{justify-content:space-between}.hero-actions{flex-wrap:wrap;justify-content:flex-end}.panel-title{margin-bottom:1rem}.panel-title p,.subpanel p,.apply-panel p,.danger-zone p,.comparison p{margin-top:.45rem}.eyebrow{color:#74d2ff;font-size:.75rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.lede,.muted,.state-empty,dt,.live-grid span{color:#9fb0c2}.tag{display:inline-flex;border:1px solid #27445a;border-radius:999px;padding:.25rem .55rem;color:#74d2ff;font-size:.75rem;white-space:nowrap}.ok,.success{color:#73d47d}.warn{color:#ffcf66}.bad,.error{color:#ff7b7b}.device-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.status-banner{margin-top:1rem;padding:.85rem 1rem}.summary-list{display:grid;gap:.55rem;margin:1rem 0 0}.summary-list div,.live-grid div{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:.75rem}dd{margin:0;word-break:break-word}.live-grid{display:grid;gap:.35rem;margin-top:.9rem}.stick-monitor{display:grid;grid-template-columns:minmax(18rem,.9fr) minmax(18rem,1.1fr);gap:1rem;margin:1rem 0;align-items:start}.stick-status{grid-column:1 / -1;min-height:1.4rem;color:#9fb0c2;font-size:.82rem}.stick-status.warn{color:#ffd37a}.stick-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.stick-readout{min-width:0}.stick-title{display:flex;justify-content:space-between;gap:.5rem;margin-bottom:.5rem;color:#9fb0c2;font-size:.82rem}.stick-title strong{color:#e7f0fb}.stick-pad{position:relative;aspect-ratio:1;min-height:9rem;overflow:hidden;border:1px solid #26384b;border-radius:8px;background:linear-gradient(90deg,transparent calc(50% - 1px),#26384b calc(50% - 1px),#26384b calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(0deg,transparent calc(50% - 1px),#26384b calc(50% - 1px),#26384b calc(50% + 1px),transparent calc(50% + 1px)),#0f1722}.stick-axis{position:absolute;top:12%;right:12%;bottom:12%;left:12%;border:1px solid rgb(159 176 194 / .18);border-radius:50%}.stick-axis.horizontal{transform:scaleY(.38)}.stick-axis.vertical{transform:scaleX(.38)}.stick-dot{position:absolute;width:1rem;height:1rem;border:2px solid #061019;border-radius:50%;background:#73d47d;box-shadow:0 0 0 4px #73d47d2e;transform:translate(-50%,-50%);transition:left 45ms linear,top 45ms linear}.channel-bars{display:grid;gap:.6rem}.channel-bar{display:grid;grid-template-columns:3rem minmax(0,1fr) 4.5rem;gap:.6rem;align-items:center;min-height:1.6rem}.channel-bar span,.channel-bar strong{font-size:.82rem}.bar-track{height:.75rem;overflow:hidden;border:1px solid #26384b;border-radius:999px;background:#0f1722}.bar-fill{display:block;width:0;height:100%;border-radius:inherit;background:#74d2ff;transition:width 45ms linear}.screen-panel{margin-bottom:1rem}.wizard{display:grid;gap:.75rem;margin:1rem 0;padding:0;list-style:none}.wizard li{display:grid;grid-template-columns:9rem minmax(0,1fr) auto;border:1px solid #1e2b3a;border-radius:14px;background:#121c28;padding:.85rem}.inline-actions{display:flex;flex-wrap:wrap;gap:.5rem}.filter-tuning{margin:1rem 0}.range-control{display:grid;grid-template-columns:minmax(8rem,1fr) 5rem;gap:.5rem;align-items:center}.range-control input[type=range]{width:100%;min-width:8rem}.range-control input[type=number]{min-width:0;width:5rem}.table-wrap{overflow-x:auto}table{width:100%;min-width:760px;margin-top:1rem;border-collapse:collapse}th,td{border-top:1px solid #1e2b3a;padding:.65rem;text-align:left;vertical-align:middle}th{color:#9fb0c2;font-weight:600}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}label{display:grid;gap:.45rem;color:#9fb0c2}label.check{grid-template-columns:auto 1fr;align-items:center;color:#e7f0fb}label.check input{width:auto}.phrase{margin:1rem 0}.apply-panel,.danger-zone,.comparison{border:1px solid #1e2b3a;border-radius:14px;background:#121c28;margin-top:1rem;padding:1rem}.terminal{min-height:12rem;max-height:28vh;margin:1rem 0;overflow:auto;border:1px solid #1e2b3a;border-radius:14px;padding:1rem;color:#b9f0c3;background:#05080c;white-space:pre-wrap}.send-row{align-items:stretch}.send-row input{flex:1}@media(max-width:860px){.hero,.panel-title.split,.apply-panel,.send-row{align-items:stretch;flex-direction:column}.device-grid,.form-grid,.stick-monitor,.stick-pair,.range-control,.wizard li{grid-template-columns:1fr}}