@charset "UTF-8";@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url("./media/inter-cyrillic-ext-BMWL6UFL.woff2") format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url("./media/inter-cyrillic-4OJ72WYM.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url("./media/inter-latin-ext-B6TL4M5W.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url("./media/inter-latin-KZ4OTMG4.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--sidebar-width: 232px;--topbar-h: 0px;--radius: 8px;--radius-sm: 6px;--radius-xs: 4px;--radius-pill: 999px;--font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-lg: .9375rem;--text-xl: 1.125rem;--text-2xl: 1.375rem;--text-3xl: 1.75rem;--text-4xl: 2.125rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--space-half: 2px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--control-xs: 22px;--control-sm: 26px;--control-md: 32px;--control-lg: 38px;--motion-quick: .12s;--motion-fast: .15s;--motion-base: .2s;--motion-slow: .34s;--ease: cubic-bezier(.2, .6, .2, 1);--z-raised: 2;--z-sticky: 10;--z-topbar: 40;--z-backdrop: 49;--z-sidebar: 50;--z-menu: 60;--z-popover: 70;--z-dropdown-backdrop: 1000;--z-dropdown: 1001;--z-modal: 2000;--z-tooltip: 3000;--z-toast: 4000}:root{color-scheme:light;--sys-ets: #0d9488;--sys-ets-bg: #ccfbf1;--sys-c4: #b91c1c;--sys-c4-bg: #fee2e2;--sys-ha: #0369a1;--sys-ha-bg: #e0f2fe;--dev-nas: #7c3aed;--dev-nas-bg: #ede9fe;--dev-cam: #be185d;--dev-cam-bg: #fce7f3;--dev-print: #475569;--dev-print-bg: #e2e8f0;--dev-ros: #b45309;--dev-ros-bg: #fef3c7;--dev-tv: #4338ca;--dev-tv-bg: #e0e7ff;--dev-wb: #0e7490;--dev-wb-bg: #cffafe;--evt-power: #b45309;--evt-power-bg: #fef3c7;--evt-internet: #0e7490;--evt-internet-bg: #cffafe;--evt-site: #be185d;--evt-site-bg: #fce7f3;--evt-office: #475569;--evt-office-bg: #e2e8f0;--evt-tunnel: #7c3aed;--evt-tunnel-bg: #ede9fe;--color-primary: #4f46e5;--color-primary-hover: #4338ca;--color-primary-light: #e0e7ff;--color-success: #15803d;--color-success-bg: #dcfce7;--color-success-text: #166534;--color-warning: #b45309;--color-warning-bg: #fef3c7;--color-warning-text: #92400e;--color-danger: #dc2626;--color-danger-bg: #fee2e2;--color-danger-text: #991b1b;--color-info: #0e7490;--color-info-bg: #cffafe;--color-info-text: #155e75;--color-critical-bg: #fce7f3;--color-critical-text: #9d174d;--text-strong: #0f172a;--text: #1e293b;--text-secondary: #334155;--text-muted: #475569;--text-subtle: #5d6c82;--text-faint: #65748a;--text-disabled: #7b889c;--surface: #ffffff;--surface-sunken: #f3f5f8;--page-bg: #e8ecf1;--panel: rgba(15, 23, 42, .055);--fill-hover: #f1f4f8;--fill: #e8ecf2;--fill-strong: #dde3ea;--fill-stronger: #cbd5e1;--fill-neutral: #8492a6;--skeleton: #cbd5e1;--hairline: #d8dfe7;--hairline-soft: #e8ecf1;--border-control: #b4c0cf;--border-control-hover: #94a3b8;--field-fill: rgba(15, 23, 42, .07);--field-fill-hover: rgba(15, 23, 42, .11);--field-line: rgba(15, 23, 42, .38);--field-line-hover: rgba(15, 23, 42, .7);--btn-bg: rgba(15, 23, 42, .07);--btn-bg-hover: rgba(15, 23, 42, .12);--seg-active: var(--surface);--border-color: var(--hairline);--border: 1px solid var(--border-color);--focus-ring-color: #a5b4fc;--focus-ring: 0 0 0 3px var(--focus-ring-color);--overlay: rgba(15, 23, 42, .5);--overlay-soft: rgba(15, 23, 42, .4);--tint-success: #e3f8ea;--tint-danger: #fdeaea;--tint-info: #e3eefe;--tint-primary: rgba(79, 70, 229, .12);--tint-primary-soft: rgba(79, 70, 229, .04);--phone-frame: #262833;--phone-bezel: #444755;--phone-screen: #090a10;--on-primary: #ffffff;--knob: #ffffff;--cat-light: #f59e0b;--cat-climate: #ef4444;--cat-fan: #06b6d4;--cat-blinds: #3b82f6;--cat-sensor: #22c55e;--cat-media: #a855f7;--cat-scenario: #eab308;--cat-switch: #a855f7;--cat-other: var(--text-faint);--din-case: #d9e1ea;--din-case-edge: #a9b6c6;--din-face: #e6ecf2;--din-terminal: #4b545e;--din-terminal-text: #d6dbe0;--din-rail: #c3c9d0;--din-rail-edge: #a3abb4;--din-term-active: rgba(99, 102, 241, .28);--din-term-active-text: #ffffff;--din-shadow: 0 1px 2px rgba(15, 23, 42, .18);--plate: #f7f7f5;--plate-edge: #d6d6d0;--plate-key: #fdfdfb;--plate-key-edge: #c8c8c2;--plate-shadow: 0 1px 0 #ffffff inset, 0 0 0 1px #dcdcd8, 0 2px 6px rgba(0, 0, 0, .1), 0 8px 18px rgba(0, 0, 0, .06);--plate-key-shadow: 0 1px 1px rgba(0, 0, 0, .08), 0 1px 0 #ffffff inset;--glow-success: 0 0 0 3px rgba(22, 163, 74, .18);--glow-danger: 0 0 0 3px rgba(220, 38, 38, .18);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .08);--shadow: 0 1px 3px rgba(15, 23, 42, .1);--shadow-md: 0 6px 20px rgba(15, 23, 42, .14);--rail-bg: #0f172a;--rail-text: rgba(255, 255, 255, .6);--rail-text-strong: #ffffff;--rail-fill-hover: rgba(255, 255, 255, .08);--rail-fill-soft: rgba(255, 255, 255, .06);--rail-hairline: rgba(255, 255, 255, .08);--rail-active-bg: rgba(99, 102, 241, .22);--rail-active-text: #a5b4fc;--rail-ver-text: rgba(255, 255, 255, .55);--rail-stale-bg: rgba(220, 38, 38, .28);--rail-stale-text: #fecaca;--tip-bg: #1e293b;--tip-text: #f8fafc;--tip-key: #93c5fd;--tip-ga: #fbbf24;--color-code-bg: #0f172a;--color-code-fg: #e2e8f0}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--sys-ets: #2dd4bf;--sys-ets-bg: rgba(45, 212, 191, .14);--sys-c4: #f87171;--sys-c4-bg: rgba(248, 113, 113, .16);--sys-ha: #60a5fa;--sys-ha-bg: rgba(96, 165, 250, .16);--dev-nas: #a78bfa;--dev-nas-bg: rgba(167, 139, 250, .16);--dev-cam: #f472b6;--dev-cam-bg: rgba(244, 114, 182, .16);--dev-print: #94a3b8;--dev-print-bg: rgba(148, 163, 184, .16);--dev-ros: #fbbf24;--dev-ros-bg: rgba(251, 191, 36, .16);--dev-tv: #818cf8;--dev-tv-bg: rgba(129, 140, 248, .16);--dev-wb: #22d3ee;--dev-wb-bg: rgba(34, 211, 238, .14);--evt-power: #fbbf24;--evt-power-bg: rgba(251, 191, 36, .16);--evt-internet: #22d3ee;--evt-internet-bg: rgba(34, 211, 238, .14);--evt-site: #f472b6;--evt-site-bg: rgba(244, 114, 182, .16);--evt-office: #94a3b8;--evt-office-bg: rgba(148, 163, 184, .16);--evt-tunnel: #a78bfa;--evt-tunnel-bg: rgba(167, 139, 250, .16);--color-primary: #818cf8;--color-primary-hover: #a5b4fc;--color-primary-light: rgba(129, 140, 248, .22);--color-success: #22c55e;--color-success-bg: rgba(34, 197, 94, .16);--color-success-text: #86efac;--color-warning: #f59e0b;--color-warning-bg: rgba(245, 158, 11, .16);--color-warning-text: #fcd34d;--color-danger: #f05252;--color-danger-bg: rgba(239, 68, 68, .16);--color-danger-text: #fca5a5;--color-info: #22d3ee;--color-info-bg: rgba(34, 211, 238, .14);--color-info-text: #a5f3fc;--color-critical-bg: rgba(244, 114, 182, .16);--color-critical-text: #f9a8d4;--text-strong: #f1f5f9;--text: #e2e8f0;--text-secondary: #cbd5e1;--text-muted: #b3c0d1;--text-subtle: #94a3b8;--text-faint: #8b99ad;--text-disabled: #6b7a8f;--surface: #131d30;--surface-sunken: #0e1626;--page-bg: #080e1a;--panel: rgba(255, 255, 255, .05);--fill-hover: rgba(255, 255, 255, .05);--fill: rgba(255, 255, 255, .07);--fill-strong: rgba(255, 255, 255, .1);--fill-stronger: rgba(255, 255, 255, .14);--fill-neutral: #5b6b82;--skeleton: rgba(255, 255, 255, .09);--hairline: rgba(255, 255, 255, .12);--hairline-soft: rgba(255, 255, 255, .08);--border-control: rgba(255, 255, 255, .14);--border-control-hover: rgba(255, 255, 255, .24);--field-fill: rgba(255, 255, 255, .07);--field-fill-hover: rgba(255, 255, 255, .1);--field-line: rgba(255, 255, 255, .35);--field-line-hover: rgba(255, 255, 255, .7);--btn-bg: rgba(255, 255, 255, .08);--btn-bg-hover: rgba(255, 255, 255, .13);--seg-active: rgba(255, 255, 255, .16);--focus-ring-color: rgba(129, 140, 248, .35);--overlay: rgba(2, 6, 16, .6);--overlay-soft: rgba(2, 6, 16, .5);--tint-success: rgba(34, 197, 94, .16);--tint-danger: rgba(239, 68, 68, .16);--tint-info: rgba(34, 211, 238, .1);--tint-primary: rgba(129, 140, 248, .16);--tint-primary-soft: rgba(129, 140, 248, .08);--on-primary: #111633;--glow-success: 0 0 0 3px rgba(34, 197, 94, .26);--glow-danger: 0 0 0 3px rgba(239, 68, 68, .26);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow: 0 2px 6px rgba(0, 0, 0, .45);--shadow-md: 0 10px 28px rgba(0, 0, 0, .55);--rail-active-bg: rgba(129, 140, 248, .2);--tip-bg: #243247;--color-code-bg: #0a1120;--color-code-fg: #cbd5e1;--din-case: #2a323c;--din-case-edge: #45525f;--din-face: #313a45;--din-terminal: #1b2026;--din-terminal-text: #aab3bd;--din-rail: #353c44;--din-rail-edge: #252a30;--din-term-active: rgba(129, 140, 248, .3);--din-term-active-text: #ffffff;--din-shadow: 0 1px 2px rgba(0, 0, 0, .5);--plate: #3a3b3d;--plate-edge: #242527;--plate-key: #343538;--plate-key-edge: #55565a;--plate-shadow: 0 0 0 1px #4a4b4e, 0 2px 6px rgba(0, 0, 0, .4);--plate-key-shadow: 0 1px 0 rgba(255, 255, 255, .05) inset}}:root[data-theme=dark]{color-scheme:dark;--sys-ets: #2dd4bf;--sys-ets-bg: rgba(45, 212, 191, .14);--sys-c4: #f87171;--sys-c4-bg: rgba(248, 113, 113, .16);--sys-ha: #60a5fa;--sys-ha-bg: rgba(96, 165, 250, .16);--dev-nas: #a78bfa;--dev-nas-bg: rgba(167, 139, 250, .16);--dev-cam: #f472b6;--dev-cam-bg: rgba(244, 114, 182, .16);--dev-print: #94a3b8;--dev-print-bg: rgba(148, 163, 184, .16);--dev-ros: #fbbf24;--dev-ros-bg: rgba(251, 191, 36, .16);--dev-tv: #818cf8;--dev-tv-bg: rgba(129, 140, 248, .16);--dev-wb: #22d3ee;--dev-wb-bg: rgba(34, 211, 238, .14);--evt-power: #fbbf24;--evt-power-bg: rgba(251, 191, 36, .16);--evt-internet: #22d3ee;--evt-internet-bg: rgba(34, 211, 238, .14);--evt-site: #f472b6;--evt-site-bg: rgba(244, 114, 182, .16);--evt-office: #94a3b8;--evt-office-bg: rgba(148, 163, 184, .16);--evt-tunnel: #a78bfa;--evt-tunnel-bg: rgba(167, 139, 250, .16);--color-primary: #818cf8;--color-primary-hover: #a5b4fc;--color-primary-light: rgba(129, 140, 248, .22);--color-success: #22c55e;--color-success-bg: rgba(34, 197, 94, .16);--color-success-text: #86efac;--color-warning: #f59e0b;--color-warning-bg: rgba(245, 158, 11, .16);--color-warning-text: #fcd34d;--color-danger: #f05252;--color-danger-bg: rgba(239, 68, 68, .16);--color-danger-text: #fca5a5;--color-info: #22d3ee;--color-info-bg: rgba(34, 211, 238, .14);--color-info-text: #a5f3fc;--color-critical-bg: rgba(244, 114, 182, .16);--color-critical-text: #f9a8d4;--text-strong: #f1f5f9;--text: #e2e8f0;--text-secondary: #cbd5e1;--text-muted: #b3c0d1;--text-subtle: #94a3b8;--text-faint: #8b99ad;--text-disabled: #6b7a8f;--surface: #131d30;--surface-sunken: #0e1626;--page-bg: #080e1a;--panel: rgba(255, 255, 255, .05);--fill-hover: rgba(255, 255, 255, .05);--fill: rgba(255, 255, 255, .07);--fill-strong: rgba(255, 255, 255, .1);--fill-stronger: rgba(255, 255, 255, .14);--fill-neutral: #5b6b82;--skeleton: rgba(255, 255, 255, .09);--hairline: rgba(255, 255, 255, .12);--hairline-soft: rgba(255, 255, 255, .08);--border-control: rgba(255, 255, 255, .14);--border-control-hover: rgba(255, 255, 255, .24);--field-fill: rgba(255, 255, 255, .07);--field-fill-hover: rgba(255, 255, 255, .1);--field-line: rgba(255, 255, 255, .35);--field-line-hover: rgba(255, 255, 255, .7);--btn-bg: rgba(255, 255, 255, .08);--btn-bg-hover: rgba(255, 255, 255, .13);--seg-active: rgba(255, 255, 255, .16);--focus-ring-color: rgba(129, 140, 248, .35);--overlay: rgba(2, 6, 16, .6);--overlay-soft: rgba(2, 6, 16, .5);--tint-success: rgba(34, 197, 94, .16);--tint-danger: rgba(239, 68, 68, .16);--tint-info: rgba(34, 211, 238, .1);--tint-primary: rgba(129, 140, 248, .16);--tint-primary-soft: rgba(129, 140, 248, .08);--on-primary: #111633;--glow-success: 0 0 0 3px rgba(34, 197, 94, .26);--glow-danger: 0 0 0 3px rgba(239, 68, 68, .26);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow: 0 2px 6px rgba(0, 0, 0, .45);--shadow-md: 0 10px 28px rgba(0, 0, 0, .55);--rail-active-bg: rgba(129, 140, 248, .2);--tip-bg: #243247;--color-code-bg: #0a1120;--color-code-fg: #cbd5e1;--din-case: #2a323c;--din-case-edge: #45525f;--din-face: #313a45;--din-terminal: #1b2026;--din-terminal-text: #aab3bd;--din-rail: #353c44;--din-rail-edge: #252a30;--din-term-active: rgba(129, 140, 248, .3);--din-term-active-text: #ffffff;--din-shadow: 0 1px 2px rgba(0, 0, 0, .5);--plate: #3a3b3d;--plate-edge: #242527;--plate-key: #343538;--plate-key-edge: #55565a;--plate-shadow: 0 0 0 1px #4a4b4e, 0 2px 6px rgba(0, 0, 0, .4);--plate-key-shadow: 0 1px 0 rgba(255, 255, 255, .05) inset}:root[data-theme=light]{color-scheme:light;--sys-ets: #0d9488;--sys-ets-bg: #ccfbf1;--sys-c4: #b91c1c;--sys-c4-bg: #fee2e2;--sys-ha: #0369a1;--sys-ha-bg: #e0f2fe;--dev-nas: #7c3aed;--dev-nas-bg: #ede9fe;--dev-cam: #be185d;--dev-cam-bg: #fce7f3;--dev-print: #475569;--dev-print-bg: #e2e8f0;--dev-ros: #b45309;--dev-ros-bg: #fef3c7;--dev-tv: #4338ca;--dev-tv-bg: #e0e7ff;--dev-wb: #0e7490;--dev-wb-bg: #cffafe;--evt-power: #b45309;--evt-power-bg: #fef3c7;--evt-internet: #0e7490;--evt-internet-bg: #cffafe;--evt-site: #be185d;--evt-site-bg: #fce7f3;--evt-office: #475569;--evt-office-bg: #e2e8f0;--evt-tunnel: #7c3aed;--evt-tunnel-bg: #ede9fe;--color-primary: #4f46e5;--color-primary-hover: #4338ca;--color-primary-light: #e0e7ff;--color-success: #15803d;--color-success-bg: #dcfce7;--color-success-text: #166534;--color-warning: #b45309;--color-warning-bg: #fef3c7;--color-warning-text: #92400e;--color-danger: #dc2626;--color-danger-bg: #fee2e2;--color-danger-text: #991b1b;--color-info: #0e7490;--color-info-bg: #cffafe;--color-info-text: #155e75;--color-critical-bg: #fce7f3;--color-critical-text: #9d174d;--text-strong: #0f172a;--text: #1e293b;--text-secondary: #334155;--text-muted: #475569;--text-subtle: #5d6c82;--text-faint: #65748a;--text-disabled: #7b889c;--surface: #ffffff;--surface-sunken: #f3f5f8;--page-bg: #e8ecf1;--panel: rgba(15, 23, 42, .055);--fill-hover: #f1f4f8;--fill: #e8ecf2;--fill-strong: #dde3ea;--fill-stronger: #cbd5e1;--fill-neutral: #8492a6;--skeleton: #cbd5e1;--hairline: #d8dfe7;--hairline-soft: #e8ecf1;--border-control: #b4c0cf;--border-control-hover: #94a3b8;--field-fill: rgba(15, 23, 42, .07);--field-fill-hover: rgba(15, 23, 42, .11);--field-line: rgba(15, 23, 42, .38);--field-line-hover: rgba(15, 23, 42, .7);--btn-bg: rgba(15, 23, 42, .07);--btn-bg-hover: rgba(15, 23, 42, .12);--seg-active: var(--surface);--border-color: var(--hairline);--border: 1px solid var(--border-color);--focus-ring-color: #a5b4fc;--focus-ring: 0 0 0 3px var(--focus-ring-color);--overlay: rgba(15, 23, 42, .5);--overlay-soft: rgba(15, 23, 42, .4);--tint-success: #e3f8ea;--tint-danger: #fdeaea;--tint-info: #e3eefe;--tint-primary: rgba(79, 70, 229, .12);--tint-primary-soft: rgba(79, 70, 229, .04);--phone-frame: #262833;--phone-bezel: #444755;--phone-screen: #090a10;--on-primary: #ffffff;--knob: #ffffff;--cat-light: #f59e0b;--cat-climate: #ef4444;--cat-fan: #06b6d4;--cat-blinds: #3b82f6;--cat-sensor: #22c55e;--cat-media: #a855f7;--cat-scenario: #eab308;--cat-switch: #a855f7;--cat-other: var(--text-faint);--din-case: #d9e1ea;--din-case-edge: #a9b6c6;--din-face: #e6ecf2;--din-terminal: #4b545e;--din-terminal-text: #d6dbe0;--din-rail: #c3c9d0;--din-rail-edge: #a3abb4;--din-term-active: rgba(99, 102, 241, .28);--din-term-active-text: #ffffff;--din-shadow: 0 1px 2px rgba(15, 23, 42, .18);--plate: #f7f7f5;--plate-edge: #d6d6d0;--plate-key: #fdfdfb;--plate-key-edge: #c8c8c2;--plate-shadow: 0 1px 0 #ffffff inset, 0 0 0 1px #dcdcd8, 0 2px 6px rgba(0, 0, 0, .1), 0 8px 18px rgba(0, 0, 0, .06);--plate-key-shadow: 0 1px 1px rgba(0, 0, 0, .08), 0 1px 0 #ffffff inset;--glow-success: 0 0 0 3px rgba(22, 163, 74, .18);--glow-danger: 0 0 0 3px rgba(220, 38, 38, .18);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .08);--shadow: 0 1px 3px rgba(15, 23, 42, .1);--shadow-md: 0 6px 20px rgba(15, 23, 42, .14);--rail-bg: #0f172a;--rail-text: rgba(255, 255, 255, .6);--rail-text-strong: #ffffff;--rail-fill-hover: rgba(255, 255, 255, .08);--rail-fill-soft: rgba(255, 255, 255, .06);--rail-hairline: rgba(255, 255, 255, .08);--rail-active-bg: rgba(99, 102, 241, .22);--rail-active-text: #a5b4fc;--rail-ver-text: rgba(255, 255, 255, .55);--rail-stale-bg: rgba(220, 38, 38, .28);--rail-stale-text: #fecaca;--tip-bg: #1e293b;--tip-text: #f8fafc;--tip-key: #93c5fd;--tip-ga: #fbbf24;--color-code-bg: #0f172a;--color-code-fg: #e2e8f0}:root{--swatch-indigo: #4f46e5;--swatch-blue: #2563eb;--swatch-violet: #7c5cf5;--swatch-amber: #d97706;--swatch-teal: #0d9488}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--swatch-indigo: #818cf8;--swatch-blue: #60a5fa;--swatch-violet: #a898ff;--swatch-amber: #fbbf24;--swatch-teal: #14b8a6}}:root[data-theme=dark]{--swatch-indigo: #818cf8;--swatch-blue: #60a5fa;--swatch-violet: #a898ff;--swatch-amber: #fbbf24;--swatch-teal: #14b8a6}:root[data-accent=blue]{--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-light: #dbeafe;--focus-ring-color: #93c5fd;--tint-primary: rgba(37, 99, 235, .12);--tint-primary-soft: rgba(37, 99, 235, .05);--rail-active-bg: rgba(59, 130, 246, .22);--rail-active-text: #93c5fd;--on-primary: #ffffff;--din-term-active: rgba(37, 99, 235, .3)}@media(prefers-color-scheme:dark){:root[data-accent=blue]:not([data-theme=light]){--color-primary: #60a5fa;--color-primary-hover: #93c5fd;--color-primary-light: rgba(96, 165, 250, .22);--focus-ring-color: rgba(96, 165, 250, .35);--tint-primary: rgba(96, 165, 250, .16);--tint-primary-soft: rgba(96, 165, 250, .05);--rail-active-bg: rgba(96, 165, 250, .2);--rail-active-text: #93c5fd;--on-primary: #0b1a33;--din-term-active: rgba(96, 165, 250, .3)}}:root[data-accent=blue][data-theme=dark]{--color-primary: #60a5fa;--color-primary-hover: #93c5fd;--color-primary-light: rgba(96, 165, 250, .22);--focus-ring-color: rgba(96, 165, 250, .35);--tint-primary: rgba(96, 165, 250, .16);--tint-primary-soft: rgba(96, 165, 250, .05);--rail-active-bg: rgba(96, 165, 250, .2);--rail-active-text: #93c5fd;--on-primary: #0b1a33;--din-term-active: rgba(96, 165, 250, .3)}:root[data-accent=violet]{--color-primary: #7c5cf5;--color-primary-hover: #6a4be0;--color-primary-light: #ede9fe;--focus-ring-color: #c4b5fd;--tint-primary: rgba(124, 92, 245, .12);--tint-primary-soft: rgba(124, 92, 245, .05);--rail-active-bg: rgba(139, 112, 255, .22);--rail-active-text: #c0b5ff;--on-primary: #ffffff;--din-term-active: rgba(124, 92, 245, .3)}@media(prefers-color-scheme:dark){:root[data-accent=violet]:not([data-theme=light]){--color-primary: #a898ff;--color-primary-hover: #c0b5ff;--color-primary-light: rgba(168, 152, 255, .22);--focus-ring-color: rgba(168, 152, 255, .35);--tint-primary: rgba(168, 152, 255, .16);--tint-primary-soft: rgba(168, 152, 255, .05);--rail-active-bg: rgba(168, 152, 255, .2);--rail-active-text: #c0b5ff;--on-primary: #171622;--din-term-active: rgba(168, 152, 255, .3)}}:root[data-accent=violet][data-theme=dark]{--color-primary: #a898ff;--color-primary-hover: #c0b5ff;--color-primary-light: rgba(168, 152, 255, .22);--focus-ring-color: rgba(168, 152, 255, .35);--tint-primary: rgba(168, 152, 255, .16);--tint-primary-soft: rgba(168, 152, 255, .05);--rail-active-bg: rgba(168, 152, 255, .2);--rail-active-text: #c0b5ff;--on-primary: #171622;--din-term-active: rgba(168, 152, 255, .3)}:root[data-accent=amber]{--color-primary: #d97706;--color-primary-hover: #b45309;--color-primary-light: #fef3c7;--focus-ring-color: #fcd34d;--tint-primary: rgba(217, 119, 6, .12);--tint-primary-soft: rgba(217, 119, 6, .05);--rail-active-bg: rgba(245, 158, 11, .22);--rail-active-text: #fcd34d;--on-primary: #ffffff;--din-term-active: rgba(217, 119, 6, .3)}@media(prefers-color-scheme:dark){:root[data-accent=amber]:not([data-theme=light]){--color-primary: #fbbf24;--color-primary-hover: #fcd34d;--color-primary-light: rgba(251, 191, 36, .22);--focus-ring-color: rgba(251, 191, 36, .35);--tint-primary: rgba(251, 191, 36, .16);--tint-primary-soft: rgba(251, 191, 36, .05);--rail-active-bg: rgba(251, 191, 36, .2);--rail-active-text: #fcd34d;--on-primary: #2b1d02;--din-term-active: rgba(251, 191, 36, .3)}}:root[data-accent=amber][data-theme=dark]{--color-primary: #fbbf24;--color-primary-hover: #fcd34d;--color-primary-light: rgba(251, 191, 36, .22);--focus-ring-color: rgba(251, 191, 36, .35);--tint-primary: rgba(251, 191, 36, .16);--tint-primary-soft: rgba(251, 191, 36, .05);--rail-active-bg: rgba(251, 191, 36, .2);--rail-active-text: #fcd34d;--on-primary: #2b1d02;--din-term-active: rgba(251, 191, 36, .3)}:root[data-accent=teal]{--color-primary: #0d9488;--color-primary-hover: #0f766e;--color-primary-light: #ccfbf1;--focus-ring-color: #5eead4;--tint-primary: rgba(20, 184, 166, .12);--tint-primary-soft: rgba(13, 148, 136, .05);--rail-active-bg: rgba(13, 148, 136, .18);--rail-active-text: #5eead4;--on-primary: #ffffff;--din-term-active: rgba(13, 148, 136, .3)}@media(prefers-color-scheme:dark){:root[data-accent=teal]:not([data-theme=light]){--color-primary: #14b8a6;--color-primary-hover: #2dd4bf;--color-primary-light: rgba(45, 212, 191, .22);--focus-ring-color: rgba(45, 212, 191, .35);--tint-primary: rgba(45, 212, 191, .16);--tint-primary-soft: rgba(20, 184, 166, .05);--rail-active-bg: rgba(20, 184, 166, .2);--rail-active-text: #5eead4;--on-primary: #06231f;--din-term-active: rgba(20, 184, 166, .3)}}:root[data-accent=teal][data-theme=dark]{--color-primary: #14b8a6;--color-primary-hover: #2dd4bf;--color-primary-light: rgba(45, 212, 191, .22);--focus-ring-color: rgba(45, 212, 191, .35);--tint-primary: rgba(45, 212, 191, .16);--tint-primary-soft: rgba(20, 184, 166, .05);--rail-active-bg: rgba(20, 184, 166, .2);--rail-active-text: #5eead4;--on-primary: #06231f;--din-term-active: rgba(20, 184, 166, .3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-family);font-size:var(--text-base);line-height:1.5;color:var(--text);background:var(--page-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;cursor:default}input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,[contenteditable=true]{cursor:text}h1{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-strong);letter-spacing:-.01em}h2{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-strong)}h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text)}h4{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text)}a{color:var(--color-primary);text-decoration:none;cursor:pointer}a:hover{text-decoration:underline}.dim{color:var(--text-subtle)}.mono{font-family:var(--font-mono);font-size:var(--text-sm)}.hint{font-size:var(--text-xs);color:var(--text-subtle);line-height:1.45;margin:var(--space-half) 0 var(--space-3)}.hint-warn{color:var(--color-warning-text);font-weight:var(--font-medium)}.error-inline{color:var(--color-danger);font-size:var(--text-sm);padding:var(--space-1) 0}::selection{background:var(--color-primary-light)}:where(a,button,[tabindex],summary,[role=button],[role=tab],input[type=checkbox],input[type=radio]):focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-xs)}:where(a,button,[tabindex],summary,[role=button],[role=tab]):focus:not(:focus-visible){outline:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html.no-motion,html.no-motion *,html.no-motion *:before,html.no-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}app-preview,app-preview *,app-alpha,app-alpha *{scrollbar-width:none}app-preview ::-webkit-scrollbar,app-alpha ::-webkit-scrollbar{display:none}input,textarea,button{font-family:inherit}input:where(:not([type=checkbox],[type=radio],[type=range])),textarea,.inp{height:var(--control-md);padding:0 var(--space-3);font-size:var(--text-base);color:var(--text);background:var(--field-fill);border:0;border-radius:var(--radius-xs) var(--radius-xs) 0 0;box-shadow:inset 0 -1px 0 var(--field-line);outline:none;transition:background-color var(--motion-fast),box-shadow var(--motion-fast)}.inp:where(button){display:inline-flex;align-items:center;text-align:left;cursor:pointer}input:where(:not([type=checkbox],[type=radio],[type=range]):hover:not(:disabled,:focus)),textarea:where(:hover:not(:disabled,:focus)),.inp:where(:hover:not(:disabled,.open)){background-color:var(--field-fill-hover);box-shadow:inset 0 -1px 0 var(--field-line-hover)}textarea{height:auto;min-height:84px;padding:var(--space-2) var(--space-3);line-height:1.5;resize:vertical;font-size:var(--text-sm)}input:where(:not([type=checkbox],[type=radio],[type=range])):focus,textarea:focus,.inp:focus-visible,.inp.open{box-shadow:inset 0 -2px 0 var(--color-primary)}input::placeholder,textarea::placeholder{color:var(--text-disabled)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);caret-color:var(--text);transition:background-color 600000s 0s,color 600000s 0s}@media(hover:none)and (pointer:coarse){input:where(:not([type=checkbox],[type=radio],[type=range])),textarea,.inp,.inp-md,.inp-sm{font-size:16px}}input:where(:not([type=checkbox],[type=radio],[type=range]):disabled),textarea:where(:disabled),.inp:where(:disabled){background-color:transparent;color:var(--text-disabled);box-shadow:inset 0 -1px 0 var(--hairline);cursor:not-allowed}.inp-invalid,.inp-invalid:hover,.inp-invalid:focus,.inp-invalid.open{box-shadow:inset 0 -2px 0 var(--color-warning)}.inp-md{height:var(--control-md);padding:0 var(--space-3);font-size:var(--text-base)}.inp-sm{height:var(--control-sm);padding:0 var(--space-2);font-size:var(--text-sm)}.inp-xs{height:var(--control-xs);padding:0 var(--space-2);font-size:var(--text-xs)}.inp-ghost{background:transparent;box-shadow:none;min-width:0}.inp-ghost:hover:not(:focus,:disabled){background-color:var(--field-fill);box-shadow:inset 0 -1px 0 var(--field-line)}.inp-ghost:focus{background-color:var(--field-fill);box-shadow:inset 0 -2px 0 var(--color-primary)}.inp-combo{padding-right:var(--space-6)}.inp-combo-arrow{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:var(--text-faint);pointer-events:none}input[type=checkbox],input[type=radio]{width:15px;height:15px;flex:none;margin:0;accent-color:var(--color-primary);cursor:pointer}input[type=checkbox]:disabled,input[type=radio]:disabled{cursor:not-allowed}input[type=range]{height:var(--control-xs);padding:0;border:0;background:none;accent-color:var(--color-primary);cursor:pointer}.check-row{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer}.check-row:has(input:disabled){opacity:.6;cursor:default}.btn,.btn-sm,.btn-lg{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-weight:var(--font-medium);font-family:inherit;text-decoration:none;color:var(--text-secondary);background:var(--btn-bg);border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:all var(--motion-fast)}.btn{height:var(--control-md);padding:0 var(--space-4);font-size:var(--text-sm)}.btn-sm{height:var(--control-sm);padding:0 var(--space-3);font-size:var(--text-sm)}.btn-lg{height:var(--control-lg);padding:0 var(--space-5);font-size:var(--text-base)}.btn:hover,.btn-sm:hover,.btn-lg:hover{background:var(--btn-bg-hover);color:var(--text)}.btn:active,.btn-sm:active,.btn-lg:active{transform:translateY(.5px)}.btn:disabled,.btn-sm:disabled,.btn-lg:disabled{opacity:.5;cursor:default;transform:none}.btn-primary{background:var(--color-primary);border-color:transparent;color:var(--on-primary)}.btn-primary:hover{background:var(--color-primary-hover);border-color:transparent;color:var(--on-primary)}.btn-danger{color:var(--color-danger);background:var(--btn-bg)}.btn-danger:hover{background:var(--color-danger-bg);color:var(--color-danger-text)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-muted)}.btn-ghost:hover{background:var(--btn-bg);border-color:transparent;color:var(--text)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--control-md);height:var(--control-md);padding:0;border:1px solid transparent;border-radius:var(--radius-sm);background:var(--btn-bg);color:var(--text-muted);cursor:pointer;transition:all var(--motion-fast)}.btn-icon:hover{background:var(--btn-bg-hover);color:var(--text)}.btn-icon:disabled{opacity:.5;cursor:default}.btn-icon.btn-ghost{background:transparent;color:var(--text-muted)}.btn-icon.btn-ghost:hover:not(:disabled),.btn-icon.btn-ghost.open{background:var(--btn-bg-hover);color:var(--text)}.btn-icon.btn-sm{width:var(--control-sm);height:var(--control-sm)}.btn-icon.btn-icon-xs{width:var(--control-xs);height:var(--control-xs)}.btn-mini,.btn-copy,.btn-reload{display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--control-xs);height:var(--control-xs);padding:0;border:0;background:none;color:var(--text-faint);border-radius:var(--radius-xs);cursor:pointer;transition:color var(--motion-fast),background var(--motion-fast)}.btn-mini:hover:not(:disabled),.btn-copy:hover:not(:disabled),.btn-reload:hover:not(:disabled){color:var(--color-primary);background:var(--fill)}.btn-mini:disabled,.btn-copy:disabled,.btn-reload:disabled{opacity:.5;cursor:default}.btn-mini-danger:hover:not(:disabled){color:var(--color-danger);background:var(--color-danger-bg)}.btn-mini-warn{color:var(--color-warning)}.btn-mini-warn:hover:not(:disabled){color:var(--color-warning);background:var(--color-warning-bg)}.btn-mini-quiet{color:var(--text-subtle)}.btn-mini-quiet:hover:not(:disabled){color:var(--text);background:var(--fill)}.btn-mini-sm{width:18px;height:18px}.btn-mini-round{border-radius:50%}.btn-reload{margin-left:var(--space-1);vertical-align:middle}.btn-reload svg{width:14px;height:14px}.btn-reload.busy svg{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.caret{display:inline-flex;align-items:center;justify-content:center;width:var(--control-xs);height:var(--control-xs);flex:none;color:var(--text-subtle)}.caret svg{width:14px;height:14px;transition:transform var(--motion-fast)}.caret.open svg{transform:rotate(90deg)}.caret-sm{width:16px;height:16px}.btn-back{display:inline-flex;align-items:center;gap:var(--space-1);flex:none;height:var(--control-md);padding:0 var(--space-3) 0 var(--space-2);border-radius:var(--radius-sm);color:var(--text-muted);background:var(--btn-bg);border:1px solid transparent;font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;transition:color var(--motion-fast),background var(--motion-fast),border-color var(--motion-fast)}.btn-back:hover{color:var(--text);background:var(--btn-bg-hover);text-decoration:none}.pick-list{display:flex;flex-direction:column;overflow:auto;overscroll-behavior:contain;padding:var(--space-2);background:var(--surface);border-radius:var(--radius-sm);box-shadow:var(--shadow-md)}.pick-list>*{flex:none}.pick-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-xs);background:transparent;color:var(--text-secondary);font:inherit;font-size:var(--text-sm);text-align:left;cursor:pointer}.pick-item:hover,.pick-item.active{background:var(--fill)}.pick-item.on{color:var(--color-primary);font-weight:var(--font-medium)}.pick-item:disabled{opacity:.45;cursor:default}.pick-item:disabled:hover{background:transparent}.pick-item-placeholder{color:var(--text-disabled)}.pick-item-action{color:var(--color-primary)}.pick-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pick-hint{flex:none;margin-left:auto;padding-left:var(--space-4);color:var(--text-muted);font-size:var(--text-xs);white-space:nowrap}.pick-section{padding:var(--space-3) var(--space-3) var(--space-1);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.pick-empty{padding:var(--space-2) var(--space-3);color:var(--text-muted);font-size:var(--text-sm)}.pick-search{position:sticky;top:-6px;z-index:1;width:calc(100% + 12px);margin:calc(var(--space-2) * -1) calc(var(--space-2) * -1) var(--space-2);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.pick-search,.pick-search:hover,.pick-search:focus{background-color:var(--surface);background-image:linear-gradient(var(--field-fill),var(--field-fill))}.page{padding:var(--space-5) var(--space-6);max-width:1400px}@media(max-width:768px){.page{padding:var(--space-3) var(--space-4)}}.page-header,.header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-4)}.page-header h1,.header-row h1{margin:0}.section{margin-bottom:var(--space-6)}.section h3{margin:0 0 var(--space-3)}.card,.form-card{background:var(--surface);border-radius:var(--radius);padding:var(--space-4)}.form-card{margin-bottom:var(--space-4)}.form-narrow{max-width:680px}.card-title,.card>h3:first-child,.card>h4:first-child,.form-card>h3:first-child,.form-card>h4:first-child{margin:0 0 var(--space-3);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-strong);text-transform:none;letter-spacing:normal}.card-sub{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-4) 0 var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--hairline-soft);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-strong)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-4)}.form-grid .full{grid-column:1/-1}.form-grid label{display:block;margin-bottom:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-muted)}.form-grid input,.form-grid select,.form-grid textarea{width:100%}@media(max-width:640px){.form-grid{grid-template-columns:1fr;gap:var(--space-3)}}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field>label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-muted)}.field>input,.field>select,.field>textarea{width:100%}.field .field-hint{font-size:var(--text-xs);color:var(--text-subtle)}.field-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.add-row{display:block;width:100%;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-subtle);background:none;border:1px dashed var(--border-control);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--motion-fast)}.add-row:hover{background:var(--fill-hover);border-color:var(--border-control-hover);color:var(--text-secondary)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4);margin-bottom:var(--space-4)}.info-field{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;font-size:var(--text-base);border-bottom:1px solid var(--hairline-soft)}.info-field:last-child{border-bottom:none}.info-field label{font-weight:var(--font-medium);color:var(--text-subtle)}.info-val{display:inline-flex;align-items:center;gap:var(--space-2);min-width:0;justify-content:flex-end;flex-wrap:wrap}.info-val .mono{word-break:break-all}.no-scrollbar{scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.table-wrap{width:100%;overflow-x:auto;border-radius:var(--radius);background:var(--surface)}@media(min-width:769px)and (max-width:1100px){.table-wrap table{min-width:720px}.table-wrap td .inp,.table-wrap td input:not([type=checkbox]):not([type=radio]),.table-wrap td app-select-menu{min-width:96px}}table{width:100%;border-collapse:collapse;background:var(--surface);border-radius:var(--radius)}th{text-align:left;padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--text-subtle);border-bottom:var(--border);white-space:nowrap}td{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);border-bottom:1px solid var(--hairline-soft)}tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--fill-hover)}tbody tr.row-on td{background:var(--tint-primary)}@media(min-width:769px){tbody tr:is(:hover,.row-on) td:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}tbody tr:is(:hover,.row-on) td:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}}@media(max-width:768px){.table-wrap{overflow-x:visible;background:transparent}.table-wrap table,.table-stack table{background:transparent;overflow:visible}.table-wrap thead,.table-stack thead{display:none}.table-wrap tr,.table-stack tr{display:block;background:var(--surface);border-radius:var(--radius);margin-bottom:var(--space-3);padding:var(--space-1) var(--space-3)}:is(.card,.form-card) :is(.table-wrap,.table-stack) tr{background:var(--panel)}.table-wrap td,.table-stack td{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--hairline-soft);width:auto}.table-wrap tr td:last-child,.table-stack tr td:last-child{border-bottom:none}.table-wrap tbody tr:hover td,.table-stack tbody tr:hover td{background:transparent}.table-wrap td:before,.table-stack td:before{content:attr(data-label);font-weight:var(--font-semibold);color:var(--text-subtle);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.03em;flex-shrink:0}.table-wrap td:not([data-label]):before,.table-stack td:not([data-label]):before{display:none}.table-wrap td:not([data-label]),.table-stack td:not([data-label]){justify-content:flex-start}.table-wrap td:last-child,.table-stack td:last-child{justify-content:flex-start;flex-wrap:wrap;gap:var(--space-2)}.table-wrap td:last-child:before,.table-stack td:last-child:before{display:none}.table-wrap td:last-child .btn-sm,.table-stack td:last-child .btn-sm,.table-wrap td:last-child .btn,.table-stack td:last-child .btn,.table-wrap td:last-child .btn-icon,.table-stack td:last-child .btn-icon{min-height:40px}.table-wrap td:last-child .btn-icon,.table-stack td:last-child .btn-icon{width:40px;height:40px}.table-wrap td.td-stack,.table-stack td.td-stack{flex-direction:column;align-items:flex-start;gap:var(--space-half)}}tbody tr.row-link{cursor:pointer}.row-link-name{color:inherit;text-decoration:none}.row-link-name:hover{color:var(--color-primary)}tbody tr .ra-wrap .btn-icon,tbody tr .ra-wrap .btn-icon:hover:not(:disabled),tbody tr .ra-wrap .btn-icon.open{border-color:transparent;background:transparent}tbody tr .ra-wrap .btn-icon:hover:not(:disabled),tbody tr .ra-wrap .btn-icon.open{background:var(--fill-hover)}@media(hover:hover){tbody tr .ra-wrap{opacity:0;transition:opacity var(--motion-fast)}tbody tr:hover .ra-wrap,tbody tr:focus-within .ra-wrap,tbody tr .ra-wrap.open{opacity:1}}.list{display:flex;flex-direction:column}.list-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-1);font-size:var(--text-base);border-bottom:1px solid var(--hairline-soft);color:var(--text)}.list-row:last-child{border-bottom:none}.list-row:hover{background:var(--fill-hover)}a.list-row{text-decoration:none}.list-lead{flex:0 0 auto;display:inline-flex;align-items:center}.list-body{flex:1 1 auto;min-width:0}.list-title{display:block;font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text);overflow:hidden;text-overflow:ellipsis}.list-sub{display:block;font-size:var(--text-sm);color:var(--text-subtle)}.list-meta{margin-left:auto;flex:0 0 auto;white-space:nowrap;font-size:var(--text-sm);color:var(--text-faint)}.list-empty{padding:var(--space-5) 0;text-align:center;color:var(--text-faint);font-size:var(--text-sm)}.badge{display:inline-flex;align-items:center;padding:var(--space-half) var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.03em;line-height:1.5;white-space:nowrap}.badge--success,.badge--active,.badge--online,.badge--up{background:var(--color-success-bg);color:var(--color-success-text)}.badge--info,.badge--in_stock{background:var(--color-info-bg);color:var(--color-info-text)}.badge--warning,.badge--deploying,.badge--running,.badge--pending{background:var(--color-warning-bg);color:var(--color-warning-text)}.badge--danger,.badge--error,.badge--failed,.badge--offline,.badge--down{background:var(--color-danger-bg);color:var(--color-danger-text)}.badge--critical{background:var(--color-critical-bg);color:var(--color-critical-text)}.badge--inactive,.badge--muted,.badge--idle,.badge--no_router{background:var(--fill);color:var(--text-subtle)}.chip{display:inline-flex;align-items:center;padding:var(--space-half) var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--font-semibold);background:var(--fill);color:var(--text-muted)}.chip-warn{background:var(--color-warning-bg);color:var(--color-warning-text)}.chip-info{background:var(--color-info-bg);color:var(--color-info-text)}.log-critical{background:var(--color-critical-bg);color:var(--color-critical-text)}.log-error{background:var(--color-danger-bg);color:var(--color-danger-text)}.log-warning{background:var(--color-warning-bg);color:var(--color-warning-text)}.log-info{background:var(--color-info-bg);color:var(--color-info-text)}.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--fill-neutral)}.dot.ok,.dot.up,.dot.online{background:var(--color-success);box-shadow:var(--glow-success)}.dot.bad,.dot.down,.dot.offline{background:var(--color-danger);box-shadow:var(--glow-danger)}.status-dot{display:inline-block;vertical-align:middle;width:9px;height:9px;border-radius:50%;flex-shrink:0;margin-inline:var(--space-2);background:var(--fill-neutral)}.status-dot.on{background:var(--color-success);box-shadow:var(--glow-success)}.status-dot.off{background:var(--color-danger);box-shadow:var(--glow-danger)}.status-dot.warn{background:var(--color-warning)}.skel-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-1) 0}.skel-line{height:14px;border-radius:var(--radius-pill);background:var(--skeleton);animation:skel-pulse 1.5s ease-in-out infinite}@keyframes skel-pulse{0%,to{opacity:.3}50%{opacity:.7}}.w35{width:35%}.w40{width:40%}.w45{width:45%}.w50{width:50%}.w60{width:60%}.w70{width:70%}.w75{width:75%}.w85{width:85%}.w90{width:90%}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2);padding:var(--space-8) var(--space-4)}.empty-state-ico{color:var(--text-faint)}.empty-state-title{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-secondary)}.empty-state-hint{font-size:var(--text-sm);color:var(--text-subtle);max-width:46ch;line-height:1.5}.empty-state-action:empty{display:none}.empty-state-action{margin-top:var(--space-2)}.empty-state--inline{padding:var(--space-5) var(--space-3);gap:var(--space-1)}.empty-state--inline .empty-state-title{font-size:var(--text-sm)}.skel-panel{background:var(--surface);border-radius:var(--radius);padding:var(--space-3) var(--space-4)}.tip-floating{position:fixed;top:0;left:0;z-index:var(--z-tooltip);max-width:320px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--tip-bg);color:var(--tip-text);font-size:var(--text-xs);font-weight:400;line-height:1.45;white-space:pre-line;box-shadow:var(--shadow-md);pointer-events:none;opacity:0;visibility:hidden;translate:0 3px;transition:opacity var(--motion-fast) var(--ease),translate var(--motion-fast) var(--ease),visibility var(--motion-fast)}.tip-floating.show{opacity:1;visibility:visible;translate:0 0}.tip-floating--knx{font-family:var(--font-mono);white-space:pre;max-width:360px}.tip-floating--knx .tip-key{color:var(--tip-key)}.tip-floating--knx .tip-ga{color:var(--tip-ga);font-weight:var(--font-semibold)}.tip-floating--knx .tip-val{color:var(--tip-text)}.tip-floating--knx .tip-head{color:var(--tip-text);font-weight:var(--font-semibold)}.tabs{display:flex;gap:var(--space-half);flex-wrap:wrap;border-bottom:var(--border);margin-bottom:var(--space-4)}.tab,.tab-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);margin-bottom:-1px;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-subtle);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color var(--motion-fast),border-color var(--motion-fast)}.tab-ico{width:15px;height:15px;flex-shrink:0}.tab:hover,.tab-btn:hover{color:var(--text)}@media(max-width:768px){.tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-inline:calc(var(--space-4) * -1);padding-inline:var(--space-4)}.tabs::-webkit-scrollbar{display:none}.tab,.tab-btn{flex:none;white-space:nowrap}}.tab.active,.tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:var(--font-semibold)}.tab-disabled,.tab-disabled:hover{color:var(--text-disabled);cursor:default}.segmented{display:inline-flex;flex-wrap:wrap;gap:0;padding:var(--space-half);background:var(--btn-bg);border:1px solid transparent;border-radius:var(--radius-sm)}.seg-btn,.segmented>button{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--space-3);height:calc(var(--control-sm) - 6px);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-muted);background:transparent;border:0;border-radius:var(--radius-xs);cursor:pointer;transition:color var(--motion-fast),background var(--motion-fast)}.segmented.seg-md>button,.segmented.seg-md>.seg-btn{height:calc(var(--control-md) - 6px)}.seg-btn:hover,.segmented>button:hover{color:var(--text);text-decoration:none}.seg-btn.active,.segmented>button.active{background:var(--seg-active);color:var(--text-strong);box-shadow:var(--shadow-sm)}.code-block{background:var(--color-code-bg);color:var(--color-code-fg);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-sm);white-space:pre-wrap;word-break:break-word;overflow:auto}.modal-overlay{position:fixed;inset:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4);animation:fadeIn var(--motion-fast) var(--ease)}.modal{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-md);width:100%;max-width:480px;max-height:calc(100vh - var(--space-8));overflow:auto;padding:var(--space-5)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-4)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.toggle{position:relative;display:inline-block;width:34px;height:20px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--fill-stronger);border-radius:var(--radius-pill);transition:background var(--motion-base)}.toggle-slider:before{content:"";position:absolute;height:16px;width:16px;left:2px;bottom:2px;background:var(--knob);border-radius:50%;transition:transform var(--motion-base)}.toggle input:checked+.toggle-slider{background:var(--color-success)}.toggle input:checked+.toggle-slider:before{transform:translate(14px)}.toggle input:disabled+.toggle-slider{opacity:.4;cursor:default}.toggle-row{display:inline-flex;align-items:center;gap:var(--space-2)}.toggle-state{font-size:var(--text-sm);color:var(--text-subtle)}.toggle-list{display:flex;flex-direction:column;margin-top:var(--space-1)}.toggle-item{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--hairline-soft)}.toggle-item:last-child{border-bottom:none}.toggle-label{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-subtle)}.toggle-item .toggle-state{justify-self:start}@media(max-width:480px){.toggle-item{grid-template-columns:1fr auto}.toggle-item .toggle-state{grid-column:1/-1}}.issued{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;justify-content:space-between;margin:var(--space-3) 0;padding:var(--space-3);border-radius:var(--radius-sm);background:var(--tint-primary)}.issued-copy{display:flex;flex-direction:column;gap:var(--space-half);min-width:0}.issued-copy small{color:var(--text-muted);font-size:var(--text-xs)}.issued-actions{display:flex;gap:var(--space-2)}.issued-secret{font-size:var(--text-lg);letter-spacing:.04em;-webkit-user-select:all;user-select:all}.issued-link{font-size:var(--text-xs);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.step-report{display:flex;flex-direction:column;gap:var(--space-2);background:var(--panel);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);margin-top:var(--space-3);font-size:var(--text-sm)}.step-report-title{font-size:var(--text-xs);color:var(--text-subtle)}.step-row{display:flex;align-items:flex-start;gap:var(--space-2)}.step-row.ok{color:var(--color-success)}.step-row.fail{color:var(--color-danger)}.step-icon{font-weight:var(--font-bold);font-size:1rem;line-height:1.4;flex-shrink:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--fill-stronger);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--fill-neutral)}.modal-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--overlay);animation:modal-in var(--motion-fast) var(--ease)}.modal-box{width:min(680px,100%);max-height:82vh;overflow-y:auto;padding:var(--space-4);background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-md)}.modal-head{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.modal-head h3{margin:0;font-size:var(--text-base)}@keyframes modal-in{0%{opacity:0}to{opacity:1}}@keyframes res-fade{0%{opacity:0}to{opacity:1}}.res-overlay{position:fixed;inset:0;background:var(--overlay);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:res-fade .15s ease}.res-box{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-md);width:calc(100vw - 32px);max-width:560px;max-height:calc(100vh - 64px);display:flex;flex-direction:column;padding:var(--space-5) var(--space-6)}.res-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.res-head h3{margin:0;font-size:var(--text-lg)}.res-time{font-size:var(--text-xs);color:var(--text-subtle)}.res-tiles{display:flex;flex-wrap:wrap;gap:var(--space-3);margin:var(--space-4) 0}.res-tile{flex:1 1 84px;min-width:84px;padding:var(--space-3) var(--space-3);border-radius:var(--radius-sm);text-align:center;background:var(--panel)}.res-tile-val{font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:1}.res-tile-lbl{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--text-muted)}.res-tile[data-tone=ok]{background:var(--color-success-bg)}.res-tile[data-tone=ok] .res-tile-val{color:var(--color-success-text)}.res-tile[data-tone=err]{background:var(--color-danger-bg)}.res-tile[data-tone=err] .res-tile-val{color:var(--color-danger-text)}.res-tile[data-tone=warn]{background:var(--color-warning-bg)}.res-tile[data-tone=warn] .res-tile-val{color:var(--color-warning-text)}.res-list{margin:var(--space-1) 0 0;padding:0;list-style:none;overflow:auto;flex:1 1 auto;font-size:var(--text-xs);border-top:1px solid var(--hairline)}.res-list li{display:flex;justify-content:space-between;gap:var(--space-3);padding:var(--space-1) 0;border-bottom:1px solid var(--hairline-soft)}.res-list li .mono{color:var(--text-secondary)}.res-list li.fail .res-status{color:var(--color-danger)}.res-list li.manual .res-status{color:var(--color-warning-text);font-weight:var(--font-medium)}.res-status{color:var(--text-subtle);text-align:right}.res-hint{margin:var(--space-2) 0 var(--space-1);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);line-height:1.4;color:var(--color-warning-text);background:var(--color-warning-bg);border-radius:var(--radius-xs)}.res-allok{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-success-text)}.res-actions{display:flex;justify-content:flex-end;margin-top:var(--space-4)}.provision-settings{max-width:520px}.provision-settings .res-head p{margin:var(--space-1) 0 0;color:var(--text-subtle);font-size:var(--text-sm)}.provision-fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-top:var(--space-5)}.provision-fields label{display:flex;flex-direction:column;gap:var(--space-2)}.provision-fields label>span{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text)}.provision-fields input{width:110px}.provision-fields small{color:var(--text-subtle);font-size:var(--text-xs);line-height:1.4}.provision-estimate{margin-top:var(--space-4);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text-muted);background:var(--fill);font-size:var(--text-xs)}.provision-actions{gap:var(--space-2)}@media(max-width:560px){.provision-fields{grid-template-columns:1fr}}[data-tone=light]{--tone: var(--cat-light)}[data-tone=blinds]{--tone: var(--cat-blinds)}[data-tone=switch]{--tone: var(--cat-switch)}[data-tone=climate]{--tone: var(--cat-climate)}[data-tone=fan]{--tone: var(--cat-fan)}[data-tone=sensor]{--tone: var(--cat-sensor)}[data-tone=key]{--tone: var(--text-muted)}[data-tone=other]{--tone: var(--text-faint)}.focus-scrim{position:fixed;inset:0;z-index:calc(var(--z-dropdown-backdrop) - 2);background:var(--overlay)}.focus-copy{position:fixed;z-index:calc(var(--z-dropdown-backdrop) - 1);left:var(--focus-x);top:var(--focus-y)}.focus-panel{position:fixed;z-index:calc(var(--z-dropdown-backdrop) - 1);left:var(--focus-left);top:var(--space-4);bottom:var(--space-4);margin:auto 0;width:min(600px,100vw - 2 * var(--space-4));max-height:calc(100vh - 2 * var(--space-4));overflow:auto;box-shadow:var(--shadow-md)}@media(max-width:1099px){.focus-copy{display:none}.focus-panel{inset:0;margin:0;width:auto;max-height:none;border-radius:0;padding:var(--space-4)}}:root{--focus-x: 0;--focus-y: 0;--focus-left: auto}.se-spacer{flex:1 1 auto}.se-empty{color:var(--text-subtle);font-size:var(--text-sm);padding:var(--space-2) 0}.se-none{color:var(--text-faint);font-size:var(--text-xs);font-style:italic;padding:var(--space-1) var(--space-2)}.se-hint{color:var(--text-faint);font-size:var(--text-xs);font-weight:400}.se-rooms{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) var(--space-3) var(--space-3)}.se-room{border-radius:var(--radius-sm);background:var(--panel);overflow:hidden;transition:box-shadow var(--motion-quick),background var(--motion-quick)}.se-room-head{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);cursor:pointer}.se-room-head:hover{background:var(--btn-bg)}.se-room-name,.se-room-in{font-weight:var(--font-semibold);flex:1 1 auto;max-width:360px}.se-count{min-width:20px;text-align:center;font-size:var(--text-xs);color:var(--text-muted);background:var(--fill);border-radius:var(--radius-pill);padding:0 var(--space-2);line-height:16px;flex:none}.se-objs{display:flex;flex-direction:column;padding:var(--space-half) 0}.se-sub{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-1);padding:var(--space-1) var(--space-2) var(--space-half);border-top:1px solid var(--hairline-soft);font-size:var(--text-xs);color:var(--text-muted)}.se-obj{display:flex;align-items:center;gap:var(--space-2);min-width:0;position:relative;padding:var(--space-1) var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.se-obj-wrap+.se-obj-wrap{border-top:1px solid var(--hairline-soft)}.se-obj:hover{background:var(--fill-hover)}.se-obj.se-dim{opacity:.65}.se-grip{display:inline-flex;align-items:center;justify-content:center;width:16px;height:18px;flex:none;color:var(--text-disabled);cursor:grab}.se-grip:hover{color:var(--text-subtle)}.se-grip:active{cursor:grabbing}.se-grip svg{width:14px;height:14px}.se-grip-off{cursor:default}.se-drag-obj .se-room,.se-drag-room .se-floor{outline:1px dashed var(--border-control)}.se-over{outline:2px solid var(--color-primary)!important;background:var(--tint-primary-soft)}.se-name{display:inline-flex;align-items:center;gap:var(--space-2);min-width:0;background:none;border:none;padding:0;font:inherit;color:inherit;cursor:text;text-align:left}.se-name:hover .se-edit-ico{opacity:1}.se-name-txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:text;user-select:text}.se-name{flex:0 1 auto;min-width:0;max-width:100%}.se-edit-ico{width:12px;height:12px;flex:none;opacity:0;color:var(--text-faint);transition:opacity var(--motion-quick)}.se-name-in{min-width:180px}.se-meta{flex:none;font-size:var(--text-xs);color:var(--text-faint);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.se-hidden-tag{flex:none;font-size:var(--text-xs);color:var(--text-subtle);padding:1px var(--space-2);border-radius:var(--radius-xs);background:var(--fill);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-mini.on{color:var(--text);background:var(--fill)}.se-over-row{outline:2px dashed var(--color-warning);background:var(--color-warning-bg)}.se-ins-before:after,.se-ins-after:after{content:"";position:absolute;left:0;right:0;height:2px;z-index:1;background:var(--color-primary);border-radius:var(--radius-pill);pointer-events:none}.se-ins-before:after{top:-1px}.se-ins-after:after{bottom:-1px}.se-room-ins-before{box-shadow:0 -3px 0 var(--color-primary)}.se-room-ins-after{box-shadow:0 3px 0 var(--color-primary)}.se-dragging{opacity:.5}.se-obj{cursor:pointer}.se-selected{background:var(--tint-primary)}.se-warn{display:inline-flex;align-items:center;flex:none;color:var(--color-warning-text)}.pc-left .se-rooms{padding:var(--space-half) 0 0;gap:0}.pc-left .se-room{border:0;border-radius:0;background:none;border-top:1px solid var(--hairline-soft)}.pc-left .se-room:first-child{border-top:0}.pc-left .se-room-head{padding:var(--space-2) var(--space-half) var(--space-1);background:none}.pc-left .se-room-head:hover{background:none}.pc-left .se-room-head:hover .se-room-name{color:var(--text)}.pc-left .se-room-name{text-transform:uppercase;font-size:var(--text-xs);letter-spacing:.03em;color:var(--text-subtle);transition:color var(--motion-fast)}.pc-left .se-objs{padding:0}.pc-left .se-obj{padding:var(--space-1) var(--space-half)}.se-fam[data-fam=lightbulb]{color:var(--cat-light)}.se-fam[data-fam=plug]{color:var(--cat-switch)}.se-fam[data-fam=blinds]{color:var(--cat-blinds)}.se-fam[data-fam=thermometer]{color:var(--cat-climate)}.se-fam[data-fam=sensor]{color:var(--cat-sensor)}.se-fam[data-fam=fan]{color:var(--cat-fan)}.se-fam[data-fam=media]{color:var(--cat-media)}@media(max-width:768px){.se-obj{flex-wrap:wrap;row-gap:0;padding-block:var(--space-half)}.se-obj:before{content:"";order:1;flex-basis:100%;height:0}.se-obj>.se-meta,.se-obj>.se-hidden-tag,.se-obj>.se-reason,.se-obj>.se-sug-merge{order:2;margin-bottom:var(--space-1)}.se-obj>.se-name,.se-obj>.se-name-txt{flex:1 1 0;min-width:0}.se-obj>.se-spacer{display:none}.se-obj>app-presence-badges{order:2;margin:0 0 var(--space-1) var(--space-7)}.se-obj>.se-reason{flex:0 1 auto}.se-grip{display:none}.se-obj .btn-mini,.se-room-head .btn-mini{width:var(--control-md);height:var(--control-md)}}@media(hover:none){.se-edit-ico{opacity:1}}.scale-present{--text-xs: .8125rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--control-xs: 28px;--control-sm: 32px;--control-md: 40px;--control-lg: 48px;--radius: 14px;--radius-sm: 10px;display:block;font-size:var(--text-base)}[data-sec]{--sec-bg: color-mix(in srgb, var(--sec) 16%, var(--surface));--sec-soft: color-mix(in srgb, var(--sec) 10%, var(--surface));--sec-strong: color-mix(in srgb, var(--sec) 26%, var(--surface))}[data-sec=light]{--sec: var(--cat-light)}[data-sec=actuators]{--sec: var(--cat-blinds)}[data-sec=control]{--sec: var(--color-primary)}[data-sec=sensors]{--sec: var(--cat-sensor)}[data-sec=climate]{--sec: var(--cat-climate)}[data-sec=media]{--sec: var(--cat-media)}.slide-head{display:flex;align-items:center;gap:var(--space-5);flex-wrap:wrap}.slide-badge{width:calc(var(--control-lg) * 1.5);height:calc(var(--control-lg) * 1.5);flex:none;display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--color-primary);color:var(--on-primary);box-shadow:var(--shadow-md)}.slide-title{margin:0;font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-strong);line-height:1.15}.slide-sub{margin:var(--space-1) 0 0;font-size:var(--text-base);color:var(--text-subtle)}