:root{--bg: oklch(16% .005 260);--bg-1: oklch(19% .006 260);--bg-2: oklch(22% .007 260);--bg-3: oklch(26% .008 260);--line: oklch(28% .009 260);--line-2: oklch(34% .012 260);--fg: oklch(94% .005 260);--fg-1: oklch(78% .008 260);--fg-2: oklch(60% .01 260);--fg-3: oklch(45% .012 260);--accent: oklch(72% .16 270);--accent-soft: oklch(40% .1 270);--amber: oklch(74% .15 60);--amber-soft: oklch(45% .1 60);--green: oklch(74% .15 150);--red: oklch(70% .18 25);--off: oklch(40% .005 260);--r-sm: 6px;--r: 10px;--r-lg: 14px;--pad: 20px;--gap: 16px;--row-h: 36px;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif}[data-accent=cyan]{--accent: oklch(78% .13 200);--accent-soft: oklch(40% .08 200)}[data-accent=amber]{--accent: oklch(78% .14 75);--accent-soft: oklch(45% .1 75)}[data-density=compact]{--pad: 14px;--gap: 10px;--row-h: 30px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}body{min-height:100vh}button{font-family:inherit;color:inherit;cursor:pointer}input{font-family:inherit}.mono{font-family:var(--font-mono);font-feature-settings:"tnum";letter-spacing:-.01em}.dim{color:var(--fg-3)}.large{font-size:22px;font-weight:600}.app{display:grid;grid-template-columns:240px 1fr;grid-template-rows:1fr auto;min-height:100vh}[data-density=compact] .app{grid-template-columns:200px 1fr}.app .sidebar{grid-row:1 / 3}.app .main{grid-row:1;grid-column:2}.app .device-bar{grid-row:2;grid-column:2}.sidebar{background:var(--bg-1);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:18px 14px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;padding:4px 6px 18px;border-bottom:1px solid var(--line);margin-bottom:14px}.brand-mark{width:30px;height:30px;display:grid;place-items:center;background:var(--bg-2);border-radius:8px}.brand-name{font-weight:600;letter-spacing:-.01em;font-size:15px}.brand-ver{color:var(--accent);font-family:var(--font-mono);font-weight:500;margin-left:4px;font-size:12px}.nav-label{font-size:10px;letter-spacing:.16em;color:var(--fg-3);padding:6px 10px 4px;text-transform:uppercase;font-weight:600}.nav{display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:12px;background:transparent;border:0;padding:9px 10px;color:var(--fg-1);border-radius:var(--r-sm);text-align:left;font-size:13.5px;position:relative;transition:background .12s,color .12s}.nav-item:hover,.nav-item.active{background:var(--bg-2);color:var(--fg)}.nav-item.active svg{color:var(--accent)}.nav-active-bar{position:absolute;left:-14px;top:8px;bottom:8px;width:2px;background:var(--accent);border-radius:2px}.sidebar-spacer{flex:1}.status-block{display:flex;flex-direction:column;gap:2px;padding-top:10px;border-top:1px solid var(--line)}.status-title{font-size:10px;letter-spacing:.1em;color:var(--fg-3);padding:6px 10px;text-transform:uppercase;font-weight:600}.status-row{display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:10px;background:transparent;border:0;padding:8px 10px;color:var(--fg-1);border-radius:var(--r-sm);text-align:left;font-size:13px}.status-row:hover{background:var(--bg-2);color:var(--fg)}.status-label{color:var(--fg-1)}.status-value{color:var(--fg-3);font-size:11.5px;font-family:var(--font-mono)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.main{padding:0;min-width:0}.page{padding:28px 32px 80px;max-width:1280px;display:flex;flex-direction:column;gap:var(--gap)}[data-density=compact] .page{padding:18px 22px 60px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:8px}.page-eyebrow{font-size:10.5px;letter-spacing:.18em;color:var(--fg-3);text-transform:uppercase;font-weight:600}.page-title{margin:4px 0 0;font-size:24px;font-weight:600;letter-spacing:-.02em}.app.with-device .main{padding-bottom:0}.card{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--pad);display:flex;flex-direction:column;gap:14px}[data-density=compact] .card{gap:10px}.card-head{display:flex;justify-content:space-between;align-items:center}.card-title{font-size:13px;font-weight:600;color:var(--fg);letter-spacing:-.005em}.card-meta{font-size:11.5px;color:var(--fg-3)}.np-card{display:grid;grid-template-columns:140px 1fr;gap:20px;align-items:center;flex-direction:row}[data-density=compact] .np-card{grid-template-columns:100px 1fr}.np-thumb{aspect-ratio:16/10;border-radius:var(--r);overflow:hidden;position:relative;background:#0e0f12}.np-thumb-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.np-info{display:flex;flex-direction:column;gap:4px;min-width:0}.np-row{display:flex;align-items:center;gap:10px}.np-eyebrow{font-size:10px;letter-spacing:.16em;color:var(--fg-3);text-transform:uppercase;font-weight:600}.np-title{font-size:18px;font-weight:600;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.np-script{font-size:12.5px;color:var(--fg-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.np-time{margin-top:6px}.badge{font-size:11px;padding:3px 8px;border-radius:999px;background:var(--bg-3);color:var(--fg-1);letter-spacing:.02em;border:1px solid var(--line-2);white-space:nowrap}.badge.ok{color:var(--green);border-color:color-mix(in oklch,var(--green) 35%,var(--line-2));background:color-mix(in oklch,var(--green) 10%,var(--bg-1))}.badge.warn{color:var(--amber);border-color:color-mix(in oklch,var(--amber) 35%,var(--line-2));background:color-mix(in oklch,var(--amber) 10%,var(--bg-1))}.badge.small{font-size:10px;padding:2px 6px}.heatmap-card{gap:10px}.heatmap{position:relative;height:110px;background:var(--bg);border-radius:var(--r);padding:8px 10px 22px;cursor:pointer;overflow:hidden;border:1px solid var(--line)}[data-density=compact] .heatmap{height:80px}.heatmap-bars{display:flex;align-items:flex-end;gap:1px;position:absolute;top:8px;right:10px;bottom:22px;left:10px}.hm-bar{flex:1;min-width:1px;background:var(--accent);border-radius:1px;transition:opacity .1s linear}.hm-bar.past{background:var(--fg-3)}.heatmap-playhead{position:absolute;top:4px;bottom:18px;width:1.5px;background:var(--amber);box-shadow:0 0 0 1px color-mix(in oklch,var(--amber) 40%,transparent);pointer-events:none;z-index:2}.heatmap-labels{position:absolute;left:10px;right:10px;bottom:4px;display:flex;justify-content:space-between;font-size:10.5px;color:var(--fg-3)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--gap)}.grid-2-tight{display:grid;grid-template-columns:1fr 1fr;gap:8px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:var(--bg-2);color:var(--fg);padding:0 14px;height:var(--row-h);border-radius:var(--r-sm);font-size:13px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);transition:background .12s,border-color .12s,transform .04s}.btn:hover{background:var(--bg-3);border-color:var(--line-2)}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--accent);color:#050920;border-color:transparent;font-weight:600}.btn.primary:hover{background:color-mix(in oklch,var(--accent) 92%,white)}.btn.cue{background:var(--amber);color:#160700;color:oklch(15% .05 60);border-color:transparent;font-weight:600}.btn.cue:hover{background:color-mix(in oklch,var(--amber) 92%,white)}.btn.ghost{background:transparent}.btn.ghost:hover{background:var(--bg-2)}.btn.full{width:100%}.btn.small{height:30px;padding:0 10px;font-size:12px}.btn.danger{background:var(--red);color:#fff;border-color:transparent}.ghost-btn{background:transparent;border:0;color:var(--fg-2);padding:6px 8px;font-size:12px;border-radius:var(--r-sm)}.ghost-btn:hover{color:var(--fg);background:var(--bg-2)}.control{display:flex;flex-direction:column;gap:8px}.control.inline{flex-direction:row;gap:8px}.control-head{display:flex;justify-content:space-between;align-items:baseline}.control-head label{font-size:12px;color:var(--fg-1)}.control-head .mono{font-size:12px;color:var(--fg)}.hint{font-size:11.5px;color:var(--fg-3)}.slider{position:relative;height:22px;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none}.slider-track{position:absolute;left:0;right:0;top:9px;height:4px;background:var(--bg-3);border-radius:2px}.slider-fill{position:absolute;left:0;top:9px;height:4px;background:var(--accent);border-radius:2px}.slider-handle{position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;background:var(--fg);border:2px solid var(--accent);box-shadow:0 1px 3px #0000004d}.range-slider{position:relative;height:22px;-webkit-user-select:none;user-select:none;touch-action:none}.range-track{position:absolute;left:0;right:0;top:9px;height:4px;background:var(--bg-3);border-radius:2px}.range-fill{position:absolute;top:9px;height:4px;background:var(--accent);border-radius:2px}.range-handle{position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;background:var(--fg);border:2px solid var(--accent);cursor:grab;box-shadow:0 1px 3px #0000004d}.range-handle:active{cursor:grabbing}.seg-suction{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--bg-3);border-radius:var(--r-sm);padding:2px}.seg-btn{border:0;background:transparent;color:var(--fg-1);padding:0;height:32px;border-radius:5px;font-size:12px;font-weight:500}.seg-btn:hover{background:var(--bg-2);color:var(--fg)}.seg-btn.shaft.on,.seg-btn.tip.on{background:color-mix(in oklch,var(--amber) 30%,var(--bg-2));color:var(--amber)}.diag{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm);padding:0}.diag summary{padding:8px 12px;cursor:pointer;color:var(--fg-2);font-size:12px;list-style:none}.diag summary::-webkit-details-marker{display:none}.diag summary:before{content:"▸";color:var(--fg-3)}.diag[open] summary:before{content:"▾"}.diag[open] summary{border-bottom:1px solid var(--line)}.diag-grid{display:grid;grid-template-columns:1fr auto;gap:4px 16px;padding:10px 12px;font-size:11.5px}.diag-grid>:nth-child(odd){color:var(--fg-3)}.diag-grid .ok{color:var(--green)}.check-row{display:flex;flex-wrap:wrap;gap:14px}.check{display:inline-flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.check input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:4px;border:1.5px solid var(--line-2);background:var(--bg);display:grid;place-items:center;cursor:pointer}.check input:checked{background:var(--accent);border-color:var(--accent)}.check input:checked:after{content:"✓";color:#050920;font-size:11px;font-weight:700}.cue-strip{display:flex;align-items:center;justify-content:space-between;background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:10px 14px}.cue-actions{display:flex;gap:8px}kbd{font-family:var(--font-mono);background:var(--bg-3);padding:1px 5px;border-radius:3px;font-size:10.5px;border:1px solid var(--line-2)}.device-bar{position:sticky;bottom:0;z-index:50;background:var(--bg-1);border-top:1px solid var(--line);padding:12px 32px;display:flex;flex-direction:column;gap:14px}[data-density=compact] .device-bar{padding:8px 22px}.device-summary{display:flex;align-items:center;gap:14px}.device-toggle{background:var(--bg-2);border:1px solid var(--line);color:var(--fg-1);width:26px;height:26px;border-radius:6px;display:grid;place-items:center}.device-toggle:hover{background:var(--bg-3);color:var(--fg)}.device-meter{display:flex;align-items:center;gap:10px;min-width:240px;flex:0 0 auto}.device-meter-track{flex:1;height:8px;background:var(--bg-3);border-radius:4px;overflow:hidden;min-width:160px}.device-meter-fill{height:100%;background:linear-gradient(90deg,var(--accent),color-mix(in oklch,var(--accent) 70%,var(--amber)));border-radius:4px;transition:width .1s linear}.device-meter-label{font-size:13px;min-width:26px;text-align:right;color:var(--fg)}.device-status{display:flex;align-items:center;gap:8px;padding:0 12px;border-left:1px solid var(--line);border-right:1px solid var(--line);height:22px}.device-status-label{font-size:12.5px;color:var(--fg-1)}.device-mini{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--fg-2)}.device-mini>.dim{color:var(--fg-3);margin-left:6px}.device-summary-spacer{flex:1}.device-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px;padding:4px 38px 8px}.device-control{display:flex;flex-direction:column;gap:6px}.cue-label{font-size:11px;color:var(--fg-3);letter-spacing:.06em;text-transform:uppercase}.cue-value{font-size:16px;color:var(--amber);margin-top:2px}.library-actions{display:flex;gap:8px}.field{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm);padding:0 12px;height:var(--row-h);color:var(--fg)}.field.small{height:30px;font-size:12px;padding:0 10px;min-width:200px}.field.readonly{color:var(--fg-3);display:flex;align-items:center}.field-label{font-size:11px;color:var(--fg-3);letter-spacing:.06em;text-transform:uppercase}.form-row{display:flex;flex-direction:column;gap:6px}.lib-list{display:flex;flex-direction:column;max-height:400px;overflow:auto}.lib-row{display:grid;grid-template-columns:24px 1fr auto auto auto;gap:14px;align-items:center;padding:10px 12px;border-radius:var(--r-sm);font-size:13px;border-bottom:1px solid var(--line)}.lib-row:last-child{border-bottom:0}.lib-row:hover{background:var(--bg-2)}.lib-row.active{background:color-mix(in oklch,var(--accent) 8%,var(--bg-1))}.lib-icon{color:var(--fg-3);display:grid;place-items:center}.lib-row.active .lib-icon{color:var(--accent)}.lib-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lib-meta{font-size:11.5px;color:var(--fg-2)}.lib-remove{background:transparent;border:0;color:var(--fg-3);width:24px;height:24px;border-radius:4px}.lib-remove:hover{color:var(--red);background:var(--bg-3)}.preset-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.preset{background:var(--bg-2);border:1px solid var(--line);color:var(--fg-1);padding:10px;border-radius:var(--r-sm);font-size:12px;font-weight:500}.preset:hover{background:var(--bg-3);color:var(--fg)}.preset.active{border-color:var(--accent);background:color-mix(in oklch,var(--accent) 15%,var(--bg-2));color:var(--fg)}.preset-cool{border-left:2px solid oklch(72% .13 230)}.preset-mid{border-left:2px solid oklch(72% .13 180)}.preset-warm{border-left:2px solid oklch(72% .14 60)}.preset-hot{border-left:2px solid oklch(70% .17 25)}.phase-add{display:flex;flex-wrap:wrap;gap:6px}.chip{background:var(--bg-2);border:1px solid var(--line);color:var(--fg-1);padding:6px 10px;border-radius:999px;font-size:11.5px}.chip:hover{background:var(--bg-3)}.chip-cool{border-left:2px solid oklch(72% .13 230)}.chip-mid{border-left:2px solid oklch(72% .13 180)}.chip-warm{border-left:2px solid oklch(72% .14 60)}.chip-hot{border-left:2px solid oklch(70% .17 25)}.phase-track{display:flex;min-height:60px;background:var(--bg);border:1px dashed var(--line-2);border-radius:var(--r-sm);padding:4px;gap:4px}.phase-empty{display:grid;place-items:center;flex:1;color:var(--fg-3);font-size:12px}.phase{position:relative;padding:8px 10px;border-radius:4px;display:flex;flex-direction:column;justify-content:space-between;font-size:12px;min-width:60px}.phase-cool{background:color-mix(in oklch,oklch(72% .13 230) 25%,var(--bg-2))}.phase-mid{background:color-mix(in oklch,oklch(72% .13 180) 25%,var(--bg-2))}.phase-warm{background:color-mix(in oklch,oklch(72% .14 60) 25%,var(--bg-2))}.phase-hot{background:color-mix(in oklch,oklch(70% .17 25) 25%,var(--bg-2))}.phase-name{font-weight:600;font-size:11.5px}.phase-dur{font-size:10.5px;color:var(--fg-2)}.phase-x{position:absolute;top:4px;right:4px;background:transparent;border:0;color:var(--fg-3);width:18px;height:18px;font-size:12px;border-radius:4px}.phase-x:hover{color:var(--red);background:#0000004d}.ip-display{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:18px;text-align:center;display:flex;flex-direction:column;gap:6px;align-items:center}.ip-eyebrow{font-size:10px;letter-spacing:.16em;color:var(--fg-3);text-transform:uppercase;font-weight:600}.ip-value{font-size:22px;font-weight:600;color:var(--amber)}.status-line{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--fg-1)}.hint-box{background:var(--bg);border-left:2px solid var(--accent);padding:10px 12px;border-radius:4px}.hint-title{font-size:12px;font-weight:600;margin-bottom:4px}.hint-body{font-size:11.5px;color:var(--fg-2);line-height:1.5}.log{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm);padding:10px 12px;font-size:12px;max-height:200px;overflow:auto}.link-btn{background:transparent;border:0;color:var(--accent);padding:0;font:inherit;cursor:pointer;text-decoration:underline}.empty-hint{padding:14px 16px;background:var(--bg-1);border:1px dashed var(--line-2);border-radius:var(--r-sm);color:var(--fg-2);font-size:13px}.log-row{padding:2px 0;color:var(--fg-1)}.log-row .dim{margin-right:8px}.video-card{padding:0;overflow:hidden}.video-frame{position:relative;aspect-ratio:16/9;max-height:380px;background:#000}.video-frame video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.video-frame svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.video-drop{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;align-content:center;gap:8px;color:var(--fg-2)}.video-drop-icon{font-size:28px;opacity:.5}.video-drop-title{font-size:14px}.video-drop-sub{font-size:11px;color:var(--fg-3)}.video-controls{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-2);border-top:1px solid var(--line)}.vc-btn{background:transparent;border:0;color:var(--fg-1);width:28px;height:28px;border-radius:4px}.vc-btn:hover{background:var(--bg-3);color:var(--fg)}.vc-progress{flex:1;height:4px;background:var(--bg-3);border-radius:2px;cursor:pointer}.vc-progress-fill{height:100%;background:var(--accent);border-radius:2px}.onboard-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.onboard-card{width:480px;max-width:92vw;background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-lg);padding:28px;display:flex;flex-direction:column;gap:20px}.onboard-head{display:flex;justify-content:space-between;align-items:center}.onboard-eyebrow{font-size:10px;letter-spacing:.18em;color:var(--fg-3);text-transform:uppercase;font-weight:600}.onboard-stepper{display:flex;gap:8px}.step{flex:1;display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm);font-size:12px;color:var(--fg-2)}.step.active{border-color:var(--accent);color:var(--fg)}.step.done{color:var(--green)}.step-num{width:18px;height:18px;display:grid;place-items:center;background:var(--bg-2);border-radius:50%;font-size:11px;font-weight:600}.step.active .step-num{background:var(--accent);color:#050920}.step.done .step-num{background:color-mix(in oklch,var(--green) 30%,var(--bg-2));color:var(--green)}.onboard-body h2{margin:0;font-size:20px;font-weight:600;letter-spacing:-.01em}.onboard-body p{color:var(--fg-2);font-size:13px;margin:6px 0 16px}.onboard-actions{display:flex;gap:8px;margin-top:16px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mode-card{background:var(--bg);border:1px solid var(--line);padding:14px;border-radius:var(--r-sm);text-align:left;color:var(--fg);display:flex;flex-direction:column;gap:4px}.mode-card:hover{border-color:var(--line-2)}.mode-card.sel{border-color:var(--accent);background:color-mix(in oklch,var(--accent) 8%,var(--bg))}.mode-title{font-weight:600;font-size:13px}.mode-sub{font-size:11.5px;color:var(--fg-3)}.infotip-wrap{position:relative;display:inline-flex;align-items:center;cursor:help;vertical-align:middle;margin-left:4px}.infotip-icon{color:var(--fg-3);flex-shrink:0;transition:color .12s}.infotip-wrap:hover .infotip-icon{color:var(--accent)}.infotip-bubble{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);width:260px;padding:10px 12px;background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--r-sm);font-size:11.5px;font-weight:400;color:var(--fg-1);line-height:1.5;z-index:200;box-shadow:0 8px 24px #0006;pointer-events:none}.infotip-bubble:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--line-2)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-card{width:480px;max-width:92vw;max-height:85vh;overflow-y:auto;background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;display:flex;flex-direction:column;gap:16px}.modal-card.modal-lg{width:680px}.modal-head{display:flex;justify-content:space-between;align-items:flex-start}.modal-eyebrow{font-size:10px;letter-spacing:.16em;color:var(--fg-3);text-transform:uppercase;font-weight:600}.modal-title{margin:4px 0 0;font-size:20px;font-weight:600;letter-spacing:-.01em}.field-textarea{resize:vertical;min-height:60px;padding:10px 12px;height:auto;line-height:1.5}.device-catalog-info{display:flex;align-items:center;gap:8px}.device-catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}.device-catalog-card{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:14px;display:flex;flex-direction:column;gap:6px;text-align:left;cursor:pointer;transition:border-color .12s,background .12s,transform .06s}.device-catalog-card:hover:not(.disabled){border-color:var(--accent);background:color-mix(in oklch,var(--accent) 5%,var(--bg));transform:translateY(-1px)}.device-catalog-card.connected{border-color:var(--green);background:color-mix(in oklch,var(--green) 6%,var(--bg))}.device-catalog-card.disabled{opacity:.5;cursor:default}.dcc-header{display:flex;justify-content:space-between;align-items:flex-start}.dcc-icon{color:var(--fg-2)}.device-catalog-card:hover:not(.disabled) .dcc-icon{color:var(--accent)}.device-catalog-card.connected .dcc-icon{color:var(--green)}.dcc-name{font-size:14px;font-weight:600}.dcc-brand{font-size:11px;color:var(--fg-3)}.dcc-desc{font-size:11.5px;color:var(--fg-2);line-height:1.4}.dcc-footer{display:flex;gap:8px;margin-top:4px}.dcc-type,.dcc-conn{font-size:10px;font-family:var(--font-mono);color:var(--fg-3);background:var(--bg-2);padding:2px 6px;border-radius:3px;text-transform:uppercase;letter-spacing:.05em}.status-title-row{display:flex;justify-content:space-between;align-items:center;padding:6px 10px}.status-title-row .status-title{padding:0}.device-add-btn{width:22px;height:22px;display:grid;place-items:center;background:var(--bg-2);border:1px solid var(--line);border-radius:5px;color:var(--fg-2);cursor:pointer;transition:background .12s,color .12s,border-color .12s}.device-add-btn:hover{background:var(--accent);color:#050920;border-color:var(--accent)}.empty-device-row{justify-content:center}.device-empty-hint{font-size:11.5px;color:var(--fg-3)}.device-count-bar{text-align:center;padding:2px 0 4px}.sidebar-bottom{display:flex;flex-direction:column;gap:2px;padding-top:8px;border-top:1px solid var(--line);margin-top:8px}.sidebar-bottom-btn{display:flex;align-items:center;gap:10px;background:transparent;border:0;padding:8px 10px;color:var(--fg-2);border-radius:var(--r-sm);font-size:12.5px;text-align:left;transition:background .12s,color .12s}.sidebar-bottom-btn:hover{background:var(--bg-2);color:var(--fg)}.sidebar-bottom-btn svg{color:var(--fg-3)}.sidebar-bottom-btn:hover svg{color:var(--fg-1)}.bug-btn:hover{color:var(--amber)}.bug-btn:hover svg{color:var(--amber)}.bug-sent{text-align:center;padding:20px 0;color:var(--fg-1)}.bug-sent p{color:var(--fg-2);font-size:13px;margin:8px 0 16px}.profile-divider{height:1px;background:var(--line);margin:4px 0}.profile-save-row{display:flex;gap:8px}.profile-save-row .field{flex:1}.profile-list{display:flex;flex-direction:column;gap:2px}.profile-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--r-sm);border-bottom:1px solid var(--line)}.profile-row:last-child{border-bottom:0}.profile-row:hover{background:var(--bg-2)}.profile-row-info{flex:1;display:flex;flex-direction:column;gap:2px}.profile-row-name{font-size:13px;font-weight:500}.remote-landing{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}.remote-role-card{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-lg);padding:32px 28px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s,transform .08s}.remote-role-card:hover{border-color:var(--accent);background:color-mix(in oklch,var(--accent) 5%,var(--bg-1));transform:translateY(-2px)}.role-icon{color:var(--accent)}.role-title{font-size:18px;font-weight:600;letter-spacing:-.01em}.role-desc{font-size:13px;color:var(--fg-2);line-height:1.5}.room-code-input{width:100%}.room-code-display{font-size:28px;font-weight:700;letter-spacing:.4em;color:var(--accent);margin-left:auto}.remote-session-info{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r)}.remote-error{color:var(--red);font-size:13px;padding:8px 12px;background:color-mix(in oklch,var(--red) 10%,var(--bg));border:1px solid color-mix(in oklch,var(--red) 30%,var(--line));border-radius:var(--r-sm)}.remote-warning{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:color-mix(in oklch,var(--amber) 10%,var(--bg));border:1px solid color-mix(in oklch,var(--amber) 30%,var(--line));border-radius:var(--r-sm);font-size:13px;color:var(--amber)}.big-slider-container{text-align:center;padding:10px 0}.big-slider-value{font-size:48px;font-weight:700;color:var(--accent);margin-bottom:12px}.remote-actions{display:flex;flex-wrap:wrap;gap:8px}.quick-speeds{display:flex;gap:6px}.quick-speed{flex:1;background:var(--bg-2);border:1px solid var(--line);color:var(--fg-1);padding:8px;border-radius:var(--r-sm);font-size:13px;font-weight:500;font-family:var(--font-mono)}.quick-speed:hover{background:var(--bg-3);color:var(--fg)}.quick-speed.active{border-color:var(--accent);color:var(--accent);background:color-mix(in oklch,var(--accent) 12%,var(--bg-2))}.pattern-draw{display:flex;flex-direction:column;gap:12px}.draw-canvas{width:100%;height:160px;border:1px solid var(--line);border-radius:var(--r-sm);cursor:crosshair;touch-action:none}.draw-labels{display:flex;flex-direction:column;justify-content:space-between;position:relative;margin-top:-168px;height:160px;padding:4px 0;pointer-events:none}.draw-labels .mono{font-size:9px;padding:0 4px}.receiver-speed-display{display:flex;align-items:center;gap:14px}.receiver-speed-bar{flex:1;height:24px;background:var(--bg-3);border-radius:var(--r-sm);overflow:hidden}.receiver-speed-fill{height:100%;background:linear-gradient(90deg,var(--accent),color-mix(in oklch,var(--accent) 70%,var(--amber)));border-radius:var(--r-sm);transition:width .15s linear}.receiver-speed-value{font-size:28px;font-weight:700;color:var(--fg);min-width:50px;text-align:right}.remote-chat{min-height:300px}.chat-messages{flex:1;min-height:200px;max-height:400px;overflow-y:auto;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm);padding:10px;display:flex;flex-direction:column;gap:6px}.chat-empty{color:var(--fg-3);font-size:12px;text-align:center;padding:20px}.chat-msg{display:flex;align-items:baseline;gap:8px;font-size:13px;line-height:1.4}.chat-msg.me{justify-content:flex-end}.chat-msg.me .chat-text{background:color-mix(in oklch,var(--accent) 20%,var(--bg-2));padding:4px 10px;border-radius:8px 8px 2px}.chat-msg:not(.me):not(.system) .chat-text{background:var(--bg-2);padding:4px 10px;border-radius:8px 8px 8px 2px}.chat-msg.system{justify-content:center}.chat-msg.system .chat-text{color:var(--fg-3);font-size:11px;font-style:italic}.chat-from{font-weight:600;font-size:11px;color:var(--accent);white-space:nowrap}.chat-time{font-size:10px;color:var(--fg-3);white-space:nowrap}.chat-input-row{display:flex;gap:8px}.chat-field{flex:1}.lobby-empty{color:var(--fg-3);font-size:13px;text-align:center;padding:20px}.lobby-list{display:flex;flex-direction:column;gap:2px}.lobby-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--r-sm);border-bottom:1px solid var(--line)}.lobby-row:last-child{border-bottom:0}.lobby-row:hover{background:var(--bg-2)}.lobby-name{flex:1;font-size:13px;font-weight:500}@media(max-width:1100px){.grid-2,.grid-3{grid-template-columns:1fr}}@media(max-width:720px){.app{grid-template-columns:1fr}.sidebar{position:static;height:auto}.np-card{grid-template-columns:1fr}}.auth-page{min-height:100vh;display:grid;place-items:center;background:var(--bg);color:var(--fg);font-family:var(--font);padding:var(--pad)}.auth-card{width:100%;max-width:380px;background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-lg);padding:28px;display:flex;flex-direction:column;gap:14px}.auth-title{margin:0;font-size:24px;font-weight:700;letter-spacing:-.01em}.auth-subtitle{margin:0 0 4px;color:var(--fg-2);font-size:14px}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--fg-1)}.auth-label input{height:var(--row-h);padding:0 12px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);color:var(--fg);font-family:var(--font);font-size:14px;outline:none;transition:border-color .15s}.auth-label input:focus{border-color:var(--accent)}.auth-btn{height:var(--row-h);border:1px solid var(--line-2);border-radius:var(--r);background:var(--bg-2);color:var(--fg);font-family:var(--font);font-size:14px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.auth-btn:hover:not(:disabled){background:var(--bg-3)}.auth-btn:disabled{opacity:.5;cursor:not-allowed}.auth-btn.primary{background:var(--accent);border-color:var(--accent);color:#0b0b0b;font-weight:600}.auth-btn.primary:hover:not(:disabled){background:#9cb4ff;background:oklch(78% .16 270)}.auth-link{background:none;border:none;color:var(--fg-2);font-size:13px;cursor:pointer;padding:4px;text-align:center;font-family:var(--font)}.auth-link:hover{color:var(--accent)}.auth-error{background:#491513;border:1px solid oklch(45% .12 25);color:#febab4;padding:10px 12px;border-radius:var(--r);font-size:13px}.auth-notice{background:#0f3118;border:1px solid oklch(45% .1 150);color:#a9ddb2;padding:10px 12px;border-radius:var(--r);font-size:13px}.user-menu{position:fixed;top:12px;right:16px;z-index:100;font-family:var(--font)}.user-menu-pill{display:flex;align-items:center;gap:8px;height:32px;padding:0 10px 0 4px;background:var(--bg-2);border:1px solid var(--line);border-radius:999px;color:var(--fg-1);font-size:12px;cursor:pointer;transition:background .15s,border-color .15s}.user-menu-pill:hover{background:var(--bg-3);border-color:var(--line-2)}.user-menu-avatar{width:24px;height:24px;border-radius:50%;background:var(--accent-soft);color:var(--fg);display:grid;place-items:center;font-weight:600;font-size:11px}.user-menu-email{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-pop{position:absolute;top:calc(100% + 6px);right:0;min-width:200px;background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r);padding:10px;display:flex;flex-direction:column;gap:8px;box-shadow:0 6px 24px #0006}.user-menu-pop-email{color:var(--fg-2);font-size:12px;padding:4px 4px 8px;border-bottom:1px solid var(--line);word-break:break-all}.user-menu-signout{height:30px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--fg);font-family:var(--font);font-size:13px;cursor:pointer}.user-menu-signout:hover{background:var(--red);border-color:var(--red);color:#0b0b0b}.user-menu-tier{font-size:10px;font-weight:700;letter-spacing:.06em;padding:2px 6px;border-radius:999px;background:var(--bg-3);color:var(--fg-2)}.user-menu-tier.pro{background:var(--accent-soft);color:var(--fg)}.user-menu-link{display:block;text-align:center;height:30px;line-height:30px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--fg);font-family:var(--font);font-size:13px;text-decoration:none}.user-menu-link:hover{background:var(--bg-3)}.pricing-page{min-height:100vh;background:var(--bg);color:var(--fg);font-family:var(--font);padding:60px var(--pad) var(--pad)}.pricing-header{max-width:720px;margin:0 auto 32px;text-align:center;position:relative}.pricing-header h1{margin:0 0 8px;font-size:32px;font-weight:700;letter-spacing:-.01em}.pricing-header p{margin:0;color:var(--fg-2);font-size:15px}.pricing-back{position:absolute;top:0;left:0;color:var(--fg-2);text-decoration:none;font-size:13px}.pricing-back:hover{color:var(--accent)}.pricing-grid{max-width:720px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:640px){.pricing-grid{grid-template-columns:1fr}}.pricing-card{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-lg);padding:28px;display:flex;flex-direction:column;gap:16px}.pricing-card.pro{border-color:var(--accent-soft)}.pricing-card.current{border-color:var(--accent)}.pricing-tier{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-2)}.pricing-card.pro .pricing-tier{color:var(--accent)}.pricing-amount{font-size:32px;font-weight:700;letter-spacing:-.01em}.pricing-per{font-size:14px;font-weight:500;color:var(--fg-2);margin-left:4px}.pricing-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;font-size:14px;color:var(--fg-1)}.pricing-features li:before{content:"✓ ";color:var(--accent);font-weight:700;margin-right:6px}.pricing-badge{display:inline-block;align-self:flex-start;padding:4px 10px;background:var(--bg-3);border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--fg-2)}.pricing-card.current .pricing-badge{background:var(--accent-soft);color:var(--fg)}