.device-list li ._device-thumb_gtdxe_1{width:60px;height:40px;aspect-ratio:16 / 10;flex-shrink:0;border-radius:var(--radius-sm)}._device-filter-row_gtdxe_19{display:flex;flex-direction:row;flex-wrap:wrap;align-items:end;gap:var(--space-3);margin:var(--space-3) var(--space-5) 0}._device-filter-row_gtdxe_19 label{display:flex;flex-direction:column;gap:var(--space-0-5);font-size:var(--text-sm);font-weight:500;flex:1 1 200px;max-width:320px}._device-filter-row_gtdxe_19 label:has(#_device-status-filter_gtdxe_1){flex:0 1 auto}._device-filter-row_gtdxe_19 select#_device-status-filter_gtdxe_1{width:160px}._device-filter-count_gtdxe_81{align-self:center;font-size:.85em;opacity:.75;white-space:nowrap}._device-pagination_gtdxe_95{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border-soft);font-size:.9em;font-variant-numeric:tabular-nums}._device-name_gtdxe_117{font-size:var(--text-base);font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._device-sub_gtdxe_135{display:flex;align-items:center;gap:var(--space-1-5);font-size:var(--text-xs);color:var(--color-text-faint)}._device-thumb_gtdxe_1>img{object-fit:cover;background:var(--color-border-soft)}._overview-kpis_1p2r8_1{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4);margin-bottom:var(--space-5)}.kpi ._kpi-note_1p2r8_15{color:var(--color-text-faint);font-size:var(--text-xs)}._kpi-bar_1p2r8_25{display:flex;height:6px;margin:var(--space-2) 0;border-radius:var(--radius-full);overflow:hidden;background:var(--color-border-soft)}._todo-icon_1p2r8_43{width:34px;height:34px;flex-shrink:0;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center}._todo-icon_1p2r8_43[data-severity=bad]{background:var(--color-danger-bg);color:var(--color-danger)}._todo-icon_1p2r8_43[data-severity=warn]{background:var(--color-warn-bg);color:var(--color-warn)}._todo-body_1p2r8_83{flex:1;min-width:0}._todo-body_1p2r8_83 b{display:block;font-size:var(--text-base)}._todo-body_1p2r8_83 p{margin:var(--space-0-5) 0 0;font-size:var(--text-sm);color:var(--color-text-muted)}a._todo-action_1p2r8_115{flex-shrink:0;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);font-weight:600;text-decoration:none}a._todo-action_1p2r8_115:hover{background:var(--color-border-soft)}._overview-clear_1p2r8_147{margin:0;padding:var(--space-4) var(--space-5);color:var(--color-text-muted);font-size:var(--text-base)}._overview-cta_1p2r8_161{text-align:center;margin:0 0 var(--space-4)}@media (max-width: 640px){.todo-list>li a._todo-action_1p2r8_115{grid-column:2;justify-self:start}}._overview-head-actions_16dhz_5{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}a._overview-compose_16dhz_19{display:inline-flex;align-items:center;gap:var(--space-1-5);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);background:var(--color-primary);border:1px solid var(--color-primary);color:var(--color-on-primary);font-weight:600;text-decoration:none}a._overview-compose_16dhz_19:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}._overview-two_16dhz_55{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:var(--space-5);align-items:start}._overview-left_16dhz_69,._overview-right_16dhz_71{display:flex;flex-direction:column;gap:var(--space-5);min-width:0}._overview-left_16dhz_69>section.ui-card,._overview-right_16dhz_71>section.ui-card{margin-bottom:0}._overview-tvs_16dhz_95{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:var(--space-3);padding:var(--space-4) var(--space-5);list-style:none;margin:0}._device-status-dot_16dhz_113{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:var(--space-1-5);background:var(--color-text-faint)}._device-status-dot_16dhz_113[data-status=realtime]{background:var(--color-ok)}._device-status-dot_16dhz_113[data-status=polling]{background:var(--color-warn)}._device-status-dot_16dhz_113[data-status=offline]{background:var(--color-danger)}._overview-tvs_16dhz_95>li{display:flex;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:var(--space-2);padding:0;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform var(--motion-fast, .12s) ease,box-shadow var(--motion-fast, .12s) ease,border-color var(--motion-fast, .12s) ease}._overview-tvs_16dhz_95>li:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-border-strong)}._overview-tvs_16dhz_95>li>a{display:block;line-height:0;background:var(--color-surface-2)}._overview-tvs_16dhz_95>li>a img{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;vertical-align:top}._overview-tv-body_16dhz_219{display:flex;flex-direction:column;gap:var(--space-0-5);padding:0 var(--space-3) var(--space-3);min-width:0}._overview-tv-body_16dhz_219 b{font-size:var(--text-base);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._overview-tv-body_16dhz_219 b a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;text-decoration:none}._overview-tv-body_16dhz_219 b a:hover{text-decoration:underline}._overview-tv-body_16dhz_219 small{color:var(--color-text-muted);font-size:var(--text-xs)}._overview-tv-group_16dhz_287{color:var(--color-text-faint)}._overview-start_16dhz_295{list-style:none;margin:0;padding:var(--space-2) var(--space-5) var(--space-4);display:flex;flex-direction:column;gap:var(--space-0-5)}._overview-start_16dhz_295>li{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border:0;font-weight:600;flex-wrap:nowrap}._overview-start_16dhz_295>li[data-done=true]{color:var(--color-text-muted);font-weight:500}._overview-start-ck_16dhz_343{width:22px;height:22px;border-radius:var(--radius-full);border:1.5px solid var(--color-border);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}._overview-start_16dhz_295>li[data-done=true] ._overview-start-ck_16dhz_343{background:var(--color-ok);border-color:var(--color-ok)}._overview-start_16dhz_295>li[data-done=true] ._overview-start-ck_16dhz_343:after{content:"";width:6px;height:10px;border:solid var(--color-on-accent);border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}._overview-feed_16dhz_393{list-style:none;margin:0;padding:0 var(--space-5) var(--space-3);gap:0}._overview-feed_16dhz_393>li{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:var(--space-3);padding:var(--space-2-5) 0;border:0;border-top:1px solid var(--color-border-soft);font-size:var(--text-sm);align-items:start;flex-wrap:nowrap}._overview-feed_16dhz_393>li:first-child{border-top:0}._overview-feed-dot_16dhz_439{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-accent);margin-top:var(--space-1-5)}._overview-feed-body_16dhz_455{min-width:0}._overview-feed_16dhz_393 time{color:var(--color-text-faint);font-size:var(--text-xs);white-space:nowrap}._overview-empty-activity_16dhz_475{margin:0;padding:var(--space-4) var(--space-5);color:var(--color-text-muted);font-size:var(--text-base)}@media (max-width: 1100px){._overview-two_16dhz_55{grid-template-columns:1fr}}._palette-veil_11rth_1{align-items:start;padding-top:12vh}._palette-section-label_11rth_11{display:block;padding:var(--space-2) var(--space-3) var(--space-1);color:var(--color-text-faint);font-size:var(--text-2xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.palette li._palette-option_11rth_31{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2-5) var(--space-3);border-radius:var(--radius-sm);cursor:pointer}.palette li._palette-option_11rth_31 small{color:var(--color-text-muted)}.palette li._palette-option_11rth_31[aria-selected=true]{background:var(--color-accent-soft);color:var(--color-accent)}._palette-empty_11rth_69{margin:0;padding:var(--space-4);color:var(--color-text-muted)}._palette-pref_11rth_81{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2-5) var(--space-4);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--text-sm)}@media (max-width: 640px){._palette-veil_11rth_1{padding-top:var(--space-4)}}:root{--color-bg: #f4f5f8;--color-surface: #ffffff;--color-border: #e2e5ec;--color-border-soft: #eceef3;--color-text: #141829;--color-text-muted: #5e657a;--color-text-faint: #5e657a;--color-accent: #3352d1;--color-accent-hover: #2842b0;--color-accent-soft: color-mix(in srgb, var(--color-accent) 12%, var(--color-surface));--color-surface-2: #eef0f5;--color-text-soft: #3b4157;--color-text-mid: #3b4157;--color-on-accent: #ffffff;--color-on-danger: #ffffff;--color-danger: #bf2b40;--color-danger-bg: #fcebee;--color-danger-border: #f1bcc5;--color-success: #127a55;--color-offline: #aab0c0;--color-warn: #a8510b;--color-warn-bg: #fcefe3;--color-ok: #127a55;--color-ok-bg: #e5f4ec;--color-info-bg: color-mix(in srgb, var(--color-accent) 12%, var(--color-surface));--color-primary: #1b2140;--color-primary-hover: #2a3260;--color-on-primary: #ffffff;--color-line-strong: #80879c;--color-ink-faint: #8a90a3;--color-stage: #e8eaf0;--color-lumen: #f0b23c;--color-lumen-soft: #fdf4de;--color-lumen-ink: #8a5a00;--color-on-lumen: #1b2140;--color-scrim: rgba(16, 24, 40, .5);--color-on-scrim: #ffffff;--control-sm: 32px;--control-md: 38px;--control-lg: 44px;--radius: 14px;--radius-md: 10px;--radius-sm: 8px;--radius-xs: 4px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(20, 24, 41, .05), 0 2px 6px -2px rgba(20, 24, 41, .08);--shadow-md: 0 1px 3px rgba(20, 24, 41, .06), 0 10px 24px -10px rgba(20, 24, 41, .18);--shadow-lg: 0 2px 6px rgba(20, 24, 41, .08), 0 28px 56px -20px rgba(20, 24, 41, .32);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-0-5: 2px;--space-1-5: 6px;--space-2-5: 10px;--space-3-5: 14px;--text-2xs: 11px;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-md: 15px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 20px;--text-3xl: 22px;--text-4xl: 28px;color-scheme:light;--font-sans: "Be Vietnam Pro", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, sans-serif}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--color-bg: #0d1020;--color-surface: #151933;--color-surface-2: #0f1328;--color-border: #262c4d;--color-border-soft: #1d2240;--color-text: #eef0f8;--color-text-muted: #9aa1ba;--color-text-faint: #9aa1ba;--color-text-soft: #c3c8da;--color-text-mid: #c3c8da;--color-accent: #7d95ff;--color-accent-hover: #9db0ff;--color-on-accent: #0d1020;--color-danger: #ff7a8a;--color-danger-bg: #3d1620;--color-danger-border: #6b2b38;--color-on-danger: #0d1020;--color-success: #3dd39a;--color-offline: #4a5078;--color-warn: #f59e52;--color-warn-bg: #3d2412;--color-ok: #3dd39a;--color-ok-bg: #10352a;--color-primary: #eef1fa;--color-primary-hover: #d6dbee;--color-on-primary: #141829;--color-line-strong: #626a90;--color-ink-faint: #6b7292;--color-stage: #0a0d1a;--color-lumen: #f5c25a;--color-lumen-soft: #3a2e12;--color-lumen-ink: #f5c25a;--color-on-lumen: #141829;--color-scrim: rgba(3, 5, 12, .66);--color-on-scrim: #ffffff;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4), 0 2px 6px -2px rgba(0, 0, 0, .5);--shadow-md: 0 1px 3px rgba(0, 0, 0, .45), 0 10px 24px -10px rgba(0, 0, 0, .6);--shadow-lg: 0 2px 6px rgba(0, 0, 0, .5), 0 28px 56px -20px rgba(0, 0, 0, .7);color-scheme:dark}}:root[data-theme=dark]{--color-bg: #0d1020;--color-surface: #151933;--color-surface-2: #0f1328;--color-border: #262c4d;--color-border-soft: #1d2240;--color-text: #eef0f8;--color-text-muted: #9aa1ba;--color-text-faint: #9aa1ba;--color-text-soft: #c3c8da;--color-text-mid: #c3c8da;--color-accent: #7d95ff;--color-accent-hover: #9db0ff;--color-on-accent: #0d1020;--color-danger: #ff7a8a;--color-danger-bg: #3d1620;--color-danger-border: #6b2b38;--color-on-danger: #0d1020;--color-success: #3dd39a;--color-offline: #4a5078;--color-warn: #f59e52;--color-warn-bg: #3d2412;--color-ok: #3dd39a;--color-ok-bg: #10352a;--color-primary: #eef1fa;--color-primary-hover: #d6dbee;--color-on-primary: #141829;--color-line-strong: #626a90;--color-ink-faint: #6b7292;--color-stage: #0a0d1a;--color-lumen: #f5c25a;--color-lumen-soft: #3a2e12;--color-lumen-ink: #f5c25a;--color-on-lumen: #141829;--color-scrim: rgba(3, 5, 12, .66);--color-on-scrim: #ffffff;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4), 0 2px 6px -2px rgba(0, 0, 0, .5);--shadow-md: 0 1px 3px rgba(0, 0, 0, .45), 0 10px 24px -10px rgba(0, 0, 0, .6);--shadow-lg: 0 2px 6px rgba(0, 0, 0, .5), 0 28px 56px -20px rgba(0, 0, 0, .7);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);font-size:var(--text-base);line-height:1.5}*{scrollbar-width:thin;scrollbar-color:var(--color-line-strong) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--color-line-strong);border-radius:var(--radius-full)}*::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}#root{min-height:100vh}.app-shell{display:flex;min-height:100vh}aside.app-sidebar{width:232px;flex-shrink:0;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;padding:var(--space-5) var(--space-4);position:sticky;top:0;height:100vh}.app-logo{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-2) var(--space-6)}.app-logo-mark{width:32px;height:var(--control-sm);border-radius:var(--radius-sm);background:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-on-primary);box-shadow:var(--shadow-sm)}.app-logo-word{font-weight:700;font-size:var(--text-xl);letter-spacing:-.02em;color:var(--color-text)}aside.app-sidebar nav{display:flex;flex-direction:column;gap:var(--space-1)}aside.app-sidebar nav button,aside.app-sidebar nav a{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2-5) var(--space-3-5);border-radius:var(--radius-md);border:none;background:transparent;color:var(--color-text-soft);font-weight:500;font-size:var(--text-base);text-align:left;cursor:pointer;font-family:inherit;text-decoration:none;transition:background-color var(--motion-fast, .12s) ease,color var(--motion-fast, .12s) ease}aside.app-sidebar nav button:hover,aside.app-sidebar nav a:hover{background:var(--color-surface-2);color:var(--color-text)}aside.app-sidebar nav button[aria-pressed=true],aside.app-sidebar nav a[aria-current=page]{background:var(--color-accent-soft);color:var(--color-accent);font-weight:600}.app-sidebar-footer{margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-2)}.app-org{padding:var(--space-2) var(--space-3);background:var(--color-surface-2);border:1px solid var(--color-border-soft);border-radius:var(--radius-sm);display:flex;flex-direction:column;min-width:0}.app-org-label{font-size:var(--text-2xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-faint)}.app-org-value{font-size:var(--text-sm);font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-sidebar-footer button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:none;background:transparent;color:var(--color-text-muted);font-size:var(--text-sm);font-weight:500;cursor:pointer;width:100%;font-family:inherit;transition:background-color var(--motion-fast, .12s) ease,color var(--motion-fast, .12s) ease}.app-sidebar-footer button:hover{background:var(--color-danger-bg);color:var(--color-danger)}.app-col{flex:1;min-width:0;display:flex;flex-direction:column}.app-main{flex:1;min-width:0}.app-topbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-6);background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:4}.gsw{display:inline-flex;flex-direction:row;width:auto;flex-shrink:0;min-width:180px;font-weight:400;align-items:center;gap:var(--space-3);padding:var(--space-1-5) var(--space-3) var(--space-1-5) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);max-width:100%}.gsw-skeleton{width:9rem;height:30px}.gsw--loading,.gsw--empty{color:var(--color-text-muted);font-size:var(--text-sm);padding:var(--space-2-5) var(--space-3)}.gsw-icon{width:30px;height:30px;border-radius:var(--radius-sm);background:var(--color-accent-soft);color:var(--color-accent);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.gsw-text{display:flex;flex-direction:column;align-items:flex-start;min-width:0;text-align:left}.gsw-text small{font-size:var(--text-2xs);color:var(--color-text-faint);line-height:1.2;white-space:nowrap}.gsw-text select{border:none;background:transparent;padding:0;font:inherit;font-weight:700;font-size:var(--text-base);min-width:0;max-width:260px;text-overflow:ellipsis;cursor:pointer}.gsw:focus-within{outline:2px solid var(--color-accent);outline-offset:2px}.gsw-text select:focus-visible{outline:none}.nav-group+.nav-group{margin-top:var(--space-3)}.group-current{margin:0 0 var(--space-3);display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2)}.group-current-hint{font-size:var(--text-xs);color:var(--color-text-faint)}main{max-width:none;margin:0;padding:var(--space-6) var(--space-4)}h1{font-size:var(--text-3xl);font-weight:700;margin:0 0 var(--space-1);letter-spacing:-.01em}h2{font-size:var(--text-md);font-weight:600;margin:0 0 var(--space-3)}main>p:first-of-type{color:var(--color-text-muted);font-size:var(--text-base);margin:0 0 var(--space-5)}section.ui-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-4)}.dash-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:var(--space-5);align-items:start}.dash-grid[data-single]{grid-template-columns:minmax(0,420px)}.dash-col{display:flex;flex-direction:column;gap:var(--space-5);min-width:0}.dash-col>section.ui-card{margin-bottom:0}.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}@media (max-width: 1100px){.dash-grid,.dash-grid[data-single]{grid-template-columns:1fr}}section.ui-card--flush{padding:0}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-soft)}.card-head h2{margin:0}.card-head-sub{font-size:var(--text-sm);color:var(--color-text-faint)}.card-head-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.card-body:not(:empty){padding:var(--space-4) var(--space-5)}.icon-btn{width:32px;height:var(--control-sm);padding:0;display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-soft);flex-shrink:0}.btn-block{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1-5)}button:where(.ui-button)[type=submit][data-variant=ghost]{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-mid);font-weight:600}button:where(.ui-button)[type=submit][data-variant=ghost]:hover:not(:disabled){background:var(--color-bg);border-color:var(--color-border)}.device-list{gap:0}.device-list li{border:none;border-radius:0;border-bottom:1px solid var(--color-border-soft);padding:var(--space-3) var(--space-5);gap:var(--space-3);flex-wrap:nowrap;transition:background-color var(--motion-fast, .12s) ease}.device-list li:hover{background:var(--color-surface-2)}.device-list li:last-child{border-bottom:none}.device-meta{display:flex;flex-direction:column;gap:var(--space-0-5);min-width:0;flex:1}.status-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-offline);flex-shrink:0}.status-dot[data-online=true]{background:var(--color-success)}form:where(.ui-form){display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3)}label:where(.ui-label){display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);width:100%;max-width:420px}label:where(.ui-label):has(>input[type=checkbox]),label:where(.ui-label):has(>input[type=radio]){flex-direction:row;align-items:center;width:auto;max-width:none;font-weight:400;color:var(--color-text)}label:where(.ui-label):has(>input[type=checkbox]) input,label:where(.ui-label):has(>input[type=radio]) input{width:auto}input:where(.ui-input),select:where(.ui-select){font:inherit;height:var(--control-md);padding:var(--space-2) var(--space-3);border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text)}select:where(.ui-select){-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:36px;cursor:pointer;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2398a2b3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}input:where(.ui-input)[type=file]{border-style:dashed;padding:var(--space-3);font-size:var(--text-sm)}input:where(.ui-input)[type=checkbox],input:where(.ui-input)[type=radio]{width:16px;height:16px}input:where(.ui-input):focus-visible,select:where(.ui-select):focus-visible,button:where(.ui-button):focus-visible,a:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}button:where(.ui-button){font:inherit;height:var(--control-md);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-weight:500;cursor:pointer}button:where(.ui-button):hover:not(:disabled){background:var(--color-surface-2)}button:where(.ui-button):disabled{opacity:.5;cursor:not-allowed}button:where(.ui-button)[type=submit]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}button:where(.ui-button)[type=submit]:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}p:where(.ui-alert)[role=alert]{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);margin:0}section:where(.ui-card,.scene-lib__templates) p:not([role=alert]){color:var(--color-text-muted);font-size:var(--text-sm)}ul:where(.ui-list){list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}li:where(.ui-list-item){display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm)}li:where(.ui-list-item) img{border-radius:var(--radius-xs);object-fit:cover}fieldset:where(.ui-fieldset){border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3);display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.auth-shell{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:100vh}.auth-tv{position:relative;width:min(360px,100%);margin-top:auto}.auth-tv-frame{aspect-ratio:16 / 9;display:flex;flex-direction:column;justify-content:flex-end;gap:var(--space-0-5);padding:var(--space-3-5);border:6px solid #0b0a24;border-radius:var(--radius-md);background:linear-gradient(135deg,#f97316,#db2777);box-shadow:0 24px 50px -16px #0009}.auth-tv-frame small{font-size:var(--text-2xs);font-weight:700;letter-spacing:.12em;opacity:.85}.auth-tv-frame strong{font-size:var(--text-3xl);font-weight:800;letter-spacing:-.02em;line-height:1.05}.auth-tv-float{position:absolute;right:-14px;top:-16px;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:#fff;color:#0f1330;font-weight:700;font-size:var(--text-sm);box-shadow:var(--shadow-md)}.auth-tv-chip{display:inline-flex;align-items:center;gap:var(--space-1-5);padding:var(--space-0-5) var(--space-2-5);border-radius:var(--radius-full);background:var(--color-ok-bg);color:var(--color-ok);font-size:var(--text-xs);font-weight:600}.auth-tv-chip:before{content:"";width:7px;height:7px;border-radius:var(--radius-full);background:currentColor}.auth-shell main{max-width:none;margin:0;display:flex;align-items:center;justify-content:center;padding:44px var(--space-5);background:var(--color-surface)}.auth-card{width:min(400px,100%)}.auth-card h1{margin:0;font-size:24px;font-weight:800}.auth-lead{margin:var(--space-1-5) 0 var(--space-5);color:var(--color-text-muted)}.auth-card form{display:flex;flex-direction:column;gap:var(--space-3-5);width:100%;align-items:stretch}.auth-field{display:flex;flex-direction:column;gap:var(--space-1-5)}.auth-field>label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted)}.auth-field-icon{position:relative;width:100%}.auth-field-icon>svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-text-faint);pointer-events:none}.auth-field-icon input{width:100%;padding-left:38px}.auth-field-icon input[aria-invalid=true]{border-color:var(--color-danger);box-shadow:0 0 0 3px var(--color-danger-bg)}.auth-reveal{position:absolute;right:6px;top:50%;transform:translateY(-50%);padding:var(--space-1) var(--space-2-5);border:0;background:transparent;box-shadow:none;color:var(--color-accent);font-size:var(--text-sm);font-weight:700}.auth-field-icon input.auth-has-reveal{padding-right:64px}.auth-field-error{color:var(--color-danger);font-size:var(--text-sm)}.auth-strength div{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-1);margin-top:var(--space-0-5)}.auth-strength i{height:4px;border-radius:var(--radius-full);background:var(--color-border)}.auth-strength[data-level="1"] i:nth-child(-n+1){background:var(--color-danger)}.auth-strength[data-level="2"] i:nth-child(-n+2),.auth-strength[data-level="3"] i:nth-child(-n+3),.auth-strength[data-level="4"] i:nth-child(-n+4){background:var(--color-ok)}.auth-strength small{display:block;margin-top:var(--space-1);color:var(--color-text-faint)}.auth-failure{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1-5);padding:var(--space-2-5) var(--space-3);border:1px solid var(--color-danger-border);border-radius:var(--radius-sm);background:var(--color-danger-bg);color:var(--color-danger);font-size:var(--text-base)}.auth-submit{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-md)}@media (max-width: 900px){.auth-shell{grid-template-columns:1fr}.auth-tv{display:none}}@media (max-width: 640px){aside.app-sidebar{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:20;width:100%;height:auto;flex-direction:row;align-items:stretch;padding:var(--space-1) var(--space-2) calc(var(--space-1) + env(safe-area-inset-bottom,0px));border-right:0;border-top:1px solid var(--color-border)}aside.app-sidebar nav{flex:1;flex-direction:row}aside.app-sidebar nav .nav-group{flex:1;display:flex;flex-direction:row}aside.app-sidebar nav a,aside.app-sidebar nav button{flex:1;flex-direction:column;justify-content:center;gap:var(--space-0-5);min-height:52px;padding:var(--space-1-5) var(--space-1);font-size:var(--text-xs);font-weight:600;text-align:center}.app-sidebar-footer{display:flex;align-items:stretch;margin:0;padding:0;border:0}.app-sidebar-footer button{flex-direction:column;justify-content:center;gap:var(--space-0-5);min-height:52px;padding:var(--space-1-5) var(--space-2-5);font-size:var(--text-xs);font-weight:600}.app-logo,.app-org{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-col{padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))}main{padding:var(--space-4)}.app-topbar{padding:var(--space-2) var(--space-4)}section.ui-card{padding:var(--space-3) var(--space-4)}}.scene-editor{display:flex;flex-direction:column;gap:var(--space-2);outline-offset:-2px}.scene-editor__info{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-1-5) var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted)}.scene-page-host{background:var(--color-bg)}section.scene-page{display:flex;flex-direction:column;height:100vh;height:100dvh;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:var(--color-bg);position:relative}.scene-page__top{display:flex;align-items:center;gap:var(--space-1-5);padding:var(--space-1-5) var(--space-3);background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-wrap:wrap;flex:0 0 auto}.scene-page__back{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:var(--radius-sm);color:var(--color-text-muted)}.scene-page__back:hover{background:var(--color-bg);color:var(--color-text)}.scene-page__name{font:inherit;font-size:var(--text-xl);font-weight:800;letter-spacing:-.01em;width:280px;max-width:100%;padding:var(--space-1-5) var(--space-2);border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--color-text)}.scene-page__name:hover{border-color:var(--color-border)}.scene-page__name:focus{outline:none;border-color:var(--color-accent);background:var(--color-surface);box-shadow:0 0 0 3px var(--color-accent-soft)}.scene-page__name[aria-invalid=true]{border-color:var(--color-danger)}.scene-page__status{display:inline-flex;align-items:center;gap:var(--space-1-5);min-width:7.5em;font-size:var(--text-sm);font-weight:600;font-variant-numeric:tabular-nums;color:var(--color-text-faint);white-space:nowrap}.scene-page__status--saved{color:var(--color-ok)}.scene-page__status--error{color:var(--color-danger)}.scene-page__spacer{flex:1 1 auto}.scene-page__top [data-variant=primary]{height:30px;padding:0 var(--space-3);box-sizing:border-box;font-size:var(--text-sm)}section.scene-page>.scene-editor{position:absolute;top:0;right:0;bottom:0;left:0;padding:0}.scene-page .scene-editor__addpanel{position:absolute;top:calc(var(--chrome-top, 0px) + var(--space-3));left:var(--space-3);z-index:8;width:212px;max-height:calc(100% - var(--chrome-top, 0px) - 2 * var(--space-3) - 90px);overflow-y:auto;min-height:0;border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-md, var(--shadow-sm))}.scene-page .layer-list ul{max-height:none}.scene-page .scene-editor__info{position:absolute;left:var(--space-3);bottom:var(--space-3);z-index:4;max-width:min(60%,560px);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.widget-float-panel{position:absolute;top:calc(var(--chrome-top, 0px) + var(--space-3));right:var(--space-3);bottom:var(--space-3);z-index:6;width:300px;max-width:calc(100% - 2 * var(--space-3));display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1-5)}section.scene-page--state{justify-content:center;align-items:center;padding:var(--space-5)}.scene-page--state .skeleton{width:min(560px,100%)}@media (max-width: 900px){section.scene-page{height:auto;min-height:100dvh}section.scene-page>.scene-editor{position:static}.scene-page .scene-editor__addpanel{position:static;width:100%;max-height:none;border-radius:0;box-shadow:none}.scene-page .scene-editor__info{position:static;max-width:none;background:transparent;border:0;box-shadow:none}.scene-page__name{order:3;width:100%}.widget-float-panel{position:static;width:100%;max-width:none;align-items:stretch}}.scene-editor__addpanel{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.props-field textarea{font:inherit;padding:var(--space-2) var(--space-2-5);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);resize:vertical;line-height:1.4}.props-field textarea:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.props-field{display:flex;flex-direction:column;gap:var(--space-0-5);margin-bottom:var(--space-2)}.props-field input[type=text],.props-field input[type=number],.props-field textarea,.props-field select{width:100%;box-sizing:border-box}.scene-settings h3{margin:0 0 var(--space-3);font-size:var(--text-2xs);font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-faint)}.scene-settings .props-field{gap:var(--space-1-5);margin-bottom:var(--space-3)}.scene-settings .seg{display:flex;gap:var(--space-0-5);padding:var(--space-0-5);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.scene-settings .seg button{flex:1;padding:var(--space-1) var(--space-2);border:0;border-radius:var(--radius-sm);background:transparent;font-weight:600;font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap}.scene-settings .seg button small{font-weight:500;opacity:.75;margin-left:var(--space-1);font-variant-numeric:tabular-nums}.scene-settings .seg button[aria-pressed=true]{background:var(--color-surface);color:var(--color-accent);box-shadow:var(--shadow-sm)}.scene-settings input[type=color]{width:28px;height:24px;padding:0;border:1px dashed var(--color-border);border-radius:var(--radius-sm);background:transparent;cursor:pointer}.theme-swatches{display:flex;flex-wrap:wrap;gap:var(--space-1-5)}.theme-swatch{width:44px;height:34px;padding:0;border:0;border-radius:var(--radius-sm);box-shadow:0 0 0 1px var(--color-border);overflow:hidden;display:flex;flex-direction:column;cursor:pointer}.theme-swatch:hover{box-shadow:0 0 0 2px var(--color-accent)}.theme-swatch span{flex:1 1 auto;display:flex;align-items:center;justify-content:center;font-size:var(--text-2xs);font-weight:800}.theme-swatch i{height:7px}.layer-list{padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.layer-list h3{margin:var(--space-1) 0 var(--space-2);font-size:1rem}.layer-list ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1);max-height:240px;overflow:auto}.layer-list__item{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-0-5);padding:var(--space-0-5) var(--space-1);border:1px solid transparent;border-radius:var(--radius-sm);cursor:grab}.layer-list__item--selected{background:var(--color-accent-soft);border-color:var(--color-accent)}.layer-list__item--dragging{opacity:.4}.layer-list__item--over{border-color:var(--color-warn);border-style:dashed}.picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-scrim);display:flex;align-items:center;justify-content:center;z-index:50;padding:var(--space-4)}.picker{background:var(--color-surface);color:inherit;border-radius:var(--radius-sm);padding:var(--space-4);width:min(760px,100%);max-height:86vh;overflow:auto;box-shadow:0 10px 40px #00000059}.picker--popover{position:absolute;top:calc(100% + 6px);left:0;z-index:20;width:min(420px,90vw);max-height:60vh}.picker__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.picker__header h3{margin:0}.picker__search{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-3) 0 var(--space-1)}.picker__search input{flex:1 1 auto}.picker__hint{opacity:.7;font-size:.85em;margin:var(--space-1) 0 var(--space-2)}.composer-field-hint{opacity:.7;font-size:.85em;margin:-8px 0 var(--space-3)}.picker__grid{list-style:none;margin:0 0 var(--space-2);padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-2)}.picker__item{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-1);width:100%;text-align:left;padding:var(--space-1-5)}.picker__item[aria-pressed=true]{outline:2px solid var(--color-accent)}.picker__thumb{display:flex;align-items:center;justify-content:center;height:90px;background:#80808026;border-radius:var(--radius-xs);overflow:hidden;font-size:2rem}.picker__thumb img{width:100%;height:100%;object-fit:cover}.picker__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker__error{color:var(--color-danger)}.picker__search{flex-direction:row;flex-wrap:nowrap;align-items:center}.picker__search>*{margin:0;width:auto}.picker__search label{flex:0 0 auto;white-space:nowrap}.picker__search input{flex:1 1 auto;min-width:0}button:where(.ui-button)[data-variant=danger]{background:var(--color-danger-bg);border-color:var(--color-danger-border);color:var(--color-danger)}button:where(.ui-button)[data-variant=danger]:hover:not(:disabled){background:var(--color-danger);border-color:var(--color-danger);color:var(--color-on-danger)}.badge{display:inline-flex;align-items:center;padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-full);background:var(--color-bg);border:1px solid var(--color-border);font-size:var(--text-2xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.02em}p:where(.ui-empty)[data-empty]{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center;padding:44px var(--space-4);color:var(--color-text-muted)!important;font-size:var(--text-base)!important;max-width:320px;margin-left:auto!important;margin-right:auto!important}p:where(.ui-empty)[data-empty]:before{content:"";width:56px;height:56px;border-radius:var(--radius-full);background:var(--color-accent-soft)}p:where(.ui-empty)[data-empty]{position:relative}p:where(.ui-empty)[data-empty]:after{content:"";position:absolute;top:44px;left:50%;transform:translate(-50%,14px);width:26px;height:26px;background-color:var(--color-accent);-webkit-mask:var(--empty-icon, none) center / contain no-repeat;mask:var(--empty-icon, none) center / contain no-repeat}p:where(.ui-empty)[data-empty=groups]{--empty-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6'%3E%3Crect x='3' y='4' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='4' width='7' height='7' rx='1.5'/%3E%3Crect x='3' y='15' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='15' width='7' height='7' rx='1.5'/%3E%3C/svg%3E")}p:where(.ui-empty)[data-empty=devices]{--empty-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6'%3E%3Crect x='2' y='4' width='20' height='13' rx='2'/%3E%3Cpath d='M8 21h8M12 17v4'/%3E%3C/svg%3E")}p:where(.ui-empty)[data-empty=media]{--empty-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpath d='M21 15l-5-5L5 21'/%3E%3C/svg%3E")}p:where(.ui-empty)[data-empty=playlist]{--empty-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6'%3E%3Cpath d='M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01'/%3E%3C/svg%3E")}.search-row{display:flex;flex-direction:row;align-items:stretch;gap:var(--space-2);margin-bottom:var(--space-4)}.search-row label{flex:1 1 auto;max-width:none;display:block;width:auto}.search-row input[type=search]{width:100%}.search-row button{flex-shrink:0}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-4);list-style:none;margin:0;padding:0}.media-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface)}.media-card__thumb{height:110px;border-radius:var(--radius-sm);background:var(--color-bg);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--color-text-faint)}.media-card__thumb img{width:100%;height:100%;object-fit:cover;border-radius:0}.media-card__name{font-size:var(--text-sm);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-card__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-faint)}.load-more-row{display:flex;justify-content:center;margin-top:var(--space-4)}.playlist-item{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);align-items:stretch}.playlist-item__head{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.playlist-item__head>label{flex:0 1 220px;max-width:220px}.playlist-item__order{display:flex;gap:var(--space-1);margin-left:auto}.playlist-item__order button,.playlist-item__head>button{padding:var(--space-1-5) var(--space-2-5)}.playlist-item__body{display:flex;flex-direction:column;gap:var(--space-3)}.playlist-item,.playlist-item__head,.playlist-item__body{min-width:0}.playlist-item p,.playlist-item label,.playlist-item span{overflow-wrap:anywhere}.playlist-item input:not([type=checkbox]):not([type=radio]),.playlist-item select{width:100%}.playlist-item input,.playlist-item select,.playlist-item textarea,.playlist-item button,.playlist-item label{min-width:0;max-width:100%;box-sizing:border-box}.playlist-file-ops{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.playlist-file-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-2);color:var(--color-text);font-size:var(--text-sm);font-weight:500;cursor:pointer;position:relative;overflow:hidden}.playlist-file-btn:hover:not(:disabled){background:var(--color-border)}.playlist-file-btn:disabled{opacity:.5;cursor:not-allowed}.scene-lib__templates a{display:inline-flex;align-items:center;gap:var(--space-1-5);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-weight:600;text-decoration:none;white-space:nowrap}.scene-lib__templates a:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-soft)}.scene-lib__message{margin:0 0 var(--space-3)}.scene-lib__message--ok{color:var(--color-ok)}.scene-lib__rename{display:flex;flex-direction:row;flex-wrap:wrap;align-items:end;gap:var(--space-2);flex:1 1 auto;width:100%}.scene-lib__rename label{display:flex;flex-direction:column;gap:var(--space-0-5);font-weight:600;font-size:.85em;flex:1 1 180px}.scene-lib__rename input{width:100%}.scenes{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.scene-thumb{position:relative;width:100%;aspect-ratio:16 / 9;background:#0b0d1c;overflow:hidden}.scene-lib__templates{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border-soft)}.scene-lib__templates>h2{font-size:var(--text-md);margin:0 0 var(--space-3)}.tpl{display:flex;flex-direction:column;align-items:stretch;padding:0;gap:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;background:var(--color-surface)}.toast-region{position:fixed;right:var(--space-4);bottom:var(--space-4);z-index:60;display:flex;flex-direction:column;gap:var(--space-2);width:min(360px,calc(100vw - 2 * var(--space-4)));pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);color:var(--color-text);font-size:var(--text-base)}.toast:before{content:"";flex-shrink:0;width:8px;height:8px;margin-top:var(--space-2);border-radius:var(--radius-full);background:var(--color-accent)}.toast[data-tone=success]:before{background:var(--color-success)}.toast[data-tone=error]:before{background:var(--color-danger)}.toast-message{flex:1}button:where(.ui-button).toast-close{padding:0 var(--space-2);border:0;background:transparent;color:var(--color-text-faint);font-size:var(--text-xl);line-height:1.2}button:where(.ui-button).toast-close:hover:not(:disabled){background:transparent;color:var(--color-text)}.confirm-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;padding:var(--space-4);background:var(--color-scrim)}.confirm-dialog{width:min(440px,100%);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-lg)}.confirm-dialog h2{margin:0 0 var(--space-2);font-size:var(--text-xl)}.confirm-dialog p{margin:0 0 var(--space-5);color:var(--color-text-muted)}.confirm-password{display:grid;gap:var(--space-2);margin-bottom:var(--space-5)}.confirm-password label{font-weight:600}.confirm-dialog .confirm-password p.confirm-password__error{margin:0;color:var(--color-danger);font-size:.9em}.confirm-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}button:where(.ui-button)[data-variant=primary]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}button:where(.ui-button)[data-variant=primary]:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}button:where(.ui-button)[data-variant=danger-solid]{background:var(--color-danger);border-color:var(--color-danger);color:var(--color-on-danger)}button:where(.ui-button)[data-variant=danger-solid]:hover:not(:disabled){background:var(--color-danger);border-color:var(--color-danger);color:var(--color-on-danger);filter:brightness(.92)}.skeleton{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) 0}.skeleton-line{display:block;height:14px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--color-border-soft) 25%,var(--color-border) 50%,var(--color-border-soft) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.skeleton-line{animation:none}}.error-fallback{max-width:480px;margin:var(--space-6) auto;padding:var(--space-5);background:var(--color-danger-bg);border:1px solid var(--color-danger-border);border-radius:var(--radius)}.error-fallback h2{margin:0 0 var(--space-2);font-size:var(--text-xl);color:var(--color-danger)}.error-fallback p{margin:0 0 var(--space-4);color:var(--color-text-muted)}.relogin-dialog form{display:grid;gap:var(--space-2)}.relogin-dialog label{font-weight:600}.relogin-dialog .confirm-actions{margin-top:var(--space-3)}.relogin-dialog p.relogin-error{margin:0;color:var(--color-danger)}.verify-banner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);margin:var(--space-3) var(--space-4) 0;padding:var(--space-3) var(--space-4);border:1px solid var(--color-warn-border, var(--color-border));border-radius:var(--radius);background:var(--color-warn-bg);color:var(--color-warn);font-size:var(--text-base);line-height:1.5}.verify-banner-text{flex:1 1 320px;min-width:0}.verify-banner-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.verify-banner-dismiss{background:transparent;border-color:transparent;box-shadow:none;color:inherit}.auth-notice{margin:0 0 var(--space-4);padding:var(--space-3);border-radius:var(--radius);background:var(--color-warn-bg);color:var(--color-warn)}.overview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.overview-head p{margin:0 0 var(--space-4);color:var(--color-text-muted)}.kpi{display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-2);padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform var(--motion-fast, .12s) ease,box-shadow var(--motion-fast, .12s) ease}.kpi:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.kpi small{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:500}.kpi b{margin-top:auto;font-size:var(--text-4xl);font-weight:700;line-height:1.15;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--color-text)}.kpi b i{font-size:var(--text-sm);font-weight:500;font-style:normal;color:var(--color-text-muted)}.kpi[data-attention=true]{border-color:var(--color-warn);background:var(--color-warn-bg)}.todo-list{list-style:none;margin:0;padding:0}.todo-list{gap:0}.todo-list>li{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border:0;border-bottom:1px solid var(--color-border-soft);border-radius:0;transition:background-color var(--motion-fast, .12s) ease}.todo-list>li:hover{background:var(--color-surface-2)}.todo-list>li:last-child{border-bottom:none}@media (max-width: 640px){.todo-list>li{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:start}}.screen-tabs{display:flex;gap:var(--space-1);margin:0 0 var(--space-4);border-bottom:1px solid var(--color-border);overflow-x:auto}.screen-tabs a{padding:var(--space-2-5) var(--space-4);margin-bottom:-1px;border-bottom:2px solid transparent;color:var(--color-text-muted);font-weight:600;font-size:var(--text-base);text-decoration:none;white-space:nowrap}.screen-tabs a:hover{color:var(--color-text)}.screen-tabs a[aria-current=page]{color:var(--color-accent);border-bottom-color:var(--color-accent)}@media (max-width: 900px){.device-list li{flex-wrap:wrap}.device-list .device-meta{flex:1 1 140px}}.status-dot[data-connection=polling]{background:var(--color-warn)}.status-dot[data-connection=realtime]{background:var(--color-ok)}.health-toggle{margin-top:var(--space-1);padding:var(--space-0-5) var(--space-2-5);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;align-self:flex-start}.health-toggle[data-state=ok]{background:var(--color-ok-bg);border-color:transparent;color:var(--color-ok)}.health-toggle[data-state=warn]{background:var(--color-warn-bg);border-color:transparent;color:var(--color-warn)}.health-toggle[data-state=bad]{background:var(--color-danger-bg);border-color:transparent;color:var(--color-danger)}.group-mgmt{min-width:0}.group-mgmt form{margin-top:var(--space-4)}.group-mgmt ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.group-mgmt li{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;column-gap:var(--space-3);row-gap:0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);transition:border-color var(--motion-fast, .12s) ease,background-color var(--motion-fast, .12s) ease,box-shadow var(--motion-fast, .12s) ease}.group-mgmt li:hover:not([data-selected=true]){border-color:var(--color-border-strong);background:var(--color-surface-2)}.group-mgmt li>.group-icon{grid-row:1 / span 2}.group-mgmt li>.group-meta{grid-column:2;grid-row:1}.group-mgmt li>.group-chip{grid-column:2;grid-row:2;justify-self:start;margin:var(--space-1-5) 0 0}.group-mgmt li>button[aria-pressed]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;opacity:0;cursor:pointer;z-index:1}.group-mgmt li:has(>button[aria-pressed]:focus-visible){outline:2px solid var(--color-accent);outline-offset:2px}.group-mgmt li>button[data-variant=danger]{grid-column:3;grid-row:1 / span 2;position:relative;z-index:2;padding:var(--space-1) var(--space-2-5);font-size:var(--text-xs)}.group-mgmt li[data-selected=true]{border-color:var(--color-accent);background:var(--color-accent-soft);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 12%,transparent)}.group-icon{width:36px;height:36px;border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-text-muted);display:grid;place-items:center;flex-shrink:0}.group-mgmt li[data-selected=true] .group-icon{background:var(--color-surface);color:var(--color-accent)}.group-meta{display:flex;flex-direction:column;gap:var(--space-0-5);min-width:0;flex:1 1 120px}.group-meta b{font-weight:700;font-size:var(--text-base)}.group-meta small{color:var(--color-text-muted);font-size:var(--text-xs)}.group-chip{display:inline-flex;align-items:center;gap:var(--space-1-5);padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;white-space:nowrap}.group-chip[data-tone=ok]{background:var(--color-ok-bg);color:var(--color-ok)}.group-chip[data-tone=warn]{background:var(--color-warn-bg);color:var(--color-warn)}.health-state{flex-shrink:0;min-width:78px;padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-align:center;background:var(--color-border-soft);color:var(--color-text-muted)}.health-state[data-state=ok]{background:var(--color-ok-bg);color:var(--color-ok)}.health-state[data-state=warn]{background:var(--color-warn-bg);color:var(--color-warn)}.health-state[data-state=bad]{background:var(--color-danger-bg);color:var(--color-danger)}.health-body{flex:1;min-width:0}.health-body p{margin:var(--space-0-5) 0 0;font-size:var(--text-sm);color:var(--color-text-muted)}.health-body .health-consequence{color:var(--color-text)}.health-facts{margin:var(--space-2) 0 0;font-size:var(--text-xs);color:var(--color-text-faint)}.playlist-item[data-dragging=true]{opacity:.5}.playlist-item[data-drop-target=true]{outline:2px dashed var(--color-accent);outline-offset:2px}.app-shell[hidden]{display:none}.app-topbar-actions{display:flex;align-items:center;gap:var(--space-2);margin-left:auto;flex-shrink:0}.theme-toggle{display:inline-flex;gap:var(--space-0-5);padding:var(--space-1);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-full)}.theme-toggle button{padding:var(--space-1) var(--space-3);border:0;border-radius:var(--radius-full);background:transparent;box-shadow:none;color:var(--color-text-muted);font-size:var(--text-xs);font-weight:500;white-space:nowrap;cursor:pointer;transition:background-color var(--motion-fast, .12s) ease,color var(--motion-fast, .12s) ease}.theme-toggle button:hover:not([aria-pressed=true]){color:var(--color-text)}.theme-toggle button[aria-pressed=true]{background:var(--color-surface);color:var(--color-text);font-weight:600;box-shadow:var(--shadow-sm)}@media (max-width: 640px){.toast-region{bottom:calc(68px + env(safe-area-inset-bottom,0px))}}@media (max-width: 1000px){.app-topbar{flex-wrap:wrap;gap:var(--space-2) var(--space-3);padding:var(--space-2) var(--space-4)}.cmdk{order:3;flex:1 1 100%;min-width:140px}.app-topbar-actions{order:2;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-left:auto;flex-shrink:1;min-width:0}.theme-toggle button{padding:var(--space-1) var(--space-2-5);font-size:var(--text-xs)}}.cmdk{display:inline-flex;align-items:center;gap:var(--space-2);flex:0 1 260px;min-width:0;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text-muted);font-weight:500;text-align:left}.cmdk kbd{margin-left:auto;padding:1px var(--space-1-5);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-muted);font-family:inherit;font-size:var(--text-2xs);font-weight:700}.palette{width:min(560px,100%);max-height:70vh;display:flex;flex-direction:column;overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-lg)}.palette>input[role=combobox]{width:100%;padding:var(--space-3-5) var(--space-4);border:0;border-bottom:1px solid var(--color-border);border-radius:0;background:transparent;font-size:var(--text-md)}.palette ul{list-style:none;margin:0;padding:0}.palette>ul{overflow-y:auto;padding:var(--space-2)}.palette li{display:block;padding:0;border:0;border-radius:0}@media (max-width: 640px){.cmdk{flex:1 1 100%;order:3}.cmdk kbd{display:none}}.icon{flex-shrink:0;vertical-align:-.2em}p:where(.ui-empty)[data-empty=playlist]{--empty-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6'%3E%3Cpath d='M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01'/%3E%3C/svg%3E")}p:where(.ui-empty)[data-empty=history]{--empty-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}.media-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.media-card{align-items:stretch;flex-wrap:nowrap;min-width:0;padding:0;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform var(--motion-fast) var(--motion-ease-out),box-shadow var(--motion-base) var(--motion-ease-out),border-color var(--motion-base) var(--motion-ease-out)}.media-card:hover,.media-card:focus-within{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:color-mix(in srgb,var(--color-accent) 40%,var(--color-border))}.media-card__thumb{width:100%;height:auto;aspect-ratio:16 / 10;border-radius:0;background:linear-gradient(135deg,var(--color-accent-soft),var(--color-surface-2));color:var(--color-accent)}.media-card__name,.media-card__meta{margin-inline:var(--space-3)}.media-card__meta{margin-bottom:var(--space-3)}.media-card__meta{flex-wrap:wrap}.media-card__meta>span:last-child{white-space:nowrap}.picker__thumb{color:var(--color-accent)}.media-card__thumb{position:relative;display:grid;place-items:center;overflow:hidden}.media-card[data-kind=video] .media-card__thumb{background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent) 70%,#000),color-mix(in srgb,var(--color-accent) 35%,#000));color:#ffffff8c}button:where(.ui-button),select:where(.ui-select),input:where(.ui-input),textarea:where(.ui-textarea),a{transition:background-color var(--motion-fast) var(--motion-ease-out),border-color var(--motion-fast) var(--motion-ease-out),box-shadow var(--motion-fast) var(--motion-ease-out),color var(--motion-fast) var(--motion-ease-out)}button:where(.ui-button):not(:disabled):active{transform:translateY(1px)}.todo-list li{transition:background-color var(--motion-fast) var(--motion-ease-out)}.todo-list li:hover{background:var(--color-surface-2)}.app-main>div:not([hidden]){animation:page-in var(--motion-base) var(--motion-ease-out)}@keyframes page-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.media-card:hover,.media-card:focus-within,button:where(.ui-button):not(:disabled):active{transform:none}}.account-body{display:flex;flex-direction:column;gap:var(--space-4)}@media (max-width: 640px){.card-body.account-body{padding:var(--space-4)}}.account-badge-warn{background:var(--color-warn-bg);color:var(--color-warn)}.account-error{color:var(--color-danger);font-size:var(--text-sm)}.account-head{flex-wrap:wrap}.account-head>div,.account-head>span{flex:1 1 240px;min-width:0}@media (max-width: 640px){section.ui-card--flush{padding:0}}.auth-captcha{display:flex;flex-direction:column;gap:var(--space-2);max-width:100%;overflow:hidden;margin:var(--space-2) 0}.content-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3)}.content-head h1{margin:0}.legal-page{min-height:100vh;background:var(--color-bg);padding:var(--space-6) var(--space-4);display:flex;justify-content:center}.legal-page__body{width:100%;max-width:65ch;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:var(--space-6)}.legal-page__back{display:inline-block;margin-bottom:var(--space-5);color:var(--color-text-muted);font-size:var(--text-base);text-decoration:none}.legal-page__back:hover{color:var(--color-accent)}.legal-page__body h1{margin:0 0 var(--space-1);font-size:var(--text-4xl);letter-spacing:-.02em}.legal-page__effective{margin:0 0 var(--space-5);color:var(--color-text-muted);font-size:var(--text-base)}.legal-page__content h2{margin:var(--space-5) 0 var(--space-2);font-size:var(--text-xl)}.legal-page__content p,.legal-page__content ul{margin:0 0 var(--space-3);color:var(--color-text-soft);line-height:1.6}.legal-page__content ul{padding-left:var(--space-5)}.legal-page__content a{color:var(--color-accent)}.auth-page-footer{display:flex;justify-content:center;gap:var(--space-4);margin-top:var(--space-5);font-size:var(--text-sm)}.auth-page-footer a{color:var(--color-text-muted);text-decoration:none}.auth-page-footer a:hover{color:var(--color-accent)}.auth-consent{margin:var(--space-3) 0 0;font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.5}.auth-consent a{color:var(--color-text-muted);text-decoration:underline}.layer-list__issue{display:inline-flex;margin-left:var(--space-1-5)}.layer-list__issue--error{color:var(--color-danger)}.layer-list__issue--warn{color:var(--color-warn)}.quality-panel__item--error{color:var(--color-danger);background:var(--color-danger-bg)}.quality-panel__item--warn{color:var(--color-warn);background:var(--color-warn-bg)}.device-detail-labels{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-1-5)}.device-detail-label{display:inline-flex;align-items:center;padding:var(--space-0-5) var(--space-2-5);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;background:var(--color-surface-2);color:var(--color-text-muted);max-width:28ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-edit-toggle{padding:var(--space-1) var(--space-2-5);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-sm)}.device-edit-form{display:grid;grid-template-columns:1fr;gap:var(--space-3);margin-top:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface-2);border:1px solid var(--color-border-soft);border-radius:var(--radius);max-width:640px}@media (min-width: 720px){.device-edit-form{grid-template-columns:repeat(3,minmax(0,1fr))}.device-edit-form>[role=alert],.device-edit-form>.device-edit-actions{grid-column:1 / -1}}.device-edit-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.device-labels{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted)}.device-labels>span{display:inline-flex;padding:1px var(--space-2);border-radius:var(--radius-full);background:var(--color-surface-2);color:var(--color-text-muted);max-width:18ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ribbon{flex:0 0 auto;background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:0 8px 18px -14px #10182859}.ribbon .scene-settings{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--space-2) var(--space-5);margin:0;padding:0;border:0;box-shadow:none;background:transparent}.ribbon .scene-settings>*{flex-shrink:0}.ticker-msgs__item{display:flex;gap:var(--space-0-5)}.props-field .ticker-msgs__item input[type=text]{flex:1 1 auto;width:auto;min-width:0}.ticker-msgs__item button{padding:var(--space-1) var(--space-1-5)}.ticker-msgs__item--dragging{opacity:.4}.ticker-msgs__item--over{border-color:var(--color-warn);border-style:dashed}.scene-page .scene-editor__info{padding:var(--space-2) var(--space-4)}.scene-strip__item{display:flex;flex:1;min-width:0;flex-direction:column;gap:var(--space-1-5);padding:0;border:0;background:transparent;text-align:left;font-size:var(--text-xs)}.scene-strip__item .scene-thumb{border-radius:var(--radius-sm);box-shadow:0 0 0 1px var(--color-border)}.scene-strip__item--current .scene-thumb{box-shadow:0 0 0 2px var(--color-accent),0 6px 14px -8px var(--color-accent)}.scene-page .scene-editor__addpanel{background:var(--color-surface);padding:var(--space-4) var(--space-3-5);gap:var(--space-3-5)}.scene-page .scene-editor__addpanel section.ui-card{padding:0;border:0;box-shadow:none;background:transparent}.scene-start__opt{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-0-5);min-width:260px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);text-align:left}.scene-start__opt small{color:var(--color-text-muted)}.scene-start__opt[aria-checked=true],.scene-start__card[aria-checked=true]{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent)}.scene-start__card{cursor:pointer;text-align:left}.scene-start__chip{border-radius:var(--radius-full);padding:var(--space-1-5) var(--space-3-5);font-size:var(--text-sm)}.scene-start__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-6);background:var(--color-surface);border-top:1px solid var(--color-border)}:root{--motion-fast: .12s;--motion-base: .22s;--motion-slow: .42s;--motion-stagger: 45ms;--motion-lift: -2px;--motion-distance-sm: 8px;--motion-distance-md: 24px;--motion-scale-press: .97;--motion-ease-out: cubic-bezier(.16, 1, .3, 1);--motion-ease-in-out: cubic-bezier(.65, 0, .35, 1);--motion-ease-spring: cubic-bezier(.34, 1.56, .64, 1);--motion-ease-emphasized: cubic-bezier(.2, 0, 0, 1)}@keyframes motion-fade-in{0%{opacity:0}to{opacity:1}}@keyframes motion-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes motion-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes motion-slide-down{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes motion-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes motion-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,currentColor 35%,transparent)}50%{box-shadow:0 0 0 10px transparent}}.motion-fade-in{animation:motion-fade-in var(--motion-base) var(--motion-ease-out) both;will-change:opacity}.motion-rise{animation:motion-rise var(--motion-base) var(--motion-ease-out) both;will-change:transform,opacity}.motion-pop{animation:motion-pop var(--motion-base) var(--motion-ease-spring) both;will-change:transform,opacity}.motion-slide-down{animation:motion-slide-down var(--motion-slow) var(--motion-ease-out) both;will-change:transform,opacity}.motion-stagger>*{animation:motion-rise var(--motion-base) var(--motion-ease-out) both;animation-delay:calc(var(--i, 0) * var(--motion-stagger));will-change:transform,opacity}.motion-lift{transition:transform var(--motion-fast) var(--motion-ease-out),box-shadow var(--motion-base) var(--motion-ease-out);will-change:transform,box-shadow}.motion-lift:hover{transform:translateY(var(--motion-lift));box-shadow:var(--shadow-lg)}.motion-press{transition:transform var(--motion-fast) var(--motion-ease-out);will-change:transform}.motion-press:active{transform:scale(var(--motion-scale-press))}.motion-skeleton{background:linear-gradient(90deg,var(--color-surface-2) 30%,var(--color-border-soft) 50%,var(--color-surface-2) 70%);background-size:200% 100%;animation:motion-shimmer calc(var(--motion-slow) * 4) linear infinite}.motion-reveal{opacity:1;transform:translateY(0)}@media (scripting: enabled){.motion-reveal:not(.is-revealed){opacity:0;transform:translateY(var(--motion-distance-md))}.motion-reveal.is-revealed{transition:opacity var(--motion-slow) var(--motion-ease-emphasized),transform var(--motion-slow) var(--motion-ease-emphasized);opacity:1;transform:translateY(0);will-change:transform,opacity}}.motion-tilt{transform:perspective(1000px) rotateX(var(--tilt-y, 0deg)) rotateY(var(--tilt-x, 0deg));transition:transform var(--motion-fast) var(--motion-ease-out);will-change:transform}@property --num{syntax: "<integer>"; initial-value: 0; inherits: false;}.motion-count{transition:--num var(--motion-slow) var(--motion-ease-out);counter-reset:num var(--num)}.motion-count:after{content:counter(num)}@media (prefers-reduced-motion: reduce){:root{--motion-fast: .01ms;--motion-base: .01ms;--motion-slow: .01ms;--motion-stagger: 0ms;--motion-distance-sm: 0px;--motion-distance-md: 0px;--motion-scale-press: 1}.motion-skeleton{animation:none}.motion-reveal.is-revealed,.motion-tilt{transition:none}}.lab{min-height:100vh;background:var(--color-bg);color:var(--color-text);padding-block:var(--space-4) var(--space-6)}.lab>*{margin-inline:var(--space-4)}.lab-banner{padding:var(--space-3) var(--space-4);border:1px solid var(--color-warn);border-radius:var(--radius-sm);background:var(--color-warn-bg);color:var(--color-warn);margin-bottom:var(--space-4)}.lab-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.lab-head h1{margin:0 0 var(--space-1);font-size:24px}.lab-head p{margin:0;color:var(--color-text-muted)}.lab-back{color:var(--color-accent);font-weight:600}.lab-tabs{display:flex;flex-wrap:wrap;gap:var(--space-1);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-4)}.lab-tabs a{padding:var(--space-2) var(--space-3);border-bottom:2px solid transparent;color:var(--color-text-muted);font-weight:600;text-decoration:none;transition:color var(--motion-fast) var(--motion-ease-out),border-color var(--motion-base) var(--motion-ease-out)}.lab-tabs a:hover{color:var(--color-text)}.lab-tabs a[aria-current=page]{color:var(--color-accent);border-bottom-color:var(--color-accent)}.lab-body{display:block}.lab ul{gap:var(--space-2)}.lab li{border:0;padding:0;border-radius:0}.lab-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:var(--space-4);min-width:0}.lab-card h2,.lab-panel h2,.lab-plans h2,.lab-home h2{margin:0 0 var(--space-3);font-size:16px}.lab-card h3{margin:var(--space-4) 0 var(--space-2);font-size:13px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.lab-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-3)}.lab-empty,.lab-note{margin:0;color:var(--color-text-muted)}.lab-scroll{overflow-x:auto}.lab-warn{margin:0 var(--space-4) var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-warn);border-radius:var(--radius-sm);background:var(--color-warn-bg);color:var(--color-warn)}.lab-motion{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:var(--space-4);align-items:start}.lab-knobs{display:grid;gap:var(--space-3)}.lab-knob{display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,1.4fr) 64px;align-items:center;gap:var(--space-3)}.lab-knob output{text-align:right;font-variant-numeric:tabular-nums;color:var(--color-text-muted)}.lab-code{margin:var(--space-3) 0 0;padding:var(--space-3);background:var(--color-surface-2);border-radius:var(--radius-sm);overflow-x:auto;font-size:12px}.lab-demo-row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.lab-demo{padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);box-shadow:var(--shadow-sm);font-weight:600}.lab-list{max-width:360px}.lab-list li{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface)}.lab-toasts{display:grid;gap:var(--space-2);margin-top:var(--space-3)}.lab-toast{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--color-ok-bg);color:var(--color-ok);font-weight:600}.lab-toast button{border:0;background:transparent;color:inherit;font-size:18px;line-height:1}.lab-skeletons{display:grid;gap:var(--space-2)}.lab-sk{height:14px;border-radius:6px;width:55%}.lab-sk--wide{width:90%}.lab-scene{display:grid;gap:var(--space-3)}.lab-scene__head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.lab-iconbtn{width:36px;height:36px;padding:0;display:grid;place-items:center}.lab-scene__name{font-size:20px;font-weight:700;border:1px solid transparent;background:transparent;min-width:0;flex:1 1 200px;max-width:420px}.lab-scene__name:hover,.lab-scene__name:focus{border-color:var(--color-border);background:var(--color-surface)}.lab-scene__saved{color:var(--color-text-faint);font-size:13px}.lab-scene__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-left:auto}.lab-scene__grid{display:grid;grid-template-columns:240px minmax(0,1fr) 260px;gap:var(--space-4);align-items:start}.lab-scene__grid[data-preview=true]{grid-template-columns:minmax(0,1fr)}.lab-scene__grid[data-preview=true] .lab-panel--add,.lab-scene__grid[data-preview=true] .lab-props,.lab-scene__grid[data-preview=true] .lab-layers{display:none}.lab-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4);box-shadow:var(--shadow-sm);min-width:0;display:grid;gap:var(--space-3);align-content:start}.lab-panel h2 small{color:var(--color-text-faint);font-weight:500;margin-left:var(--space-2)}.lab-addgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.lab-addbtn{display:grid;justify-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-2);font-size:12px}.lab-templates{display:grid;gap:var(--space-2)}.lab-template{width:100%;display:grid;gap:2px;text-align:left;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface)}.lab-template[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent-soft)}.lab-template small{color:var(--color-text-muted)}.lab-template__swatch{height:36px;border-radius:6px}.lab-stage{display:grid;gap:var(--space-3);min-width:0}.lab-canvas{position:relative;aspect-ratio:16 / 9;container-type:inline-size;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lg);touch-action:none;max-height:70vh;width:100%}.lab-widget{position:absolute;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;font-size:calc(var(--fs) * 100cqw / 1920);line-height:1.15;cursor:grab;-webkit-user-select:none;user-select:none;outline-offset:0;transition:outline-color var(--motion-fast) var(--motion-ease-out)}.lab-widget[data-kind=image],.lab-widget[data-kind=video],.lab-widget[data-kind=web]{border-radius:1.2cqw}.lab-widget:active{cursor:grabbing}.lab-widget[data-selected=true]{outline:2px solid var(--color-accent);overflow:visible}.lab-handle{position:absolute;right:-5px;bottom:-5px;width:10px;height:10px;background:var(--color-surface);border:2px solid var(--color-accent);border-radius:2px}.lab-stage__meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2);margin:0;color:var(--color-text-muted);font-size:13px}.lab-layers ul{display:grid;gap:var(--space-1)}.lab-layers button{width:100%;display:flex;align-items:center;gap:var(--space-2);border:0;background:transparent;text-align:left;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:background var(--motion-fast) var(--motion-ease-out)}.lab-layers button:hover{background:var(--color-surface-2)}.lab-layers button[data-active=true]{background:var(--color-accent-soft);color:var(--color-accent);font-weight:600}.lab-props label,.lab-overlay label,.lab-schedule__top label{display:grid;gap:var(--space-1);font-weight:600;font-size:13px}.lab textarea{font:inherit}.lab-props input,.lab-props select,.lab-overlay textarea,.lab-overlay select{width:100%;min-width:0}.lab-props__pair,.lab-props__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.lab-swatches{display:flex;flex-wrap:wrap;gap:var(--space-2);border:0;padding:0;margin:0}.lab-swatches legend{font-weight:600;font-size:13px;margin-bottom:var(--space-1)}.lab-swatches button{width:28px;height:28px;padding:0;border-radius:50%;border:2px solid var(--color-border);transition:transform var(--motion-fast) var(--motion-ease-spring)}.lab-swatches button:hover{transform:scale(1.12)}.lab-swatches button[aria-pressed=true]{border-color:var(--color-accent)}.lab-schedule{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--space-4);align-items:start}.lab-schedule__top{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:end;margin-bottom:var(--space-3)}.lab-presets{display:flex;flex-wrap:wrap;gap:var(--space-2)}.lab-grid{border-collapse:separate;border-spacing:2px;-webkit-user-select:none;user-select:none;touch-action:none}.lab-grid th{font-size:11px;font-weight:600;color:var(--color-text-faint);text-align:left;padding:0 2px;white-space:nowrap}.lab-grid tbody th{padding-right:var(--space-2);font-size:12px}.lab-grid td{padding:0}.lab-cell{width:24px;height:24px;min-width:0;padding:0;border:1px solid var(--color-border);border-radius:4px;background:var(--color-surface);transition:background var(--motion-fast) var(--motion-ease-out),transform var(--motion-fast) var(--motion-ease-spring)}.lab-cell:hover{transform:scale(1.12)}.lab-cell[data-on=true]{background:var(--color-accent);border-color:var(--color-accent)}.lab-schedule__hint{margin:var(--space-3) 0 0;color:var(--color-text-muted);font-size:13px}.lab-summary{display:grid;gap:var(--space-2);margin-bottom:var(--space-3)}.lab-summary li{padding:var(--space-2) var(--space-3);background:var(--color-accent-soft);border-radius:var(--radius-sm);font-variant-numeric:tabular-nums}.lab-overlay{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:var(--space-4);align-items:start}.lab-count{margin:var(--space-1) 0 var(--space-3);font-size:12px;color:var(--color-text-faint)}.lab-count[data-over=true]{color:var(--color-warn)}.lab-levels{display:grid;gap:var(--space-2);border:0;padding:0;margin:0 0 var(--space-3)}.lab-levels legend{font-weight:600;font-size:13px;margin-bottom:var(--space-1)}.lab-levels label{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:border-color var(--motion-fast) var(--motion-ease-out),background var(--motion-fast) var(--motion-ease-out)}.lab-levels label small{grid-column:2;font-weight:400;color:var(--color-text-muted)}.lab-levels label[data-active=true]{border-color:var(--color-accent);background:var(--color-accent-soft)}.lab-tv{position:relative;aspect-ratio:16 / 9;container-type:inline-size;border-radius:var(--radius);overflow:hidden;background:linear-gradient(135deg,#7c2d12,#ea580c);color:#fff;box-shadow:var(--shadow-lg)}.lab-tv__content{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;gap:1cqw;font-size:5cqw}.lab-tv__content span{font-size:2.6cqw;opacity:.85}.lab-tv__overlay{position:absolute;inset-inline:0;top:0;padding:2cqw 3cqw;font-size:2.6cqw;font-weight:700;color:#fff;display:grid;gap:.6cqw}.lab-tv__overlay[data-level=info]{background:#2563eb}.lab-tv__overlay[data-level=warn]{background:#d97706}.lab-tv__overlay[data-level=urgent]{top:0;right:0;bottom:0;left:0;align-content:center;text-align:center;font-size:4cqw;background:#b91c1c;animation:motion-slide-down var(--motion-slow) var(--motion-ease-out) both,motion-pulse calc(var(--motion-slow) * 3) ease-in-out infinite}.lab-tv__label{letter-spacing:.2em;font-size:3cqw}.lab-tv__meta{margin:var(--space-3) 0 0;color:var(--color-text-muted);font-size:13px}.lab-plans,.lab-home{display:grid;gap:var(--space-5)}.lab-plans>*,.lab-home>*,.lab-schedule>*,.lab-scene>*{min-width:0}.lab-quotas{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:var(--space-3)}.lab-quota{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4);display:grid;gap:var(--space-2);box-shadow:var(--shadow-sm)}.lab-quota__row{display:flex;justify-content:space-between;gap:var(--space-2)}.lab-quota__state{font-size:12px;font-weight:700;color:var(--color-ok)}.lab-quota[data-state=near] .lab-quota__state{color:var(--color-warn)}.lab-quota[data-state=full] .lab-quota__state{color:var(--color-danger)}.lab-quota__num{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}.lab-quota__num small{font-size:13px;font-weight:500;color:var(--color-text-muted)}.lab-bar{height:8px;border-radius:999px;background:var(--color-surface-2);overflow:hidden}.lab-bar span{display:block;height:100%;width:var(--w);border-radius:inherit;background:var(--color-ok);transform-origin:left;animation:lab-bar-grow calc(var(--motion-slow) * 2) var(--motion-ease-out) both}.lab-quota[data-state=near] .lab-bar span{background:var(--color-warn)}.lab-quota[data-state=full] .lab-bar span{background:var(--color-danger)}@keyframes lab-bar-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.lab-locked ul{display:grid;gap:var(--space-2)}.lab-locked li{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.lab-locked li a{color:var(--color-accent);font-weight:600}.lab-compare{width:100%;min-width:640px;border-collapse:separate;border-spacing:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.lab-compare th,.lab-compare td{padding:var(--space-3) var(--space-4);text-align:left;vertical-align:top;border-bottom:1px solid var(--color-border-soft)}.lab-compare thead th{font-size:15px}.lab-compare thead small{display:block;font-weight:400;color:var(--color-text-muted)}.lab-compare [data-highlight=true]{background:var(--color-accent-soft)}.lab-price{font-size:22px;font-weight:800;margin-top:var(--space-1)}.lab-landing section.ui-card:not(.ll-cta){background:none;border:0;box-shadow:none;padding:0;margin-bottom:0}.lab-landing .ll-lead{font-size:clamp(16px,1.6vw,19px);color:var(--color-text-muted)}.lab-landing .ll-trust{font-size:13px;color:var(--color-text-faint)}.lab-landing .ll-features p,.lab-landing .ll-steps p{font-size:15px}.lab-landing .ll-center{font-size:14px}.lab-landing .ll-pricing small{font-size:13px}.lab-landing{display:grid;gap:clamp(48px,7vw,88px)}.lab-landing>*{min-width:0}.lab-landing h2,.lab-landing h3{margin:0}.ll-nav{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:999px;background:color-mix(in srgb,var(--color-surface) 82%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md)}.ll-nav nav{display:flex;gap:var(--space-5)}.ll-nav nav a{color:var(--color-text-muted);font-weight:600;text-decoration:none;transition:color var(--motion-fast) var(--motion-ease-out)}.ll-nav nav a:hover{color:var(--color-accent)}.ll-logo{font-weight:800;font-size:18px;color:var(--color-text);text-decoration:none}.ll-logo span{color:var(--color-accent)}.ll-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-5);border-radius:999px;background:var(--color-accent);color:var(--color-on-accent);font-weight:700;text-decoration:none;box-shadow:0 6px 18px -6px color-mix(in srgb,var(--color-accent) 70%,transparent);transition:background var(--motion-fast) var(--motion-ease-out),transform var(--motion-fast) var(--motion-ease-out),box-shadow var(--motion-base) var(--motion-ease-out)}.ll-btn:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.ll-btn--sm{padding:var(--space-2) var(--space-4);font-size:14px}.ll-btn--lg{padding:14px 28px;font-size:16px}.ll-btn--ghost{background:transparent;color:var(--color-accent);border:1.5px solid var(--color-accent);box-shadow:none}.ll-btn--ghost:hover{background:var(--color-accent-soft)}.ll-btn--light{background:#fff;color:#3730a3;box-shadow:0 10px 30px -10px #00000080}.ll-btn--light:hover{background:#eef2ff}.ll-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:var(--space-6);align-items:center;padding:clamp(24px,5vw,56px) clamp(16px,4vw,48px);border-radius:28px;border:1px solid var(--color-border);background:radial-gradient(60% 80% at 8% 0%,color-mix(in srgb,var(--color-accent) 20%,transparent),transparent 70%),radial-gradient(50% 70% at 100% 100%,color-mix(in srgb,#f97316 22%,transparent),transparent 70%),var(--color-surface);overflow:hidden}.ll-eyebrow{margin:0 0 var(--space-3);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent)}.ll-hero h2{font-size:clamp(32px,5.4vw,60px);line-height:1.08;letter-spacing:-.02em;font-weight:800;max-width:14em}.ll-mark{background:linear-gradient(120deg,var(--color-accent),#c026d3 60%,#f97316);-webkit-background-clip:text;background-clip:text;color:transparent}.ll-lead{margin:var(--space-4) 0 0;font-size:clamp(16px,1.6vw,19px);color:var(--color-text-muted);max-width:34em}.ll-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5)}.ll-trust{margin:var(--space-4) 0 0;font-size:13px;color:var(--color-text-faint)}.ll-stage{position:relative;padding:var(--space-4) var(--space-3) var(--space-5)}.ll-tv{transform:perspective(1200px) rotateY(-8deg) rotateX(3deg);transition:transform var(--motion-slow) var(--motion-ease-out)}.ll-stage:hover .ll-tv{transform:perspective(1200px) rotateY(0) rotateX(0)}.ll-tv__screen{position:relative;aspect-ratio:16 / 9;container-type:inline-size;border-radius:16px;border:6px solid #0f172a;background:linear-gradient(135deg,#7c2d12,#ea580c);box-shadow:0 30px 60px -20px #0f172a8c,0 0 0 1px #0f172a66;overflow:hidden;color:#fff}.ll-tv__title{position:absolute;left:6%;top:9%;font-size:6.2cqw;line-height:1}.ll-tv__clock{position:absolute;right:5%;top:8%;padding:1.2cqw 2.2cqw;border-radius:1cqw;background:#00000059;font-weight:800;font-size:4cqw;font-variant-numeric:tabular-nums}.ll-tv__photo{position:absolute;left:6%;bottom:9%;width:38%;height:52%;border-radius:1.6cqw;background:linear-gradient(135deg,#fbbf24,#ea580c);box-shadow:0 1cqw 3cqw #00000040}.ll-tv__price{position:absolute;right:6%;width:44%;padding:2cqw 2.4cqw;border-radius:1.2cqw;background:#fff3;font-weight:800;font-size:3.6cqw;text-align:center}.ll-tv__price--1{top:40%}.ll-tv__price--2{top:62%}.ll-tv__stand{width:24%;height:12px;margin:0 auto;border-radius:0 0 12px 12px;background:#0f172a}.ll-chip{position:absolute;padding:var(--space-2) var(--space-4);border-radius:999px;background:var(--color-surface);color:var(--color-text);font-size:13px;font-weight:700;box-shadow:var(--shadow-lg);border:1px solid var(--color-border);white-space:nowrap;animation:ll-float calc(var(--motion-slow) * 10) ease-in-out infinite}.ll-chip--a{left:-2%;top:4%}.ll-chip--b{right:-1%;bottom:2%;color:var(--color-ok);animation-delay:calc(var(--motion-slow) * -5)}.ll-dot{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:var(--color-success);animation:motion-pulse calc(var(--motion-slow) * 4) ease-in-out infinite;color:var(--color-success)}@keyframes ll-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.ll-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:var(--space-4);text-align:center}.ll-facts b{display:block;font-size:clamp(28px,4vw,42px);font-weight:800;letter-spacing:-.02em;color:var(--color-accent)}.ll-facts span{color:var(--color-text-muted)}.ll-h2{text-align:center;font-size:clamp(24px,3.4vw,36px);letter-spacing:-.01em;font-weight:800;margin-bottom:var(--space-5)!important}.ll-center{text-align:center;margin:calc(var(--space-4) * -1) 0 var(--space-5)!important}.ll-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:var(--space-4)}.ll-features>li,.ll-pricing>li,.ll-steps>li{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;padding:var(--space-5);box-shadow:var(--shadow-sm);display:block}.ll-icon{display:inline-grid;place-items:center;width:44px;height:44px;margin-bottom:var(--space-3);border-radius:12px;background:var(--color-accent-soft);color:var(--color-accent)}.ll-features h3,.ll-steps h3,.ll-pricing h3{font-size:17px;margin-bottom:var(--space-2)!important}.ll-features p,.ll-steps p{margin:0;color:var(--color-text-muted)}.ll-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:var(--space-4);counter-reset:none;padding:0}.ll-step__n{display:inline-grid;place-items:center;width:36px;height:36px;margin-bottom:var(--space-3);border-radius:50%;background:var(--color-accent);color:var(--color-on-accent);font-weight:800}.ll-pricing{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:var(--space-4);align-items:stretch}.ll-pricing>li{position:relative}.ll-pricing>li[data-highlight=true]{border:2px solid var(--color-accent);background:linear-gradient(180deg,var(--color-accent-soft),var(--color-surface) 60%);box-shadow:0 20px 40px -20px color-mix(in srgb,var(--color-accent) 55%,transparent)}.ll-badge{position:absolute;top:-12px;right:var(--space-4);padding:2px var(--space-3);border-radius:999px;background:var(--color-accent);color:var(--color-on-accent);font-size:12px;font-weight:700}.ll-pricing small{display:block;color:var(--color-text-muted);min-height:3em}.ll-pricing ul{display:grid;gap:var(--space-1);margin-top:var(--space-3);font-size:14px}.lab-landing .ll-cta{border:0;margin-bottom:0;text-align:center;padding:clamp(32px,6vw,64px) var(--space-5);border-radius:28px;background:radial-gradient(70% 120% at 0% 0%,rgba(255,255,255,.18),transparent 60%),linear-gradient(135deg,#3730a3,#4f46e5 55%,#c026d3);color:#fff}.ll-cta h2{font-size:clamp(24px,3.6vw,38px);font-weight:800;letter-spacing:-.01em;max-width:20em;margin:0 auto var(--space-3)!important}.lab-landing .ll-cta p{margin:0 auto var(--space-5);max-width:34em;color:#ffffffeb;font-size:17px}@media (max-width: 900px){.ll-hero{grid-template-columns:minmax(0,1fr)}.ll-nav nav{display:none}.ll-tv{transform:none}}@media (prefers-reduced-motion: reduce){.ll-chip,.ll-dot{animation:none}.ll-tv{transition:none}}@media (max-width: 1000px){.lab-scene__grid{grid-template-columns:minmax(0,1fr) 240px}.lab-scene__grid .lab-panel--add{grid-column:1 / -1}.lab-schedule{grid-template-columns:minmax(0,1fr)}}@media (max-width: 640px){.lab-scene__grid{grid-template-columns:minmax(0,1fr)}.lab-scene__actions{margin-left:0}.lab-knob{grid-template-columns:minmax(0,1fr) 56px}.lab-knob input,.lab-knob select{grid-column:1 / -1;grid-row:2}}