:root{--bg-base: #0f0f0f;--bg-elevated: #1a1a1a;--bg-surface: #1a1a1a;--bg-overlay: #252525;--bg-muted: #2a2a2a;--fg-primary: #ffffff;--fg-secondary: #a0a0a0;--fg-muted: #888888;--fg-faint: #555555;--border-default: #2a2a2a;--border-subtle: #222222;--border-strong: #333333;--border-focus: #f97316;--accent: #f97316;--accent-hover: #ea580c;--accent-muted: rgba(249, 115, 22, .15);--accent-light: #fb923c;--accent-soft: #fdba74;--accent-pale: #fed7aa;--success: #22c55e;--success-muted: rgba(34, 197, 94, .15);--warning: #f59e0b;--warning-muted: rgba(245, 158, 11, .15);--error: #ef4444;--error-muted: rgba(239, 68, 68, .15);--error-text: #fca5a5;--container-wide: 1080px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-14: 56px;--space-16: 64px;--space-20: 80px;--space-25: 100px;--space-30: 120px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-full: 9999px;--font-display: "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Fira Code", "Consolas", monospace;--text-xs: calc(11px * var(--font-scale, 1));--text-sm: calc(12px * var(--font-scale, 1));--text-base: calc(14px * var(--font-scale, 1));--text-md: calc(16px * var(--font-scale, 1));--text-lg: calc(18px * var(--font-scale, 1));--text-xl: calc(24px * var(--font-scale, 1));--text-2xl: calc(32px * var(--font-scale, 1));--text-3xl: calc(40px * var(--font-scale, 1));--text-4xl: calc(56px * var(--font-scale, 1));--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .02em;--shadow-menu: 0 4px 12px rgba(0, 0, 0, .4);--shadow-card-hover: 0 4px 12px rgba(0, 0, 0, .3);--transition-fast: .15s cubic-bezier(.25, 1, .5, 1);--transition-normal: .2s cubic-bezier(.25, 1, .5, 1);--z-sticky: 50;--z-dropdown: 100;--z-modal: 1000;--z-tooltip: 1100}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--text-base);font-weight:var(--font-medium);font-family:var(--font-sans);text-decoration:none;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);white-space:nowrap}.btn:hover{background:var(--accent-hover);color:#fff}.btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:3px}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn--secondary{background:var(--bg-muted);color:var(--fg-primary)}.btn--secondary:hover{background:var(--bg-overlay);color:var(--fg-primary)}.btn--danger{background:var(--error);color:#fff}.btn--danger:hover{background:#dc2626;color:#fff}.btn--ghost{background:transparent;color:var(--fg-secondary);border:1px solid var(--border-default)}.btn--ghost:hover{background:var(--bg-muted);color:var(--fg-primary);border-color:var(--accent)}.btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.btn--lg{padding:var(--space-3) var(--space-6);font-size:var(--text-md)}.btn--icon{width:2rem;height:2rem;padding:0}.input{width:100%;padding:var(--space-2) var(--space-3);background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--fg-primary);font-size:var(--text-base);font-family:var(--font-sans);transition:border-color var(--transition-fast)}.input:focus{outline:none;border-color:var(--border-focus)}.input::placeholder{color:var(--fg-muted)}.input:disabled{opacity:.5;cursor:not-allowed}.input--mono{font-family:var(--font-mono);letter-spacing:.1em}.select-wrapper{position:relative;display:inline-flex;width:100%}.select{width:100%;padding:var(--space-2) var(--space-8) var(--space-2) var(--space-3);background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--fg-primary);font-size:var(--text-base);font-family:var(--font-sans);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:border-color var(--transition-fast)}.select:focus{outline:none;border-color:var(--border-focus)}.select-wrapper:after{content:"";position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--fg-muted);pointer-events:none}.checkbox{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-base);color:var(--fg-primary)}.checkbox__input{width:16px;height:16px;margin:0;accent-color:var(--accent);cursor:pointer}.checkbox__label{-webkit-user-select:none;user-select:none}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--fg-secondary)}.field__hint{font-size:var(--text-sm);color:var(--fg-muted)}.modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.modal{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);width:100%;max-width:560px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.modal--sm{max-width:360px}.modal--lg{max-width:720px}.modal__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-bottom:1px solid var(--border-subtle)}.modal__title{font-family:var(--font-display);font-size:var(--text-md);font-weight:700;color:var(--fg-primary);letter-spacing:var(--tracking-tight);margin:0}.modal__close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--fg-muted);font-size:var(--text-lg);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.modal__close:hover{color:var(--fg-primary);background:var(--bg-muted)}.modal__content{padding:var(--space-4);overflow-y:auto;flex:1}.modal__footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4);border-top:1px solid var(--border-subtle)}.modal__section{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.modal__section:first-child{margin-top:0;padding-top:0;border-top:none}.modal__section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.modal__section-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--fg-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin:0}.card{background:var(--bg-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-3)}.card--interactive{cursor:pointer;transition:border-color var(--transition-fast)}.card--interactive:hover{border-color:var(--border-strong)}.list-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background:var(--bg-overlay);border-radius:var(--radius-md)}.list-item+.list-item{margin-top:var(--space-2)}.list-item__content{display:flex;flex-direction:column;gap:2px;min-width:0}.list-item__title{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--fg-primary)}.list-item__meta{font-size:var(--text-sm);color:var(--fg-muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.list-item__actions{display:flex;gap:var(--space-2);flex-shrink:0}.empty-text{color:var(--fg-muted);font-size:var(--text-base)}.error-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);background:var(--error-muted);color:var(--error-text);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-base)}.error-banner__dismiss{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:transparent;border:none;color:var(--error-text);font-size:var(--text-md);cursor:pointer;flex-shrink:0}.error-banner__dismiss:hover{color:#fff}.widget-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.widget-picker__item{display:flex;flex-direction:row;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast);color:var(--fg-primary);text-align:left}.widget-picker__item:hover,.widget-picker__item--focused{border-color:var(--accent);background:var(--bg-muted);transform:translateY(-2px)}.widget-picker__item:active{transform:translateY(0)}.widget-picker__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--accent-muted);border-radius:var(--radius-sm);color:var(--accent);flex-shrink:0}.widget-picker__content{display:flex;flex-direction:column;gap:2px;min-width:0}.widget-picker__name{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--fg-primary)}.widget-picker__description{font-size:var(--text-sm);color:var(--fg-muted)}.widget-picker__hint{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--fg-muted);text-align:center}.inline-form{background:var(--bg-overlay);border-radius:var(--radius-md);padding:var(--space-4)}.inline-form__fields{display:flex;flex-direction:column;gap:var(--space-3)}.inline-form__actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-4)}.badge{display:inline-flex;padding:var(--space-1) var(--space-3);background:var(--accent-muted);color:var(--accent);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium)}.config-editor{display:flex;flex-direction:column;gap:var(--space-4)}.config-editor .field+.field{margin-top:0}.version-list{display:flex;flex-direction:column;gap:var(--space-1);max-height:400px;overflow-y:auto}.version-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:background var(--transition-fast)}.version-item:hover{background:var(--bg-overlay)}.version-info{display:flex;flex-direction:column;gap:2px}.version-date{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.version-detail{font-size:var(--text-xs);color:var(--text-secondary)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.drawer__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:var(--z-modal)}.drawer{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:480px;background:var(--bg-surface);border-left:1px solid var(--border-default);display:flex;flex-direction:column;z-index:calc(var(--z-modal) + 1)}.drawer__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-bottom:1px solid var(--border-subtle)}.drawer__title{font-family:var(--font-display);font-size:var(--text-md);font-weight:700;color:var(--fg-primary);letter-spacing:var(--tracking-tight);margin:0}.drawer__close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--fg-muted);font-size:var(--text-lg);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.drawer__close:hover{color:var(--fg-primary);background:var(--bg-muted)}.drawer__content{padding:var(--space-4);overflow-y:auto;flex:1}.drawer__search{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle)}.drawer__search-input{width:100%;padding:var(--space-2) var(--space-3);background:var(--bg-muted);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--fg-primary);font-size:var(--text-sm)}.drawer__search-input::placeholder{color:var(--fg-muted)}.drawer__search-input:focus{outline:none;border-color:var(--color-primary)}.drawer__docs-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-4);background:var(--bg-muted);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--fg-secondary);font-size:var(--text-xs);font-weight:500;text-decoration:none;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.drawer__docs-link:hover{color:var(--color-primary);background:var(--bg-surface);border-color:var(--color-primary)}.drawer__docs-link svg{flex-shrink:0}.help-article{font-size:var(--text-sm);line-height:1.6}.help-article h1{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--fg-primary);margin:0 0 var(--space-4);letter-spacing:var(--tracking-tight)}.help-article h2{font-family:var(--font-display);font-size:var(--text-md);font-weight:600;color:var(--fg-primary);margin:var(--space-6) 0 var(--space-3);letter-spacing:var(--tracking-tight)}.help-article h3{font-size:var(--text-sm);font-weight:600;color:var(--fg-primary);margin:var(--space-4) 0 var(--space-2)}.help-article p{margin:0 0 var(--space-3);color:var(--fg-secondary)}.help-article ul,.help-article ol{margin:0 0 var(--space-3);padding-left:var(--space-5);color:var(--fg-secondary)}.help-article li{margin-bottom:var(--space-1)}.help-article table{width:100%;border-collapse:collapse;margin:0 0 var(--space-3);font-size:var(--text-sm)}.help-article th,.help-article td{padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);text-align:left}.help-article th{background:var(--bg-muted);font-weight:600;color:var(--fg-primary)}.help-article td{color:var(--fg-secondary)}.help-article code{padding:2px 6px;background:var(--bg-muted);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.9em}.help-article pre{padding:var(--space-3);background:var(--bg-muted);border-radius:var(--radius-sm);overflow-x:auto;margin:0 0 var(--space-3)}.help-article pre code{padding:0;background:transparent}.help-topics{padding:var(--space-4)}.help-topics__title{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;color:var(--fg-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin:0 0 var(--space-3)}.help-topics__list{list-style:none;margin:0;padding:0}.help-topics__list li{margin-bottom:var(--space-1)}.help-topic-link{display:block;width:100%;padding:var(--space-2) var(--space-3);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--fg-primary);font-size:var(--text-sm);text-align:left;cursor:pointer;transition:background var(--transition-fast)}.help-topic-link:hover{background:var(--bg-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.live-toast{position:fixed;top:var(--space-4);right:var(--space-4);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-surface);border:1px solid var(--success);border-radius:var(--radius-md);box-shadow:0 16px 36px #0f0f0f2e;z-index:calc(var(--z-modal) + 1);min-width:280px;max-width:400px}.live-toast__icon{color:var(--success);flex-shrink:0}.live-toast__content{flex:1;min-width:0}.live-toast__title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--fg-primary);margin:0}.live-toast__body{font-size:var(--text-sm);color:var(--fg-secondary);margin:0}.live-toast__dismiss{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--fg-muted);font-size:var(--text-md);cursor:pointer;flex-shrink:0}.live-toast__dismiss:hover{color:var(--fg-primary);background:var(--bg-muted)}.devices-empty-wizard{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-8) var(--space-4)}.devices-empty-wizard__icon{font-size:48px;margin-bottom:var(--space-4)}.devices-empty-wizard__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--fg-primary);margin:0 0 var(--space-2);letter-spacing:var(--tracking-tight)}.devices-empty-wizard__desc{font-size:var(--text-base);color:var(--fg-secondary);margin:0 0 var(--space-4);max-width:400px}.devices-empty-wizard__cards{display:flex;flex-direction:column;gap:var(--space-2);margin:var(--space-6) 0;width:100%;max-width:360px;text-align:left}.devices-empty-wizard__card{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);background:var(--bg-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.devices-empty-wizard__card-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--fg-primary)}.devices-empty-wizard__card-desc{font-size:var(--text-xs);color:var(--fg-muted)}.devices-empty-wizard__url-row{display:flex;gap:var(--space-2);width:100%;max-width:400px;margin-bottom:var(--space-4)}.devices-empty-wizard__url-row .field__input{flex:1}.devices-empty-wizard__help{font-size:var(--text-sm);color:var(--fg-muted)}.devices-empty-wizard__help a{color:var(--accent);text-decoration:none}.devices-empty-wizard__help a:hover{text-decoration:underline}.btn-send-to-display{background:var(--accent);color:#fff}.btn-send-to-display:hover{background:var(--accent-hover)}.btn-send-to-display:disabled{opacity:.5;cursor:not-allowed}.coachmark-panel{width:280px;padding:var(--space-3) var(--space-4);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:0 16px 36px #0f0f0f2e;color:var(--fg-primary)}.coachmark-panel__arrow{position:absolute;top:-6px;left:var(--space-4);width:12px;height:12px;background:var(--bg-surface);border-top:1px solid var(--border-default);border-left:1px solid var(--border-default);transform:rotate(45deg)}.coachmark-panel__content{display:flex;flex-direction:column;gap:var(--space-2)}.coachmark-panel__title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--fg-primary);margin:0}.coachmark-panel__body{font-size:var(--text-sm);color:var(--fg-secondary);margin:0}.coachmark-panel__actions{display:flex;gap:var(--space-2);margin-top:var(--space-1)}.help-nav{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle)}.help-nav__item{padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--fg-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.help-nav__item:hover{background:var(--bg-muted);color:var(--fg-primary)}.help-nav__item.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--fg-inverted)}.help-content{font-size:var(--text-sm);line-height:1.6}.help-content h1{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--fg-primary);margin:0 0 var(--space-4);letter-spacing:var(--tracking-tight)}.help-content h2{font-family:var(--font-display);font-size:var(--text-md);font-weight:600;color:var(--fg-primary);margin:var(--space-6) 0 var(--space-3);letter-spacing:var(--tracking-tight)}.help-content h3{font-size:var(--text-sm);font-weight:600;color:var(--fg-primary);margin:var(--space-4) 0 var(--space-2)}.help-content p{margin:0 0 var(--space-3);color:var(--fg-secondary)}.help-content ul,.help-content ol{margin:0 0 var(--space-3);padding-left:var(--space-5);color:var(--fg-secondary)}.help-content li{margin-bottom:var(--space-1)}.help-content table{width:100%;border-collapse:collapse;margin:0 0 var(--space-3);font-size:var(--text-sm)}.help-content th,.help-content td{padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);text-align:left}.help-content th{background:var(--bg-muted);font-weight:600;color:var(--fg-primary)}.help-content td{color:var(--fg-secondary)}.help-content code{padding:2px 6px;background:var(--bg-muted);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.9em}.help-content pre{padding:var(--space-3);background:var(--bg-muted);border-radius:var(--radius-sm);overflow-x:auto;margin:0 0 var(--space-3)}.help-content pre code{padding:0;background:transparent}