/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-gray-100:oklch(96.7% .003 264.542);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--font-weight-bold:700;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.isolate{isolation:isolate}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-4{height:calc(var(--spacing) * 4)}.h-6{height:calc(var(--spacing) * 6)}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing) * 4)}.w-6{width:calc(var(--spacing) * 6)}.w-full{width:100%}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-3{gap:calc(var(--spacing) * 3)}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.overflow-x-auto{overflow-x:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-gray-300{border-color:var(--color-gray-300)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-transparent{background-color:#0000}.p-4{padding:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.text-center{text-align:center}.text-left{text-align:left}.font-sans{font-family:var(--font-sans)}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.break-all{word-break:break-all}.text-\[\#272B3A\]{color:#272b3a}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-white{color:var(--color-white)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media(hover:hover){.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:opacity-90:hover{opacity:.9}}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[var\(--color-primary\)\]:focus-visible{--tw-ring-color:var(--color-primary)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.dark\:border-gray-600:where(.dark,.dark *){border-color:var(--color-gray-600)}.dark\:bg-gray-800:where(.dark,.dark *){background-color:var(--color-gray-800)}.dark\:text-\[\#F2F2F3\]:where(.dark,.dark *){color:#f2f2f3}.dark\:text-gray-300:where(.dark,.dark *){color:var(--color-gray-300)}.dark\:text-gray-400:where(.dark,.dark *){color:var(--color-gray-400)}@media(hover:hover){.dark\:hover\:bg-gray-800:where(.dark,.dark *):hover{background-color:var(--color-gray-800)}}}:root{--font-sans:"RajDhani", -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-size-h1:4.5rem;--font-size-h2:3rem;--font-size-h3:2.5rem;--font-size-h4:2rem;--font-size-h5:1.25rem;--font-size-h6:.875rem;--color-primary:#ba0c2f;--color-primary-hover:#960a26;--color-primary-light:#ba0c2f4d;--color-primary-dark:#ba0c2f66;--color-white:#f2f2f3;--color-dark-gray:#272b3a;--color-black:#232324;--color-gray:#232324;--overlay-heavy:#000000bf;--overlay-medium:#00000080;--overlay-light:#00000059;--overlay-subtle:#00000040;--overlay-backdrop:#000000b3;--overlay-modal:#000c;--overlay-solid:#080a10;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 3px #00000047;--shadow-md:0 2px 8px #00000042;--shadow-lg:0 4px 12px #00000047;--shadow-xl:0 8px 24px #0000004d;--transition-fast:.15s;--transition-base:.2s;--transition-slow:.3s;--device-expand-lip-height:10px;--z-base:0;--z-dropdown:1000;--z-sticky:1100;--z-fixed:1200;--z-modal-backdrop:1300;--z-modal:1400;--z-popover:1500;--z-tooltip:1600;--z-map-hud:1050;--pane-bg:#181b268c;--pane-bg-subtle:#ffffff3b;--pane-border:#ffffff47;--pane-border-subtle:#ffffff42;--panel-bg:#181b2680;--panel-bg-solid:#181b26bf;--popover-bg:#181b26;--popover-border:#ffffff4d;--popover-shadow:0 8px 32px #0009;--popover-scrim:#00000038;--popover-fade-ms:.25s;--text-primary:#fff;--text-secondary:#fff;--text-tertiary:#ffffffe6;--text-muted:#ffffffbf;--hover-bg:#ffffff70;--hover-text:#fff;--active-text:#fff;--strip-hover-bg:#ffffff1a;--active-row-bg:#181b2680;--active-mix:#fff;--accent-bg:#5eead459;--accent-bg-subtle:#5eead426;--accent-bg-faint:#5eead41a;--accent-border:#5eead480;--accent-border-subtle:#5eead44d;--accent-glow:#5eead4b3;--error-bg:#ef444426;--error-bg-strong:#ef44444d;--error-border:#ef444480;--error-border-strong:#ef4444b3;--error-text:#ef4444e6;--error-text-solid:#ef4444;--success-bg:#4ade8026;--success-bg-strong:#4ade8040;--success-bg-accent:#4ade8059;--success-border:#4ade804d;--success-border-strong:#4ade8080;--success-text:var(--color-success);--warning-bg:#facc154d;--tag-srt-bg:#3b82f666;--tag-rtsp-bg:#a855f766;--chip-border:#ffffff14;--chip-hover-bg:#ffffff0f;--chip-hover-border:#ffffff24;--metrics-hover-bg:#ffffff0a;--scrollbar-thumb:#fff3;--scrollbar-thumb-hover:#ffffff5c;--scrollbar-thumb-active:#ffffff7a;--color-success-light:#4ade802e;--color-success:#4ade80;--color-success-dark:#86efac;--color-warning-light:#facc1533;--color-warning:#fbbf24;--color-warning-dark:#fde047;--color-error-light:#f871712e;--color-error:#f87171;--color-error-dark:#fca5a5;--color-info-light:#74bbff2e;--color-info:#74bbff;--color-info-dark:#93c5fd;--color-accent:#5eead4;--color-accent-hover:#2dd4bf;--color-commanded:#22c55e;--color-commanded-hover:#4ade80;--color-warning-accent:#fde047;--color-tag-srt:#93c5fd;--color-tag-rtsp:#d8b4fe;--color-neutral-muted:#9ca3af}.light{--pane-bg:#ffffff8c;--pane-bg-subtle:#00000038;--pane-border:#00000047;--pane-border-subtle:#00000042;--panel-bg:#ffffff80;--panel-bg-solid:#ffffffbf;--popover-bg:#fff;--popover-border:#0000004d;--popover-shadow:0 8px 32px #00000052;--popover-scrim:#0000001f;--text-primary:#111;--text-secondary:#000;--text-tertiary:#000c;--text-muted:#000000a6;--hover-bg:#0000005c;--hover-text:#000;--active-text:#111;--strip-hover-bg:#00000014;--active-row-bg:#ffffff80;--active-mix:#000;--accent-bg:#0d948838;--accent-bg-subtle:#0d94881a;--accent-bg-faint:#0d94880f;--accent-border:#0d948861;--accent-border-subtle:#0d948833;--accent-glow:#0d948873;--error-bg:#ef44441a;--error-bg-strong:#ef444433;--error-border:#ef444466;--error-border-strong:#ef444499;--error-text:#ef4444d9;--error-text-solid:#ef4444;--success-bg:#4ade801a;--success-bg-strong:#4ade8033;--success-bg-accent:#4ade8040;--success-border:#4ade8033;--success-border-strong:#4ade8066;--success-text:var(--color-success);--warning-bg:#facc1533;--tag-srt-bg:#3b82f64d;--tag-rtsp-bg:#a855f74d;--chip-border:#00000014;--chip-hover-bg:#0000000a;--chip-hover-border:#00000024;--metrics-hover-bg:#0000000a;--scrollbar-thumb:#00000029;--scrollbar-thumb-hover:#0000004d;--scrollbar-thumb-active:#0000006b;--color-success-light:#dcfce7;--color-success:#239756;--color-success-dark:#197644;--color-warning-light:#fef3c7;--color-warning:#b48d05;--color-warning-dark:#8a6c04;--color-error-light:#fee2e2;--color-error:#dc2626;--color-error-dark:#b91c1c;--color-info-light:#dbeafe;--color-info:#0c63b8;--color-info-dark:#084989;--color-accent:#0d9488;--color-accent-hover:#0f766e;--color-commanded:#239756;--color-commanded-hover:#197644;--color-warning-accent:#ca8a04;--color-tag-srt:#147ee6;--color-tag-rtsp:#9333ea;--color-neutral-muted:#687387}html,body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-white);color:var(--color-dark-gray);overscroll-behavior:none}.dark html,.dark body{background-color:var(--color-black);color:var(--color-white)}@media(prefers-color-scheme:dark){html:not(.light) body{background-color:var(--color-black);color:var(--color-white)}html{color-scheme:dark}}h1{font-size:4.5rem;font-weight:700;line-height:1.25}h2{font-size:3rem;font-weight:700;line-height:1.25}h3{font-size:2.5rem;font-weight:600;line-height:1.25}h4{font-size:2rem;font-weight:600;line-height:1.375}h5{font-size:1.25rem;font-weight:500;line-height:1.5}h6{font-size:.875rem;font-weight:500;line-height:1.5}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.not-sr-only{clip:auto;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.app-shell{background-color:var(--color-black);touch-action:none;overscroll-behavior:none;-webkit-overflow-scrolling:auto;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.main-content{z-index:0;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.nav-loading{background-color:#fff;justify-content:center;align-items:center;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.dark .nav-loading{background-color:#000}.top-bar{top:0;left:var(--sidebar-width,14rem);z-index:30;border-bottom:1px solid var(--pane-border);background-color:var(--pane-bg);-webkit-backdrop-filter:blur(16px);pointer-events:auto;height:3rem;transition:left var(--transition-base) ease;justify-content:space-between;align-items:center;padding-left:1rem;padding-right:1rem;display:none;position:fixed;right:0}@media(min-width:768px){.top-bar{display:flex}}.top-bar-right{width:var(--sidebar-collapsed-width,4.5rem);flex-shrink:0;align-self:stretch;margin-left:auto;margin-right:-1rem;display:flex}.top-bar-user{width:100%;height:100%;color:var(--text-tertiary);cursor:pointer;font:inherit;transition:background-color var(--transition-base) ease,color var(--transition-base) ease;background:0 0;border:none;border-radius:0;align-items:stretch;padding:0;display:flex}.top-bar-user:hover,.top-bar-user[data-active]{background-color:var(--hover-bg);color:var(--hover-text)}.top-bar-user:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.top-bar-divider{background-color:var(--pane-border);flex-shrink:0;width:1px}.top-bar-user-icon{flex:1;justify-content:center;align-items:center;min-width:0;display:flex}.top-bar-nav{min-width:0;padding-left:max(1.5rem,env(safe-area-inset-left,0px));flex:1;justify-content:center;align-items:stretch;padding-right:1rem;display:flex}.top-bar-tabs{align-items:stretch;gap:.25rem;display:flex}.top-bar-tab-group{align-items:center;gap:.375rem;display:inline-flex}.hfp-tab{height:3rem;color:var(--text-tertiary);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:color var(--transition-fast) ease,background-color var(--transition-fast) ease;background:0 0;border:none;align-items:center;gap:.375rem;padding:0 1rem;font-size:.75rem;font-weight:600;display:inline-flex}.hfp-tab__icon{color:var(--text-tertiary);transition:color var(--transition-fast) ease;display:inline-flex}.hfp-tab:hover,.hfp-tab:hover .hfp-tab__icon{color:var(--text-secondary)}.hfp-tab:focus-visible{background-color:var(--hover-bg);outline:none}.hfp-tab[data-open],.hfp-tab[data-open] .hfp-tab__icon,.hfp-tab[data-open] .hfp-tab__label{color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.hfp-tab[data-open],.hfp-tab[data-open] .hfp-tab__icon,.hfp-tab[data-open] .hfp-tab__label{color:color-mix(in srgb,var(--color-primary) 45%,var(--active-mix))}}.hfp-tab[data-active]:not([data-open]),.hfp-tab[data-active]:not([data-open]) .hfp-tab__icon,.hfp-tab[data-active]:not([data-open]) .hfp-tab__label{color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.hfp-tab[data-active]:not([data-open]),.hfp-tab[data-active]:not([data-open]) .hfp-tab__icon,.hfp-tab[data-active]:not([data-open]) .hfp-tab__label{color:color-mix(in srgb,var(--color-primary) 45%,var(--active-mix))}}.hfp-tab__badge{background:var(--color-primary);min-width:1rem;height:1rem;color:var(--color-white);text-transform:none;letter-spacing:0;border-radius:9999px;justify-content:center;align-items:center;padding:0 .3rem;font-size:.625rem;font-weight:700;line-height:1;display:inline-flex}.hfp-tab__chevron{opacity:.55;transition:transform var(--transition-fast) ease,opacity var(--transition-fast) ease;flex-shrink:0}.hfp-tab[data-open] .hfp-tab__chevron,.hfp-tab:hover .hfp-tab__chevron{opacity:.9}.hfp-tab[data-open] .hfp-tab__chevron{transform:rotate(180deg)}.hfp-panel{z-index:31;pointer-events:auto;background:var(--panel-bg-solid);-webkit-backdrop-filter:blur(20px);border:1px solid var(--pane-border);max-height:calc(100vh - 3rem);animation:hfp-panel-in var(--transition-base) ease forwards;border-top:none;border-radius:0 0 8px 8px;flex-direction:column;display:flex;position:fixed;top:3rem;overflow:hidden}.hfp-panel[data-closing]{animation:hfp-panel-out var(--transition-base) ease forwards;pointer-events:none}@keyframes hfp-panel-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes hfp-panel-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.hfp-panel__scroll{max-height:calc(100vh - 3rem);overflow:hidden}.hfp-panel__body{flex-direction:column;gap:.875rem;padding:.875rem 1rem 1rem;display:flex}.hfp-field{grid-template-columns:minmax(0,7.5rem) minmax(0,1fr);align-items:start;gap:.75rem;display:grid}.hfp-field--stacked{grid-template-columns:1fr;gap:.5rem}.hfp-field__label-wrap{flex-direction:column;gap:.125rem;padding-top:.375rem;display:flex}.hfp-field--stacked .hfp-field__label-wrap{padding-top:0}.hfp-field__label{color:var(--text-primary);align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500;line-height:1.3;display:inline-flex}.hfp-field__icon{color:var(--text-tertiary);display:inline-flex}.hfp-field__hint{color:var(--text-muted);font-size:.6875rem;line-height:1.35}.hfp-field__control{min-width:0}.hfp-tags{border:1px solid var(--pane-border);background:0 0;border-radius:8px;flex-wrap:wrap;gap:.375rem;min-height:2.375rem;padding:.5rem;display:flex}.hfp-tag{border:1px solid var(--pane-border);max-width:100%;color:var(--text-secondary);cursor:pointer;transition:background-color var(--transition-fast) ease,border-color var(--transition-fast) ease,color var(--transition-fast) ease,box-shadow var(--transition-fast) ease;background:0 0;border-radius:6px;align-items:center;gap:.25rem;padding:.3125rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.hfp-tag:hover{border-color:var(--text-tertiary)}@supports (color:color-mix(in lab,red,red)){.hfp-tag:hover{border-color:color-mix(in srgb,var(--text-tertiary) 45%,var(--pane-border))}}.hfp-tag:hover{color:var(--text-primary)}.hfp-tag[data-active]{background-color:var(--active-row-bg);box-shadow:inset 0 0 0 100px var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.hfp-tag[data-active]{box-shadow:inset 0 0 0 100px color-mix(in srgb,var(--color-primary) 38%,transparent)}}.hfp-tag[data-active]{border-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.hfp-tag[data-active]{border-color:color-mix(in srgb,var(--color-primary) 45%,var(--pane-border))}}.hfp-tag[data-active]{color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.hfp-tag[data-active]{color:color-mix(in srgb,var(--color-primary) 45%,var(--active-mix))}}.hfp-tag__remove{opacity:.55;justify-content:center;align-items:center;margin-left:.125rem;display:inline-flex}.hfp-tag__remove:hover{opacity:1}.hfp-footer{justify-content:flex-end;padding-top:.25rem;display:flex}.hfp-footer__btn{color:var(--text-tertiary);cursor:pointer;transition:background-color var(--transition-fast) ease,color var(--transition-fast) ease;background:0 0;border:none;border-radius:6px;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.hfp-footer__btn:hover{background:var(--hover-bg);color:var(--text-primary)}:root{--sidebar-collapsed-width:4.5rem;--sidebar-width:14rem}html.sidebar-width-collapsed{--sidebar-width:var(--sidebar-collapsed-width,4.5rem)}.sidebar{z-index:35;border-right:1px solid var(--pane-border);background-color:var(--pane-bg);-webkit-backdrop-filter:blur(16px);pointer-events:auto;width:14rem;transition:width var(--transition-base) ease;flex-direction:column;display:none;position:fixed;top:0;bottom:0;left:0;overflow:hidden}@media(min-width:768px){.sidebar{display:flex}}.sidebar-collapsed{width:var(--sidebar-collapsed-width,4.5rem)}.sidebar-header{border-bottom:1px solid var(--pane-border);flex-shrink:0;align-items:center;gap:.75rem;height:3rem;padding-left:1rem;padding-right:.75rem;display:flex}.sidebar-collapsed .sidebar-header{position:relative}.sidebar-header-hit{display:none}.sidebar-collapsed .sidebar-header-hit{z-index:2;cursor:pointer;width:2.5rem;transition:left var(--transition-base) ease,width var(--transition-base) ease,border-radius var(--transition-base) ease,background-color var(--transition-base) ease;background:0 0;border:none;border-radius:.375rem;margin:0;padding:0;display:block;position:absolute;top:0;bottom:0;left:1rem}.sidebar-collapsed .sidebar-header-hit--wide{border-radius:0;width:100%;left:0}.sidebar-collapsed .sidebar-header-hit:hover{background-color:var(--hover-bg)}.sidebar-collapsed .sidebar-header-hit:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.sidebar-collapsed .sidebar-toggle,.sidebar-collapsed .sidebar-brand{pointer-events:none}.sidebar-toggle{width:2.5rem;height:2.5rem;color:var(--text-primary);cursor:pointer;transition:background-color var(--transition-base) ease,color var(--transition-base) ease;background:0 0;border:none;border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.sidebar-toggle:hover{background-color:var(--hover-bg);color:var(--active-text)}.sidebar-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sidebar-toggle-lines{flex-direction:column;gap:4px;width:1rem;display:flex}.sidebar-toggle-lines span{background:currentColor;border-radius:9999px;width:100%;height:2px;display:block}.sidebar-brand{flex:1;align-items:center;min-width:0;display:flex;overflow:hidden}.sidebar-logo{flex-shrink:0;width:auto;max-width:9rem;height:1.25rem}.sidebar-nav{flex-direction:column;flex:1;gap:0;min-width:0;padding:0;display:flex;overflow:hidden auto}.sidebar-link{box-sizing:border-box;width:100%;min-width:0;max-width:100%;font:inherit;text-align:left;cursor:pointer;white-space:nowrap;transition:background-color var(--transition-base) ease,box-shadow var(--transition-base) ease,color var(--transition-base) ease;background:0 0;border:none;border-radius:0;align-items:center;gap:.75rem;padding:.5rem .625rem .5rem 1.625rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.sidebar-link-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.sidebar-link-label{text-overflow:ellipsis;white-space:nowrap;opacity:1;width:9.75rem;transition:opacity var(--transition-base) ease;flex:none;overflow:hidden}.sidebar-collapsed .sidebar-link-label{opacity:0}.sidebar-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sidebar-link-default{color:var(--text-primary)}.sidebar-link-default:hover{background-color:var(--hover-bg);color:var(--active-text)}.sidebar-link-active{background-color:var(--active-row-bg);box-shadow:inset 0 0 0 100px var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.sidebar-link-active{box-shadow:inset 0 0 0 100px color-mix(in srgb,var(--color-primary) 38%,transparent)}}.sidebar-link-active{color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.sidebar-link-active{color:color-mix(in srgb,var(--color-primary) 45%,var(--active-mix))}}.sidebar-link-active:hover{background-color:var(--active-row-bg);box-shadow:inset 0 0 0 100px var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.sidebar-link-active:hover{box-shadow:inset 0 0 0 100px color-mix(in srgb,var(--color-primary) 58%,transparent)}}.sidebar-link-active:hover{color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.sidebar-link-active:hover{color:color-mix(in srgb,var(--color-primary) 30%,var(--active-mix))}}.sidebar-group{max-height:0;transition:max-height var(--transition-base) cubic-bezier(.4,0,.2,1);overflow:hidden}.sidebar-group--open{max-height:12rem;transition:max-height var(--transition-slow) cubic-bezier(.4,0,.2,1)}.sidebar-collapsed .sidebar-group{max-height:0;transition:max-height var(--transition-fast) cubic-bezier(.4,0,.2,1)}.sidebar-sublink{opacity:0;transition:opacity var(--transition-base) ease,transform var(--transition-base) ease;padding-left:3.625rem;font-size:.875rem;transform:translateY(-4px)}.sidebar-group--open .sidebar-sublink{opacity:1;transform:translateY(0)}.sidebar-group--open .sidebar-sublink:first-child{transition-delay:30ms}.sidebar-group--open .sidebar-sublink:nth-child(2){transition-delay:60ms}.sidebar-group--open .sidebar-sublink:nth-child(3){transition-delay:90ms}.sidebar-group--open .sidebar-sublink:nth-child(4){transition-delay:.12s}.sidebar-group--open .sidebar-sublink:nth-child(5){transition-delay:.15s}.sidebar-group-link{min-width:0;color:inherit;flex:1;align-items:center;gap:.75rem;text-decoration:none;display:flex;overflow:hidden}.sidebar-group-toggle{width:2.25rem;color:inherit;cursor:pointer;opacity:1;transition:opacity var(--transition-base) ease,background-color var(--transition-fast) ease;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;right:0}.sidebar-group-toggle:hover{background-color:var(--strip-hover-bg)}.sidebar-group-toggle svg{transition:transform var(--transition-base) ease}.sidebar-group-toggle--open svg{transform:rotate(90deg)}.sidebar-collapsed .sidebar-group-toggle{opacity:0;pointer-events:none}.sidebar-hidden-trigger{box-sizing:border-box;cursor:default;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none;flex-shrink:0;width:100%;min-height:20px;padding:.5rem .625rem .5rem 1.625rem}.sidebar-footer{border-top:1px solid var(--pane-border);flex-direction:column;gap:0;min-width:0;padding:0;display:flex;overflow:hidden}:root{--right-sidebar-width:320px}.rsidebar{z-index:36;width:var(--right-sidebar-width,320px);border-left:1px solid var(--pane-border);background-color:var(--pane-bg);-webkit-backdrop-filter:blur(16px);pointer-events:auto;transition:transform var(--transition-base) ease;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;transform:translate(100%)}.rsidebar--open{transform:translate(0)}.rsidebar-header{border-bottom:1px solid var(--pane-border);flex-shrink:0;justify-content:space-between;align-items:center;height:3rem;padding:0 .75rem 0 1rem;display:flex}.rsidebar-header-title{color:var(--text-primary);font-size:.8125rem;font-weight:600}.rsidebar-close{width:2rem;height:2rem;color:var(--text-tertiary);cursor:pointer;transition:background-color var(--transition-base) ease,color var(--transition-base) ease;background:0 0;border:none;border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.rsidebar-close:hover{background-color:var(--hover-bg);color:var(--active-text)}.rsidebar-nav{flex-direction:column;flex:1;gap:0;min-width:0;padding:0;display:flex;overflow:hidden auto}.rsidebar-link{box-sizing:border-box;width:100%;min-width:0;max-width:100%;font:inherit;text-align:left;cursor:pointer;white-space:nowrap;transition:background-color var(--transition-base) ease,box-shadow var(--transition-base) ease,color var(--transition-base) ease;background:0 0;border:none;border-radius:0;align-items:center;gap:.75rem;padding:.5rem .625rem .5rem 1rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.rsidebar-link-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.rsidebar-link-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.rsidebar-link-default{color:var(--text-primary)}.rsidebar-link-default:hover{background-color:var(--hover-bg);color:var(--active-text)}.rsidebar-link-danger{color:var(--text-primary)}.rsidebar-link-danger:hover{background-color:var(--hover-bg);color:var(--color-error)}.rsidebar-divider{background-color:var(--pane-border);height:1px;margin:.25rem 0}.rsidebar-footer{border-top:1px solid var(--pane-border);flex-direction:column;gap:0;min-width:0;padding:0;display:flex;overflow:hidden}.rsidebar-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);align-items:center;gap:.375rem;padding:.5rem .625rem .25rem 1rem;font-size:.5625rem;font-weight:700;display:flex}.mobile-drawer-backdrop{z-index:50;background-color:var(--overlay-backdrop);position:fixed;top:0;right:0;bottom:0;left:0}@media(min-width:768px){.mobile-drawer-backdrop{display:none}}.mobile-drawer-panel{z-index:60;border-right:1px solid var(--pane-border);background-color:var(--pane-bg);-webkit-backdrop-filter:blur(20px);flex-direction:column;width:18rem;display:flex;position:fixed;inset:0 auto 0 0}@media(min-width:768px){.mobile-drawer-panel{display:none}}.mobile-drawer-header{border-bottom:1px solid var(--pane-border);background-color:var(--pane-bg-subtle);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.mobile-drawer-close{width:2.25rem;height:2.25rem;color:var(--text-primary);cursor:pointer;transition:background-color var(--transition-base) ease,color var(--transition-base) ease;background:0 0;border:none;border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.mobile-drawer-close:hover{background-color:var(--hover-bg);color:var(--active-text)}.mobile-drawer-logo-link{flex:1;align-items:center;min-width:0;display:flex}.mobile-drawer-logo{width:auto;max-width:9rem;height:1.25rem}.mobile-drawer-nav{flex-direction:column;flex:1;gap:2px;padding:.75rem;display:flex;overflow-y:auto}.mobile-drawer-link{white-space:nowrap;color:var(--text-primary);transition:background-color var(--transition-base) ease,color var(--transition-base) ease;border-radius:.375rem;align-items:center;gap:.75rem;padding:.5rem .875rem;font-size:1rem;text-decoration:none;display:flex}.mobile-drawer-link:hover{background-color:var(--hover-bg);color:var(--active-text)}.mobile-drawer-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.mobile-drawer-link-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.mobile-drawer-theme{border-top:1px solid var(--pane-border);padding:.75rem}.mobile-drawer-theme-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.mobile-drawer-theme-label{color:var(--text-muted);font-size:.75rem;font-weight:500}.mobile-header{z-index:40;border-bottom:1px solid;border-bottom-color:var(--pane-border);background-color:var(--pane-bg);-webkit-backdrop-filter:blur(20px);pointer-events:auto;flex-shrink:0;grid-template-columns:2.5rem 1fr 2.5rem;align-items:center;height:3.5rem;padding-left:1rem;padding-right:1rem;display:grid;position:fixed;top:0;left:0;right:0}@media(min-width:768px){.mobile-header{display:none}}.mobile-menu-btn{color:var(--text-secondary);cursor:pointer;transition:background-color var(--transition-base) ease,color var(--transition-base) ease;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:.375rem;display:flex}.mobile-menu-btn:hover{background-color:var(--hover-bg);color:var(--hover-text)}.mobile-menu-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.mobile-logo{object-fit:contain;width:auto;height:1.5rem;margin:0 auto;display:block}.mobile-header-spacer{width:2.5rem;height:2.5rem}.mobile-drawer-focus-btn{width:2rem;height:2rem;color:var(--text-primary);cursor:pointer;transition:background-color var(--transition-base) ease,color var(--transition-base) ease;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;display:inline-flex}.mobile-drawer-focus-btn:hover{background-color:var(--hover-bg);color:var(--active-text)}.page-container{width:100%;max-width:80rem;margin-left:auto;margin-right:auto;padding:2.5rem 1.5rem}@media(min-width:640px){.page-container{padding-left:2rem;padding-right:2rem}}@media(min-width:1024px){.page-container{padding-left:2.5rem;padding-right:2.5rem}}.page-container-narrow{width:100%;max-width:56rem;margin-left:auto;margin-right:auto;padding:1.5rem 1rem}@media(min-width:640px){.page-container-narrow{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.page-container-narrow{padding-left:2rem;padding-right:2rem}}.page-container-wide{width:100%;margin-left:auto;margin-right:auto;padding:1.5rem 1rem}@media(min-width:640px){.page-container-wide{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.page-container-wide{padding-left:2rem;padding-right:2rem}}.app-shell{min-height:100vh;display:flex}.app-shell-main{flex-direction:column;flex:1;display:flex}.app-shell-content{flex:1}.section{padding-top:4rem;padding-bottom:4rem}.section-header{margin-bottom:2rem}.section-title{color:#272b3a;font-size:1.875rem;font-weight:700;line-height:2.25rem}.dark .section-title{color:#f2f2f3}.section-description{color:#4b5563;margin-top:.5rem}.dark .section-description{color:#9ca3af}.grid-2{gap:1.5rem;display:grid}@media(min-width:768px){.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.grid-3{gap:1.5rem;display:grid}@media(min-width:768px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.grid-4{gap:1.5rem;display:grid}@media(min-width:768px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-col-center{flex-direction:column;justify-content:center;align-items:center;display:flex}.breadcrumbs{color:#4b5563;align-items:center;gap:.5rem;font-size:.875rem;line-height:1.25rem;display:flex}.dark .breadcrumbs{color:#9ca3af}.breadcrumbs-item{align-items:center;gap:.5rem;display:flex}.breadcrumbs-sep{color:#9ca3af}.dark .breadcrumbs-sep{color:#6b7280}.breadcrumb-link{color:inherit;border-radius:.25rem}.breadcrumb-link:hover{color:var(--color-primary);text-decoration:underline}.breadcrumb-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.breadcrumb-current{color:var(--color-dark-gray);font-weight:500}.dark .breadcrumb-current{color:var(--color-white)}.api-guide{width:100%;min-height:100%;display:flex}.api-guide-nav{scrollbar-width:none;flex-shrink:0;align-self:flex-start;width:14rem;max-height:100vh;padding:1.5rem 0 2rem 1.25rem;position:sticky;top:0;overflow-y:auto}.api-guide-nav::-webkit-scrollbar{display:none}.api-guide-filter{margin-bottom:1rem;padding-right:.5rem}.api-guide-filter-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.25rem;font-size:.5625rem;font-weight:600;display:block}.api-guide-filter-select{border:1px solid var(--pane-border-subtle);background:var(--pane-bg);width:100%;color:var(--text-secondary);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23888'/%3E%3C/svg%3E");background-position:right .375rem center;background-repeat:no-repeat;background-size:8px 5px;border-radius:.25rem;outline:none;padding:.25rem 1.25rem .25rem .375rem;font-family:inherit;font-size:.6875rem;transition:border-color .15s}.api-guide-filter-select:focus{border-color:var(--color-primary)}.api-guide-copy-doc-btn{border:1px solid var(--pane-border-subtle);background:var(--pane-bg);color:var(--text-secondary);cursor:pointer;border-radius:.25rem;justify-content:center;align-items:center;padding:.35rem .5rem;font-family:inherit;font-size:.6875rem;font-weight:600;transition:border-color .15s,color .15s;display:inline-flex}.api-guide-copy-doc-btn:hover{border-color:var(--color-primary);color:var(--text-primary)}.api-guide-copy-doc-btn--nav-only{width:100%;margin-bottom:.75rem}.api-guide-copy-doc-toolbar{justify-content:flex-end;margin-bottom:.75rem;display:none}.api-guide-copy-doc-btn--content-only{width:auto}@media(min-width:961px){.api-guide-copy-doc-btn--content-only{display:none!important}}@media(max-width:960px){.api-guide-copy-doc-toolbar{display:flex}.api-guide-copy-doc-btn--nav-only{display:none!important}}.api-guide-nav-list{margin:0;padding:0;list-style:none;position:relative}.api-guide-nav-list:before{content:"";background:var(--pane-border-subtle);width:1px;position:absolute;top:0;bottom:0;left:0}.api-guide-nav-section{margin-bottom:.125rem}.api-guide-nav-row{align-items:stretch;min-width:0;display:flex}.api-guide-nav-row--msg{padding-left:.5rem}.api-guide-nav-section-link{text-transform:uppercase;letter-spacing:.04em;min-width:0;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;text-align:left;flex:1;padding:.3rem .5rem .3rem .75rem;font-size:.6875rem;font-weight:600;text-decoration:none;transition:color .15s;display:block;position:relative;overflow:hidden}.api-guide-nav-section-link:hover,.api-guide-nav-section-link[data-active=true]{color:var(--text-primary)}.api-guide-nav-section-link:before{content:"";background:0 0;border-radius:1px;width:2px;transition:background .2s;position:absolute;top:.25rem;bottom:.25rem;left:0}.api-guide-nav-section-link[data-active=true]:before{background:var(--color-primary)}.api-guide-nav-chevron-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:.3rem .35rem;transition:color .15s;display:flex}.api-guide-nav-chevron-btn:hover{color:var(--text-primary)}.api-guide-nav-chevron-btn:hover .api-guide-nav-chevron{opacity:.8}.api-guide-nav-section-btn{cursor:pointer;text-transform:uppercase;letter-spacing:.04em;width:100%;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;text-align:left;background:0 0;border:none;align-items:center;gap:.25rem;margin:0;padding:.3rem .5rem .3rem .75rem;font-size:.6875rem;font-weight:600;transition:color .15s;display:flex;position:relative;overflow:hidden}.api-guide-nav-section-btn:hover,.api-guide-nav-section-btn[data-active=true]{color:var(--text-primary)}.api-guide-nav-section-btn:before{content:"";background:0 0;border-radius:1px;width:2px;transition:background .2s;position:absolute;top:.25rem;bottom:.25rem;left:0}.api-guide-nav-section-btn[data-active=true]:before{background:var(--color-primary)}.api-guide-nav-chevron{opacity:.5;flex-shrink:0;width:10px;height:10px;transition:transform .2s}.api-guide-nav-section-btn:hover .api-guide-nav-chevron{opacity:.8}.api-guide-nav-chevron[data-open=true]{transform:rotate(90deg)}.api-guide-nav-children{opacity:0;max-height:0;transition:max-height .25s,opacity .2s;overflow:hidden}.api-guide-nav-children[data-open=true]{opacity:1;max-height:50rem}.api-guide-nav-msg{margin-bottom:.0625rem}.api-guide-nav-msg-link{min-width:0;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;text-align:left;flex:1;padding:.2rem .5rem .2rem .75rem;font-size:.6875rem;font-weight:500;text-decoration:none;transition:color .15s;display:block;position:relative;overflow:hidden}.api-guide-nav-msg-link:hover{color:var(--text-secondary)}.api-guide-nav-msg-link[data-active=true]{color:var(--text-primary)}.api-guide-nav-msg-link:before{content:"";background:0 0;border-radius:1px;width:2px;transition:background .2s;position:absolute;top:.15rem;bottom:.15rem;left:0}.api-guide-nav-msg-link[data-active=true]:before{background:var(--color-primary)}.api-guide-nav-msg-btn{cursor:pointer;width:100%;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;text-align:left;background:0 0;border:none;align-items:center;gap:.2rem;margin:0;padding:.2rem .5rem .2rem 1.25rem;font-size:.6875rem;font-weight:500;transition:color .15s;display:flex;position:relative;overflow:hidden}.api-guide-nav-msg-btn:hover{color:var(--text-secondary)}.api-guide-nav-msg-btn[data-active=true]{color:var(--text-primary)}.api-guide-nav-msg-btn:before{content:"";background:0 0;border-radius:1px;width:2px;transition:background .2s;position:absolute;top:.15rem;bottom:.15rem;left:0}.api-guide-nav-msg-btn[data-active=true]:before{background:var(--color-primary)}.api-guide-nav-variant{margin-bottom:0}.api-guide-nav-variant-link{width:100%;color:var(--text-muted);opacity:.7;white-space:nowrap;text-overflow:ellipsis;text-align:left;padding:.15rem .5rem .15rem 2rem;font-size:.625rem;font-weight:400;text-decoration:none;transition:color .15s,opacity .15s;display:block;position:relative;overflow:hidden}.api-guide-nav-variant-link:hover{color:var(--text-secondary);opacity:1}.api-guide-nav-variant-link[data-active=true]{color:var(--color-primary);opacity:1}.api-guide-nav-variant-link:before{content:"";background:0 0;border-radius:1px;width:2px;transition:background .2s;position:absolute;top:.1rem;bottom:.1rem;left:0}.api-guide-nav-variant-link[data-active=true]:before{background:var(--color-primary)}.api-guide-nav-variant-btn{cursor:pointer;width:100%;color:var(--text-muted);opacity:.7;white-space:nowrap;text-overflow:ellipsis;text-align:left;background:0 0;border:none;margin:0;padding:.15rem .5rem .15rem 2rem;font-size:.625rem;font-weight:400;transition:color .15s,opacity .15s;display:block;position:relative;overflow:hidden}.api-guide-nav-variant-btn:hover{color:var(--text-secondary);opacity:1}.api-guide-nav-variant-btn[data-active=true]{color:var(--color-primary);opacity:1}.api-guide-nav-variant-btn:before{content:"";background:0 0;border-radius:1px;width:2px;transition:background .2s;position:absolute;top:.1rem;bottom:.1rem;left:0}.api-guide-nav-variant-btn[data-active=true]:before{background:var(--color-primary)}.api-guide-content{flex:1;min-width:0;max-width:48rem;padding:2.5rem 1.5rem 2.5rem 2rem}.api-guide-code{background:var(--pane-bg);border:1px solid var(--pane-border-subtle);color:var(--text-secondary);white-space:pre;border-radius:.375rem;margin:0;padding:.75rem 1rem;font-family:monospace;font-size:.75rem;line-height:1.5;display:block;overflow-x:auto}@media(max-width:960px){.api-guide-nav{display:none}.api-guide-content{padding:2rem 1rem}}.btn{cursor:pointer;min-width:44px;min-height:44px;transition:background-color var(--transition-base) ease,color var(--transition-base) ease,border-color var(--transition-base) ease,box-shadow var(--transition-base) ease,transform var(--transition-base) ease;border-radius:9999px;justify-content:center;align-items:center;font-weight:500;display:inline-flex}.btn:focus-visible{box-shadow:0 0 0 2px var(--color-primary);outline-offset:2px;outline-style:solid}.btn:disabled{pointer-events:none;opacity:.7;cursor:not-allowed}@media(min-width:640px){.btn{min-width:0;min-height:0}}@media(prefers-reduced-motion:reduce){.btn{transition-duration:.01ms}}.btn:active:not(:disabled){transform:scale(.98)}@media(prefers-reduced-motion:reduce){.btn:active:not(:disabled){transform:none}}.btn-primary{box-shadow:var(--shadow-sm);background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-md)}.btn-primary:active:not(:disabled){box-shadow:var(--shadow-sm)}.btn-secondary{color:var(--color-white);box-shadow:var(--shadow-sm);background-color:var(--color-dark-gray)}.btn-secondary:hover:not(:disabled){filter:brightness(1.08);box-shadow:var(--shadow-md)}.btn-secondary:active:not(:disabled){filter:brightness();box-shadow:var(--shadow-sm)}.btn-ghost{color:var(--color-primary);background-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--color-primary-light)}.dark .btn-ghost:hover:not(:disabled){background-color:var(--color-primary-dark)}.btn-danger{border:2px solid;border-color:var(--color-error);color:var(--color-error);background-color:#0000}.btn-danger:hover:not(:disabled){background-color:var(--color-error-light);border-color:var(--color-error-dark)}.dark .btn-danger:hover:not(:disabled){background-color:#7f1d1d66}.btn-sm{padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem}.btn-md{padding:.625rem 1.5rem;font-size:1rem;line-height:1.5rem}.btn-lg{padding:.75rem 2rem;font-size:1.125rem;line-height:1.75rem}.btn-full-width{width:100%}.btn-icon-only{padding:.5rem}.tabs{border:none;border-bottom:1px solid var(--pane-border);background:0 0;border-radius:0;gap:0;padding:0;display:flex}.tabs--bar{flex-shrink:0}.tab{width:100%;min-width:0;min-height:2.25rem;font:inherit;color:var(--text-primary);cursor:pointer;white-space:nowrap;transition:background-color var(--transition-base) ease,box-shadow var(--transition-base) ease,color var(--transition-base) ease;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;flex:1;justify-content:center;align-items:center;gap:.5rem;margin-bottom:-1px;padding:.375rem .625rem;font-size:.8125rem;font-weight:600;line-height:1.2;display:inline-flex;position:relative}.tab .tab__icon,.tab>svg{flex-shrink:0;width:1.125rem;height:1.125rem}.tab:hover{background-color:var(--hover-bg);color:var(--text-primary)}.tab:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.tab:disabled{opacity:.45;cursor:not-allowed}.tab[data-active]{background-color:var(--active-row-bg);box-shadow:inset 0 0 0 100px var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.tab[data-active]{box-shadow:inset 0 0 0 100px color-mix(in srgb,var(--color-primary) 19%,transparent)}}.tab[data-active]{border-bottom-color:var(--color-primary);color:var(--text-primary)}.tab[data-active]:hover{background-color:var(--active-row-bg);box-shadow:inset 0 0 0 100px var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.tab[data-active]:hover{box-shadow:inset 0 0 0 100px color-mix(in srgb,var(--color-primary) 29%,transparent)}}.tab[data-active]:hover{color:var(--text-primary)}.tab__icon{color:var(--text-secondary);transition:color var(--transition-base) ease}.tab:hover .tab__icon,.tab[data-active] .tab__icon{color:var(--text-primary)}.tab__icon[data-tone=success],.tab:hover .tab__icon[data-tone=success],.tab[data-active] .tab__icon[data-tone=success]{color:var(--color-success)}.tab__icon[data-tone=pending]{color:var(--color-warning-accent)}@media(prefers-reduced-motion:reduce){.tab{transition-duration:.01ms}}.toggle{border-radius:var(--radius-full);background:var(--text-muted);border:none;flex-shrink:0;width:2rem;height:1.125rem;padding:0;position:relative}@supports (color:color-mix(in lab,red,red)){.toggle{background:color-mix(in srgb,var(--text-muted) 40%,transparent)}}.toggle{cursor:pointer;transition:background-color var(--transition-fast) ease}.toggle:hover:not([data-disabled]){background:var(--text-muted)}@supports (color:color-mix(in lab,red,red)){.toggle:hover:not([data-disabled]){background:color-mix(in srgb,var(--text-muted) 55%,transparent)}}.toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.toggle[data-checked]{background:var(--color-primary)}.toggle[data-checked]:hover:not([data-disabled]){background:var(--color-primary-hover)}.toggle[data-disabled]{opacity:.55;cursor:not-allowed}.toggle__thumb{background:var(--color-white);width:calc(1.125rem - 4px);height:calc(1.125rem - 4px);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast) ease;border-radius:50%;position:absolute;top:2px;left:2px}.toggle[data-checked] .toggle__thumb{transform:translate(.875rem)}@media(prefers-reduced-motion:reduce){.toggle,.toggle__thumb{transition-duration:.01ms}}.scroll-area{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.scroll-area--fill{flex:1;min-width:0;min-height:0}.scroll-area--horizontal{flex-direction:row}.scroll-area__viewport{overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none;-ms-overflow-style:none;flex:1;min-width:0;min-height:0;overflow:hidden auto}.scroll-area__viewport::-webkit-scrollbar{display:none}.scroll-area--horizontal .scroll-area__viewport{touch-action:pan-x;overflow:auto hidden}.scroll-area__track{pointer-events:none;opacity:0;width:6px;transition:opacity var(--transition-fast) ease;position:absolute;top:4px;bottom:4px;right:3px}.scroll-area--horizontal .scroll-area__track{width:auto;height:6px;inset:auto 4px 3px}.scroll-area:hover .scroll-area__track:not([data-hidden]),.scroll-area[data-scrolling] .scroll-area__track:not([data-hidden]){opacity:1}.scroll-area__track[data-hidden]{display:none}.scroll-area__thumb{background:var(--scrollbar-thumb);pointer-events:auto;touch-action:none;cursor:grab;width:100%;transition:background-color var(--transition-fast) ease;border-radius:9999px;position:absolute;top:0;left:0}.scroll-area--horizontal .scroll-area__thumb{width:auto;height:100%;top:0}.scroll-area__thumb:hover{background:var(--scrollbar-thumb-hover)}.scroll-area__thumb:active{cursor:grabbing;background:var(--scrollbar-thumb-active)}@media(hover:none){.scroll-area__track:not([data-hidden]){opacity:1}}@media(prefers-reduced-motion:reduce){.scroll-area__track,.scroll-area__thumb{transition-duration:.01ms}.scroll-area__viewport{scroll-behavior:auto}}.pane-glass,.map-device-hud:before{background-color:var(--pane-bg);-webkit-backdrop-filter:blur(16px)}.floating-pane{pointer-events:none;position:fixed;overflow:visible}.floating-pane--interactive{pointer-events:auto}.floating-pane__shell{border-radius:var(--radius-xl);border:1px solid var(--pane-border);pointer-events:auto;flex-direction:column;width:100%;height:100%;min-height:0;display:flex;position:relative;overflow:visible}.floating-pane__shell[data-dragging]{cursor:grabbing;-webkit-user-select:none;user-select:none}.floating-pane__close{z-index:3;border:1px solid var(--pane-border);width:1.25rem;height:1.25rem;box-shadow:var(--shadow-sm);color:var(--text-muted);cursor:pointer;pointer-events:auto;transition:background-color var(--transition-fast) ease,color var(--transition-fast) ease,border-color var(--transition-fast) ease,transform var(--transition-fast) ease;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:-.4375rem;right:-.4375rem}.floating-pane__close:hover{background-color:var(--hover-bg);color:var(--text-primary);border-color:var(--pane-border-subtle)}.floating-pane__header{border-bottom:1px solid var(--pane-border-subtle);cursor:grab;-webkit-user-select:none;user-select:none;transition:border-color var(--transition-base) ease;flex-shrink:0;align-items:center;gap:.375rem;padding:.625rem .75rem;display:flex}.floating-pane__header:active{cursor:grabbing}.floating-pane__title{min-width:0;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.875rem;font-weight:600;overflow:hidden}.card{border-radius:.75rem;padding:1.5rem;transition-property:color,background-color,border-color;transition-duration:.15s;transition-timing-function:ease}.card-elevated{box-shadow:var(--shadow-md);background-color:#fff}.dark .card-elevated{background-color:var(--color-dark-gray);box-shadow:0 2px 8px #0006}.card-outlined{background-color:#fff;border:1px solid #e5e7ebcc}.dark .card-outlined{background-color:var(--color-dark-gray);border-color:#374151cc}.card-header{color:var(--color-dark-gray);margin-bottom:1rem;font-weight:600}.dark .card-header{color:var(--color-white)}.card-content{color:#4b5563;font-size:.875rem;line-height:1.25rem}.dark .card-content{color:#9ca3af}.card-footer{border-color:#e5e7eb;border-top-style:solid;border-top-width:1px;margin-top:1rem;padding-top:1rem}.dark .card-footer{border-color:#374151}.badge{border-radius:9999px;align-items:center;padding:.125rem .625rem;font-size:.75rem;font-weight:500;line-height:1rem;display:inline-flex}.badge-success{color:#166534;background-color:#dcfce7}.dark .badge-success{color:#86efac;background-color:#14532d66}.badge-warning{color:#92400e;background-color:#fef3c7}.dark .badge-warning{color:#fcd34d;background-color:#78350f66}.badge-error{color:#991b1b;background-color:#fee2e2}.dark .badge-error{color:#fca5a5;background-color:#7f1d1d66}.badge-info{color:#1e40af;background-color:#dbeafe}.dark .badge-info{color:#93c5fd;background-color:#1e3a8a66}.badge-neutral{color:#1f2937;background-color:#f3f4f6}.dark .badge-neutral{color:#d1d5db;background-color:#1f2937}.badge-sm{padding:.125rem .5rem;font-size:10px}.badge-md{padding:.125rem .625rem;font-size:.75rem;line-height:1rem}.badge-lg{padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem}.input-wrapper{width:100%}.input-label{color:var(--color-dark-gray);margin-bottom:.375rem;font-size:.875rem;font-weight:500;line-height:1.25rem;display:block}.dark .input-label{color:var(--color-white)}.input{background-color:var(--color-white);width:100%;color:var(--color-dark-gray);border:1px solid;border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;transition-property:color,background-color,border-color;transition-duration:.15s;transition-timing-function:ease}.input:disabled{pointer-events:none;opacity:.7;cursor:not-allowed}.input::placeholder{color:#9ca3af}.dark .input::placeholder{color:#6b7280}.dark .input{background-color:var(--color-dark-gray);color:var(--color-white)}.input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.input-default{border-color:#e5e7eb}.dark .input-default{border-color:#4b5563}.input-error{border-color:#ef4444}.dark .input-error{border-color:#dc2626}.input-error-message{color:#dc2626;margin-top:.375rem;font-size:.875rem;line-height:1.25rem}.dark .input-error-message{color:#f87171}.modal-wrapper{z-index:50;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.modal-backdrop{background-color:#00000080;position:fixed;top:0;right:0;bottom:0;left:0}.modal-content{z-index:10;background-color:var(--color-white);border-radius:.5rem;width:100%;max-width:28rem;padding:1.5rem;position:relative;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.dark .modal-content{background-color:var(--color-dark-gray)}.modal-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.modal-title{color:var(--color-dark-gray);font-size:1.125rem;font-weight:600;line-height:1.75rem}.dark .modal-title{color:var(--color-white)}.modal-close{color:#6b7280;border-radius:.375rem;margin-left:auto;padding:.25rem}.modal-close:hover{color:#374151;background-color:#f3f4f6}.dark .modal-close{color:#9ca3af}.dark .modal-close:hover{color:#d1d5db;background-color:#374151}.modal-close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.modal-body{margin-top:1rem}.popover-scrim,.stream-modal-overlay{z-index:var(--z-popover);background:var(--popover-scrim);animation:popover-scrim-in var(--popover-fade-ms) ease forwards;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}@keyframes popover-scrim-in{0%{opacity:0}to{opacity:1}}@keyframes popover-scrim-out{0%{opacity:1}to{opacity:0}}.popover-panel,.stream-modal-panel{border-radius:var(--radius-xl);background:var(--panel-bg-solid);-webkit-backdrop-filter:blur(20px);border:1px solid var(--pane-border);width:100%;max-width:90vw;max-height:90vh;box-shadow:var(--shadow-xl);animation:popover-panel-in var(--popover-fade-ms) ease forwards;flex-direction:column;display:flex;position:relative;overflow:hidden}@keyframes popover-panel-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes popover-panel-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}.popover-scrim--bare,.popover-scrim--bare[data-closing]{animation:none}.popover-scrim--bare{background:0 0}.popover-scrim[data-closing]:not(.popover-scrim--bare){animation:.22s forwards popover-scrim-out}.popover-scrim--bare[data-closing] .popover-panel,.popover-panel[data-closing]{animation:.22s forwards popover-panel-out}.popover-panel__header,.stream-modal-header{border-bottom:1px solid var(--pane-border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:14px 16px;display:flex}.popover-panel__title,.stream-modal-title{color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.3}.popover-panel__header--centered{justify-content:center;position:relative}.popover-panel__header--centered .popover-panel__title{justify-content:center;align-items:center;gap:.375rem;display:inline-flex}.popover-panel__header--centered .panel-icon-btn{position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.popover-panel__body,.stream-modal-body{flex-direction:column;flex:1;gap:12px;min-height:0;padding:16px;display:flex;overflow:auto}.popover-panel__footer,.stream-modal-footer,.stream-modal-actions{border-top:1px solid var(--pane-border-subtle);flex-shrink:0;justify-content:flex-end;gap:8px;padding:12px 16px 16px;display:flex}.stream-modal-actions{border-top:none;padding-top:0}.popover-message,.stream-modal-delete-msg{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.55}.popover-message strong,.stream-modal-delete-msg strong{color:var(--text-primary);font-weight:600}.popover-hint,.stream-modal-hint{color:var(--text-tertiary);margin:0;font-size:12px;line-height:1.5}.popover-error{border-radius:var(--radius-md);border:1px solid var(--color-error);margin:0;padding:.5rem .625rem}@supports (color:color-mix(in lab,red,red)){.popover-error{border:1px solid color-mix(in srgb,var(--color-error) 35%,var(--pane-border))}}.popover-error{background:var(--color-error)}@supports (color:color-mix(in lab,red,red)){.popover-error{background:color-mix(in srgb,var(--color-error) 10%,transparent)}}.popover-error{color:var(--color-error);font-size:12px;line-height:1.45}.popover-warning,.stream-modal-warning{color:var(--text-muted);margin:0;font-size:12px;font-style:italic;line-height:1.45}.popover-urls,.stream-modal-urls{flex-direction:column;gap:10px;display:flex}.popover-divider{background:var(--pane-border-subtle);height:1px;margin:2px 0}.popover-row{justify-content:space-between;align-items:center;gap:10px;padding:4px 0;display:flex}.popover-row--wrap{flex-wrap:wrap;gap:6px}.popover-label{color:var(--text-secondary);flex:1;font-size:13px}.popover-label--full{width:100%;margin-bottom:2px}.popover-label-hint{color:var(--text-muted);font-size:12px}.popover-chip-group{flex-wrap:wrap;gap:4px;display:flex}.popover-chip{border-radius:var(--radius-sm);border:1px solid var(--pane-border);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast) ease;background:0 0;padding:4px 9px;font-size:11px;font-weight:600}.popover-chip:hover{border-color:var(--text-tertiary);color:var(--text-secondary)}.popover-chip[data-active]{border-color:var(--color-accent);background:var(--accent-bg);color:var(--color-accent)}.popover-btn,.stream-modal-done-btn,.stream-modal-cancel-btn,.stream-modal-delete-btn{border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast) ease,color var(--transition-fast) ease,border-color var(--transition-fast) ease;padding:8px 16px;font-size:12px;font-weight:600}.popover-btn--primary,.stream-modal-done-btn{background:var(--color-primary);color:var(--color-white);border:none}.popover-btn--primary:hover,.stream-modal-done-btn:hover{background:var(--color-primary-hover)}.popover-btn--ghost,.stream-modal-cancel-btn{border:1px solid var(--pane-border);color:var(--text-tertiary);background:0 0;font-weight:500}.popover-btn--ghost:hover,.stream-modal-cancel-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.popover-btn--danger,.stream-modal-delete-btn{background:var(--color-error);color:var(--color-white);border:none}.popover-btn--danger:hover,.stream-modal-delete-btn:hover{background:var(--color-error-dark)}.table-container{border:1px solid #e5e7eb;border-radius:.5rem;width:100%;overflow-x:auto}.dark .table-container{border-color:#374151}.table{border-collapse:collapse;width:100%;font-size:.875rem;line-height:1.25rem}.table-header{background-color:#f9fafb}.dark .table-header{background-color:#272b3a}.table-header-cell{text-align:left;color:#272b3a;border-bottom:1px solid #e5e7eb;padding:.75rem 1rem;font-weight:600}.dark .table-header-cell{color:#f2f2f3;border-bottom-color:#374151}.table-body{background-color:#fff}.dark .table-body{background-color:#232324}.table-row{border-bottom:1px solid #e5e7eb;transition-property:color,background-color,border-color;transition-duration:.15s;transition-timing-function:ease}.dark .table-row{border-bottom-color:#374151}.table-row:hover{background-color:#f9fafb}.dark .table-row:hover{background-color:#272b3a80}.table-row:last-child{border-bottom:0}.table-cell{color:#272b3a;padding:.75rem 1rem}.dark .table-cell{color:#f2f2f3}.table-striped .table-row:nth-child(2n){background-color:#f9fafb80}.dark .table-striped .table-row:nth-child(2n){background-color:#272b3a4d}.table-compact .table-header-cell,.table-compact .table-cell{padding:.5rem .75rem}.table-row-selected{background-color:#ba0c2f1a}.dark .table-row-selected{background-color:#ba0c2f33}.table-row-clickable{cursor:pointer}.loading-spinner{border:4px solid #e5e7eb;border-top-color:#ba0c2f;border-radius:9999px;animation:1s linear infinite spin;display:inline-block}.dark .loading-spinner{border-color:#ba0c2f #374151 #374151}.loading-spinner-sm{border-width:2px;width:1rem;height:1rem}.loading-spinner-md{border-width:4px;width:2rem;height:2rem}.loading-spinner-lg{border-width:4px;width:3rem;height:3rem}.loading-container{justify-content:center;align-items:center;min-height:200px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.error-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:2rem;display:flex}.error-state-icon{color:#dc2626;margin-bottom:1rem}.dark .error-state-icon{color:#f87171}.error-state-title{color:#272b3a;margin-bottom:.5rem;font-size:1.125rem;font-weight:600;line-height:1.75rem}.dark .error-state-title{color:#f2f2f3}.error-state-message{color:#4b5563;margin-bottom:1rem;font-size:.875rem;line-height:1.25rem}.dark .error-state-message{color:#9ca3af}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:2rem;display:flex}.empty-state-icon{color:#9ca3af;margin-bottom:1rem}.dark .empty-state-icon{color:#4b5563}.empty-state-title{color:#272b3a;margin-bottom:.5rem;font-size:1.125rem;font-weight:600;line-height:1.75rem}.dark .empty-state-title{color:#f2f2f3}.empty-state-message{color:#4b5563;margin-bottom:1rem;font-size:.875rem;line-height:1.25rem}.dark .empty-state-message{color:#9ca3af}.toast-container{z-index:1600;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:1rem;right:1rem}.toast{pointer-events:auto;border-radius:.5rem;min-width:300px;max-width:28rem;animation:.2s ease-out slideInRight;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.toast-success{background-color:#fff;border-left:4px solid #22c55e}.dark .toast-success{background-color:#272b3a}.toast-error{background-color:#fff;border-left:4px solid #ef4444}.dark .toast-error{background-color:#272b3a}.toast-warning{background-color:#fff;border-left:4px solid #f59e0b}.dark .toast-warning{background-color:#272b3a}.toast-info{background-color:#fff;border-left:4px solid #3b82f6}.dark .toast-info{background-color:#272b3a}.toast-content{align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.toast-icon{flex-shrink:0}.toast-body{flex:1}.toast-title{color:#272b3a;font-weight:600}.dark .toast-title{color:#f2f2f3}.toast-message{color:#4b5563;margin-top:.25rem;font-size:.875rem;line-height:1.25rem}.dark .toast-message{color:#9ca3af}.toast-close{color:#9ca3af;border-radius:.375rem;flex-shrink:0;padding:.25rem}.toast-close:hover{color:#4b5563}.dark .toast-close{color:#6b7280}.dark .toast-close:hover{color:#d1d5db}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.theme-toggle{background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:9999px;justify-content:space-between;align-items:center;width:100%;padding:.125rem;display:flex}.dark .theme-toggle{background-color:#1f2937;border-color:#374151}.theme-toggle-option{border-radius:9999px;justify-content:center;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition-property:color,background-color,border-color;transition-duration:.15s;transition-timing-function:ease;display:flex}.theme-toggle-option:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.theme-toggle-option-active{background-color:var(--color-white);color:var(--color-dark-gray);box-shadow:0 1px 2px #0000000d}.dark .theme-toggle-option-active{background-color:var(--color-dark-gray);color:var(--color-white)}.theme-toggle-option-inactive{color:#4b5563}.theme-toggle-option-inactive:hover{color:#111827}.dark .theme-toggle-option-inactive{color:#9ca3af}.dark .theme-toggle-option-inactive:hover{color:#f3f4f6}.theme-toggle-option-label{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.edge-panel{z-index:15;pointer-events:auto;background:var(--panel-bg);-webkit-backdrop-filter:blur(20px);-webkit-user-select:none;user-select:none;transition:width var(--transition-base) ease 0s,height var(--transition-base) ease var(--transition-base),left var(--transition-base) ease,opacity var(--transition-base) ease,background var(--transition-slow) ease;flex-direction:column;display:flex;position:absolute;top:3rem;overflow:hidden}.edge-panel:not(.edge-panel--collapsed):not(.edge-panel--focused){opacity:.5}.edge-panel--focused{background:var(--panel-bg-solid)}.edge-panel--collapsed{cursor:pointer;transition:width var(--transition-base) ease var(--transition-base),height var(--transition-base) ease 0s,left var(--transition-base) ease,background var(--transition-slow) ease}.edge-panel--collapsed.edge-panel--strip-el{transition:background var(--transition-fast) ease,left var(--transition-base) ease}.edge-panel--collapsed.edge-panel--strip-el:hover{background:var(--strip-hover-bg)}.edge-panel--collapsed.edge-panel--strip-el:hover .edge-panel__strip-icon,.edge-panel--collapsed.edge-panel--strip-el:hover .edge-panel__strip-label{color:var(--text-primary)}.edge-panel--left{border-right:1px solid var(--pane-border);border-bottom:1px solid var(--pane-border);border-radius:0 0 8px}.edge-panel--right{border-left:1px solid var(--pane-border);border-bottom:1px solid var(--pane-border);border-radius:0 0 0 8px;right:0}.edge-panel__content-row{flex-direction:row;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.edge-panel--right .edge-panel__content-row{flex-direction:row-reverse}.edge-panel--detached.edge-panel--left{border-top:1px solid var(--pane-border);border-radius:0 8px 8px 0}.edge-panel--detached.edge-panel--right{border-top:1px solid var(--pane-border);border-radius:8px 0 0 8px}.edge-panel--bottom.edge-panel--left{border-radius:0 8px 8px 0}.edge-panel--bottom.edge-panel--right{border-radius:8px 0 0 8px}.edge-panel--resizing,.edge-panel--resizing *{transition:none!important}.edge-panel__height-toggle{box-sizing:border-box;border:none;border-top:1px solid var(--pane-border-subtle);width:100%;height:18px;color:var(--text-muted);cursor:pointer;z-index:5;transition:color var(--transition-fast) ease,background-color var(--transition-fast) ease;background:0 0;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;padding:0;display:flex}.edge-panel__height-toggle:hover{color:var(--text-primary);background:var(--hover-bg)}.edge-panel__height-toggle--top{border-top:none;border-bottom:1px solid var(--pane-border-subtle);order:-1}.edge-panel__resize-handle-h{z-index:10;cursor:ew-resize;width:6px;position:absolute;top:0;bottom:0}.edge-panel__resize-handle-h--left{left:0}.edge-panel__resize-handle-h--right{right:0}.edge-panel__resize-handle-h:after{content:"";background:var(--text-muted);opacity:.5;width:3px;height:28px;transition:opacity var(--transition-fast) ease;border-radius:2px;position:absolute;top:50%;transform:translateY(-50%)}.edge-panel__resize-handle-h--left:after{left:1px}.edge-panel__resize-handle-h--right:after{right:1px}.edge-panel__resize-handle-h:hover:after{opacity:.88}.edge-panel__strip{flex-direction:column;flex-shrink:0;align-items:center;gap:10px;width:36px;padding-top:16px;display:flex}.edge-panel__strip-icon{color:var(--text-secondary);flex-shrink:0}.edge-panel__strip-details{opacity:1;max-height:300px;transition:opacity var(--transition-base) ease .4s,max-height var(--transition-base) ease .4s;flex-direction:column;align-items:center;gap:10px;display:flex;overflow:hidden}.edge-panel__strip-details--hidden{opacity:0;pointer-events:none;max-height:0;transition:opacity var(--transition-fast) ease 0s,max-height var(--transition-fast) ease 0s}.edge-panel__strip-badge{border-radius:11px;justify-content:center;align-items:center;min-width:22px;height:22px;font-size:12px;font-weight:700;display:flex}.edge-panel__strip-badge--active{background:var(--accent-bg);color:var(--color-accent)}.edge-panel__strip-badge--inactive{background:var(--hover-bg);color:var(--text-tertiary)}.edge-panel__strip-label{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:1.2px;text-transform:uppercase;color:var(--text-secondary);text-align:center;margin:0 auto;padding-bottom:14px;font-size:12px;font-weight:600}.edge-panel--right .edge-panel__strip-label{padding-top:14px;transform:rotate(180deg)}.edge-panel__main{opacity:1;min-width:0;min-height:0;transition:opacity var(--transition-base) ease .4s;flex-direction:column;flex:1;display:flex;overflow:hidden}.edge-panel--collapsed .edge-panel__main{opacity:0;pointer-events:none;transition:opacity var(--transition-fast) ease 0s}.edge-panel__header{border-bottom:1px solid var(--pane-border-subtle);flex-shrink:0;align-items:center;gap:8px;padding:10px 8px;display:flex}.edge-panel__header-title{color:var(--text-primary);white-space:nowrap;font-size:13px;font-weight:600}.edge-panel__header-badge{border-radius:9px;justify-content:center;align-items:center;min-width:20px;height:18px;padding:0 6px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.edge-panel__header-badge--active{background:var(--accent-bg);color:var(--color-accent)}.edge-panel__header-badge--inactive{background:var(--hover-bg);color:var(--text-tertiary)}.edge-panel__header-subtitle{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px;font-weight:500;overflow:hidden}.edge-panel__header-actions{flex-shrink:0;gap:4px;display:flex}.edge-panel__collapse-btn{width:24px;height:24px;color:var(--text-muted);cursor:pointer;transition:color var(--transition-base) ease,background-color var(--transition-base) ease;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.edge-panel__collapse-btn:hover{color:var(--active-text);background:var(--hover-bg)}.edge-panel__body{padding:0}.edge-panel__footer{flex-shrink:0;min-height:0}@media(max-width:767px){.edge-panel{top:3.5rem}}@media(min-width:768px)and (max-width:1024px){.edge-panel--left:not(.edge-panel--collapsed){max-width:240px}}.page-inset{top:3rem;left:var(--sidebar-width,14rem);pointer-events:auto;transition:left var(--transition-base) ease;position:absolute;bottom:0;right:0}.page-inset-scroll{scrollbar-width:thin;scrollbar-color:var(--pane-border-subtle) transparent;width:100%;height:100%;overflow:hidden auto}@media(max-width:767px){.page-inset{top:3.5rem;left:0}}.map-container{border-radius:.75rem;width:100%;height:280px;overflow:hidden}.cesium-viewer-bottom{display:none!important}.whep-player{border-radius:var(--radius-md);background:var(--color-black);border:1px solid var(--pane-border);aspect-ratio:16/9;position:relative;overflow:hidden}.whep-player__video{object-fit:contain;width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.whep-player__video--hidden{visibility:hidden}.whep-player__hold-frame{object-fit:contain;pointer-events:none;width:100%;height:100%;display:none;position:absolute;top:0;right:0;bottom:0;left:0}.whep-player__hold-frame--visible{display:block}.whep-player__stale-overlay{pointer-events:none;z-index:2;background:#00000059;justify-content:center;align-items:center;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.whep-player__spinner{color:#ffffffe6;filter:drop-shadow(0 1px 3px #0009);animation:.85s linear infinite whep-player-spin}.whep-player__lost-overlay{pointer-events:none;z-index:3;justify-content:center;align-items:flex-start;padding-top:8px;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.whep-player__lost-badge{letter-spacing:.08em;text-transform:uppercase;color:#fffffff2;filter:drop-shadow(0 1px 4px #00000080);background:#000000b8;border:1px solid #fff3;border-radius:3px;padding:3px 8px;font-size:10px;font-weight:700}@keyframes whep-player-spin{to{transform:rotate(360deg)}}.whep-player__status{background:var(--overlay-heavy);justify-content:center;align-items:center;padding:12px;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.whep-player__status-text{color:var(--color-primary);text-align:center;font-size:11px;line-height:1.5}.whep-player--paused{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.whep-player__play-btn{color:#ffffffbf;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:background .15s,color .15s,transform .15s;display:flex}.whep-player__play-btn:hover{color:#fff;background:#ffffff38;transform:scale(1.08)}.whep-player__live-badge{letter-spacing:.06em;color:#fff;pointer-events:none;background:#ef4444cc;border-radius:3px;padding:2px 8px;font-size:9px;font-weight:700}.whep-player__offline-badge{letter-spacing:.06em;color:#fff9;pointer-events:none;background:#787878b3;border-radius:3px;padding:2px 8px;font-size:9px;font-weight:700}.stream-metrics{border-top:1px solid var(--pane-border);background:var(--overlay-light);border-radius:0 0 var(--radius-md) var(--radius-md);font-family:SF Mono,Fira Code,Consolas,monospace;font-size:10px}.stream-metrics__toggle{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:5px;padding:3px 6px;line-height:1.4;display:flex}.stream-metrics__toggle:hover{background:var(--metrics-hover-bg)}.stream-metrics__summary{white-space:nowrap;flex:1;align-items:center;min-width:0;display:flex;overflow:hidden}.stream-metrics__summary>span{text-align:left;font-variant-numeric:tabular-nums;min-width:48px}.stream-metrics__sep{color:var(--text-muted)}.stream-metrics__sep:before{content:"·";color:var(--text-muted);opacity:.4;margin:0 5px}.stream-metrics__chevron{color:var(--text-muted);flex-shrink:0}.stream-metrics__detail{grid-template-columns:1fr auto;gap:1px 8px;padding:2px 6px 5px;display:grid}.stream-metrics__row{display:contents}.stream-metrics__label{color:var(--text-muted);white-space:nowrap;padding:1px 0}.stream-metrics__value{color:var(--text-secondary);text-align:right;font-variant-numeric:tabular-nums;min-width:56px;padding:1px 0}.map-deck{z-index:20;pointer-events:auto;flex-direction:row;align-items:flex-end;gap:.5rem;display:flex;position:fixed;bottom:1rem;right:1rem}.map-deck__rail{border:1px solid var(--pane-border);background:var(--panel-bg-solid);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-lg);border-radius:10px;flex-direction:column;align-items:stretch;padding:.375rem 0;display:flex}.map-deck__section{flex-direction:column;align-items:center;gap:.25rem;padding:0 .375rem;display:flex}.map-deck__actions{gap:.125rem}.map-deck__divider{background:var(--pane-border);border:none;flex-shrink:0;height:1px;margin:.3125rem 0}.map-deck__mode-toggle{background:0 0;border-radius:8px;flex-direction:column;width:100%;padding:3px;display:flex;position:relative}.map-deck__mode-toggle:before{content:"";background-color:var(--active-row-bg);height:calc(50% - 4.5px);box-shadow:inset 0 0 0 100px var(--color-primary);border-radius:6px;position:absolute;top:3px;left:3px;right:3px}@supports (color:color-mix(in lab,red,red)){.map-deck__mode-toggle:before{box-shadow:inset 0 0 0 100px color-mix(in srgb,var(--color-primary) 38%,transparent)}}.map-deck__mode-toggle:before{transition:transform var(--transition-base) cubic-bezier(.4,0,.2,1);z-index:0;pointer-events:none}.map-deck__mode-toggle[data-mode="2d"]:before{transform:translateY(calc(100% + 3px))}.map-deck__mode-btn{z-index:1;width:2.5rem;color:var(--text-muted);letter-spacing:.02em;cursor:pointer;transition:color var(--transition-fast) ease;background:0 0;border:none;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:.125rem;padding:.4375rem .25rem;font-size:.625rem;font-weight:700;display:flex;position:relative}.map-deck__mode-btn[data-active]{color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.map-deck__mode-btn[data-active]{color:color-mix(in srgb,var(--color-primary) 45%,var(--active-mix))}}.map-deck__icon-btn{width:2.5rem;height:2.5rem;color:var(--text-tertiary);cursor:pointer;transition:background-color var(--transition-fast) ease,color var(--transition-fast) ease,box-shadow var(--transition-fast) ease;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.map-deck__icon-btn:hover{background:var(--hover-bg);color:var(--text-secondary)}.map-deck__icon-btn[data-open]{background-color:var(--active-row-bg);box-shadow:inset 0 0 0 100px var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.map-deck__icon-btn[data-open]{box-shadow:inset 0 0 0 100px color-mix(in srgb,var(--color-primary) 38%,transparent)}}.map-deck__icon-btn[data-open]{color:var(--color-primary)}.map-deck__floats{pointer-events:none;animation:map-deck-floats-in var(--transition-base) ease forwards;flex-direction:row;align-items:flex-end;gap:.5rem;display:flex}.map-deck__floats[data-closing]{animation:map-deck-floats-out var(--transition-base) ease forwards;pointer-events:none}.map-deck__floats>*{pointer-events:auto}.map-deck__floats[data-closing]>*{pointer-events:none}@keyframes map-deck-floats-in{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@keyframes map-deck-floats-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(8px)}}.map-deck__pitch-stack,.map-deck__zoom-stack,.map-deck__confirm-stack{flex-direction:column;gap:.375rem;display:flex}.map-deck__float-btn{border:1px solid var(--pane-border);background:var(--panel-bg-solid);-webkit-backdrop-filter:blur(20px);min-width:2.5rem;height:2.5rem;box-shadow:var(--shadow-md);color:var(--text-secondary);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast) ease,color var(--transition-fast) ease,border-color var(--transition-fast) ease,box-shadow var(--transition-fast) ease;border-radius:10px;justify-content:center;align-items:center;gap:.25rem;padding:0 .625rem;display:inline-flex}.map-deck__float-btn:hover:not(:disabled){color:var(--text-primary);box-shadow:var(--shadow-lg)}.map-deck__float-btn:active:not(:disabled){background-color:var(--active-row-bg);box-shadow:inset 0 0 0 100px var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.map-deck__float-btn:active:not(:disabled){box-shadow:inset 0 0 0 100px color-mix(in srgb,var(--color-primary) 38%,transparent)}}.map-deck__float-btn:active:not(:disabled){border-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.map-deck__float-btn:active:not(:disabled){border-color:color-mix(in srgb,var(--color-primary) 45%,var(--pane-border))}}.map-deck__float-btn:active:not(:disabled){color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.map-deck__float-btn:active:not(:disabled){color:color-mix(in srgb,var(--color-primary) 45%,var(--active-mix))}}.map-deck__float-btn:disabled{opacity:.4;cursor:not-allowed}.map-deck__float-btn--confirm:not(:disabled){color:var(--color-success,#22c55e)}@supports (color:color-mix(in lab,red,red)){.map-deck__float-btn--confirm:not(:disabled){color:color-mix(in srgb,var(--color-success,#22c55e) 70%,var(--text-secondary))}}.map-deck__float-btn--confirm:not(:disabled):hover{color:var(--color-success,#22c55e)}.map-deck__float-btn--cancel:hover:not(:disabled){color:var(--color-danger,#ef4444)}@supports (color:color-mix(in lab,red,red)){.map-deck__float-btn--cancel:hover:not(:disabled){color:color-mix(in srgb,var(--color-danger,#ef4444) 70%,var(--text-secondary))}}.map-deck__float-btn span{letter-spacing:.01em;font-size:.6875rem;font-weight:600}.map-deck__placement-panel{border:1px solid var(--pane-border);background:var(--panel-bg-solid);-webkit-backdrop-filter:blur(20px);max-width:15rem;box-shadow:var(--shadow-md);border-radius:10px;padding:.625rem .75rem}.map-deck__placement-title{color:var(--text-primary);margin:0 0 .25rem;font-size:.8125rem;font-weight:600}.map-deck__placement-step{letter-spacing:.02em;text-transform:uppercase;color:var(--color-primary);margin:0 0 .375rem;font-size:.6875rem;font-weight:600}@supports (color:color-mix(in lab,red,red)){.map-deck__placement-step{color:color-mix(in srgb,var(--color-primary) 55%,var(--text-tertiary))}}.map-deck__placement-hint{color:var(--text-secondary);margin:0;font-size:.6875rem;line-height:1.45}.map-deck__placement-coords{font-variant-numeric:tabular-nums;color:var(--text-primary);margin:.5rem 0 0;font-size:.6875rem;font-weight:500}.map-deck__placement-coords--muted{color:var(--text-tertiary);font-weight:400}.map-deck__saved-toast{border:1px solid var(--color-success,#22c55e);max-width:min(18rem,100vw - 2rem);margin:0;padding:.5rem .75rem;position:absolute;bottom:calc(100% + .5rem);right:0}@supports (color:color-mix(in lab,red,red)){.map-deck__saved-toast{border:1px solid color-mix(in srgb,var(--color-success,#22c55e) 35%,var(--pane-border))}}.map-deck__saved-toast{background:var(--panel-bg-solid);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-md);color:var(--text-secondary);pointer-events:none;animation:map-deck-toast-in var(--transition-base) ease forwards;border-radius:10px;font-size:.75rem;line-height:1.45}@keyframes map-deck-toast-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.map-center-placing{cursor:crosshair!important}.map-deck__panel{border:1px solid var(--pane-border);background:var(--panel-bg-solid);-webkit-backdrop-filter:blur(20px);width:min(280px,100vw - 5rem);box-shadow:var(--shadow-lg);animation:map-deck-panel-in var(--transition-base) ease forwards;border-radius:10px;margin-bottom:.125rem;overflow:hidden}.map-deck__panel[data-closing]{animation:map-deck-panel-out var(--transition-base) ease forwards;pointer-events:none}@keyframes map-deck-panel-in{0%{opacity:0;transform:translate(6px)}to{opacity:1;transform:translate(0)}}@keyframes map-deck-panel-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(6px)}}.map-deck__fields{flex-direction:column;gap:.625rem;padding:.625rem;display:flex}.map-deck__hint{color:var(--text-tertiary);margin:0;font-size:.6875rem;line-height:1.45}.map-deck__field{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.map-deck__field--stacked{flex-direction:column;align-items:stretch;gap:.5rem}.map-deck__field-label{color:var(--text-primary);align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500;display:inline-flex}.map-deck__field-label svg{color:var(--text-tertiary)}.map-deck__tags{flex-wrap:wrap;gap:.375rem;display:flex}.map-deck__tag{border:1px solid var(--pane-border);color:var(--text-secondary);cursor:pointer;transition:background-color var(--transition-fast) ease,border-color var(--transition-fast) ease,color var(--transition-fast) ease,box-shadow var(--transition-fast) ease;background:0 0;border-radius:6px;align-items:center;gap:.25rem;padding:.3125rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.map-deck__tag:hover{color:var(--text-primary)}.map-deck__tag[data-active]{background-color:var(--active-row-bg);box-shadow:inset 0 0 0 100px var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.map-deck__tag[data-active]{box-shadow:inset 0 0 0 100px color-mix(in srgb,var(--color-primary) 38%,transparent)}}.map-deck__tag[data-active]{border-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.map-deck__tag[data-active]{border-color:color-mix(in srgb,var(--color-primary) 45%,var(--pane-border))}}.map-deck__tag[data-active]{color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.map-deck__tag[data-active]{color:color-mix(in srgb,var(--color-primary) 45%,var(--active-mix))}}@media(max-width:767px){.map-deck{bottom:4.5rem;right:1rem}}.map-device-hud{z-index:calc(var(--z-map-hud) + 1);pointer-events:none;transition:height var(--transition-base) ease,left var(--transition-base) ease,top var(--transition-base) ease;position:fixed;overflow:visible}.map-device-hud[data-concealed]{visibility:hidden;pointer-events:none}.map-device-hud[data-closing] .floating-pane__shell{pointer-events:none;animation:.22s forwards map-device-hud-shell-out}.map-device-hud:not([data-concealed]):not([data-closing]) .floating-pane__shell{animation:map-device-hud-shell-in var(--popover-fade-ms) ease forwards}@keyframes map-device-hud-shell-in{0%{transform:translateY(6px)scale(.98)}to{transform:translateY(0)scale(1)}}@keyframes map-device-hud-shell-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(4px)scale(.98)}}.map-device-hud[data-dragging] .floating-pane__shell{cursor:grabbing;-webkit-user-select:none;user-select:none}.map-device-hud__shell{overflow:hidden}.map-device-hud[data-collapsed] .floating-pane__header{border-bottom-color:#0000;flex-shrink:0}.map-device-hud__expand-toggle{box-sizing:border-box;border:none;border-top:1px solid var(--pane-border-subtle);border-radius:0 0 calc(var(--radius-xl) - 1px) calc(var(--radius-xl) - 1px);background:var(--text-primary);flex-shrink:0;justify-content:center;align-items:center;width:100%;height:16px;min-height:16px;margin:0;padding:0;display:flex}@supports (color:color-mix(in lab,red,red)){.map-device-hud__expand-toggle{background:color-mix(in srgb,var(--text-primary) 3%,transparent)}}.map-device-hud__expand-toggle{color:var(--text-muted);cursor:pointer;pointer-events:auto;transition:background-color var(--transition-fast) ease,color var(--transition-fast) ease;line-height:0}.map-device-hud__expand-chevron{transition:transform var(--transition-base) ease;flex-shrink:0}.map-device-hud__expand-toggle[aria-expanded=true] .map-device-hud__expand-chevron{transform:rotate(180deg)}.map-device-hud__expand-toggle:hover{background:var(--text-primary)}@supports (color:color-mix(in lab,red,red)){.map-device-hud__expand-toggle:hover{background:color-mix(in srgb,var(--text-primary) 5%,transparent)}}.map-device-hud__expand-toggle:hover{color:var(--color-accent)}.map-device-hud[data-collapsed] .map-device-hud__expand-toggle{border-top-color:var(--pane-border-subtle)}.map-device-hud[data-collapsed] .map-device-hud__expandable{display:none}.map-device-hud__header-main{flex:1;align-items:center;gap:.625rem;min-width:0;display:flex}.map-device-hud__class-icon{color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.map-device-hud__class-icon[data-online]{color:var(--color-accent)}.device-control-wrap{pointer-events:auto;flex-shrink:0}.map-device-hud__battery{font-variant-numeric:tabular-nums;flex-shrink:0;align-items:center;gap:.3125rem;font-size:.8125rem;font-weight:700;line-height:1;display:flex}.map-device-hud__identity{flex-wrap:wrap;align-items:baseline;gap:.375rem;min-width:0;display:flex}.map-device-hud__callsign{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.875rem;font-weight:600;overflow:hidden}.map-device-hud__meta{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:.6875rem;font-weight:500}.map-device-hud__expandable{min-height:0;transition:grid-template-rows var(--transition-base) ease;flex:1;grid-template-rows:0fr;display:grid;overflow:hidden}.map-device-hud:not([data-collapsed]) .map-device-hud__expandable{grid-template-rows:1fr}.map-device-hud__expandable-inner{flex-direction:column;min-height:0;display:flex;overflow:hidden}.map-device-hud__empty{color:var(--text-muted);text-align:center;padding:var(--spacing-4) 0;margin:0;font-size:.8125rem;line-height:1.45}.map-device-hud__overview{flex-direction:column;margin:0;display:flex}.map-device-hud__overview .device-info-row{padding:.5rem 0}@media(prefers-reduced-motion:reduce){.map-device-hud .floating-pane__shell{animation-duration:.01ms!important}.map-device-hud__expandable{transition-duration:.01ms}}.device-row-wrapper{position:relative}.device-row{border-bottom:1px solid var(--pane-border-subtle);transition:background-color var(--transition-base) ease;flex-direction:column;align-items:stretch;display:flex;position:relative}.device-row:hover{background:var(--text-primary)}@supports (color:color-mix(in lab,red,red)){.device-row:hover{background:color-mix(in srgb,var(--text-primary) 4%,transparent)}}.device-row[data-tracked]{background:var(--color-warning-accent)}@supports (color:color-mix(in lab,red,red)){.device-row[data-tracked]{background:color-mix(in srgb,var(--color-warning-accent) 11%,transparent)}}.device-row[data-tracked]:hover{background:var(--color-warning-accent)}@supports (color:color-mix(in lab,red,red)){.device-row[data-tracked]:hover{background:color-mix(in srgb,var(--color-warning-accent) 15%,transparent)}}.device-row[data-commanded]{background:var(--color-commanded)}@supports (color:color-mix(in lab,red,red)){.device-row[data-commanded]{background:color-mix(in srgb,var(--color-commanded) 8%,transparent)}}.device-row[data-commanded]:hover{background:var(--color-commanded)}@supports (color:color-mix(in lab,red,red)){.device-row[data-commanded]:hover{background:color-mix(in srgb,var(--color-commanded) 12%,transparent)}}.device-row[data-commanded][data-tracked]{background:var(--color-warning-accent)}@supports (color:color-mix(in lab,red,red)){.device-row[data-commanded][data-tracked]{background:color-mix(in srgb,var(--color-warning-accent) 13%,transparent)}}.device-row[data-commanded][data-tracked]:hover{background:var(--color-warning-accent)}@supports (color:color-mix(in lab,red,red)){.device-row[data-commanded][data-tracked]:hover{background:color-mix(in srgb,var(--color-warning-accent) 17%,transparent)}}.device-row__inner{flex:1;align-items:stretch;min-width:0;min-height:0;display:flex}.device-row__class-lane{width:42px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;display:flex}.device-row__class-lane[data-online]{color:var(--color-accent)}.device-class-icon{background-color:currentColor;flex-shrink:0;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.device-group{border-bottom:1px solid var(--pane-border-subtle);flex-direction:column;display:flex;position:relative}.device-group[data-collapsed]{border-bottom-color:#0000}.device-group .device-row[data-gateway]{border-bottom-color:var(--pane-border-subtle)}.device-group[data-collapsed] .device-row[data-gateway]{border-bottom-color:#0000}.device-group__children{transition:grid-template-rows var(--transition-base) cubic-bezier(.4,0,.2,1);grid-template-rows:0fr;display:grid}.device-group__children--open{transition:grid-template-rows var(--transition-slow) cubic-bezier(.4,0,.2,1);grid-template-rows:1fr}.device-group__children-inner{min-height:0;overflow:hidden}.device-group__children-inner .device-row-wrapper{opacity:0;transition:opacity var(--transition-base) ease,transform var(--transition-base) ease;transform:translateY(-4px)}.device-group__children--open .device-group__children-inner .device-row-wrapper{opacity:1;transition-delay:30ms;transform:translateY(0)}.device-row__expand-strip{width:100%;height:var(--device-expand-lip-height,10px);border:none;border-top:1px solid var(--pane-border-subtle);background:var(--text-primary);flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;display:flex}@supports (color:color-mix(in lab,red,red)){.device-row__expand-strip{background:color-mix(in srgb,var(--text-primary) 2%,transparent)}}.device-row__expand-strip{color:var(--text-muted);cursor:pointer;transition:background var(--transition-fast) ease,color var(--transition-fast) ease;line-height:0}.device-row__expand-strip:hover{background:var(--text-primary)}@supports (color:color-mix(in lab,red,red)){.device-row__expand-strip:hover{background:color-mix(in srgb,var(--text-primary) 5%,transparent)}}.device-row__expand-strip:hover{color:var(--color-accent)}.device-row__expand-strip-icon{transition:transform var(--transition-base) ease}.device-row__expand-strip[aria-expanded=true] .device-row__expand-strip-icon{transform:rotate(180deg)}.device-row[data-expandable][data-gateway],.device-group:not([data-collapsed]) .device-row[data-gateway][data-expandable]{border-bottom-color:#0000}.device-row-wrapper[data-child]{padding-left:22px;position:relative}.device-row-wrapper[data-child]:before{content:"";background:var(--color-accent);width:1px;position:absolute;top:0;bottom:0;left:12px}@supports (color:color-mix(in lab,red,red)){.device-row-wrapper[data-child]:before{background:color-mix(in srgb,var(--color-accent) 35%,transparent)}}.device-row-wrapper[data-child]:after{content:"";background:var(--color-accent);width:12px;height:1px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}@supports (color:color-mix(in lab,red,red)){.device-row-wrapper[data-child]:after{background:color-mix(in srgb,var(--color-accent) 35%,transparent)}}.device-row-wrapper[data-last-child]:before{height:50%;bottom:auto}.device-row[data-child]{border-left:none;border-bottom-color:var(--pane-border-subtle)}@supports (color:color-mix(in lab,red,red)){.device-row[data-child]{border-bottom-color:color-mix(in srgb,var(--pane-border-subtle) 80%,transparent)}}.device-row[data-child] .device-row__main{padding-left:4px}.device-row__content{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.device-row__top{flex:1;align-items:stretch;min-width:0;display:flex}.device-row__main{cursor:pointer;text-align:left;min-width:0;color:var(--text-primary);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;gap:2px;padding:4px 2px 4px 6px;display:flex}.device-row[data-has-battery] .device-row__main{padding-bottom:2px}.device-row__primary{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;font-size:13px;font-weight:600;line-height:1.2;overflow:hidden}.device-row__tags{flex-flow:row;align-items:center;gap:4px;min-width:0;display:flex;overflow:hidden}.device-row__battery{flex-direction:column;flex-shrink:0;align-items:stretch;gap:2px;width:100%;padding:0 0 3px;display:flex}.device-row__battery-label{font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--text-primary);text-align:center;padding:0 8px;font-size:11px;font-weight:700;line-height:1}.device-row__battery-bar{background:var(--text-primary);flex-shrink:0;width:100%;height:6px;position:relative}@supports (color:color-mix(in lab,red,red)){.device-row__battery-bar{background:color-mix(in srgb,var(--text-primary) 5%,transparent)}}.device-row__battery-bar{border-radius:0;overflow:hidden}.device-row__battery-fill{border-radius:inherit;background:var(--color-success-dark,#2dd4bf);transition:width var(--transition-base) ease;position:absolute;top:0;bottom:0;left:0}.device-row__battery-bar[data-level=mid] .device-row__battery-fill{background:var(--color-warning-accent,#fbbf24)}.device-row__battery-bar[data-level=low] .device-row__battery-fill{background:var(--color-error)}.device-row__actions{flex-direction:column;flex-shrink:0;justify-content:space-between;align-self:stretch;align-items:flex-end;gap:2px;padding:3px 4px 3px 2px;display:flex}.device-row__actions .device-control-wrap--list{align-self:flex-end}.device-row__icon-btn{max-width:30px;color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:max-width var(--transition-base) ease,gap var(--transition-base) ease;background:0 0;border:none;flex-direction:row-reverse;align-items:center;gap:0;padding:0;display:inline-flex;overflow:hidden}.device-row__icon-btn:hover:not(:disabled),.device-row__icon-btn--blocked:hover,.device-row__icon-btn[data-active]:hover{gap:5px;max-width:8.5rem}.device-row__icon-btn:disabled{opacity:.55;cursor:not-allowed}.device-row__icon-btn__box{border:1px solid var(--pane-border);background:var(--text-primary);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:relative}@supports (color:color-mix(in lab,red,red)){.device-row__icon-btn__box{background:color-mix(in srgb,var(--text-primary) 3%,var(--panel-bg-solid))}}.device-row__icon-btn__box{color:var(--text-muted);transition:border-color var(--transition-fast) ease,background var(--transition-fast) ease,color var(--transition-fast) ease}.device-row__icon-btn:hover:not(:disabled) .device-row__icon-btn__box,.device-row__icon-btn--blocked:hover .device-row__icon-btn__box,.device-row__icon-btn[data-active] .device-row__icon-btn__box{border-color:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.device-row__icon-btn:hover:not(:disabled) .device-row__icon-btn__box,.device-row__icon-btn--blocked:hover .device-row__icon-btn__box,.device-row__icon-btn[data-active] .device-row__icon-btn__box{border-color:color-mix(in srgb,var(--color-accent) 40%,var(--pane-border))}}.device-row__icon-btn:hover:not(:disabled) .device-row__icon-btn__box,.device-row__icon-btn--blocked:hover .device-row__icon-btn__box,.device-row__icon-btn[data-active] .device-row__icon-btn__box{background:var(--hover-bg);color:var(--color-accent)}.device-row__icon-btn__label{letter-spacing:.02em;color:var(--text-primary);opacity:0;max-width:0;transition:opacity var(--transition-fast) ease,max-width var(--transition-base) ease;font-size:12px;font-weight:600;line-height:1;overflow:hidden}.device-row__icon-btn:hover:not(:disabled) .device-row__icon-btn__label,.device-row__icon-btn--blocked:hover .device-row__icon-btn__label,.device-row__icon-btn[data-active]:hover .device-row__icon-btn__label{opacity:1;max-width:6.5rem;color:var(--text-primary)}.device-row__icon-btn--command:hover:not(:disabled) .device-row__icon-btn__box{border-color:var(--color-commanded)}@supports (color:color-mix(in lab,red,red)){.device-row__icon-btn--command:hover:not(:disabled) .device-row__icon-btn__box{border-color:color-mix(in srgb,var(--color-commanded) 40%,var(--pane-border))}}.device-row__icon-btn--command:hover:not(:disabled) .device-row__icon-btn__box{background:var(--hover-bg);color:var(--color-commanded)}.device-row__icon-btn--command[data-active] .device-row__icon-btn__box{border-color:var(--color-commanded)}@supports (color:color-mix(in lab,red,red)){.device-row__icon-btn--command[data-active] .device-row__icon-btn__box{border-color:color-mix(in srgb,var(--color-commanded) 45%,var(--pane-border))}}.device-row__icon-btn--command[data-active] .device-row__icon-btn__box{background:var(--color-commanded)}@supports (color:color-mix(in lab,red,red)){.device-row__icon-btn--command[data-active] .device-row__icon-btn__box{background:color-mix(in srgb,var(--color-commanded) 12%,var(--panel-bg-solid))}}.device-row__icon-btn--command[data-active] .device-row__icon-btn__box{color:var(--color-commanded)}@supports (color:color-mix(in lab,red,red)){.device-row__icon-btn--command[data-active] .device-row__icon-btn__box{color:color-mix(in srgb,var(--color-commanded) 70%,var(--text-primary))}}.device-row__icon-btn--command .device-row__icon-btn__dot{background:var(--color-commanded);border-radius:50%;width:5px;height:5px;animation:1.4s ease-in-out infinite command-pulse;position:absolute;top:4px;right:4px}.device-row__icon-btn--blocked{cursor:default}.device-row__icon-btn--blocked .device-row__icon-btn__label{font-weight:500}.device-row__icon-btn--pending .device-row__icon-btn__label{color:var(--text-primary)}.device-row__icon-btn--pending{color:var(--color-warning-accent)}.device-row__command-group{align-items:flex-start;gap:2px;display:inline-flex}.device-row__status-flag{text-transform:uppercase;letter-spacing:.6px;border:1px solid var(--pane-border);color:var(--text-muted);white-space:nowrap;background:0 0;border-radius:3px;flex-shrink:0;padding:2px 6px;font-size:9px;font-weight:700;line-height:1}.device-row__status-flag[data-online]{color:var(--color-accent);border-color:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.device-row__status-flag[data-online]{border-color:color-mix(in srgb,var(--color-accent) 55%,transparent)}}.device-row__status-flag[data-online]{background:var(--accent-bg)}.device-row__delete{cursor:pointer;width:24px;height:24px;color:var(--text-muted);transition:color var(--transition-fast) ease;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.device-row__delete:hover{color:var(--color-error)}.device-empty{color:var(--text-muted);text-align:center;padding:16px 12px;font-size:12px}.device-list-panel__footer{border-top:1px solid var(--pane-border-subtle);background:var(--text-primary);flex-direction:column;display:flex}@supports (color:color-mix(in lab,red,red)){.device-list-panel__footer{background:color-mix(in srgb,var(--text-primary) 2%,var(--panel-bg-solid))}}.device-list-offline-drawer{flex-direction:column;display:flex}.device-list-offline-drawer+.device-register-section{border-top:1px solid var(--pane-border-subtle)}.device-list-offline-drawer__scroll{transition:grid-template-rows var(--transition-slow) cubic-bezier(.4,0,.2,1);grid-template-rows:0fr;display:grid;overflow:hidden}.device-list-offline-drawer[data-open] .device-list-offline-drawer__scroll{max-height:var(--device-offline-drawer-max,45vh);overscroll-behavior:contain;grid-template-rows:1fr;overflow:hidden auto}.device-list-offline-drawer__inner{opacity:.78;flex-direction:column;min-height:0;display:flex;overflow:hidden}.device-list-offline-drawer__toggle{width:100%;color:var(--text-secondary);letter-spacing:.6px;text-transform:uppercase;cursor:pointer;transition:color var(--transition-fast) ease,background var(--transition-fast) ease;background:0 0;border:none;align-items:center;gap:6px;padding:6px 10px;font-size:10px;font-weight:600;display:flex}.device-list-offline-drawer__toggle:hover{color:var(--text-primary);background:var(--hover-bg)}.device-list-offline-drawer__chevron{transition:transform var(--transition-base) ease;flex-shrink:0}.device-list-offline-drawer__toggle--open .device-list-offline-drawer__chevron{transform:rotate(180deg)}.device-list-offline-drawer__label{text-align:left;flex:1}.device-list-offline-drawer__count{background:var(--overlay-subtle);color:var(--text-primary);border-radius:8px;padding:1px 6px;font-size:10px;font-weight:600}.status-dot{background:var(--color-neutral-muted);border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.status-dot[data-online]{background:var(--color-accent);box-shadow:0 0 6px var(--accent-glow)}.ui-tag{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;padding:1px 5px;font-size:9px;font-weight:600}.device-info-popover.popover-panel{height:560px;max-height:min(90vh,560px)}.device-info-popover .popover-panel__body{flex-direction:column;flex:1;gap:0;min-height:0;padding:0;display:flex;overflow:hidden}.device-info-popover__tab-body[hidden]{display:none}.device-info-popover__tab-body--animate{animation:device-popover-tab-in var(--transition-base) ease}@keyframes device-popover-tab-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.device-command-view,.device-info-popover__tab-body--animate{transition:none!important;animation:none!important}}.device-info-surface{background:var(--overlay-subtle);border:1px solid var(--pane-border-subtle);border-radius:6px}.device-info-popover__panel{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.device-info-popover__tab-body{flex-direction:column;flex:1;gap:.625rem;min-height:0;padding:.625rem;display:flex}.device-info-section{background:var(--overlay-subtle);border:1px solid var(--pane-border-subtle);border-radius:6px;flex-direction:column;gap:.625rem;padding:.625rem .75rem;display:flex}.device-info-section--danger{border-color:var(--color-error)}@supports (color:color-mix(in lab,red,red)){.device-info-section--danger{border-color:color-mix(in srgb,var(--color-error) 25%,transparent)}}.device-info-section__title{color:var(--text-primary);letter-spacing:.01em;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:700;display:flex}.device-info-section__icon{color:var(--text-muted);justify-content:center;align-items:center;display:flex}.device-info-section__body{flex-direction:column;gap:2px;display:flex}.device-info-section__hint{color:var(--text-muted);margin:0;font-size:13px;line-height:1.45}.device-info-row{border-bottom:1px solid var(--pane-border-subtle);justify-content:space-between;align-items:flex-start;gap:12px;padding:8px 0;display:flex}.device-info-row:last-child{border-bottom:none;padding-bottom:0}.device-info-row__label{color:var(--text-muted);flex-shrink:0;align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.device-info-row__icon{color:var(--text-tertiary,var(--text-muted));align-items:center;display:flex}.device-info-row__value{color:var(--text-primary);text-align:right;word-break:break-word;min-width:0;font-size:14px}.device-info-popover__group{flex-direction:column;align-items:stretch;gap:10px;display:flex}.device-info-popover__grid{grid-template-columns:1fr 1fr;gap:10px 12px;width:100%;display:grid}.device-info-popover__grid--compact{grid-template-columns:1fr}.device-info-popover__cell{text-align:left;flex-direction:column;align-items:flex-start;gap:4px;display:flex}.device-info-popover__cell--wide{grid-column:1/-1}.device-info-popover__label--block{text-align:left;width:100%;display:block}.device-info-popover__value--center{text-align:left}.device-info-popover__id--center{text-align:left;width:100%}.device-info-popover__delete-btn{align-items:center;gap:8px;width:fit-content;display:inline-flex}.device-info-popover__danger{border-top:1px solid var(--pane-border-subtle);width:100%;margin-top:auto;padding-top:8px}.device-info-popover__danger-actions{justify-content:flex-start;gap:8px;width:100%;display:flex}.device-command-tab__flag{text-align:left;border-radius:var(--radius-sm);width:100%;margin:0;padding:10px 12px;font-size:13px}.device-command-tab__flag[data-warn]{color:var(--text-primary);background:#fbbf241f}.device-command-tab__flag[data-pending]{background:var(--color-primary-light);color:var(--text-primary)}.device-command-tab__card-meta{color:var(--text-muted);text-transform:capitalize;font-size:12px}.device-info-popover__field{flex-direction:column;gap:3px;padding:5px 0;display:flex}.device-info-popover__label{color:var(--text-muted);font-size:12px;font-weight:600}.device-info-popover__value{color:var(--text-primary);word-break:break-word;font-size:14px}.device-info-popover__id-row{justify-content:flex-end;align-items:center;gap:8px;width:100%;display:flex}.device-info-popover__id{color:var(--text-secondary);background:var(--overlay-subtle);border:1px solid var(--pane-border-subtle);border-radius:var(--radius-sm);text-overflow:ellipsis;white-space:nowrap;flex:1;max-width:220px;padding:5px 8px;font-family:monospace;font-size:12px;overflow:hidden}.device-info-popover__copy{border:1px solid var(--pane-border-subtle);border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast) ease,border-color var(--transition-fast) ease;background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.device-info-popover__copy:hover{color:var(--color-primary);border-color:var(--color-primary)}.device-info-popover__callsign-row{align-items:center;gap:8px;display:flex}.device-info-popover__input{border-radius:var(--radius-sm);border:1px solid var(--pane-border-subtle);background:var(--overlay-subtle);color:var(--text-primary);transition:border-color var(--transition-fast) ease;flex:1;padding:8px 10px;font-size:14px}.device-info-popover__input::placeholder{color:var(--text-muted)}.device-info-popover__input:focus{border-color:var(--color-primary);outline:none}.device-info-popover__save{border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-white);cursor:pointer;transition:background-color var(--transition-fast) ease,opacity var(--transition-fast) ease;border:none;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.device-info-popover__save:hover:not(:disabled){background:var(--color-primary-hover)}.device-info-popover__save:disabled{opacity:.45;cursor:not-allowed}.device-info-popover__error{color:var(--color-error);font-size:13px}.device-info-popover__meta{flex-direction:column;gap:2px;display:flex}.device-info-popover__meta .device-info-popover__field{flex-direction:row;justify-content:space-between;align-items:baseline;gap:8px;padding:3px 0}.device-info-popover__meta .device-info-popover__label{flex-shrink:0}.device-info-popover__meta .device-info-popover__value{color:var(--text-secondary);font-size:11px}.device-info-popover__danger{flex-direction:column;gap:8px;display:flex}.device-info-popover__danger-title{color:var(--text-primary);margin:0;font-size:11px;font-weight:600}.device-info-popover__danger-copy{color:var(--text-muted);margin:0;font-size:11px;line-height:1.45}.device-info-popover__danger-actions{justify-content:flex-end;gap:8px;display:flex}.device-command-tab{flex-direction:column;gap:12px;width:100%;display:flex}.device-command-views{width:100%;min-height:200px;position:relative}.device-command-view{opacity:0;pointer-events:none;width:100%;transition:opacity var(--transition-base) ease,transform var(--transition-base) ease;flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(12px)}.device-command-view[data-active]{opacity:1;pointer-events:auto;position:relative;transform:translate(0)}.device-command-views[data-view=setup] .device-command-view[data-active]{animation:device-command-slide-in var(--transition-base) ease}@keyframes device-command-slide-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.device-command-cta{border-radius:var(--radius-sm);background:var(--color-primary);width:100%;color:var(--color-white);cursor:pointer;transition:background-color var(--transition-fast) ease,opacity var(--transition-fast) ease;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;display:inline-flex}.device-command-cta:hover:not(:disabled){background:var(--color-primary-hover)}.device-command-cta:disabled{opacity:.45;cursor:not-allowed}.device-command-cta--ghost{border:1px solid var(--pane-border-subtle);color:var(--text-primary);background:0 0}.device-command-cta--ghost:hover:not(:disabled){background:var(--hover-bg);border-color:var(--pane-border)}.device-command-status-banner{border-radius:var(--radius-md);border:1px solid var(--pane-border-subtle);background:var(--overlay-subtle);text-align:center;flex-direction:column;align-items:center;gap:10px;width:100%;padding:16px;display:flex}.device-command-status-banner[data-tone=neutral]{border-color:var(--color-neutral-muted)}@supports (color:color-mix(in lab,red,red)){.device-command-status-banner[data-tone=neutral]{border-color:color-mix(in srgb,var(--color-neutral-muted) 40%,transparent)}}.device-command-status-banner[data-tone=neutral]{background:var(--color-neutral-muted)}@supports (color:color-mix(in lab,red,red)){.device-command-status-banner[data-tone=neutral]{background:color-mix(in srgb,var(--color-neutral-muted) 10%,transparent)}}.device-command-status-banner[data-tone=pending]{border-color:var(--color-warning-accent)}@supports (color:color-mix(in lab,red,red)){.device-command-status-banner[data-tone=pending]{border-color:color-mix(in srgb,var(--color-warning-accent) 45%,transparent)}}.device-command-status-banner[data-tone=pending]{background:var(--color-warning-accent)}@supports (color:color-mix(in lab,red,red)){.device-command-status-banner[data-tone=pending]{background:color-mix(in srgb,var(--color-warning-accent) 12%,transparent)}}.device-command-status-banner[data-tone=info]{border-color:var(--color-info)}@supports (color:color-mix(in lab,red,red)){.device-command-status-banner[data-tone=info]{border-color:color-mix(in srgb,var(--color-info) 40%,transparent)}}.device-command-status-banner[data-tone=info]{background:var(--color-info)}@supports (color:color-mix(in lab,red,red)){.device-command-status-banner[data-tone=info]{background:color-mix(in srgb,var(--color-info) 12%,transparent)}}.device-command-status-banner[data-tone=success]{border-color:var(--color-success)}@supports (color:color-mix(in lab,red,red)){.device-command-status-banner[data-tone=success]{border-color:color-mix(in srgb,var(--color-success) 40%,transparent)}}.device-command-status-banner[data-tone=success]{background:var(--color-success)}@supports (color:color-mix(in lab,red,red)){.device-command-status-banner[data-tone=success]{background:color-mix(in srgb,var(--color-success) 12%,transparent)}}.device-command-status-banner[data-tone=commanding]{border-color:var(--color-commanded)}@supports (color:color-mix(in lab,red,red)){.device-command-status-banner[data-tone=commanding]{border-color:color-mix(in srgb,var(--color-commanded) 45%,transparent)}}.device-command-status-banner[data-tone=commanding]{background:var(--color-commanded)}@supports (color:color-mix(in lab,red,red)){.device-command-status-banner[data-tone=commanding]{background:color-mix(in srgb,var(--color-commanded) 12%,transparent)}}.device-command-status-banner[data-tone=error]{border-color:var(--color-error)}@supports (color:color-mix(in lab,red,red)){.device-command-status-banner[data-tone=error]{border-color:color-mix(in srgb,var(--color-error) 40%,transparent)}}.device-command-status-banner[data-tone=error]{background:var(--color-error)}@supports (color:color-mix(in lab,red,red)){.device-command-status-banner[data-tone=error]{background:color-mix(in srgb,var(--color-error) 12%,transparent)}}.device-command-status-banner__icon{color:var(--text-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.device-command-status-banner__body{flex-direction:column;align-items:center;gap:8px;width:100%;min-width:0;display:flex}.device-command-status-banner__header{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.device-command-status-banner__header strong{color:var(--text-primary);font-size:14px}.device-command-status-banner__desc{color:var(--text-muted);margin:0;font-size:13px;line-height:1.45}.device-command-status-banner[data-rich] .device-command-status-banner__meta,.device-command-status-banner[data-layout=centered][data-rich] .device-command-status-banner__meta{flex-direction:column;align-items:center;gap:8px;width:100%;margin-top:2px;display:flex}.device-command-setup-header{justify-content:center;align-items:center;width:100%;min-height:2rem;display:flex;position:relative}.device-command-setup-header__title{color:var(--text-primary);text-align:center;margin:0;font-size:14px;font-weight:700}.device-command-back-btn{border:1px solid var(--pane-border-subtle);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast) ease,border-color var(--transition-fast) ease;background:0 0;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}.device-command-back-btn:hover{color:var(--text-primary);border-color:var(--pane-border)}.device-command-status-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.03em;align-items:center;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.device-command-status-badge[data-tone=neutral]{background:var(--color-neutral-muted)}@supports (color:color-mix(in lab,red,red)){.device-command-status-badge[data-tone=neutral]{background:color-mix(in srgb,var(--color-neutral-muted) 20%,transparent)}}.device-command-status-badge[data-tone=neutral]{color:var(--text-secondary)}.device-command-status-badge[data-tone=pending]{background:var(--color-warning-accent)}@supports (color:color-mix(in lab,red,red)){.device-command-status-badge[data-tone=pending]{background:color-mix(in srgb,var(--color-warning-accent) 25%,transparent)}}.device-command-status-badge[data-tone=pending]{color:var(--color-warning-dark)}.device-command-status-badge[data-tone=info]{background:var(--color-info)}@supports (color:color-mix(in lab,red,red)){.device-command-status-badge[data-tone=info]{background:color-mix(in srgb,var(--color-info) 20%,transparent)}}.device-command-status-badge[data-tone=info]{color:var(--color-info-dark)}.device-command-status-badge[data-tone=success]{background:var(--color-success)}@supports (color:color-mix(in lab,red,red)){.device-command-status-badge[data-tone=success]{background:color-mix(in srgb,var(--color-success) 20%,transparent)}}.device-command-status-badge[data-tone=success]{color:var(--color-success-dark)}.device-command-status-badge[data-tone=commanding]{background:var(--color-commanded)}@supports (color:color-mix(in lab,red,red)){.device-command-status-badge[data-tone=commanding]{background:color-mix(in srgb,var(--color-commanded) 25%,transparent)}}.device-command-status-badge[data-tone=commanding]{color:var(--color-commanded-hover)}.device-command-status-badge[data-tone=error]{background:var(--color-error)}@supports (color:color-mix(in lab,red,red)){.device-command-status-badge[data-tone=error]{background:color-mix(in srgb,var(--color-error) 20%,transparent)}}.device-command-status-badge[data-tone=error]{color:var(--color-error-dark)}.device-command-panel{border-radius:var(--radius-md);border:1px solid var(--pane-border-subtle);background:var(--overlay-subtle);flex-direction:column;gap:12px;padding:14px;display:flex}.device-command-panel[data-variant=pending]{border-color:var(--color-warning-accent)}@supports (color:color-mix(in lab,red,red)){.device-command-panel[data-variant=pending]{border-color:color-mix(in srgb,var(--color-warning-accent) 30%,transparent)}}.device-command-panel[data-variant=authorized]{border-color:var(--color-success)}@supports (color:color-mix(in lab,red,red)){.device-command-panel[data-variant=authorized]{border-color:color-mix(in srgb,var(--color-success) 30%,transparent)}}.device-command-panel--centered{text-align:center;align-items:center;width:100%}.device-command-panel__details--centered{width:100%}.device-command-panel__details--centered .device-command-detail-row{text-align:center;grid-template-columns:1fr;justify-items:center;gap:4px}.device-command-panel__actions--centered{justify-content:center;width:100%}.device-command-panel__title{color:var(--text-primary);margin:0;font-size:13px;font-weight:700}.device-command-panel__hint{color:var(--text-muted);margin:0;font-size:13px;line-height:1.45}.device-command-panel__hint--warn{color:var(--color-warning);text-align:center;justify-content:center;align-items:center;gap:6px;width:100%;display:inline-flex}.device-command-panel__details{flex-direction:column;gap:8px;display:flex}.device-command-panel__code{color:var(--text-secondary);word-break:break-all;font-family:monospace;font-size:11px}.device-command-panel__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.device-command-panel__actions--start{justify-content:flex-start}.device-command-detail-row{grid-template-columns:110px 1fr;align-items:start;gap:8px;font-size:13px;display:grid}.device-command-detail-row__label{color:var(--text-muted);font-weight:600}.device-command-detail-row__value{color:var(--text-primary);min-width:0}.device-command-inline-mode{justify-content:center;align-items:center;gap:6px;display:inline-flex}.device-command-session-pill{border-radius:var(--radius-full);background:var(--color-commanded);align-items:center;gap:6px;padding:3px 10px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.device-command-session-pill{background:color-mix(in srgb,var(--color-commanded) 18%,transparent)}}.device-command-session-pill{color:var(--color-commanded-hover);font-size:12px;font-weight:600}.device-command-request-preview{border-radius:var(--radius-sm);border:1px dashed var(--color-info);flex-direction:column;gap:6px;padding:10px 12px;display:flex}@supports (color:color-mix(in lab,red,red)){.device-command-request-preview{border:1px dashed color-mix(in srgb,var(--color-info) 35%,transparent)}}.device-command-request-preview{background:var(--color-info)}@supports (color:color-mix(in lab,red,red)){.device-command-request-preview{background:color-mix(in srgb,var(--color-info) 8%,transparent)}}.device-command-request-preview__label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-info-dark);font-size:11px;font-weight:700}.device-command-request-preview p{color:var(--text-primary);margin:0;font-size:13px;line-height:1.45}.device-command-request-preview__meta{color:var(--text-muted)!important;font-size:12px!important}.device-command-progress{flex-direction:column;align-items:center;gap:0;width:100%;margin:0;padding:0;list-style:none;display:flex}.device-command-progress__step{color:var(--text-muted);justify-content:center;align-items:center;gap:10px;width:100%;padding:6px 0;font-size:13px;display:flex}.device-command-progress__step[data-done]{color:var(--color-success-dark)}.device-command-progress__step[data-current]{color:var(--text-primary);font-weight:600}.device-command-progress__step[data-failed]{color:var(--color-error);font-weight:600}.device-command-progress__marker{border-radius:var(--radius-full);background:var(--overlay-medium);width:20px;height:20px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.device-command-progress__step[data-done] .device-command-progress__marker{background:var(--color-success)}@supports (color:color-mix(in lab,red,red)){.device-command-progress__step[data-done] .device-command-progress__marker{background:color-mix(in srgb,var(--color-success) 20%,transparent)}}.device-command-progress__step[data-done] .device-command-progress__marker{color:var(--color-success-dark)}.device-command-progress__step[data-current] .device-command-progress__marker{background:var(--color-warning-accent)}@supports (color:color-mix(in lab,red,red)){.device-command-progress__step[data-current] .device-command-progress__marker{background:color-mix(in srgb,var(--color-warning-accent) 25%,transparent)}}.device-command-progress__step[data-current] .device-command-progress__marker{color:var(--color-warning-dark)}.device-command-progress__step[data-failed] .device-command-progress__marker{background:var(--color-error)}@supports (color:color-mix(in lab,red,red)){.device-command-progress__step[data-failed] .device-command-progress__marker{background:color-mix(in srgb,var(--color-error) 20%,transparent)}}.device-command-progress__step[data-failed] .device-command-progress__marker{color:var(--color-error)}.device-command-revoke-btn{color:var(--color-error);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;justify-content:center;align-items:center;gap:6px;padding:0;font-size:13px;font-weight:600;text-decoration:underline;display:inline-flex}.device-command-revoke-btn:disabled{opacity:.5;cursor:not-allowed}.device-command-revoke-confirm{border-radius:var(--radius-sm);border:1px solid var(--color-error);flex-direction:column;gap:10px;padding:10px 12px;display:flex}@supports (color:color-mix(in lab,red,red)){.device-command-revoke-confirm{border:1px solid color-mix(in srgb,var(--color-error) 30%,transparent)}}.device-command-revoke-confirm{background:var(--color-error)}@supports (color:color-mix(in lab,red,red)){.device-command-revoke-confirm{background:color-mix(in srgb,var(--color-error) 8%,transparent)}}.device-command-revoke-confirm p{color:var(--text-primary);margin:0;font-size:13px;line-height:1.45}.device-command-flash{border-radius:var(--radius-sm);border:1px solid #0000;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.device-command-flash[data-tone=success]{color:var(--color-success-dark);background:var(--color-success)}@supports (color:color-mix(in lab,red,red)){.device-command-flash[data-tone=success]{background:color-mix(in srgb,var(--color-success) 12%,transparent)}}.device-command-flash[data-tone=success]{border-color:var(--color-success)}@supports (color:color-mix(in lab,red,red)){.device-command-flash[data-tone=success]{border-color:color-mix(in srgb,var(--color-success) 30%,transparent)}}.device-command-flash[data-tone=error]{color:var(--color-error-dark);background:var(--color-error)}@supports (color:color-mix(in lab,red,red)){.device-command-flash[data-tone=error]{background:color-mix(in srgb,var(--color-error) 12%,transparent)}}.device-command-flash[data-tone=error]{border-color:var(--color-error)}@supports (color:color-mix(in lab,red,red)){.device-command-flash[data-tone=error]{border-color:color-mix(in srgb,var(--color-error) 30%,transparent)}}.device-command-flash[data-tone=info]{color:var(--color-info-dark);background:var(--color-info)}@supports (color:color-mix(in lab,red,red)){.device-command-flash[data-tone=info]{background:color-mix(in srgb,var(--color-info) 12%,transparent)}}.device-command-flash[data-tone=info]{border-color:var(--color-info)}@supports (color:color-mix(in lab,red,red)){.device-command-flash[data-tone=info]{border-color:color-mix(in srgb,var(--color-info) 30%,transparent)}}.device-command-status-card{background:var(--overlay-subtle);border:1px solid var(--pane-border-subtle);border-radius:6px;align-items:flex-start;gap:12px;padding:14px;display:flex}.device-command-status-card[data-status=not_setup]{border-color:var(--pane-border-subtle)}.device-command-status-card[data-status=pending]{border-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.device-command-status-card[data-status=pending]{border-color:color-mix(in srgb,var(--color-primary) 35%,transparent)}}.device-command-status-card[data-status=pending]{background:var(--color-primary-light)}.device-command-status-card[data-status=manual],.device-command-status-card[data-status=automatic]{border-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.device-command-status-card[data-status=manual],.device-command-status-card[data-status=automatic]{border-color:color-mix(in srgb,var(--color-primary) 35%,transparent)}}.device-command-status-card__text{min-width:0;color:var(--text-muted);flex-direction:column;gap:4px;font-size:13px;line-height:1.45;display:flex}.device-command-status-card__text strong{color:var(--text-primary);font-size:14px}.device-command-status-card__session{color:var(--color-primary);font-size:12px}.device-command-panel--compact{gap:10px;padding:12px}.device-command-setup-block{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.device-command-setup-block__heading{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;text-align:center;margin:0;font-size:12px;font-weight:700}.device-command-control-grid{grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));gap:8px;width:100%;display:grid}.device-command-section{background:var(--overlay-subtle);border:1px solid var(--pane-border-subtle);border-radius:6px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.device-command-section__title{color:var(--text-primary);align-items:center;gap:8px;margin:0;font-size:13px;font-weight:700;display:flex}.device-command-section__step{background:var(--color-primary);width:20px;height:20px;color:var(--color-white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.device-command-section__icon{color:var(--text-muted);align-items:center;display:flex}.device-command-section__hint{color:var(--text-muted);margin:0;font-size:13px;line-height:1.45}.device-command-section__empty{color:var(--text-muted);font-size:13px;font-style:italic}.device-command-chip-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.device-command-chip-row--compact{gap:6px}.device-command-chip{border-radius:var(--radius-md);border:1px solid var(--pane-border-subtle);background:var(--overlay-subtle);color:var(--text-primary);cursor:pointer;transition:border-color var(--transition-fast) ease,background-color var(--transition-fast) ease,color var(--transition-fast) ease,box-shadow var(--transition-fast) ease;align-items:center;gap:7px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex;position:relative}.device-command-chip[data-variant=card]{flex-direction:column;justify-content:center;gap:8px;width:100%;min-height:5.5rem;padding:14px 10px}.device-command-chip__label{line-height:1.2}.device-command-chip[data-readonly]{cursor:default;background:var(--color-success)}@supports (color:color-mix(in lab,red,red)){.device-command-chip[data-readonly]{background:color-mix(in srgb,var(--color-success) 10%,transparent)}}.device-command-chip[data-readonly]{border-color:var(--color-success)}@supports (color:color-mix(in lab,red,red)){.device-command-chip[data-readonly]{border-color:color-mix(in srgb,var(--color-success) 28%,transparent)}}.device-command-chip[data-readonly]{color:var(--text-primary)}.device-command-chip[data-selected]{border-color:var(--color-success);background:var(--color-success)}@supports (color:color-mix(in lab,red,red)){.device-command-chip[data-selected]{background:color-mix(in srgb,var(--color-success) 14%,transparent)}}.device-command-chip[data-selected]{color:var(--color-success-dark);box-shadow:0 0 0 1px var(--color-success)}@supports (color:color-mix(in lab,red,red)){.device-command-chip[data-selected]{box-shadow:0 0 0 1px color-mix(in srgb,var(--color-success) 22%,transparent)}}.device-command-chip__selected-mark{border-radius:var(--radius-full);background:var(--color-success);width:18px;height:18px;color:var(--color-white);justify-content:center;align-items:center;display:inline-flex;position:absolute;top:6px;right:6px}.device-command-peer{background:var(--overlay-subtle);border:1px solid var(--pane-border-subtle);border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.device-command-peer__label{color:var(--text-muted);font-weight:600}.device-command-peer__id{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin-left:auto;font-family:monospace;font-size:12px;overflow:hidden}.device-command-grant-options{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.device-command-grant-option{border-radius:var(--radius-md);border:1px solid var(--pane-border-subtle);background:var(--overlay-subtle);color:var(--text-primary);text-align:center;cursor:pointer;transition:border-color var(--transition-fast) ease,background-color var(--transition-fast) ease,box-shadow var(--transition-fast) ease;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;display:flex}.device-command-grant-option[data-selected]{border-color:var(--color-success);background:var(--color-success)}@supports (color:color-mix(in lab,red,red)){.device-command-grant-option[data-selected]{background:color-mix(in srgb,var(--color-success) 14%,transparent)}}.device-command-grant-option[data-selected]{box-shadow:0 0 0 1px var(--color-success)}@supports (color:color-mix(in lab,red,red)){.device-command-grant-option[data-selected]{box-shadow:0 0 0 1px color-mix(in srgb,var(--color-success) 22%,transparent)}}.device-command-grant-option[data-selected] .device-command-grant-option__title{color:var(--color-success-dark)}.device-command-grant-option__title{font-size:13px;font-weight:700}.device-command-grant-option__desc{color:var(--text-muted);font-size:12px;line-height:1.4}.device-command-card{border:1px solid var(--pane-border-subtle);background:var(--overlay-subtle);border-radius:6px;flex-direction:column;gap:10px;padding:12px;display:flex}.device-command-card__header{color:var(--text-primary);align-items:center;gap:8px;display:flex}.device-command-card__title{font-size:14px;font-weight:600}.device-command-card__badge{border-radius:var(--radius-sm);text-transform:capitalize;background:var(--overlay-medium);color:var(--text-muted);align-items:center;gap:4px;margin-left:auto;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.device-command-card__badge[data-mode=automatic],.device-command-card__badge[data-active]{background:var(--color-primary-light);color:var(--color-primary)}.device-command-card__action{color:var(--color-error);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;align-self:flex-start;align-items:center;gap:6px;padding:0;font-size:13px;font-weight:600;text-decoration:underline;display:inline-flex}.device-command-card__action:disabled{opacity:.5;cursor:not-allowed}.device-command-loading{color:var(--text-muted);justify-content:center;align-items:center;gap:10px;padding:24px;font-size:14px;display:flex}.device-command-loading__spin{animation:.9s linear infinite device-command-spin}@keyframes device-command-spin{to{transform:rotate(360deg)}}.device-command-tab__intro,.device-command-tab__muted{color:var(--text-muted);margin:0;font-size:13px;line-height:1.45}.device-command-tab__capability{border-radius:var(--radius-sm);background:var(--color-primary-light);border:1px solid var(--pane-border-subtle);padding:6px 8px}.device-command-tab__section{flex-direction:column;gap:8px;display:flex}.device-command-tab__heading{color:var(--text-primary);margin:0;font-size:11px;font-weight:600}.device-command-tab__card{border-radius:var(--radius-sm);border:1px solid var(--pane-border-subtle);background:var(--hover-bg);flex-direction:column;gap:4px;padding:8px 10px;display:flex}.device-command-tab__card-row{color:var(--text-secondary);justify-content:space-between;gap:8px;font-size:13px;display:flex}.device-command-tab__card-label{color:var(--text-muted);font-weight:600}.device-command-tab__keys{flex-wrap:wrap;gap:8px;width:100%;display:flex}.device-command-tab__key{color:var(--text-primary);cursor:pointer;align-items:center;gap:6px;font-size:13px;display:flex}.device-command-tab__grant{flex-direction:column;gap:6px;display:flex}.device-command-tab__grant-tabs{width:100%;margin-bottom:0}.device-command-tab__primary{align-self:flex-start}.device-command-tab__link-btn{color:var(--color-primary);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;align-self:flex-start;padding:0;font-size:13px;text-decoration:underline}.device-command-tab__link-btn:disabled{opacity:.5;cursor:not-allowed}.device-command-tab__banner{border-radius:var(--radius-sm);padding:10px 12px;font-size:13px;line-height:1.4}.device-command-banner{border-radius:var(--radius-md);border:1px solid #0000;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;line-height:1.45;display:flex}.device-command-banner__content{flex-direction:column;gap:4px;min-width:0;display:flex}.device-command-banner__meta{color:var(--text-muted);text-transform:capitalize;font-size:12px}.device-command-banner[data-warn],.device-command-tab__banner[data-warn]{color:var(--text-primary);background:#fbbf241f;border-color:#fbbf2459}.device-command-banner[data-pending],.device-command-tab__banner[data-pending]{background:var(--color-primary-light);border-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.device-command-banner[data-pending],.device-command-tab__banner[data-pending]{border-color:color-mix(in srgb,var(--color-primary) 30%,transparent)}}.device-command-banner[data-pending],.device-command-tab__banner[data-pending]{color:var(--text-primary)}.device-command-tab__status,.device-command-status{border-radius:var(--radius-sm);color:var(--color-primary);background:var(--color-primary-light);border:1px solid var(--color-primary);align-items:center;gap:8px;margin:0;padding:10px 12px;font-size:13px;font-weight:600;display:flex}@supports (color:color-mix(in lab,red,red)){.device-command-tab__status,.device-command-status{border:1px solid color-mix(in srgb,var(--color-primary) 22%,transparent)}}.device-register-section{padding:6px 10px 10px}.device-register-btn{border-radius:var(--radius-md);border:1px dashed var(--pane-border);width:100%;color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast) ease,border-color var(--transition-fast) ease;background:0 0;align-items:center;gap:6px;padding:6px 8px;font-size:11px;display:flex}.device-register-btn:hover{color:var(--text-secondary);border-color:var(--text-muted)}.add-device-form{flex-direction:column;gap:8px;display:flex}.add-device-form__hint{color:var(--text-muted);font-size:10px;line-height:1.3}.add-device-form__hint strong{color:var(--color-accent);font-weight:600}.add-device-form__select{border:1px solid var(--pane-border);background:var(--popover-bg);width:100%;color:var(--text-primary);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:border-color var(--transition-fast) ease;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border-radius:5px;padding:6px 24px 6px 8px;font-size:12px}.add-device-form__select:focus{border-color:var(--color-primary);outline:none}.add-device-form__select:disabled{opacity:.45;cursor:not-allowed;color:var(--text-muted)}.add-device-form__input{border:1px solid var(--pane-border);background:var(--popover-bg);color:var(--text-primary);transition:border-color var(--transition-fast) ease;border-radius:5px;padding:6px 8px;font-size:12px}.add-device-form__input::placeholder{color:var(--text-muted)}.add-device-form__input:focus{border-color:var(--color-primary);outline:none}.add-device-form__error{color:var(--color-error);font-size:11px;line-height:1.3}.add-device-form__submit{background:var(--color-primary);color:var(--color-white);cursor:pointer;transition:background-color var(--transition-fast) ease;border:none;border-radius:5px;padding:6px 10px;font-size:12px;font-weight:600}.add-device-form__submit:hover{background:var(--color-primary-hover)}.add-device-form__submit:disabled{opacity:.7;cursor:wait}.device-created-protocol-tag{text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-sm);background:var(--accent-bg-subtle);color:var(--color-accent);padding:2px 7px;font-size:10px;font-weight:700}.telemetry-panel{flex-direction:column;gap:8px;padding:8px 10px 10px;display:flex}.telemetry-panel__empty{color:var(--text-muted);text-align:center;padding:12px 0;font-size:12px}.telemetry-panel__select{border:1px solid var(--pane-border);background:var(--popover-bg);width:100%;color:var(--text-primary);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border-radius:5px;padding:5px 24px 5px 8px;font-size:11px}.telemetry-panel__select:focus{border-color:var(--color-primary);outline:none}.telemetry-group{flex-direction:column;gap:1px;display:flex}.telemetry-group__title{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);border-bottom:1px solid var(--pane-border-subtle);margin-bottom:2px;padding:4px 0 2px;font-size:9px;font-weight:700}.telemetry-row{justify-content:space-between;align-items:center;padding:2px 0;display:flex}.telemetry-row__label{color:var(--text-tertiary);font-size:11px}.telemetry-row__value{color:var(--text-primary);font-family:monospace;font-size:11px;font-weight:600}.telemetry-row__unit{color:var(--text-muted);margin-left:2px;font-weight:400}.logs-panel{flex-direction:column;gap:8px;padding:8px 10px 10px;display:flex}.logs-panel__empty{color:var(--text-muted);text-align:center;padding:12px 0;font-size:12px}.logs-panel__select{border:1px solid var(--pane-border);background:var(--popover-bg);width:100%;color:var(--text-primary);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border-radius:5px;padding:5px 24px 5px 8px;font-size:11px}.logs-panel__select:focus{border-color:var(--color-primary);outline:none}.logs-panel__list{flex-direction:column;gap:2px;display:flex}.logs-row{border-radius:var(--radius-sm);border-bottom:1px solid var(--pane-border-subtle);transition:background-color var(--transition-fast) ease;align-items:center;gap:6px;padding:6px 8px;display:flex}.logs-row:hover{background:var(--hover-bg)}.logs-row__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.logs-row__name-line{align-items:center;gap:5px;display:flex}.logs-row__filename{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.logs-row__meta{color:var(--text-muted);align-items:center;gap:8px;font-size:10px;display:flex}.logs-row__status{text-transform:uppercase;letter-spacing:.3px;font-size:9px;font-weight:600}.logs-row__status--completed{color:var(--color-accent)}.logs-row__status--pending{color:var(--color-warning-accent)}.logs-row__status--expired{color:var(--text-muted)}.logs-row__status--failed{color:var(--color-error)}.logs-row__status-icon{flex-shrink:0}.logs-row__status-icon--completed{color:var(--color-accent)}.logs-row__status-icon--pending{color:var(--color-warning-accent)}.logs-row__status-icon--expired{color:var(--text-muted)}.logs-row__status-icon--failed{color:var(--color-error)}.logs-row__download{cursor:pointer;width:24px;height:24px;color:var(--text-muted);border-radius:var(--radius-sm);transition:color var(--transition-fast) ease,background-color var(--transition-fast) ease;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.logs-row__download:hover{color:var(--color-accent);background:var(--accent-bg-faint)}.logs-row__download:disabled{opacity:.5;cursor:wait}.logs-row[data-selected]{background:var(--accent-bg-faint)}.logs-row__checkbox{cursor:pointer;accent-color:var(--color-primary);flex-shrink:0;margin:0}.logs-row__delete{cursor:pointer;width:24px;height:24px;color:var(--text-muted);border-radius:var(--radius-sm);transition:color var(--transition-fast) ease,background-color var(--transition-fast) ease;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.logs-row__delete:hover{color:var(--color-error);background:var(--color-error)}@supports (color:color-mix(in lab,red,red)){.logs-row__delete:hover{background:color-mix(in srgb,var(--color-error) 12%,transparent)}}.logs-panel__banner{border-radius:var(--radius-sm);align-items:center;gap:6px;padding:6px 8px;font-size:11px;line-height:1.3;display:flex}.logs-panel__banner--warning{background:var(--color-warning-accent)}@supports (color:color-mix(in lab,red,red)){.logs-panel__banner--warning{background:color-mix(in srgb,var(--color-warning-accent) 14%,transparent)}}.logs-panel__banner--warning{color:var(--color-warning-accent);border:1px solid var(--color-warning-accent)}@supports (color:color-mix(in lab,red,red)){.logs-panel__banner--warning{border:1px solid color-mix(in srgb,var(--color-warning-accent) 35%,transparent)}}.logs-panel__banner strong{font-weight:700}.logs-panel__actions{color:var(--text-muted);justify-content:space-between;align-items:center;gap:8px;padding:2px 4px;font-size:11px;display:flex}.logs-panel__select-all{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;display:flex}.logs-panel__select-all input[type=checkbox]{cursor:pointer;accent-color:var(--color-primary);margin:0}.logs-panel__actions-right{align-items:center;gap:6px;display:flex}.logs-panel__action-btn{border-radius:var(--radius-sm);border:1px solid var(--pane-border);background:var(--popover-bg);color:var(--text-primary);cursor:pointer;transition:background-color var(--transition-fast) ease,border-color var(--transition-fast) ease,color var(--transition-fast) ease;align-items:center;gap:4px;padding:3px 8px;font-size:11px;display:inline-flex}.logs-panel__action-btn:hover{background:var(--hover-bg)}.logs-panel__action-btn--danger{color:var(--color-error);border-color:var(--color-error)}@supports (color:color-mix(in lab,red,red)){.logs-panel__action-btn--danger{border-color:color-mix(in srgb,var(--color-error) 40%,transparent)}}.logs-panel__action-btn--danger:hover{background:var(--color-error)}@supports (color:color-mix(in lab,red,red)){.logs-panel__action-btn--danger:hover{background:color-mix(in srgb,var(--color-error) 14%,transparent)}}.logs-panel__action-btn--danger:hover{border-color:var(--color-error)}@media(max-width:767px){.device-row__tags{flex-wrap:wrap}}.device-streams{flex-direction:column;align-items:center;gap:12px;width:100%;padding:2px 0;display:flex}.device-streams__add-btn{border-radius:var(--radius-sm);border:1px solid var(--pane-border-subtle);background:var(--overlay-subtle);color:var(--text-primary);cursor:pointer;align-items:center;gap:5px;padding:6px 12px;font-size:13px;font-weight:600;transition:background .12s;display:inline-flex}.device-streams__add-btn:hover:not(:disabled){background:var(--overlay-stronger)}.device-streams__add-btn:disabled{opacity:.5;cursor:not-allowed}.device-streams__empty{color:var(--text-muted);text-align:center;width:100%;padding:16px 12px;font-size:13px;line-height:1.45}.device-streams__error{border-radius:var(--radius-sm);color:#ef4444;text-align:center;background:#ef44441a;border:1px solid #ef44444d;width:100%;padding:10px 12px;font-size:13px}.device-stream-row{background:var(--overlay-subtle);border:1px solid var(--pane-border-subtle);border-radius:6px;flex-direction:column;gap:4px;width:100%;padding:8px;display:flex}.device-stream-row__head{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.device-stream-row__protocol{border-radius:var(--radius-sm);color:#38bdf8;letter-spacing:.02em;background:#38bdf81f;border:1px solid #38bdf866;padding:3px 8px;font-size:12px;font-weight:700}.device-stream-row__mode{border-radius:var(--radius-sm);background:var(--overlay-stronger);color:var(--text-secondary);border:1px solid var(--pane-border-subtle);padding:3px 8px;font-size:12px;font-weight:600}.device-stream-row__mode[data-mode=manual]{color:#fbbf24;background:#facc151f;border-color:#facc1566}.device-stream-row__status{border-radius:var(--radius-sm);color:var(--text-muted);background:#a1a1aa26;padding:3px 8px;font-size:12px;font-weight:600}.device-stream-row__status[data-state=ready]{background:var(--color-primary-light);color:var(--color-primary)}.device-stream-row__actions{align-items:center;gap:4px;margin-left:auto;display:flex}.device-stream-row__btn{border-radius:var(--radius-sm);background:var(--overlay-stronger);border:1px solid var(--pane-border-subtle);color:var(--text-primary);cursor:pointer;align-items:center;gap:5px;padding:6px 10px;font-size:12px;font-weight:600;transition:background .12s;display:inline-flex}.device-stream-row__btn:hover:not(:disabled){background:var(--overlay-strongest,#ffffff1a)}.device-stream-row__btn:disabled{opacity:.5;cursor:not-allowed}.device-stream-row__btn--ghost{background:0 0}.device-stream-row__btn--danger{color:#ef4444;border-color:#ef44444d}.device-stream-row__btn--danger:hover:not(:disabled){background:#ef44441a}.device-stream-row__field{flex-direction:column;gap:2px;display:flex}.device-stream-row__field-label{color:var(--text-muted);letter-spacing:.3px;font-size:10px;font-weight:500}.device-stream-row__field-row{align-items:center;gap:4px;display:flex}.device-stream-row__field-value{min-width:0;color:var(--text-primary);white-space:nowrap;background:#0003;border-radius:3px;flex:1;padding:3px 6px;font-size:10px;overflow-x:auto}.device-stream-row__field-value[data-mono]{font-family:var(--font-mono,monospace)}.device-stream-row__last-error{color:#ef4444;background:#ef44441a;border-radius:3px;padding:4px 6px;font-size:10px}.device-stream-add{background:var(--overlay-subtle);border:1px dashed var(--pane-border-subtle);border-radius:6px;flex-direction:column;gap:6px;padding:8px;display:flex}.device-stream-add__row{flex-wrap:wrap;gap:8px;display:flex}.device-stream-add__label{min-width:130px;color:var(--text-muted);flex-direction:column;flex:1;gap:4px;font-size:12px;font-weight:600;display:flex}.device-stream-add__label select{border-radius:var(--radius-sm);border:1px solid var(--pane-border-subtle);background:var(--overlay-subtle);color:var(--text-primary);cursor:pointer;padding:7px 8px;font-size:13px}.device-stream-add__hint{color:var(--text-muted);font-size:13px;line-height:1.45}.device-stream-add__actions{justify-content:flex-end;gap:6px;display:flex}.control-settings-menu__tab.hfp-tab{text-transform:none;letter-spacing:.01em;gap:.3125rem;font-size:.8125rem;font-weight:600}.control-settings-intro{border-bottom:1px solid var(--pane-border-subtle);margin-bottom:.875rem;padding-bottom:.75rem}.control-settings-intro__title{color:var(--text-primary);margin:0;font-size:.875rem;font-weight:600}.control-settings-intro__hint{color:var(--text-tertiary);margin:.25rem 0 0;font-size:.75rem;line-height:1.45}.control-binding-list{border:1px solid var(--pane-border);transition:opacity var(--transition-fast) ease;border-radius:8px;flex-direction:column;gap:.375rem;padding:.5rem;display:flex}.control-binding-stick+.control-binding-stick{margin-top:.625rem}.control-binding-stick__title{letter-spacing:.03em;color:var(--text-muted);margin:0 0 .375rem;font-size:.6875rem;font-weight:600}.control-binding-list[data-capturing] .control-binding-row:not([data-capturing]){opacity:.45}.control-binding-capture-banner{border:1px solid var(--pane-border);background:var(--hover-bg);color:var(--text-primary);border-radius:8px;flex-direction:column;gap:.25rem;margin-bottom:.75rem;padding:.625rem .75rem;font-size:.75rem;display:flex}.control-binding-capture-banner strong{font-size:.8125rem}.control-binding-error{border:1px solid var(--color-error);border-radius:6px;margin:0 0 .75rem;padding:.5rem .625rem}@supports (color:color-mix(in lab,red,red)){.control-binding-error{border:1px solid color-mix(in srgb,var(--color-error) 35%,var(--pane-border))}}.control-binding-error{background:var(--color-error)}@supports (color:color-mix(in lab,red,red)){.control-binding-error{background:color-mix(in srgb,var(--color-error) 10%,transparent)}}.control-binding-error{color:var(--color-error);font-size:.75rem;line-height:1.35}.control-binding-row{width:100%;color:var(--text-secondary);transition:background-color var(--transition-fast) ease,border-color var(--transition-fast) ease,color var(--transition-fast) ease,box-shadow var(--transition-fast) ease;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:space-between;align-items:center;gap:.75rem;padding:.4375rem .5rem;font-size:.8125rem;font-weight:500;display:flex}.control-binding-row[data-capturing]{background:var(--hover-bg);border-color:var(--pane-border);color:var(--text-primary)}.control-binding-row[data-pressed]{background:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.control-binding-row[data-pressed]{background:color-mix(in srgb,var(--color-accent) 12%,transparent)}}.control-binding-row[data-pressed]{border-color:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.control-binding-row[data-pressed]{border-color:color-mix(in srgb,var(--color-accent) 35%,var(--pane-border))}}.control-binding-row[data-pressed]{color:var(--text-primary)}.control-binding-row[data-pressed] .control-binding-row__icon{color:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.control-binding-row[data-pressed] .control-binding-row__icon{color:color-mix(in srgb,var(--color-accent) 55%,var(--text-secondary))}}.control-binding-row[data-pressed] .control-binding-row__key{border-color:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.control-binding-row[data-pressed] .control-binding-row__key{border-color:color-mix(in srgb,var(--color-accent) 45%,var(--pane-border))}}.control-binding-row[data-pressed] .control-binding-row__key{background:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.control-binding-row[data-pressed] .control-binding-row__key{background:color-mix(in srgb,var(--color-accent) 15%,var(--panel-bg-solid))}}.control-binding-row[data-pressed] .control-binding-row__key{color:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.control-binding-row[data-pressed] .control-binding-row__key{color:color-mix(in srgb,var(--color-accent) 70%,var(--text-primary))}}.control-binding-row__capture-label{letter-spacing:.02em;text-transform:uppercase;color:var(--text-secondary);margin-left:.375rem;font-size:.6875rem;font-weight:600}.control-binding-row__hold-hint{letter-spacing:.03em;text-transform:uppercase;color:var(--text-tertiary);margin-left:.375rem;font-size:.625rem;font-weight:600}.control-binding-row__label{align-items:center;gap:.375rem;min-width:0;display:inline-flex}.control-binding-row__icon{color:var(--text-tertiary);display:inline-flex}.control-binding-row[data-capturing] .control-binding-row__icon{color:var(--text-secondary)}.control-binding-row__key-group{flex-shrink:0;align-items:center;gap:.25rem;display:inline-flex}.control-binding-row__key{border:1px solid var(--pane-border);background:var(--panel-bg-solid);border-radius:5px;justify-content:center;align-items:center;min-width:1.625rem;height:1.375rem;padding:0 .375rem;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.control-binding-row__key{background:color-mix(in srgb,var(--panel-bg-solid) 80%,transparent)}}.control-binding-row__key{color:var(--text-primary);font-variant-numeric:tabular-nums;font-family:inherit;font-size:.6875rem;font-weight:700;line-height:1}.control-binding-row__edit{width:1.375rem;height:1.375rem;color:var(--text-tertiary);cursor:pointer;transition:background-color var(--transition-fast) ease,border-color var(--transition-fast) ease,color var(--transition-fast) ease;background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;padding:0;display:inline-flex}.control-binding-row__edit:hover{background:var(--hover-bg);border-color:var(--pane-border);color:var(--text-primary)}.control-binding-row[data-capturing] .control-binding-row__edit{background:var(--panel-bg-solid);border-color:var(--pane-border);color:var(--text-primary)}.control-binding-row[data-capturing] .control-binding-row__key{border-color:var(--pane-border);background:var(--panel-bg-solid);color:var(--text-secondary);letter-spacing:.08em;font-weight:700}.device-control-wrap{pointer-events:auto;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.25rem;display:flex}.device-control-wrap--hud{margin-left:.5rem;position:relative}.device-control-wrap--list{position:relative}.device-control-btn{border:1px solid var(--pane-border);min-width:5.25rem;color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;white-space:nowrap;touch-action:none;-webkit-user-select:none;user-select:none;transition:border-color var(--transition-fast) ease,color var(--transition-fast) ease,box-shadow var(--transition-fast) ease;background:0 0;border-radius:9999px;justify-content:center;align-items:center;gap:.3125rem;padding:.375rem .625rem;font-size:.6875rem;font-weight:700;line-height:1;display:inline-flex;position:relative;overflow:hidden}.device-control-btn:hover:not(:disabled){color:var(--text-primary)}.device-control-btn:disabled{opacity:.55;cursor:not-allowed}.device-control-btn__fill{background:var(--color-success);width:0;position:absolute;inset:0 auto 0 0}@supports (color:color-mix(in lab,red,red)){.device-control-btn__fill{background:color-mix(in srgb,var(--color-success) 22%,transparent)}}.device-control-btn__fill{border-radius:inherit;pointer-events:none}.device-control-btn__content{z-index:1;align-items:center;gap:.3125rem;display:inline-flex;position:relative}.device-control-btn[data-state=holding]{border-color:var(--color-success)}@supports (color:color-mix(in lab,red,red)){.device-control-btn[data-state=holding]{border-color:color-mix(in srgb,var(--color-success) 45%,var(--pane-border))}}.device-control-btn[data-state=holding]{color:var(--color-success-dark)}.device-control-btn[data-state=confirm]{border-color:var(--color-success)}@supports (color:color-mix(in lab,red,red)){.device-control-btn[data-state=confirm]{border-color:color-mix(in srgb,var(--color-success) 45%,var(--pane-border))}}.device-control-btn[data-state=confirm]{color:var(--color-success-dark)}.device-control-btn[data-state=active]{background-color:var(--active-row-bg);box-shadow:inset 0 0 0 100px var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.device-control-btn[data-state=active]{box-shadow:inset 0 0 0 100px color-mix(in srgb,var(--color-accent) 35%,transparent)}}.device-control-btn[data-state=active]{border-color:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.device-control-btn[data-state=active]{border-color:color-mix(in srgb,var(--color-accent) 45%,var(--pane-border))}}.device-control-btn[data-state=active]{color:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.device-control-btn[data-state=active]{color:color-mix(in srgb,var(--color-accent) 55%,var(--active-mix))}}.device-control-btn[data-state=active]{text-transform:uppercase}.device-control-btn[data-state=pending]{border-color:var(--color-warning-accent)}@supports (color:color-mix(in lab,red,red)){.device-control-btn[data-state=pending]{border-color:color-mix(in srgb,var(--color-warning-accent) 40%,var(--pane-border))}}.device-control-btn[data-state=pending]{color:var(--color-warning-accent)}.device-control-error{max-width:12rem;color:var(--color-error);text-align:right;align-items:flex-start;gap:.25rem;font-size:.6875rem;line-height:1.35;display:inline-flex}.device-control-wrap--hud .device-control-error,.device-control-wrap--list .device-control-error{z-index:5;background:var(--panel-bg-solid);border:1px solid var(--color-error);border-radius:6px;max-width:14rem;padding:.375rem .5rem;position:absolute;top:calc(100% + 4px);right:0}@supports (color:color-mix(in lab,red,red)){.device-control-wrap--hud .device-control-error,.device-control-wrap--list .device-control-error{border:1px solid color-mix(in srgb,var(--color-error) 30%,var(--pane-border))}}.device-control-wrap--hud .device-control-error,.device-control-wrap--list .device-control-error{box-shadow:var(--shadow-md);pointer-events:none}.map-device-hud .floating-pane__header{gap:.375rem}.device-session-ctrl{border:1px solid var(--pane-border);background:var(--panel-bg-solid);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:border-color var(--transition-fast) ease,color var(--transition-fast) ease,background var(--transition-fast) ease;border-radius:999px;align-items:center;gap:.3125rem;padding:.25rem .5rem;font-size:.6875rem;font-weight:600;line-height:1;display:inline-flex}.device-session-ctrl:hover:not(:disabled){border-color:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.device-session-ctrl:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-accent) 35%,var(--pane-border))}}.device-session-ctrl:hover:not(:disabled){color:var(--text-primary)}.device-session-ctrl:disabled{opacity:.55;cursor:not-allowed}.device-session-ctrl--idle{color:var(--text-secondary)}.device-session-ctrl--active{border-color:var(--color-commanded)}@supports (color:color-mix(in lab,red,red)){.device-session-ctrl--active{border-color:color-mix(in srgb,var(--color-commanded) 45%,var(--pane-border))}}.device-session-ctrl--active{background:var(--color-commanded)}@supports (color:color-mix(in lab,red,red)){.device-session-ctrl--active{background:color-mix(in srgb,var(--color-commanded) 12%,var(--panel-bg-solid))}}.device-session-ctrl--active{color:var(--color-commanded)}@supports (color:color-mix(in lab,red,red)){.device-session-ctrl--active{color:color-mix(in srgb,var(--color-commanded) 70%,var(--text-primary))}}.device-session-ctrl--active .device-session-ctrl__dot{background:var(--color-commanded);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite command-pulse}.device-session-ctrl--blocked{cursor:default;color:var(--text-tertiary);text-transform:none;font-weight:500}.device-session-ctrl--handover,.device-session-ctrl--primary{border-color:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.device-session-ctrl--handover,.device-session-ctrl--primary{border-color:color-mix(in srgb,var(--color-accent) 35%,var(--pane-border))}}.device-session-ctrl--handover,.device-session-ctrl--primary{color:var(--color-accent)}.device-session-ctrl--ghost{text-transform:none;background:0 0;font-weight:500}.device-session-ctrl--pending{cursor:pointer;color:var(--color-warning-accent)}.device-session-ctrl-group{align-items:center;gap:.25rem;display:inline-flex}.device-session-ctrl__error{max-width:14rem;color:var(--color-error);text-align:right;margin-top:.25rem;font-size:.6875rem;line-height:1.35;display:block}.device-control-wrap--hud .device-session-ctrl__error,.device-control-wrap--list .device-session-ctrl__error{z-index:5;background:var(--panel-bg-solid);border:1px solid var(--color-error);border-radius:6px;padding:.25rem .375rem;position:absolute;top:calc(100% + 4px);right:0}@supports (color:color-mix(in lab,red,red)){.device-control-wrap--hud .device-session-ctrl__error,.device-control-wrap--list .device-session-ctrl__error{border:1px solid color-mix(in srgb,var(--color-error) 30%,var(--pane-border))}}.device-control-wrap--hud .device-session-ctrl__error,.device-control-wrap--list .device-session-ctrl__error{box-shadow:var(--shadow-md)}@keyframes command-pulse{0%,to{opacity:1}50%{opacity:.35}}.command-handover-banner{left:50%;bottom:calc(5.5rem + env(safe-area-inset-bottom,0px));z-index:120;border-radius:var(--radius-lg);background:var(--panel-bg-solid);border:1px solid var(--color-warning-accent);align-items:center;gap:.75rem;padding:.625rem .875rem;display:flex;position:fixed;transform:translate(-50%)}@supports (color:color-mix(in lab,red,red)){.command-handover-banner{border:1px solid color-mix(in srgb,var(--color-warning-accent) 35%,var(--pane-border))}}.command-handover-banner{box-shadow:var(--shadow-lg);pointer-events:auto;max-width:min(32rem,100vw - 2rem)}.command-handover-banner__text{color:var(--text-secondary);margin:0;font-size:.8125rem;line-height:1.4}.command-handover-banner__text strong{color:var(--text-primary)}.command-handover-banner__actions{flex-shrink:0;gap:.375rem;display:flex}.command-handover-banner__btn{border:1px solid var(--pane-border);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;padding:.3125rem .625rem;font-size:.75rem;font-weight:600}.command-handover-banner__btn--primary{border-color:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.command-handover-banner__btn--primary{border-color:color-mix(in srgb,var(--color-accent) 40%,var(--pane-border))}}.command-handover-banner__btn--primary{background:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.command-handover-banner__btn--primary{background:color-mix(in srgb,var(--color-accent) 14%,transparent)}}.command-handover-banner__btn--primary{color:var(--color-accent)}.command-handover-banner__btn--ghost{color:var(--text-secondary)}.device-control-deck{left:var(--sidebar-width,14rem);z-index:20;pointer-events:none;transition:left var(--transition-base) ease;position:fixed;bottom:0;right:0;overflow:visible}.device-control-deck:not([data-ready]) .device-control-deck__deck-column,.device-control-deck:not([data-ready]) .device-control-deck__panel,.device-control-deck:not([data-ready]) .device-control-deck__strip,.device-control-deck:not([data-ready]) .device-control-deck__main,.device-control-deck:not([data-ready]) .device-control-deck__video-shell,.device-control-deck:not([data-ready]) .deck-flyout-fade{transition:none!important;animation:none!important}.device-control-deck--mobile{bottom:3.5rem;left:0}.device-control-deck__layout{pointer-events:none;opacity:0;max-width:100%;transition:transform var(--transition-base) cubic-bezier(.4,0,.2,1),opacity var(--transition-base) ease;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:0;left:50%;overflow:visible;transform:translate(-50%)translateY(100%)}.device-control-deck[data-entered] .device-control-deck__layout{opacity:1;transform:translate(-50%)translateY(0)}.device-control-deck:not([data-ready]) .device-control-deck__layout{transition:none!important}.device-control-deck__anchor{vertical-align:bottom;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:relative}.device-control-deck__deck-column{pointer-events:auto;transition:width var(--transition-base) ease 0s;--deck-panel-radius:10px;--deck-video-overlap:10px;flex-direction:column;flex-shrink:0;align-items:stretch;display:flex;position:relative}.device-control-deck__deck-column--collapsed{transition:width var(--transition-base) ease var(--transition-base)}.device-control-deck__video{z-index:0;padding-bottom:var(--deck-video-overlap);border:1px solid var(--pane-border);border-radius:var(--deck-panel-radius) var(--deck-panel-radius) 0 0;box-shadow:var(--shadow-lg);background:#000;border-bottom:none;flex-shrink:0;position:relative;overflow:hidden}.device-control-deck__video-resize{z-index:2;background:linear-gradient(to bottom,var(--overlay-heavy),transparent);border:none;justify-content:center;align-items:center;height:1.125rem;padding:0;display:flex;position:absolute;top:0;left:0;right:0}@supports (color:color-mix(in lab,red,red)){.device-control-deck__video-resize{background:linear-gradient(to bottom,color-mix(in srgb,var(--overlay-heavy) 55%,transparent),transparent)}}.device-control-deck__video-resize{color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.device-control-deck__video-resize{color:color-mix(in srgb,var(--color-white) 70%,transparent)}}.device-control-deck__video-resize{cursor:ns-resize;opacity:0;transition:opacity var(--transition-fast) ease}.device-control-deck__video:hover .device-control-deck__video-resize,.device-control-deck__video-resize:focus-visible{opacity:1}.device-control-deck__video-player{top:0;right:0;bottom:0;left:0;bottom:calc(-1 * var(--deck-video-overlap));background:#000;flex-direction:column;min-height:0;display:flex;position:absolute;overflow:hidden}.device-control-deck__video-slot{flex-direction:column;flex:1;width:100%;min-width:0;min-height:0;display:flex}.device-control-deck__video-player .video-host{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.device-control-deck__panel--under-video{z-index:1;border-top:none;position:relative}.device-control-deck__video-player .whep-player{width:100%;min-height:0;aspect-ratio:unset;border:none;border-radius:0;flex:1}.device-control-deck__video-player .whep-player__video,.device-control-deck__video-player .whep-player__hold-frame{object-fit:cover;object-position:center center;width:100%;height:100%}.device-control-deck__video-player .stream-metrics{display:none}.device-control-deck__anchor>.device-control-deck__deck-column>.device-control-deck__panel{pointer-events:auto}.device-control-deck__right-rail{pointer-events:none;flex-direction:row;align-items:flex-end;gap:.875rem;display:flex;position:absolute;bottom:0;left:calc(100% + .625rem)}.device-control-deck__island-slot{pointer-events:auto;flex-shrink:0;padding-bottom:.75rem}.device-control-deck__island-slot--left{position:absolute;bottom:0;right:calc(100% + .625rem)}.device-control-deck__payload-column{pointer-events:auto;flex-direction:column;flex-shrink:0;justify-content:flex-end;align-items:center;gap:.75rem;margin-left:.375rem;padding-bottom:1rem;padding-left:.5rem;display:flex}.deck-flyout-fade{pointer-events:none;animation:popover-scrim-in var(--transition-base) ease forwards}.deck-flyout-fade[data-closing]{animation:popover-scrim-out var(--transition-base) ease forwards;pointer-events:none}.deck-flyout-fade>*{pointer-events:auto}.deck-flyout-fade[data-closing]>*{pointer-events:none}.device-control-deck__video-shell{z-index:0;height:0;margin-bottom:calc(-1 * var(--deck-video-overlap));flex-direction:column;flex-shrink:0;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.device-control-deck__video-shell[data-animate]{transition:height var(--transition-base) ease}.device-control-deck__video-shell[data-expanded]:not([data-closing]){height:var(--video-shell-height)}.device-control-deck__video-shell[data-expanded][data-closing][data-animate]{height:0}.device-control-deck__panel{pointer-events:auto;border:1px solid var(--pane-border);background:var(--panel-bg-solid);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-lg);-webkit-user-select:none;user-select:none;transition:height var(--transition-base) ease var(--transition-base),background var(--transition-slow) ease;border-bottom:none;border-radius:10px 10px 0 0;flex-direction:column;flex-shrink:0;display:flex;position:relative;bottom:auto;left:auto;overflow:hidden;transform:none}.device-control-deck__panel--mobile{width:min(100vw,100%)!important}.device-control-deck__panel--collapsed{cursor:pointer;transition:height var(--transition-base) ease 0s,background var(--transition-slow) ease}.device-control-deck__panel--collapsed:hover{background:var(--strip-hover-bg)}.device-control-deck__panel--collapsed:hover .device-control-deck__bar-callsign{color:var(--text-primary)}.device-control-deck__strip,.device-control-deck__header{box-sizing:border-box;flex-direction:row;flex-shrink:0;align-items:center;gap:.5rem;width:100%;min-width:0;padding:0 .75rem;display:flex}.device-control-deck__header{border-top:1px solid var(--pane-border-subtle);border-bottom:1px solid var(--pane-border-subtle);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:.75rem;height:44px;padding-right:.5rem;display:grid}.device-control-deck__bar-left,.device-control-deck__bar-right{flex-direction:row;align-items:center;gap:.5rem;min-width:0;display:flex}.device-control-deck__identity-btn{min-width:0;color:inherit;text-align:left;cursor:pointer;transition:background-color var(--transition-fast) ease;background:0 0;border:none;border-radius:6px;flex-direction:row;align-items:center;gap:.5rem;margin:0;padding:.125rem .25rem;display:flex}.device-control-deck__header .device-control-deck__identity-btn{justify-self:start;width:max-content;max-width:100%}.device-control-deck__header .device-control-deck__bar-center{justify-self:center}.device-control-deck__header .device-control-deck__bar-right{justify-self:end}.device-control-deck__strip .device-control-deck__identity-btn{width:100%;max-width:100%}.device-control-deck__identity-btn:hover{background:var(--hover-bg)}.device-control-deck__panel--collapsed:hover .device-control-deck__identity-btn:hover{background:var(--text-primary)}@supports (color:color-mix(in lab,red,red)){.device-control-deck__panel--collapsed:hover .device-control-deck__identity-btn:hover{background:color-mix(in srgb,var(--text-primary) 6%,transparent)}}.device-control-deck__bar-right{justify-content:flex-end}.device-control-deck__bar-center{justify-content:center;align-items:center;min-width:0;padding:0 .25rem;display:flex}.device-control-deck__strip{opacity:1;height:44px;transition:opacity var(--transition-base) ease .4s;flex-shrink:0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:.5rem;display:grid}.device-control-deck__panel:not(.device-control-deck__panel--collapsed) .device-control-deck__strip{opacity:0;pointer-events:none;height:0;min-height:0;transition:opacity var(--transition-fast) ease 0s;padding:0;position:absolute;top:0;left:0;right:0;overflow:hidden}.device-control-deck__bar-icon{color:var(--text-muted);flex-shrink:0;display:inline-flex}.device-control-deck__bar-icon[data-online]{color:var(--color-accent)}.device-control-deck__bar-callsign{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;min-width:0;font-size:.8125rem;font-weight:600;overflow:hidden}.device-control-deck__bar-identity{flex-direction:row;align-items:baseline;gap:.375rem;min-width:0;display:flex}.device-control-deck__bar-type{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;font-size:.6875rem;font-weight:600;overflow:hidden}.device-control-deck__battery-indicator{color:var(--text-secondary);flex-shrink:0;align-items:center;gap:.4375rem;display:inline-flex}.device-control-deck__battery-icon{flex-shrink:0;width:1.75rem;height:1.0625rem;display:block}.device-control-deck__battery-shell{fill:none;stroke:currentColor;stroke-width:1.25px}.device-control-deck__battery-cap{fill:currentColor}.device-control-deck__battery-fill{fill:var(--color-success-dark,#2dd4bf);transition:width var(--transition-base) ease}.device-control-deck__battery-indicator[data-level=mid] .device-control-deck__battery-fill{fill:var(--color-warning-accent,#fbbf24)}.device-control-deck__battery-indicator[data-level=low] .device-control-deck__battery-fill{fill:var(--color-error)}.device-control-deck__battery-pct{font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--text-primary);white-space:nowrap;font-size:.875rem;font-weight:700;line-height:1}.device-control-deck__bar-battery-icon{font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;align-items:center;gap:.25rem;font-size:.6875rem;font-weight:700;display:inline-flex}.device-control-deck__bar-battery{font-variant-numeric:tabular-nums;color:var(--text-secondary);flex-shrink:0;align-items:center;gap:.25rem;font-size:.6875rem;font-weight:600;display:inline-flex}.device-control-deck__bar-stat{font-variant-numeric:tabular-nums;color:var(--text-muted);white-space:nowrap;flex-shrink:0;align-items:center;gap:.25rem;font-size:.6875rem;font-weight:600;display:inline-flex}.device-control-deck__bar-stat svg{opacity:.85;flex-shrink:0}.device-control-deck__bar-state{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.75rem;font-weight:600;overflow:hidden}.device-control-deck__state-badge{min-width:0;max-width:100%;font-family:var(--font-sans);letter-spacing:.1em;white-space:nowrap;text-overflow:ellipsis;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:.3125rem .75rem;font-size:.8125rem;font-weight:700;line-height:1.1;display:inline-flex;overflow:hidden}.device-control-deck__state-badge--compact{letter-spacing:.08em;padding:.1875rem .5rem;font-size:.6875rem}.device-control-deck__state-badge[data-tone=standby]{color:var(--color-info-dark);background:var(--color-info)}@supports (color:color-mix(in lab,red,red)){.device-control-deck__state-badge[data-tone=standby]{background:color-mix(in srgb,var(--color-info) 18%,transparent)}}.device-control-deck__state-badge[data-tone=standby]{border-color:var(--color-info)}@supports (color:color-mix(in lab,red,red)){.device-control-deck__state-badge[data-tone=standby]{border-color:color-mix(in srgb,var(--color-info) 35%,transparent)}}.device-control-deck__state-badge[data-tone=flight]{color:var(--color-success-dark);background:var(--color-success)}@supports (color:color-mix(in lab,red,red)){.device-control-deck__state-badge[data-tone=flight]{background:color-mix(in srgb,var(--color-success) 18%,transparent)}}.device-control-deck__state-badge[data-tone=flight]{border-color:var(--color-success)}@supports (color:color-mix(in lab,red,red)){.device-control-deck__state-badge[data-tone=flight]{border-color:color-mix(in srgb,var(--color-success) 35%,transparent)}}.device-control-deck__state-badge[data-tone=mission]{color:#c4b5fd;background:#8b5cf633;border-color:#8b5cf661}.device-control-deck__state-badge[data-tone=transition]{color:var(--color-warning-dark);background:var(--color-warning)}@supports (color:color-mix(in lab,red,red)){.device-control-deck__state-badge[data-tone=transition]{background:color-mix(in srgb,var(--color-warning) 20%,transparent)}}.device-control-deck__state-badge[data-tone=transition]{border-color:var(--color-warning)}@supports (color:color-mix(in lab,red,red)){.device-control-deck__state-badge[data-tone=transition]{border-color:color-mix(in srgb,var(--color-warning) 40%,transparent)}}.device-control-deck__state-badge[data-tone=offline]{color:var(--text-muted);background:var(--text-muted)}@supports (color:color-mix(in lab,red,red)){.device-control-deck__state-badge[data-tone=offline]{background:color-mix(in srgb,var(--text-muted) 12%,transparent)}}.device-control-deck__state-badge[data-tone=offline]{border-color:var(--text-muted)}@supports (color:color-mix(in lab,red,red)){.device-control-deck__state-badge[data-tone=offline]{border-color:color-mix(in srgb,var(--text-muted) 28%,transparent)}}.device-control-deck__state-badge[data-tone=neutral]{color:var(--text-secondary);background:var(--text-secondary)}@supports (color:color-mix(in lab,red,red)){.device-control-deck__state-badge[data-tone=neutral]{background:color-mix(in srgb,var(--text-secondary) 10%,transparent)}}.device-control-deck__state-badge[data-tone=neutral]{border-color:var(--text-secondary)}@supports (color:color-mix(in lab,red,red)){.device-control-deck__state-badge[data-tone=neutral]{border-color:color-mix(in srgb,var(--text-secondary) 22%,transparent)}}.device-control-deck__bar-spacer{flex:1;min-width:.25rem}.device-control-deck__bar-chevron{color:var(--text-muted);flex-shrink:0}.device-control-deck__main{opacity:1;min-height:0;transition:opacity var(--transition-base) ease .4s;flex-direction:column;flex:1;display:flex;overflow:hidden}.device-control-deck__panel--collapsed .device-control-deck__main{opacity:0;pointer-events:none;height:0;min-height:0;transition:opacity var(--transition-fast) ease 0s;flex:0;position:absolute;top:0;left:0;right:0;overflow:hidden}.device-control-deck__collapse-btn{width:1.5rem;height:1.5rem;color:var(--text-muted);cursor:pointer;transition:color var(--transition-base) ease,background-color var(--transition-base) ease;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.device-control-deck__collapse-btn:hover{color:var(--active-text);background:var(--hover-bg)}.device-control-deck__body{flex-direction:column;flex:1;justify-content:center;min-height:0;padding:0;display:flex}.device-control-deck__empty{color:var(--text-muted);text-align:center;margin:0;padding:.5rem .75rem;font-size:.75rem}.device-control-deck__empty--inline{padding:0}.device-control-deck__rail{flex-direction:row;flex:1;align-items:stretch;min-height:0;display:flex}.device-control-deck__rail--three{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);align-items:center;column-gap:.5rem;display:grid}.device-control-deck__section{flex-direction:row;justify-content:center;align-items:center;gap:.375rem;min-width:0;min-height:100%;padding:.25rem .5rem;display:flex}.device-control-deck__section--left{flex-wrap:wrap;justify-content:flex-start}.device-control-deck__section--center{justify-content:center}.device-control-deck__section--right{justify-content:flex-end;gap:.5rem;padding-right:.625rem}.device-control-deck__commands{flex-flow:wrap;justify-content:flex-start;align-items:center;gap:.375rem;display:flex}.device-control-deck__commands--flight{flex-direction:row;align-items:center;gap:1rem;padding:0}.device-control-deck__meta-stats{flex-direction:column;align-items:flex-start;gap:.25rem;display:flex}.device-control-deck__meta-stats--center{flex-flow:wrap;justify-content:center;align-items:center;gap:.3125rem .875rem;max-width:15rem}.device-control-deck__meta-stat{font-variant-numeric:tabular-nums;color:var(--text-muted);white-space:nowrap;align-items:center;gap:.3125rem;font-size:.6875rem;font-weight:600;display:inline-flex}.device-control-deck__meta-stat-label{letter-spacing:.08em;opacity:.75;font-size:.5625rem;font-weight:700}.device-control-deck__flight{flex-wrap:wrap;flex:1;justify-content:center}.device-control-deck__actions{flex-shrink:0;gap:.5rem;padding:.375rem .75rem .375rem .5rem}.device-control-deck__divider{background:var(--pane-border);border:none;flex-shrink:0;align-self:stretch;width:1px;margin:0}.command-hold-btn,.device-control-deck__hold-btn{min-width:5.5rem;height:2.5rem;color:var(--text-secondary);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:var(--panel-bg-solid);-webkit-backdrop-filter:blur(20px);border:1px solid var(--pane-border);box-shadow:var(--shadow-sm);transition:background-color var(--transition-base) ease,border-color var(--transition-fast) ease,color var(--transition-fast) ease;border-radius:8px;justify-content:center;align-items:center;gap:.375rem;padding:0 .75rem;font-size:.75rem;font-weight:600;display:inline-flex;position:relative;overflow:visible}.command-hold-btn:hover:not(:disabled),.device-control-deck__hold-btn:hover:not(:disabled){color:var(--text-primary);border-color:var(--text-primary)}@supports (color:color-mix(in lab,red,red)){.command-hold-btn:hover:not(:disabled),.device-control-deck__hold-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--text-primary) 22%,var(--pane-border))}}.command-hold-btn:hover:not(:disabled),.device-control-deck__hold-btn:hover:not(:disabled){box-shadow:var(--shadow-md)}.command-hold-btn:disabled,.device-control-deck__hold-btn:disabled{opacity:1;cursor:not-allowed;color:var(--text-muted);border-color:var(--pane-border)}@supports (color:color-mix(in lab,red,red)){.command-hold-btn:disabled,.device-control-deck__hold-btn:disabled{border-color:color-mix(in srgb,var(--pane-border) 85%,transparent)}}.command-hold-btn:disabled,.device-control-deck__hold-btn:disabled{background:var(--panel-bg-solid)}@supports (color:color-mix(in lab,red,red)){.command-hold-btn:disabled,.device-control-deck__hold-btn:disabled{background:color-mix(in srgb,var(--panel-bg-solid) 55%,transparent)}}.command-hold-btn:disabled,.device-control-deck__hold-btn:disabled{box-shadow:none;filter:grayscale(.35)}.command-hold-btn__ring{border-radius:inherit;pointer-events:none;width:calc(100% + 2px);height:calc(100% + 2px);color:var(--color-error);shape-rendering:geometricprecision;display:block;position:absolute;top:-1px;left:-1px;overflow:visible}.command-hold-btn[data-state=holding],.device-control-deck__hold-btn[data-state=holding]{color:var(--color-error);border-color:#0000}.command-hold-btn[data-state=pulse],.device-control-deck__hold-btn[data-state=pulse]{animation:.45s ease-out command-hold-btn-pulse}@keyframes command-hold-btn-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--color-error) 0%,transparent)}45%{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-error) 35%,transparent)}to{box-shadow:0 0 color-mix(in srgb,var(--color-error) 0%,transparent)}}.command-hold-btn.command-hold-btn--icon-only{-webkit-backdrop-filter:none;width:auto;min-width:0;height:auto;box-shadow:none;color:var(--text-primary);background:0 0;border:none;border-radius:0;gap:0;padding:0;font-size:0;line-height:0}.command-hold-btn.command-hold-btn--icon-only:hover:not(:disabled){color:var(--text-primary);box-shadow:none;filter:brightness(1.15);background:0 0;border:none}.command-hold-btn.command-hold-btn--icon-only:disabled{color:var(--text-muted);box-shadow:none;opacity:.38;filter:grayscale(.45);cursor:default;background:0 0;border:none}.command-hold-btn.command-hold-btn--icon-only[data-state=holding]{color:var(--color-error);background:0 0;border:none}.command-hold-btn.command-hold-btn--icon-only[data-state=pulse]{animation:none}.command-hold-btn.command-hold-btn--icon-only .command-hold-btn__content{gap:0}.command-hold-btn.command-hold-btn--icon-only .command-hold-btn__ring{width:var(--command-hold-icon-ring,2.75rem);height:var(--command-hold-icon-ring,2.75rem);top:50%;left:50%;transform:translate(-50%,-50%)}.command-hold-btn.command-hold-btn--hold-halo{width:auto;height:auto;overflow:visible}.command-hold-btn.command-hold-btn--hold-halo .command-hold-btn__content{justify-content:center;align-items:center;display:inline-flex}.command-hold-btn__icon-slot{flex-shrink:0;place-items:center;display:grid;position:relative}.command-hold-btn__icon{grid-area:1/1;justify-content:center;align-items:center;line-height:0;display:inline-flex}.command-hold-btn__halo-layer{z-index:2;pointer-events:none;grid-area:1/1;place-items:center;display:grid}.command-hold-btn.command-hold-btn--hold-halo[data-state=holding] .command-hold-btn__icon,.command-hold-btn.command-hold-btn--hold-halo[data-state=completing] .command-hold-btn__icon,.command-hold-btn.command-hold-btn--hold-halo[data-state=fading-out] .command-hold-btn__icon{visibility:hidden}.command-hold-btn.command-hold-btn--hold-halo[data-state=holding] .command-hold-btn__content,.command-hold-btn.command-hold-btn--hold-halo[data-state=completing] .command-hold-btn__content,.command-hold-btn.command-hold-btn--hold-halo[data-state=fading-out] .command-hold-btn__content{overflow:visible}.command-hold-btn.command-hold-btn--hold-halo[data-state=holding],.command-hold-btn.command-hold-btn--hold-halo[data-state=completing],.command-hold-btn.command-hold-btn--hold-halo[data-state=fading-out]{color:var(--text-primary)}.command-hold-btn__content{z-index:1;align-items:center;gap:.375rem;display:inline-flex;position:relative}.flight-command-hold-overlay{z-index:9000;pointer-events:none;flex-direction:column;align-items:center;gap:.625rem;display:flex;position:fixed;transform:translate(-50%,-50%)}.flight-command-hold-overlay__halo{width:var(--flight-hold-halo-size,4.25rem);height:var(--flight-hold-halo-size,4.25rem);background:var(--panel-bg-solid);border-radius:999px;place-items:center;display:grid;position:relative}@supports (color:color-mix(in lab,red,red)){.flight-command-hold-overlay__halo{background:color-mix(in srgb,var(--panel-bg-solid) 82%,transparent)}}.flight-command-hold-overlay__halo{-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-lg);animation:.2s ease-out flight-hold-halo-in}.flight-command-hold-overlay__halo--fading-out{animation:.18s ease-in forwards flight-hold-halo-out}.flight-command-hold-overlay__halo--completing .flight-command-hold-overlay__icon{animation:.6s ease-out flight-command-complete-pulse}@keyframes flight-hold-halo-in{0%{opacity:0}to{opacity:1}}@keyframes flight-hold-halo-out{0%{opacity:1}to{opacity:0}}@keyframes flight-command-complete-pulse{0%{transform:scale(1)}40%{transform:scale(1.14)}to{transform:scale(1)}}.device-control-deck__flight-spin{animation:.8s linear infinite device-control-deck-flight-spin}@keyframes device-control-deck-flight-spin{to{transform:rotate(360deg)}}.command-hold-btn.command-hold-btn--hold-halo[data-state=pending]{opacity:.55;cursor:default}.command-hold-btn.command-hold-btn--hold-halo[data-state=completing]{color:var(--text-primary)}.flight-command-hold-overlay__ring{color:var(--color-error);shape-rendering:geometricprecision;position:absolute;top:0;right:0;bottom:0;left:0}.flight-command-hold-overlay__icon{color:var(--color-error);justify-content:center;align-items:center;display:inline-flex}.flight-command-hold-overlay__label{background:var(--panel-bg-solid);border-radius:6px;padding:.25rem .625rem}@supports (color:color-mix(in lab,red,red)){.flight-command-hold-overlay__label{background:color-mix(in srgb,var(--panel-bg-solid) 88%,transparent)}}.flight-command-hold-overlay__label{color:var(--text-primary);letter-spacing:.02em;box-shadow:var(--shadow-sm);font-size:.8125rem;font-weight:600}.device-control-deck__icon-btn{color:var(--text-tertiary);cursor:pointer;background:var(--panel-bg-solid);-webkit-backdrop-filter:blur(20px);border:1px solid var(--pane-border);box-shadow:var(--shadow-sm);transition:background-color var(--transition-base) ease,color var(--transition-fast) ease,border-color var(--transition-fast) ease,box-shadow var(--transition-fast) ease;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.device-control-deck__icon-btn:hover:not(:disabled){color:var(--text-secondary);border-color:var(--text-primary)}@supports (color:color-mix(in lab,red,red)){.device-control-deck__icon-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--text-primary) 22%,var(--pane-border))}}.device-control-deck__icon-btn:hover:not(:disabled){box-shadow:var(--shadow-md)}.device-control-deck__icon-btn:disabled{opacity:.35;cursor:not-allowed}.device-control-deck__icon-btn[data-open]{color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.device-control-deck__icon-btn[data-open]{color:color-mix(in srgb,var(--color-primary) 45%,var(--active-mix))}}.device-control-deck__icon-btn[data-open]{border-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.device-control-deck__icon-btn[data-open]{border-color:color-mix(in srgb,var(--color-primary) 38%,var(--pane-border))}}.device-control-deck__icon-btn[data-open]{box-shadow:var(--shadow-sm),inset 0 0 0 100px var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.device-control-deck__icon-btn[data-open]{box-shadow:var(--shadow-sm),inset 0 0 0 100px color-mix(in srgb,var(--color-primary) 22%,transparent)}}.device-control-deck__icon-btn[data-open]:hover:not(:disabled){color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.device-control-deck__icon-btn[data-open]:hover:not(:disabled){color:color-mix(in srgb,var(--color-primary) 45%,var(--active-mix))}}.device-control-deck__icon-btn[data-open]:hover:not(:disabled){border-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.device-control-deck__icon-btn[data-open]:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-primary) 45%,var(--pane-border))}}.device-control-deck :is(button,[role=button]):focus-visible{outline:none}.control-deck-icon{background-color:currentColor;flex-shrink:0;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.deck-pad-btn[data-active]{color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.deck-pad-btn[data-active]{color:color-mix(in srgb,var(--color-primary) 45%,var(--active-mix))}}.deck-pad-btn[data-active]{background:var(--panel-bg-solid);border-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.deck-pad-btn[data-active]{border-color:color-mix(in srgb,var(--color-primary) 38%,var(--pane-border))}}.deck-pad-btn[data-active]{box-shadow:var(--shadow-sm),inset 0 0 0 100px var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.deck-pad-btn[data-active]{box-shadow:var(--shadow-sm),inset 0 0 0 100px color-mix(in srgb,var(--color-primary) 22%,transparent)}}.deck-dpad{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:.375rem;display:flex}.deck-dpad__label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:.625rem;font-weight:600}.deck-dpad__grid{grid-template-rows:repeat(3,3.25rem);grid-template-columns:repeat(3,3.25rem);gap:.1875rem;display:grid}.deck-dpad--joystick{justify-content:center}.deck-dpad__btn-inner{flex-direction:column;justify-content:center;align-items:center;gap:.125rem;min-width:0;line-height:1;display:flex}.deck-dpad__hint{letter-spacing:.02em;text-transform:uppercase;color:inherit;opacity:.85;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.4375rem;font-weight:700;overflow:hidden}.deck-dpad__btn{color:var(--text-secondary);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:center;align-items:center;padding:.125rem;display:inline-flex}.deck-dpad__btn:not(.deck-dpad__btn--spacer){background:var(--panel-bg-solid);-webkit-backdrop-filter:blur(20px);border:1px solid var(--pane-border);box-shadow:var(--shadow-sm)}.deck-dpad__btn:hover:not(:disabled):not([data-active]):not(.deck-dpad__btn--spacer){color:var(--text-primary);border-color:var(--text-primary)}@supports (color:color-mix(in lab,red,red)){.deck-dpad__btn:hover:not(:disabled):not([data-active]):not(.deck-dpad__btn--spacer){border-color:color-mix(in srgb,var(--text-primary) 22%,var(--pane-border))}}.deck-dpad__btn:hover:not(:disabled):not([data-active]):not(.deck-dpad__btn--spacer){box-shadow:var(--shadow-md)}.deck-dpad__btn:focus-visible{outline:none}.deck-dpad__btn--up{grid-area:1/2}.deck-dpad__btn--left{grid-area:2/1}.deck-dpad__btn--center{letter-spacing:.03em;text-transform:uppercase;color:var(--text-muted);grid-area:2/2;font-size:.5rem;font-weight:700}.deck-dpad__btn--spacer{pointer-events:none;background:0 0;border-color:#0000}.deck-dpad__btn--right{grid-area:2/3}.deck-dpad__btn--down{grid-area:3/2}.deck-sensor{flex-direction:column;align-items:center;gap:.5rem;display:flex}.deck-sensor__sliders{flex-direction:row;justify-content:center;align-items:flex-end;gap:.75rem;display:flex}.deck-sensor__zoom{flex-direction:row;align-items:center;gap:.5rem;width:7.5rem;display:flex}.deck-sensor__zoom .deck-sensor__value{text-align:right;flex-shrink:0;min-width:2rem}.deck-sensor__zoom .deck-sensor__slider{flex:1 1 0;width:auto;min-width:0}.deck-sensor__slider-col{flex-direction:column;align-items:center;gap:.3125rem;min-width:2rem;display:flex}.deck-sensor__controls{flex-direction:column;align-items:center;gap:.375rem;width:100%;display:flex}.deck-sensor__slider-wrap{justify-content:center;align-items:center;width:1.25rem;height:5.5rem;display:flex}.deck-sensor__slider-label{display:none}.deck-sensor__row{flex-direction:row;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.deck-sensor__row--slider{flex-direction:column;align-items:stretch;gap:.25rem}.deck-sensor__row-label{color:var(--text-secondary);font-size:.6875rem;font-weight:600}.deck-sensor__slider-head{flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.deck-sensor__value{font-variant-numeric:tabular-nums;color:var(--text-muted);font-size:.6875rem}.deck-sensor__toggle{background:var(--panel-bg-solid);-webkit-backdrop-filter:blur(20px);border:1px solid var(--pane-border);width:7.5rem;box-shadow:var(--shadow-sm);box-sizing:border-box;border-radius:8px;flex-direction:row;padding:3px;display:inline-flex;position:relative}.deck-sensor__toggle:before{content:"";background-color:var(--active-row-bg);width:calc(50% - 4.5px);box-shadow:inset 0 0 0 100px var(--color-primary);border-radius:6px;position:absolute;top:3px;bottom:3px;left:3px}@supports (color:color-mix(in lab,red,red)){.deck-sensor__toggle:before{box-shadow:inset 0 0 0 100px color-mix(in srgb,var(--color-primary) 38%,transparent)}}.deck-sensor__toggle:before{transition:transform var(--transition-base) cubic-bezier(.4,0,.2,1);z-index:0;pointer-events:none}.deck-sensor__toggle[data-mode=photo]:before{transform:translate(calc(100% + 3px))}.deck-sensor__toggle--focus:before{width:calc(33.3333% - 2px)}.deck-sensor__toggle--focus[data-mode=afs]:before{transform:translate(calc(100% + 3px))}.deck-sensor__toggle--focus[data-mode=mf]:before{transform:translate(calc(200% + 6px))}.deck-sensor__toggle-btn{z-index:1;min-width:0;color:var(--text-muted);letter-spacing:.02em;cursor:pointer;transition:color var(--transition-fast) ease;background:0 0;border:none;border-radius:6px;flex:1 1 0;justify-content:center;align-items:center;padding:.3125rem .25rem;font-size:.6875rem;font-weight:700;display:inline-flex;position:relative}.deck-sensor__toggle-btn[data-active]{color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.deck-sensor__toggle-btn[data-active]{color:color-mix(in srgb,var(--color-primary) 45%,var(--active-mix))}}.deck-sensor__toggle-btn[data-pending]{color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.deck-sensor__toggle-btn[data-pending]{color:color-mix(in srgb,var(--color-primary) 45%,var(--active-mix))}}.deck-sensor__toggle-spin{animation:.9s linear infinite deck-sensor-toggle-spin}@keyframes deck-sensor-toggle-spin{to{transform:rotate(360deg)}}.deck-sensor__toggle-btn:disabled{opacity:.35;cursor:not-allowed}.deck-sensor__chip-btn{color:var(--text-secondary);cursor:pointer;background:var(--panel-bg-solid);-webkit-backdrop-filter:blur(20px);border:1px solid var(--pane-border);box-shadow:var(--shadow-sm);border-radius:999px;padding:.25rem .625rem;font-size:.6875rem;font-weight:600}.deck-sensor__chip-btn:hover{color:var(--text-primary);background:var(--text-primary)}@supports (color:color-mix(in lab,red,red)){.deck-sensor__chip-btn:hover{background:color-mix(in srgb,var(--text-primary) 4%,transparent)}}.deck-sensor__meta{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:.625rem;font-weight:600}.deck-sensor__slider-col[data-disabled]{opacity:.4}.gimbal-pan-pad{box-sizing:border-box;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:1.125rem .75rem 1.25rem;display:flex;overflow:visible}.gimbal-pan-pad__stage{width:6.75rem;height:6.75rem;position:relative}.gimbal-pan-pad__ring{border:1px dashed var(--pane-border);pointer-events:none;border-radius:50%;width:3.75rem;height:3.75rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gimbal-pan-pad__btn{width:2.125rem;height:2.125rem;color:var(--text-secondary);cursor:pointer;touch-action:none;background:var(--panel-bg-solid);-webkit-backdrop-filter:blur(20px);border:1px solid var(--pane-border);box-shadow:var(--shadow-sm);border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute}.gimbal-pan-pad__btn:hover:not(:disabled):not([data-active]){color:var(--text-primary);border-color:var(--text-primary)}@supports (color:color-mix(in lab,red,red)){.gimbal-pan-pad__btn:hover:not(:disabled):not([data-active]){border-color:color-mix(in srgb,var(--text-primary) 22%,var(--pane-border))}}.gimbal-pan-pad__btn:hover:not(:disabled):not([data-active]){box-shadow:var(--shadow-md)}.gimbal-pan-pad__btn--n{top:0;left:50%;transform:translate(-50%,-50%)}.gimbal-pan-pad__btn--s{bottom:0;left:50%;transform:translate(-50%,50%)}.gimbal-pan-pad__btn--e{top:50%;right:0;transform:translate(50%,-50%)}.gimbal-pan-pad__btn--w{top:50%;left:0;transform:translate(-50%,-50%)}.gimbal-pan-pad__reset{width:2.375rem;height:2.375rem;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:var(--panel-bg-solid);-webkit-backdrop-filter:blur(20px);border:1px solid var(--pane-border);box-shadow:var(--shadow-sm);border-radius:999px;font-size:.4375rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gimbal-pan-pad__reset:hover{color:var(--text-primary);border-color:var(--text-primary)}@supports (color:color-mix(in lab,red,red)){.gimbal-pan-pad__reset:hover{border-color:color-mix(in srgb,var(--text-primary) 25%,var(--pane-border))}}.deck-sensor__slider{width:100%;height:1.125rem;accent-color:var(--text-secondary);cursor:pointer;margin:0}.deck-sensor__slider--vertical{transform-origin:50%;width:5.5rem;transform:rotate(-90deg)}.deck-sensor__slider:disabled{opacity:.35;cursor:not-allowed}@media(max-width:767px){.device-control-deck__layout{box-sizing:border-box;width:100%;padding:0 .25rem;left:0;right:0;transform:none}.device-control-deck__anchor{flex-direction:column;align-items:center;width:100%;display:flex}.device-control-deck__island-slot--left,.device-control-deck__right-rail{margin:0 0 .5rem;position:static;transform:none}.device-control-deck__right-rail{flex-wrap:wrap;justify-content:center;left:auto}.device-control-deck__rail--three{grid-template-columns:1fr;row-gap:.375rem}.device-control-deck__section--left,.device-control-deck__section--center,.device-control-deck__section--right,.device-control-deck__commands{justify-content:center}.device-control-deck__meta-stats--center{gap:.25rem .625rem;max-width:100%}.device-control-deck__meta-stats{flex-flow:wrap;justify-content:center}.device-control-deck__rail{flex-wrap:wrap;justify-content:center}.device-control-deck__divider,.device-control-deck__hold-btn span{display:none}.device-control-deck__hold-btn{min-width:2.5rem;padding:0}}.panel-icon-btn{border-radius:var(--radius-md);border:1px solid var(--pane-border);background:var(--pane-bg-subtle);width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;transition:background-color var(--transition-base) ease,color var(--transition-base) ease;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.panel-icon-btn:hover,.panel-icon-btn--active{background:var(--hover-bg);color:var(--text-primary)}.panel-icon-btn--sm{width:26px;height:26px}.panel-icon-btn--md{width:32px;height:32px}.panel-icon-btn--xs{border-radius:var(--radius-sm);width:auto;height:auto;padding:2px 6px;font-size:10px}.panel-icon-btn--danger{border-color:var(--error-border);color:var(--error-text)}.panel-icon-btn--danger:hover{border-color:var(--error-border-strong);color:var(--error-text-solid);background:var(--error-bg-strong)}.vsp-body{flex-direction:column;min-height:0;display:flex}.vsp-stream-tile{flex-direction:column;gap:4px;display:flex}.vsp-stream-tile__header{justify-content:space-between;align-items:center;display:flex}.vsp-stream-tile__label{color:var(--text-primary);flex:1;align-items:center;gap:5px;min-width:0;font-size:11px;font-weight:600;display:flex}.vsp-stream-tile__label-stack{flex-direction:column;gap:1px;min-width:0;display:flex}.vsp-stream-tile__label-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vsp-stream-tile__sublabel{color:var(--text-muted);text-transform:none;letter-spacing:normal;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:500;overflow:hidden}.vsp-stream-tile__quality-tag{text-transform:uppercase;letter-spacing:.5px;background:var(--accent-bg);color:var(--color-accent);border:1px solid var(--color-accent);border-radius:3px;padding:1px 5px;font-size:9px;font-weight:700}@supports (color:color-mix(in lab,red,red)){.vsp-stream-tile__quality-tag{border:1px solid color-mix(in srgb,var(--color-accent) 45%,transparent)}}.vsp-stream-tile__quality-tag{line-height:1}.vsp-stream-tile__quality{color:var(--text-muted);align-items:center;gap:4px;font-size:10px;display:inline-flex}.vsp-stream-tile__quality-label{text-transform:uppercase;letter-spacing:.4px;font-size:9px;font-weight:600}.vsp-stream-tile__quality-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--radius-sm);border:1px solid var(--pane-border);background:var(--popover-bg);color:var(--text-secondary);cursor:pointer;transition:border-color var(--transition-fast) ease;background-image:url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 5px center;background-repeat:no-repeat;padding:2px 18px 2px 6px;font-size:10px;font-weight:600}.vsp-stream-tile__quality-select:focus,.vsp-stream-tile__quality-select:hover{border-color:var(--text-tertiary);color:var(--text-primary);outline:none}.vsp-live-dot{flex-shrink:0;animation:1.5s ease-in-out infinite vsp-live-pulse}@keyframes vsp-live-pulse{0%,to{opacity:1}50%{opacity:.4}}.vsp-stream-tile__actions{gap:3px;display:flex}.vsp-stream-tile__player{position:relative}.video-host{flex-direction:column;flex:1;width:100%;min-width:0;min-height:0;display:flex}.video-host-parking{opacity:0;pointer-events:none;z-index:-1;width:0;height:0;position:fixed;overflow:hidden}.vsp-video-slot{min-width:0}.vsp-stream-tile__info-btn{z-index:2;border-radius:var(--radius-sm);background:var(--overlay-heavy);width:18px;height:18px;color:var(--text-muted);cursor:pointer;opacity:.8;transition:opacity var(--transition-fast) ease;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:4px;right:4px}.vsp-stream-tile__info-btn:hover{opacity:1}.vsp-stream-toggle{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:background-color var(--transition-fast) ease,color var(--transition-fast) ease,border-color var(--transition-fast) ease;border:1px solid #0000;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}.vsp-stream-toggle--start{background:var(--success-bg);color:var(--success-text);border-color:var(--success-border)}.vsp-stream-toggle--start:hover{background:var(--success-bg-strong);border-color:var(--success-border-strong)}.vsp-stream-toggle--stop{background:var(--error-bg);color:var(--color-error);border-color:var(--error-border)}.vsp-stream-toggle--stop:hover{background:var(--error-bg-strong);border-color:var(--error-border-strong)}.vsp-stream-toggle:disabled{opacity:.5;cursor:wait}.vsp-stream-toggle__spinner{border:1.5px solid;border-top-color:#0000;border-radius:50%;width:10px;height:10px;animation:.6s linear infinite vsp-spin;display:inline-block}@keyframes vsp-spin{to{transform:rotate(360deg)}}.vsp-stream-tile__idle{border-radius:var(--radius-md);background:var(--overlay-subtle);border:1px dashed var(--pane-border-subtle);color:var(--text-muted);justify-content:center;align-items:center;gap:6px;padding:16px 8px;font-size:11px;display:flex}.vsp-idle-section{border-top:1px solid var(--pane-border-subtle);padding-top:6px}.vsp-idle-section__toggle{border-radius:var(--radius-sm);width:100%;color:var(--text-muted);cursor:pointer;text-align:left;transition:color var(--transition-fast) ease,background var(--transition-fast) ease;background:0 0;border:none;align-items:center;gap:5px;padding:5px 6px;font-size:11px;font-weight:600;display:flex}.vsp-idle-section__toggle:hover{color:var(--text-secondary);background:var(--hover-bg)}.vsp-idle-section__count{opacity:.7;margin-left:auto;font-size:10px;font-weight:400}.vsp-idle-section__list{flex-direction:column;gap:2px;padding:4px 0;display:flex}.vsp-idle-device{border-radius:var(--radius-sm);transition:background var(--transition-fast) ease;justify-content:space-between;align-items:center;padding:5px 8px;display:flex}.vsp-idle-device:hover{background:var(--hover-bg)}.vsp-idle-device__info{flex-direction:column;flex:1;gap:1px;min-width:0;margin-right:8px;display:flex}.vsp-idle-device__label{color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;overflow:hidden}.vsp-idle-device__sublabel{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.vsp-body--compact .vsp-section__body{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:6px;display:grid}.vsp-body--compact .vsp-stream-tile{border-radius:var(--radius-md);background:var(--overlay-light);border:1px solid var(--pane-border-subtle);min-width:0;padding:6px}.vsp-body--compact .vsp-stream-tile__request-row{gap:4px;margin:4px 0;padding:4px 6px}.vsp-body--compact .vsp-stream-tile__label{font-size:10px}.vsp-body--compact .vsp-stream-tile__source-select,.vsp-body--compact .vsp-stream-tile__quality-select{min-width:0;max-width:100%}.vsp-minimized-btn{border-radius:var(--radius-md);border:1px solid var(--pane-border-subtle);background:var(--pane-bg-subtle);color:var(--text-tertiary);cursor:pointer;text-align:left;width:100%;transition:background-color var(--transition-fast) ease;align-items:center;gap:6px;padding:6px 10px;font-size:11px;display:flex}.vsp-minimized-btn:hover{background:var(--hover-bg)}.vsp-minimized-btn__label{font-weight:600}.vsp-minimized-btn__tag{opacity:.6;margin-left:auto;font-size:10px}.vsp-minimized-btn--static{cursor:default}.vsp-minimized-btn--static:hover{background:var(--pane-bg-subtle)}.vsp-add-section{border-top:1px solid var(--pane-border-subtle);margin-top:auto;padding-top:4px}.vsp-add-btn{border-radius:var(--radius-md);border:1px dashed var(--pane-border);width:100%;color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast) ease,border-color var(--transition-fast) ease;background:0 0;align-items:center;gap:6px;padding:6px 8px;font-size:11px;display:flex}.vsp-add-btn:hover{color:var(--text-secondary);border-color:var(--text-muted)}.add-stream-form{border-radius:var(--radius-md);background:var(--overlay-light);border:1px solid var(--pane-border-subtle);flex-direction:column;gap:6px;padding:8px;display:flex}.dark .add-stream-form{background:var(--overlay-light)}.light .add-stream-form{background:var(--overlay-subtle)}.add-stream-form__header{justify-content:space-between;align-items:center;display:flex}.add-stream-form__title{color:var(--text-muted);font-size:11px;font-weight:600}.add-stream-form__close{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast) ease;background:0 0;border:none;padding:0;display:flex}.add-stream-form__close:hover{color:var(--text-primary)}.add-stream-form__input,.add-stream-form__select{border:1px solid var(--pane-border);background:var(--popover-bg);color:var(--text-primary);transition:border-color var(--transition-fast) ease;border-radius:5px;padding:6px 8px;font-size:12px}.add-stream-form__input::placeholder{color:var(--text-muted)}.add-stream-form__input:focus,.add-stream-form__select:focus{border-color:var(--color-primary);outline:none}.add-stream-form__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding-right:24px}.add-stream-form__error{color:var(--color-error);font-size:11px;line-height:1.3}.add-stream-form__submit{background:var(--color-primary);color:var(--color-white);cursor:pointer;transition:background-color var(--transition-fast) ease;border:none;border-radius:5px;padding:6px 10px;font-size:12px;font-weight:600}.add-stream-form__submit:hover{background:var(--color-primary-hover)}.add-stream-form__submit:disabled{opacity:.7;cursor:wait}.add-stream-form__checkbox-label{color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;font-size:11px;display:flex}.add-stream-form__checkbox-label input[type=checkbox]{width:13px;height:13px;accent-color:var(--color-primary);cursor:pointer}.stream-modal-name-row{align-items:center;gap:8px;display:flex}.stream-protocol-tag{text-transform:uppercase;letter-spacing:.05em;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:700}.stream-protocol-tag[data-protocol=srt]{background:var(--tag-srt-bg);color:var(--color-tag-srt)}.stream-protocol-tag[data-protocol=rtsp]{background:var(--tag-rtsp-bg);color:var(--color-tag-rtsp)}.stream-modal-stream-name{color:var(--text-primary);font-size:13px;font-weight:600}.stream-modal-transcode-note{color:var(--color-primary);margin:0;font-size:11px;line-height:1.4}.url-block{border-radius:var(--radius-md);background:var(--overlay-medium);border:1px solid var(--pane-border-subtle);padding:10px 12px}.light .url-block{background:var(--overlay-subtle)}.url-block__header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.url-block__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:600}.url-block__value{word-break:break-all;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:11px;line-height:1.5;display:block}.copy-btn{border-radius:var(--radius-sm);border:1px solid var(--pane-border);background:var(--pane-bg-subtle);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast) ease;align-items:center;gap:4px;padding:3px 8px;font-size:11px;display:flex}.copy-btn:hover{color:var(--text-primary);background:var(--hover-bg)}.copy-btn[data-copied]{background:var(--success-bg-accent);color:var(--success-text);border-color:var(--success-border-strong)}.fs-grid-overlay{z-index:9999;background:var(--overlay-solid);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.fs-grid-header{border-bottom:1px solid var(--pane-border-subtle);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px 12px;padding:10px 20px;display:flex}.fs-grid-title{color:var(--text-primary);font-size:15px;font-weight:600}.fs-grid-header__right{flex-shrink:0;align-items:center;gap:10px;display:flex}.fs-layout-picker{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.fs-layout-picker__btn{border-radius:var(--radius-md);border:1px solid var(--pane-border);background:var(--pane-bg-subtle);color:var(--text-secondary);cursor:pointer;transition:background-color var(--transition-fast) ease,border-color var(--transition-fast) ease,color var(--transition-fast) ease;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:600;display:inline-flex}.fs-layout-picker__btn:hover{background:var(--hover-bg);color:var(--text-primary)}.fs-layout-picker__btn--active{border-color:var(--color-primary);background:var(--overlay-medium);color:var(--text-primary)}.fs-main-badge{border-radius:var(--radius-sm);letter-spacing:.4px;text-transform:uppercase;background:var(--overlay-medium);border:1px solid var(--pane-border-subtle);color:var(--text-muted);margin-left:8px;padding:2px 6px;font-size:10px;font-weight:700}.fs-main-badge--inline{margin-left:auto;margin-right:4px}.fs-tile-primary-btn{border-radius:var(--radius-sm);width:26px;height:26px;color:var(--text-muted);cursor:pointer;transition:background-color var(--transition-fast) ease,color var(--transition-fast) ease,border-color var(--transition-fast) ease;background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.fs-tile-primary-btn:hover{background:var(--hover-bg);color:var(--color-primary);border-color:var(--pane-border-subtle)}.fs-layout-grid{flex:1;min-height:0;padding:10px;overflow:auto}.fs-layout-grid__inner{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-content:start;gap:10px;display:grid}.fs-grid-tile-card{border-radius:var(--radius-md);background:var(--overlay-light);border:1px solid #0000;flex-direction:column;gap:4px;min-width:0;padding:6px;transition:border-color .15s,background .15s,opacity .15s,transform .15s;display:flex;position:relative}.fs-grid-tile-card:hover{border-color:var(--pane-border);background:var(--overlay-medium)}.fs-grid-tile-card--drag-source{opacity:.48;outline:2px dashed var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.fs-grid-tile-card--drag-source{outline:2px dashed color-mix(in srgb,var(--color-primary) 65%,transparent)}}.fs-grid-tile-card--drag-source{outline-offset:2px;transform:scale(.992)}.fs-grid-tile-card__header{align-items:center;gap:6px;min-height:28px;display:flex}.fs-grid-tile-card__label{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;font-weight:600;overflow:hidden}.fs-grid-tile-card__player{min-height:0}.fs-grid-tile-card__player .whep-player{aspect-ratio:16/9}.fs-layout-picker__icon-fs-h{display:inline-flex;transform:rotate(90deg)}.fs-layout-stack{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative}.fs-layout-shell{visibility:hidden;pointer-events:none;z-index:0;flex-direction:column;min-width:0;min-height:0;display:flex;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.fs-layout-shell--active{visibility:visible;pointer-events:auto;z-index:1}.fs-layout-shell>.fs-split,.fs-layout-shell>.fs-layout-grid{flex:1;min-width:0;min-height:0}.fs-split{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.fs-split__body{flex:1;align-items:stretch;min-width:0;min-height:0;display:flex}.fs-split__body--vertical{flex-direction:row}.fs-split__body--horizontal{flex-direction:column}.fs-split__primary-wrap{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.fs-split__sidebar-wrap{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.fs-split__sidebar-wrap--vertical{border-left:1px solid var(--pane-border-subtle);flex-shrink:0}.fs-split__sidebar-wrap--horizontal{border-top:1px solid var(--pane-border-subtle);flex-shrink:0;max-height:min(52vh,520px)}.fs-split-sidebar-float-actions{z-index:6;pointer-events:auto;gap:4px;display:flex;position:absolute;top:8px;right:8px}.fs-split-sidebar-hide-btn{box-shadow:0 2px 12px #00000059}.fs-split-resize{touch-action:none;background:var(--pane-border-subtle);flex-shrink:0}@supports (color:color-mix(in lab,red,red)){.fs-split-resize{background:color-mix(in srgb,var(--pane-border-subtle) 85%,transparent)}}.fs-split-resize{transition:background-color var(--transition-fast) ease}.fs-split-resize:hover{background:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.fs-split-resize:hover{background:color-mix(in srgb,var(--color-primary) 40%,var(--pane-border-subtle))}}.fs-split-resize--vertical{cursor:col-resize;z-index:4;width:8px;margin:0 -3px}.fs-split-resize--horizontal{cursor:row-resize;z-index:4;height:8px;margin:-3px 0}.fs-split-sidebar-reveal{border:none;border-left:1px solid var(--pane-border-subtle);background:var(--overlay-medium);width:42px;color:var(--text-secondary);cursor:pointer;writing-mode:vertical-rl;text-orientation:mixed;flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:center;gap:6px;padding:12px 8px;font-size:10px;font-weight:600;display:flex}.fs-split-sidebar-reveal:hover{background:var(--hover-bg);color:var(--text-primary)}.fs-split-sidebar-reveal--horizontal{writing-mode:horizontal-tb;border-left:none;border-top:1px solid var(--pane-border-subtle);flex-direction:row;justify-content:center;width:100%;height:42px}.fs-split--sidebar-hidden .fs-split__primary-wrap,.fs-split--sidebar-hidden-h .fs-split__primary-wrap{flex:1}.fs-split__primary{flex-direction:column;flex:1;min-width:0;min-height:0;padding:10px;display:flex}.fs-primary-tile,.fs-primary-tile__player{flex-direction:column;flex:1;min-height:0;display:flex}.fs-video-slot{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.fs-primary-tile__player .whep-player{aspect-ratio:unset;border-radius:var(--radius-md);flex:1}.fs-primary-tile--empty{color:var(--text-muted);justify-content:center;align-items:center;gap:12px;font-size:14px}.fs-sidebar-scroll{scrollbar-width:thin;scrollbar-color:var(--pane-border-subtle) transparent;flex-direction:column;flex:1;gap:8px;padding:8px;display:flex;overflow:hidden auto}.fs-split__sidebar-wrap .fs-sidebar-scroll{padding-top:36px}.fs-sidebar-scroll--vertical{flex-direction:column}.fs-sidebar-scroll--horizontal{flex-direction:row;align-items:stretch;overflow:auto hidden}.fs-sidebar-scroll--horizontal .fs-sidebar-tile{flex-shrink:0;width:260px}.fs-sidebar-scroll--horizontal::-webkit-scrollbar{height:5px}.fs-sidebar-scroll--horizontal::-webkit-scrollbar-thumb{border-radius:3px}.fs-sidebar-scroll::-webkit-scrollbar{width:5px}.fs-sidebar-scroll::-webkit-scrollbar-track{background:0 0}.fs-sidebar-scroll::-webkit-scrollbar-thumb{background:var(--pane-border-subtle);border-radius:3px}.fs-sidebar-tile{border-radius:var(--radius-md);background:var(--overlay-light);cursor:default;border:1px solid #0000;flex-direction:column;gap:3px;padding:6px;transition:border-color .15s,background .15s,opacity .15s,transform .15s;display:flex}.fs-sidebar-tile:hover{border-color:var(--pane-border);background:var(--overlay-medium)}.fs-sidebar-tile--drag-source{opacity:.48;outline:2px dashed var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.fs-sidebar-tile--drag-source{outline:2px dashed color-mix(in srgb,var(--color-primary) 65%,transparent)}}.fs-sidebar-tile--drag-source{outline-offset:2px;transform:scale(.992)}.fs-drop-guideline{background:var(--color-primary);height:4px;box-shadow:0 0 0 1px var(--color-primary);border-radius:2px;flex-shrink:0;margin:2px 0 6px}@supports (color:color-mix(in lab,red,red)){.fs-drop-guideline{box-shadow:0 0 0 1px color-mix(in srgb,var(--color-primary) 35%,transparent)}}.fs-drop-guideline{pointer-events:none;animation:.85s ease-in-out infinite fs-drop-guideline-pulse}@keyframes fs-drop-guideline-pulse{0%,to{opacity:.75}50%{opacity:1}}.fs-drop-guideline--card-edge{z-index:3;border-radius:2px 2px 0 0;height:4px;margin:0;animation:.85s ease-in-out infinite fs-drop-guideline-pulse;position:absolute;top:0;left:0;right:0}.fs-drop-guideline--before-x{background:var(--color-primary);width:4px;min-height:40px;box-shadow:0 0 0 1px var(--color-primary);border-radius:2px;flex-shrink:0;align-self:stretch;margin:0 4px 0 0}@supports (color:color-mix(in lab,red,red)){.fs-drop-guideline--before-x{box-shadow:0 0 0 1px color-mix(in srgb,var(--color-primary) 35%,transparent)}}.fs-drop-guideline--before-x{animation:.85s ease-in-out infinite fs-drop-guideline-pulse}.fs-drop-guideline--tail.fs-drop-guideline--before-x{margin-left:4px;margin-right:0}.fs-drop-guideline--grid-span{grid-column:1/-1;height:4px;margin:0 0 6px}.fs-drop-tail{border-radius:var(--radius-md);border:1px dashed #0000;flex-shrink:0;min-height:32px;margin-top:2px;transition:border-color .15s,background .15s}.fs-drop-tail--grid{grid-column:1/-1;min-height:36px}.fs-drop-tail--horizontal{flex-shrink:0;align-self:stretch;min-width:40px;margin-top:0;margin-left:4px}.fs-sidebar-scroll:has(.fs-sidebar-tile--drag-source) .fs-drop-tail,.fs-sidebar-scroll--horizontal:has(.fs-sidebar-tile--drag-source) .fs-drop-tail--horizontal{border-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.fs-sidebar-scroll:has(.fs-sidebar-tile--drag-source) .fs-drop-tail,.fs-sidebar-scroll--horizontal:has(.fs-sidebar-tile--drag-source) .fs-drop-tail--horizontal{border-color:color-mix(in srgb,var(--color-primary) 45%,var(--pane-border-subtle))}}.fs-sidebar-scroll:has(.fs-sidebar-tile--drag-source) .fs-drop-tail,.fs-sidebar-scroll--horizontal:has(.fs-sidebar-tile--drag-source) .fs-drop-tail--horizontal{background:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.fs-sidebar-scroll:has(.fs-sidebar-tile--drag-source) .fs-drop-tail,.fs-sidebar-scroll--horizontal:has(.fs-sidebar-tile--drag-source) .fs-drop-tail--horizontal{background:color-mix(in srgb,var(--color-primary) 8%,transparent)}}.fs-layout-grid__inner:has(.fs-grid-tile-card--drag-source) .fs-drop-tail--grid{border-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.fs-layout-grid__inner:has(.fs-grid-tile-card--drag-source) .fs-drop-tail--grid{border-color:color-mix(in srgb,var(--color-primary) 45%,var(--pane-border-subtle))}}.fs-layout-grid__inner:has(.fs-grid-tile-card--drag-source) .fs-drop-tail--grid{background:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.fs-layout-grid__inner:has(.fs-grid-tile-card--drag-source) .fs-drop-tail--grid{background:color-mix(in srgb,var(--color-primary) 8%,transparent)}}.fs-drag-ghost{border-radius:var(--radius-md);overflow:hidden;box-shadow:0 14px 36px #00000061}.fs-sidebar-tile__header{align-items:center;gap:4px;display:flex}.fs-sidebar-tile__grip{color:var(--text-muted);opacity:.5;cursor:grab;touch-action:none;flex-shrink:0}.fs-sidebar-tile__grip:active{cursor:grabbing}.fs-sidebar-tile__label{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;font-weight:600;overflow:hidden}.fs-sidebar-tile__player .whep-player{aspect-ratio:16/9}.fs-sidebar-tile__idle{border-radius:var(--radius-sm);background:var(--overlay-subtle);border:1px dashed var(--pane-border-subtle);color:var(--text-muted);justify-content:center;align-items:center;gap:6px;padding:12px 6px;font-size:10px;display:flex}.fs-grid-tile-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.fs-grid-tile-label{color:var(--text-primary);font-size:13px;font-weight:600}.fs-grid-minimized-bar{border-top:1px solid var(--pane-border-subtle);flex-wrap:wrap;flex-shrink:0;gap:6px;padding:8px 16px;display:flex}.fs-grid-minimized-btn{border-radius:var(--radius-md);border:1px solid var(--pane-border);background:var(--pane-bg-subtle);color:var(--text-tertiary);cursor:pointer;transition:background-color var(--transition-fast) ease;align-items:center;gap:5px;padding:5px 10px;font-size:11px;display:flex}.fs-grid-minimized-btn:hover{background:var(--hover-bg)}.detached-video .floating-pane__shell{overflow:hidden}.detached-video__reattach{border-radius:var(--radius-sm);width:1.25rem;height:1.25rem;color:var(--text-muted);cursor:pointer;transition:background-color var(--transition-fast) ease,color var(--transition-fast) ease;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.detached-video__reattach:hover{background-color:var(--hover-bg);color:var(--text-primary)}.detached-video__body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.detached-video__slot{flex-direction:column;flex:1;min-height:0;display:flex}.detached-video__body .whep-player{aspect-ratio:unset;border:none;border-radius:0;flex:1}.detached-video__body .stream-metrics{border-radius:0}.detached-video__body .stream-metrics__toggle{justify-content:center;padding-right:22px}.detached-video__body .stream-metrics__summary{flex:0 auto}.detached-video__resize-handle{cursor:nwse-resize;z-index:3;width:18px;height:18px;position:absolute;bottom:0;right:0}.detached-video__resize-handle:after{content:"";border-right:2px solid var(--text-secondary);border-bottom:2px solid var(--text-secondary);opacity:.75;width:9px;height:9px;position:absolute;bottom:3px;right:3px}.detached-video__resize-handle:hover:after{opacity:1}@media(max-width:767px){.fs-split__body--vertical{flex-direction:column}.fs-split__sidebar-wrap--vertical{border-left:none;border-top:1px solid var(--pane-border-subtle);width:100%;max-height:40vh}.fs-grid-header{padding:10px 16px}.fs-grid-title{font-size:13px}.fs-layout-grid__inner{grid-template-columns:1fr}.fs-layout-picker__btn span{display:none}.fs-layout-picker__btn{padding:6px 8px}.popover-panel,.stream-modal-panel{max-width:95vw}.detached-video{width:90vw!important;left:5vw!important}}@media(min-width:768px)and (max-width:1024px){.fs-split__sidebar-wrap--vertical{width:240px}}.vsp-section{flex-direction:column;gap:4px;display:flex}.vsp-section--muted{opacity:.85}.vsp-section__header{color:var(--text-secondary);letter-spacing:.6px;text-transform:uppercase;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:4px 6px;font-size:10px;font-weight:600;display:flex}.vsp-section__header:hover{color:var(--text-primary)}.vsp-section__label{text-align:left;flex:1}.vsp-section__count{background:var(--overlay-subtle);color:var(--text-primary);border-radius:8px;padding:1px 6px;font-size:10px;font-weight:600}.vsp-section__body{flex-direction:column;gap:8px;display:flex}.vsp-stream-tile__view-actions{align-items:center;gap:4px;margin-left:auto;display:flex}.vsp-stream-tile__request-row{border-radius:var(--radius-md);background:var(--overlay-subtle);border:1px solid var(--pane-border-subtle);flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0;padding:6px 8px;display:flex}.vsp-stream-tile__protocol-tag{background:var(--overlay-subtle);border:1px solid var(--pane-border-subtle);color:var(--text-primary);letter-spacing:.4px;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:600}.vsp-stream-tile__protocol-tag[data-mode=manual]{color:#fbbf24;background:#facc151f;border-color:#facc1566}.vsp-stream-tile__source{color:var(--text-secondary);align-items:center;gap:4px;font-size:11px;display:flex}.vsp-stream-tile__source-label{font-weight:500}.vsp-stream-tile__source-select{border:1px solid var(--pane-border-subtle);background:var(--overlay-subtle);color:var(--text-primary);cursor:pointer;border-radius:4px;padding:2px 18px 2px 6px;font-size:11px}.vsp-stream-tile__error{border-radius:var(--radius-sm);color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;margin:4px 8px 8px;padding:6px 8px;font-size:11px}.vsp-stream-toggle--provision{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f666}.vsp-stream-toggle--provision:hover{background:#3b82f640}.vsp-stream-toggle--ghost{border:1px solid var(--pane-border-subtle);color:var(--text-secondary);background:0 0}.vsp-stream-toggle--ghost:hover{background:var(--overlay-subtle);color:var(--text-primary)}.vsp-unconfigured-row{border-radius:var(--radius-sm);background:var(--overlay-subtle);border:1px dashed var(--pane-border-subtle);align-items:center;gap:8px;padding:6px 8px;font-size:11px;display:flex}.vsp-unconfigured-row__text{flex-direction:column;flex:1;min-width:0;display:flex}.vsp-unconfigured-row__label{color:var(--text-primary);font-weight:500}.vsp-unconfigured-row__sublabel{color:var(--text-muted);font-size:10px}.vsp-unconfigured-row__hint{color:var(--text-muted);font-size:10px;font-style:italic}.vsp-empty{color:var(--text-muted);text-align:center;padding:20px 12px;font-size:11px;font-style:italic}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}