:root,:root[data-theme=apple-like]{--font-sans: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif;--color-bg-page: #fafafa;--color-bg-surface: #ffffff;--color-bg-subtle: #f4f4f5;--color-bg-muted: #f5f5f7;--color-bg-control: #e8e8ed;--color-bg-control-muted: #eef0f3;--color-bg-control-hover: #f0f0f3;--color-bg-control-pressed: #ededf0;--color-bg-table-header: #fbfbfc;--color-bg-table-row-hover: #f8fafc;--color-bg-table-current: #f4f8ff;--color-bg-header: rgba(255, 255, 255, .9);--color-bg-toolbar: rgba(255, 255, 255, .92);--color-bg-glass: rgba(255, 255, 255, .92);--color-bg-glass-strong: rgba(255, 255, 255, .96);--color-bg-segmented-hover: rgba(255, 255, 255, .54);--color-bg-segmented-active: var(--color-text-main);--color-bg-live-announcement: #f7faff;--color-bg-chat-bubble: #f6f7f9;--color-bg-chat-bubble-border: #edf0f3;--color-bg-veil: rgba(15, 23, 42, .46);--color-bg-veil-strong: rgba(17, 17, 17, .8);--color-bg-dark-surface: #0f172a;--color-live-control-primary: #60a5fa;--color-live-control-primary-hover: #93c5fd;--color-live-online: #34c759;--color-live-online-ring: rgba(52, 199, 89, .16);--color-live-online-border: rgba(52, 199, 89, .45);--color-live-mobile-edge: rgba(212, 212, 216, .9);--color-text-main: #18181b;--color-text-strong: #27272a;--color-text-secondary: #3f3f46;--color-text-sub: #52525b;--color-text-muted: #71717a;--color-text-faint: #a1a1aa;--color-text-placeholder: #9ca3af;--color-text-disabled: #c4c7cf;--color-text-inverse: #ffffff;--color-border-subtle: #e4e4e7;--color-border-muted: #e5e7eb;--color-border-soft: #ececf0;--color-border-control: #d4d4d8;--color-border-control-soft: #d8dee8;--color-border-control-muted: #d9dde4;--color-border-control-hover-soft: #c7c7cc;--color-border-control-pressed: #cfcfd4;--color-border-hover: #bfc7d4;--color-primary: #0071e3;--color-primary-hover: #0066cc;--color-primary-active: #005bb5;--color-primary-soft: #eef6ff;--color-primary-tint: #eff6ff;--color-primary-faint: #f0f7ff;--color-primary-border-soft: #b9d8ff;--color-focus-ring: rgba(0, 113, 227, .12);--color-focus-ring-strong: rgba(0, 113, 227, .22);--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-danger-ui: #f56c6c;--color-danger-ui-hover: #e95f5f;--color-danger-ui-soft: #fff5f5;--color-danger-border: #fecaca;--color-danger-soft: #fef2f2;--color-danger-focus-ring: rgba(239, 68, 68, .1);--color-success: #16a34a;--color-success-bright: #22c55e;--color-success-soft: #f0fdf4;--color-success-border: #bbf7d0;--color-warning: #d97706;--color-warning-strong: #b45309;--color-warning-text: #92400e;--color-warning-soft: #fffbeb;--color-warning-border-muted: #f5d08a;--color-warning-border: #fed7aa;--color-replay: #7c3aed;--color-replay-soft: #f5f3ff;--color-replay-border: #ddd6fe;--color-module-chip-border: #dbe3ef;--color-module-chip-bg: #f8fbff;--color-module-chip-page-border: #cbdcf3;--color-module-chip-page-bg: #f3f7fd;--color-module-chip-page-text: #35577f;--color-module-chip-room-list-border: #ddd2f3;--color-module-chip-room-list-bg: #f8f5fd;--color-module-chip-room-list-text: #674c8f;--color-module-chip-chat-border: #c9e6d4;--color-module-chip-chat-bg: #f2faf5;--color-module-chip-chat-text: #36704c;--radius-card: 12px;--radius-panel: 16px;--radius-live-card: 18px;--radius-input: 12px;--radius-button: 999px;--radius-pill: 999px;--radius-checkbox: 4px;--radius-menu: 12px;--radius-menu-item: 8px;--radius-upload: 8px;--dialog-radius: var(--radius-card);--shadow-soft: 0 2px 4px rgba(24, 24, 27, .04);--shadow-card: 0 1px 2px rgba(24, 24, 27, .05);--shadow-card-hover: 0 8px 24px rgba(15, 23, 42, .06);--shadow-live-card: 0 20px 60px rgba(15, 23, 42, .2);--shadow-live-popover: 0 10px 30px rgba(15, 23, 42, .16);--shadow-live-modal: 0 24px 70px rgba(15, 23, 42, .26);--shadow-live-control-hover: 0 6px 18px rgba(15, 23, 42, .08);--shadow-primary-active: 0 8px 22px rgba(0, 122, 255, .08);--shadow-toolbar: 0 2px 8px rgba(15, 23, 42, .04);--shadow-segmented: 0 8px 20px rgba(0, 0, 0, .12);--shadow-popover: 0 8px 24px rgba(15, 23, 42, .1);--shadow-focus-primary: 0 0 0 3px var(--color-focus-ring);--shadow-status-success-ring: 0 0 0 3px rgba(34, 197, 94, .14);--shadow-status-warning-ring: 0 0 0 3px rgba(245, 158, 11, .16);--dialog-shadow: 0 18px 50px rgba(15, 23, 42, .12);--control-height-toolbar: 38px;--control-height-compact: 32px;--control-height-editor: 42px;--control-height-live: 44px;--control-height-live-compact: 34px;--control-height-live-mobile: 48px;--button-height-default: 38px;--button-height-compact: 32px;--button-height-large: 40px;--table-header-height: 44px;--table-list-header-height: 48px;--table-row-height: 56px;--menu-item-height: 34px;--status-chip-height: 24px;--status-chip-height-large: 26px;--dialog-viewport-margin-y: 32px;--dialog-viewport-margin-y-mobile: 16px;--dialog-max-height: calc(100dvh - var(--dialog-viewport-margin-y) * 2);--dialog-max-height-mobile: calc(100dvh - var(--dialog-viewport-margin-y-mobile) * 2);--dialog-header-padding: 18px 56px 14px 20px;--dialog-body-padding: 18px 20px;--dialog-footer-padding: 14px 20px;--dialog-title-size: 17px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--action-primary: var(--color-primary);--action-primary-hover: var(--color-primary-hover);--action-primary-soft: var(--color-primary-soft);--action-neutral-text: var(--color-text-main);--action-neutral-muted: var(--color-text-sub);--action-neutral-border: var(--color-border-control);--action-neutral-soft: var(--color-bg-subtle);--action-danger: var(--color-danger);--action-danger-hover: var(--color-danger-hover);--action-danger-border: var(--color-danger-border);--action-danger-soft: var(--color-danger-soft);--el-color-primary: var(--color-primary);--el-color-primary-light-3: var(--color-primary-hover);--el-color-primary-light-5: var(--color-primary-border-soft);--el-color-primary-light-7: var(--color-primary-tint);--el-color-primary-light-8: var(--color-primary-soft);--el-color-primary-light-9: var(--color-primary-faint);--el-color-primary-dark-2: var(--color-primary-active);--el-border-radius-base: var(--radius-input);--el-border-radius-small: var(--radius-menu-item);--el-border-color: var(--color-border-control);--el-border-color-light: var(--color-border-muted);--el-border-color-lighter: var(--color-border-subtle);--el-text-color-primary: var(--color-text-main);--el-text-color-regular: var(--color-text-secondary);--el-text-color-secondary: var(--color-text-muted);--el-bg-color: var(--color-bg-surface);--el-bg-color-overlay: var(--color-bg-surface);--el-fill-color: var(--color-bg-muted);--el-fill-color-light: var(--color-bg-subtle);--el-fill-color-lighter: var(--color-primary-faint);--el-fill-color-blank: var(--color-bg-surface);--el-overlay-color: var(--color-bg-veil-strong);--el-overlay-color-light: var(--color-bg-veil);--el-overlay-color-lighter: var(--color-bg-veil)}:root[data-theme=enterprise-clean]{--color-bg-page: #f5f7fa;--color-bg-surface: #ffffff;--color-bg-subtle: #f0f2f5;--color-bg-muted: #f5f7fa;--color-bg-control: #ebeef5;--color-bg-control-muted: #f0f2f5;--color-bg-control-hover: #f5f7fa;--color-bg-control-pressed: #e4e7ed;--color-bg-table-header: #f5f7fa;--color-bg-table-row-hover: #f5f7fa;--color-bg-table-current: #ecf5ff;--color-bg-header: rgba(255, 255, 255, .96);--color-bg-toolbar: #fafafa;--color-bg-glass: rgba(255, 255, 255, .94);--color-bg-glass-strong: rgba(255, 255, 255, .98);--color-bg-segmented-hover: rgba(255, 255, 255, .72);--color-bg-segmented-active: #303133;--color-bg-live-announcement: #ecf5ff;--color-bg-chat-bubble: #f5f7fa;--color-bg-chat-bubble-border: #e4e7ed;--color-bg-veil: rgba(15, 23, 42, .48);--color-bg-veil-strong: rgba(17, 24, 39, .82);--color-bg-dark-surface: #101828;--color-live-control-primary: #409eff;--color-live-control-primary-hover: #79bbff;--color-live-online: #67c23a;--color-live-online-ring: rgba(103, 194, 58, .16);--color-live-online-border: rgba(103, 194, 58, .42);--color-live-mobile-edge: rgba(220, 223, 230, .92);--color-text-main: #303133;--color-text-strong: #303133;--color-text-secondary: #606266;--color-text-sub: #606266;--color-text-muted: #909399;--color-text-faint: #a8abb2;--color-text-placeholder: #a8abb2;--color-text-disabled: #c0c4cc;--color-border-subtle: #ebeef5;--color-border-muted: #e4e7ed;--color-border-soft: #ebeef5;--color-border-control: #dcdfe6;--color-border-control-soft: #e4e7ed;--color-border-control-muted: #e4e7ed;--color-border-control-hover-soft: #c0c4cc;--color-border-control-pressed: #d4d7de;--color-border-hover: #c0c4cc;--color-primary: #409eff;--color-primary-hover: #337ecc;--color-primary-active: #2b6cb0;--color-primary-soft: #ecf5ff;--color-primary-tint: #ecf5ff;--color-primary-faint: #f5faff;--color-primary-border-soft: #a0cfff;--color-focus-ring: rgba(64, 158, 255, .16);--color-focus-ring-strong: rgba(64, 158, 255, .28);--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-danger-ui: #f56c6c;--color-danger-ui-hover: #e95f5f;--color-danger-ui-soft: #fff5f5;--color-danger-border: #fecaca;--color-danger-soft: #fef2f2;--color-danger-focus-ring: rgba(239, 68, 68, .1);--color-success: #16a34a;--color-success-bright: #22c55e;--color-success-soft: #f0fdf4;--color-success-border: #bbf7d0;--color-warning: #d97706;--color-warning-strong: #b45309;--color-warning-text: #92400e;--color-warning-soft: #fffbeb;--color-warning-border-muted: #f5d08a;--color-warning-border: #fed7aa;--color-replay: #7c3aed;--color-replay-soft: #f5f3ff;--color-replay-border: #ddd6fe;--radius-card: 6px;--radius-panel: 6px;--radius-live-card: 6px;--radius-input: 6px;--radius-button: 6px;--radius-pill: 6px;--radius-checkbox: 3px;--radius-menu: 6px;--radius-menu-item: 6px;--radius-upload: 6px;--shadow-soft: 0 1px 2px rgba(15, 23, 42, .08);--shadow-card: 0 1px 2px rgba(15, 23, 42, .06);--shadow-card-hover: 0 8px 20px rgba(15, 23, 42, .08);--shadow-live-card: 0 16px 42px rgba(15, 23, 42, .18);--shadow-live-popover: 0 8px 22px rgba(15, 23, 42, .14);--shadow-live-modal: 0 20px 56px rgba(15, 23, 42, .22);--shadow-live-control-hover: 0 4px 14px rgba(15, 23, 42, .08);--shadow-primary-active: 0 6px 18px rgba(21, 94, 239, .08);--shadow-toolbar: 0 1px 4px rgba(15, 23, 42, .06);--shadow-segmented: 0 6px 16px rgba(15, 23, 42, .12);--shadow-popover: 0 8px 22px rgba(15, 23, 42, .1);--shadow-status-success-ring: 0 0 0 3px rgba(18, 183, 106, .14);--shadow-status-warning-ring: 0 0 0 3px rgba(247, 144, 9, .16);--dialog-shadow: 0 16px 42px rgba(15, 23, 42, .12)}:root[data-theme=sandstone]{--color-bg-page: #f3f0ea;--color-bg-surface: #fffdf8;--color-bg-subtle: #ebe4da;--color-bg-muted: #eee8de;--color-bg-control: #e3dacd;--color-bg-control-muted: #ece4d8;--color-bg-control-hover: #f4eee5;--color-bg-control-pressed: #ddd2c3;--color-bg-table-header: #e9e1d5;--color-bg-table-row-hover: #f6f1ea;--color-bg-table-current: #f2e6d3;--color-bg-header: rgba(255, 253, 248, .95);--color-bg-toolbar: #faf6ef;--color-bg-glass: rgba(255, 253, 248, .94);--color-bg-glass-strong: rgba(255, 253, 248, .98);--color-bg-segmented-hover: rgba(255, 253, 248, .72);--color-bg-segmented-active: #4a3728;--color-bg-live-announcement: #fff5e5;--color-bg-chat-bubble: #f7efe4;--color-bg-chat-bubble-border: #e6d8c6;--color-bg-veil: rgba(47, 34, 24, .48);--color-bg-veil-strong: rgba(47, 34, 24, .82);--color-bg-dark-surface: #2f241b;--color-live-control-primary: #a15c18;--color-live-control-primary-hover: #c17728;--color-live-online: #3f8f5f;--color-live-online-ring: rgba(63, 143, 95, .16);--color-live-online-border: rgba(63, 143, 95, .42);--color-live-mobile-edge: rgba(214, 201, 184, .92);--color-text-main: #2d251f;--color-text-strong: #3a2e25;--color-text-secondary: #4d4035;--color-text-sub: #695b4d;--color-text-muted: #867768;--color-text-faint: #aa9c8e;--color-text-placeholder: #a79a8b;--color-text-disabled: #c9beb2;--color-border-subtle: #d8cbbb;--color-border-muted: #d2c4b2;--color-border-soft: #e2d7c8;--color-border-control: #c7b7a3;--color-border-control-soft: #d2c4b2;--color-border-control-muted: #d8ccbd;--color-border-control-hover-soft: #a9957d;--color-border-control-pressed: #b5a28b;--color-border-hover: #9d8a74;--color-primary: #9a5b1d;--color-primary-hover: #7f4612;--color-primary-active: #66370d;--color-primary-soft: #f4e3cd;--color-primary-tint: #f8ead9;--color-primary-faint: #fbf2e8;--color-primary-border-soft: #deb98d;--color-focus-ring: rgba(154, 91, 29, .16);--color-focus-ring-strong: rgba(154, 91, 29, .28);--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-danger-ui: #f56c6c;--color-danger-ui-hover: #e95f5f;--color-danger-ui-soft: #fff5f5;--color-danger-border: #fecaca;--color-danger-soft: #fef2f2;--color-danger-focus-ring: rgba(239, 68, 68, .1);--color-success: #16a34a;--color-success-bright: #22c55e;--color-success-soft: #f0fdf4;--color-success-border: #bbf7d0;--color-warning: #d97706;--color-warning-strong: #b45309;--color-warning-text: #92400e;--color-warning-soft: #fffbeb;--color-warning-border-muted: #f5d08a;--color-warning-border: #fed7aa;--color-replay: #7c3aed;--color-replay-soft: #f5f3ff;--color-replay-border: #ddd6fe;--radius-card: 10px;--radius-panel: 10px;--radius-live-card: 10px;--radius-input: 8px;--radius-button: 8px;--radius-pill: 8px;--radius-checkbox: 3px;--radius-menu: 8px;--radius-menu-item: 6px;--radius-upload: 8px;--shadow-soft: 0 1px 2px rgba(67, 48, 32, .08);--shadow-card: 0 1px 2px rgba(67, 48, 32, .06);--shadow-card-hover: 0 8px 20px rgba(67, 48, 32, .08);--shadow-live-card: 0 16px 42px rgba(47, 34, 24, .2);--shadow-live-popover: 0 8px 22px rgba(47, 34, 24, .15);--shadow-live-modal: 0 20px 56px rgba(47, 34, 24, .24);--shadow-live-control-hover: 0 4px 14px rgba(47, 34, 24, .08);--shadow-primary-active: 0 6px 18px rgba(154, 91, 29, .1);--shadow-toolbar: 0 1px 4px rgba(67, 48, 32, .06);--shadow-segmented: 0 6px 16px rgba(47, 34, 24, .14);--shadow-popover: 0 8px 22px rgba(47, 34, 24, .12);--shadow-status-success-ring: 0 0 0 3px rgba(63, 143, 95, .14);--shadow-status-warning-ring: 0 0 0 3px rgba(161, 92, 24, .16);--dialog-shadow: 0 16px 42px rgba(67, 48, 32, .14)}:root[data-theme=genelec-green]{--color-bg-page: #f1f3f0;--color-bg-surface: #ffffff;--color-bg-subtle: #e7ece8;--color-bg-muted: #eef1ee;--color-bg-control: #d9e2dc;--color-bg-control-muted: #e5ebe7;--color-bg-control-hover: #f0f4f1;--color-bg-control-pressed: #d3ded7;--color-bg-table-header: #e8eee9;--color-bg-table-row-hover: #f3f7f4;--color-bg-table-current: #e0f4eb;--color-bg-header: rgba(251, 253, 251, .95);--color-bg-toolbar: #f7faf8;--color-bg-glass: rgba(255, 255, 255, .94);--color-bg-glass-strong: rgba(255, 255, 255, .98);--color-bg-segmented-hover: rgba(255, 255, 255, .72);--color-bg-segmented-active: #111715;--color-bg-live-announcement: #e6f7ef;--color-bg-chat-bubble: #eef4f0;--color-bg-chat-bubble-border: #d4e1d9;--color-bg-veil: rgba(8, 10, 9, .5);--color-bg-veil-strong: rgba(8, 10, 9, .82);--color-bg-dark-surface: #080a09;--color-live-control-primary: #008a5a;--color-live-control-primary-hover: #00a368;--color-live-online: #00a368;--color-live-online-ring: rgba(21, 164, 106, .16);--color-live-online-border: rgba(21, 164, 106, .42);--color-live-mobile-edge: rgba(199, 214, 205, .92);--color-text-main: #111715;--color-text-strong: #18201d;--color-text-secondary: #2f3b36;--color-text-sub: #56635e;--color-text-muted: #727f78;--color-text-faint: #9aa59f;--color-text-placeholder: #98a39d;--color-text-disabled: #c0cac4;--color-border-subtle: #cdd8d1;--color-border-muted: #c5d2ca;--color-border-soft: #d8e2dc;--color-border-control: #b4c5bb;--color-border-control-soft: #c3d2ca;--color-border-control-muted: #cdd8d1;--color-border-control-hover-soft: #8ba398;--color-border-control-pressed: #9bb1a6;--color-border-hover: #81978c;--color-primary: #008a5a;--color-primary-hover: #007348;--color-primary-active: #005f3b;--color-primary-soft: #d9f2e6;--color-primary-tint: #e3f7ee;--color-primary-faint: #eff9f4;--color-primary-border-soft: #8bd0b1;--color-focus-ring: rgba(0, 138, 90, .18);--color-focus-ring-strong: rgba(0, 138, 90, .3);--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-danger-ui: #f56c6c;--color-danger-ui-hover: #e95f5f;--color-danger-ui-soft: #fff5f5;--color-danger-border: #fecaca;--color-danger-soft: #fef2f2;--color-danger-focus-ring: rgba(239, 68, 68, .1);--color-success: #16a34a;--color-success-bright: #22c55e;--color-success-soft: #f0fdf4;--color-success-border: #bbf7d0;--color-warning: #d97706;--color-warning-strong: #b45309;--color-warning-text: #92400e;--color-warning-soft: #fffbeb;--color-warning-border-muted: #f5d08a;--color-warning-border: #fed7aa;--color-replay: #7c3aed;--color-replay-soft: #f5f3ff;--color-replay-border: #ddd6fe;--radius-card: 10px;--radius-panel: 10px;--radius-live-card: 10px;--radius-input: 10px;--radius-button: 10px;--radius-pill: 10px;--radius-checkbox: 4px;--radius-menu: 10px;--radius-menu-item: 8px;--radius-upload: 10px;--shadow-soft: 0 1px 2px rgba(18, 40, 32, .08);--shadow-card: 0 1px 2px rgba(18, 40, 32, .06);--shadow-card-hover: 0 8px 20px rgba(18, 40, 32, .08);--shadow-live-card: 0 16px 42px rgba(14, 40, 32, .2);--shadow-live-popover: 0 8px 22px rgba(14, 40, 32, .15);--shadow-live-modal: 0 20px 56px rgba(14, 40, 32, .24);--shadow-live-control-hover: 0 4px 14px rgba(14, 40, 32, .08);--shadow-primary-active: 0 6px 18px rgba(11, 107, 79, .1);--shadow-toolbar: 0 1px 4px rgba(18, 40, 32, .06);--shadow-segmented: 0 6px 16px rgba(14, 40, 32, .14);--shadow-popover: 0 8px 22px rgba(14, 40, 32, .12);--shadow-status-success-ring: 0 0 0 3px rgba(21, 164, 106, .14);--shadow-status-warning-ring: 0 0 0 3px rgba(179, 107, 18, .16);--dialog-shadow: 0 16px 42px rgba(18, 40, 32, .14)}:root[data-theme=rectilinear]{--color-bg-page: #f4f6f8;--color-bg-surface: #ffffff;--color-bg-subtle: #eef1f4;--color-bg-muted: #edf1f5;--color-bg-control: #dfe5eb;--color-bg-control-muted: #e8edf2;--color-bg-control-hover: #f1f4f7;--color-bg-control-pressed: #d9e0e8;--color-bg-table-header: #e8edf2;--color-bg-table-row-hover: #f0f4f8;--color-bg-table-current: #e5eef7;--color-bg-header: rgba(255, 255, 255, .96);--color-bg-toolbar: #f8fafc;--color-bg-glass: rgba(255, 255, 255, .94);--color-bg-glass-strong: rgba(255, 255, 255, .98);--color-bg-segmented-hover: rgba(255, 255, 255, .68);--color-bg-segmented-active: #1f2937;--color-bg-live-announcement: #edf4fb;--color-bg-chat-bubble: #f1f4f7;--color-bg-chat-bubble-border: #d8e0e8;--color-bg-veil: rgba(17, 24, 39, .48);--color-bg-veil-strong: rgba(17, 24, 39, .82);--color-bg-dark-surface: #111827;--color-live-control-primary: #1f4e79;--color-live-control-primary-hover: #2d6598;--color-live-online: #15803d;--color-live-online-ring: rgba(21, 128, 61, .16);--color-live-online-border: rgba(21, 128, 61, .42);--color-live-mobile-edge: rgba(207, 215, 223, .92);--color-text-main: #111827;--color-text-strong: #1f2937;--color-text-secondary: #374151;--color-text-sub: #4b5563;--color-text-muted: #6b7280;--color-text-faint: #9ca3af;--color-text-placeholder: #9ca3af;--color-text-disabled: #c4cbd4;--color-border-subtle: #cfd7df;--color-border-muted: #c7d0da;--color-border-soft: #dde3ea;--color-border-control: #aeb8c4;--color-border-control-soft: #c1cad5;--color-border-control-muted: #cbd3dc;--color-border-control-hover-soft: #8995a3;--color-border-control-pressed: #9aa6b4;--color-border-hover: #7b8794;--color-primary: #1f4e79;--color-primary-hover: #173b5c;--color-primary-active: #102b43;--color-primary-soft: #e7eff7;--color-primary-tint: #edf4fa;--color-primary-faint: #f4f8fb;--color-primary-border-soft: #9dbbd4;--color-focus-ring: rgba(31, 78, 121, .16);--color-focus-ring-strong: rgba(31, 78, 121, .28);--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-danger-ui: #f56c6c;--color-danger-ui-hover: #e95f5f;--color-danger-ui-soft: #fff5f5;--color-danger-border: #fecaca;--color-danger-soft: #fef2f2;--color-danger-focus-ring: rgba(239, 68, 68, .1);--color-success: #16a34a;--color-success-bright: #22c55e;--color-success-soft: #f0fdf4;--color-success-border: #bbf7d0;--color-warning: #d97706;--color-warning-strong: #b45309;--color-warning-text: #92400e;--color-warning-soft: #fffbeb;--color-warning-border-muted: #f5d08a;--color-warning-border: #fed7aa;--color-replay: #7c3aed;--color-replay-soft: #f5f3ff;--color-replay-border: #ddd6fe;--radius-card: 2px;--radius-panel: 2px;--radius-live-card: 2px;--radius-input: 2px;--radius-button: 2px;--radius-pill: 2px;--radius-checkbox: 2px;--radius-menu: 2px;--radius-menu-item: 2px;--radius-upload: 2px;--shadow-soft: none;--shadow-card: none;--shadow-card-hover: none;--shadow-live-card: 0 16px 42px rgba(17, 24, 39, .18);--shadow-live-popover: 0 8px 22px rgba(17, 24, 39, .14);--shadow-live-modal: 0 20px 56px rgba(17, 24, 39, .22);--shadow-live-control-hover: none;--shadow-primary-active: none;--shadow-toolbar: none;--shadow-segmented: none;--shadow-popover: 0 4px 12px rgba(17, 24, 39, .12);--shadow-status-success-ring: 0 0 0 3px rgba(21, 128, 61, .14);--shadow-status-warning-ring: 0 0 0 3px rgba(180, 83, 9, .16);--dialog-shadow: 0 10px 28px rgba(17, 24, 39, .14)}:root[data-theme=seafoam-cyan]{--color-bg-page: #eef7f8;--color-bg-surface: #ffffff;--color-bg-subtle: #e3f0f2;--color-bg-muted: #e9f4f5;--color-bg-control: #d8eaed;--color-bg-control-muted: #e2eff1;--color-bg-control-hover: #edf7f8;--color-bg-control-pressed: #d1e5e8;--color-bg-table-header: #e4f0f3;--color-bg-table-row-hover: #f1f8f9;--color-bg-table-current: #e0f3f8;--color-bg-header: rgba(255, 255, 255, .95);--color-bg-toolbar: #f6fbfc;--color-bg-glass: rgba(255, 255, 255, .94);--color-bg-glass-strong: rgba(255, 255, 255, .98);--color-bg-segmented-hover: rgba(255, 255, 255, .72);--color-bg-segmented-active: #164e63;--color-bg-live-announcement: #e8f7fb;--color-bg-chat-bubble: #edf6f7;--color-bg-chat-bubble-border: #d4e7ea;--color-bg-veil: rgba(15, 46, 56, .48);--color-bg-veil-strong: rgba(15, 46, 56, .82);--color-bg-dark-surface: #0f2e38;--color-live-control-primary: #0e7490;--color-live-control-primary-hover: #0891b2;--color-live-online: #16a34a;--color-live-online-ring: rgba(22, 163, 74, .16);--color-live-online-border: rgba(22, 163, 74, .42);--color-live-mobile-edge: rgba(198, 219, 224, .92);--color-text-main: #17313a;--color-text-strong: #1e3f49;--color-text-secondary: #35545d;--color-text-sub: #5b737b;--color-text-muted: #768b92;--color-text-faint: #9aaab0;--color-text-placeholder: #97a8ad;--color-text-disabled: #c0cbcf;--color-border-subtle: #c9dfe3;--color-border-muted: #c1d8dd;--color-border-soft: #d8e8eb;--color-border-control: #aec9d0;--color-border-control-soft: #c0d8dd;--color-border-control-muted: #cadfe3;--color-border-control-hover-soft: #8eacb5;--color-border-control-pressed: #9dbbc3;--color-border-hover: #819fa8;--color-primary: #0e7490;--color-primary-hover: #155e75;--color-primary-active: #164e63;--color-primary-soft: #dff4f8;--color-primary-tint: #e8f7fb;--color-primary-faint: #f0fbfd;--color-primary-border-soft: #8bd3e2;--color-focus-ring: rgba(14, 116, 144, .16);--color-focus-ring-strong: rgba(14, 116, 144, .28);--radius-card: 10px;--radius-panel: 10px;--radius-live-card: 10px;--radius-input: 10px;--radius-button: 10px;--radius-pill: 10px;--radius-checkbox: 4px;--radius-menu: 10px;--radius-menu-item: 8px;--radius-upload: 10px;--shadow-soft: 0 1px 2px rgba(15, 46, 56, .07);--shadow-card: 0 1px 2px rgba(15, 46, 56, .05);--shadow-card-hover: 0 8px 20px rgba(15, 46, 56, .07);--shadow-live-card: 0 16px 42px rgba(15, 46, 56, .2);--shadow-live-popover: 0 8px 22px rgba(15, 46, 56, .15);--shadow-live-modal: 0 20px 56px rgba(15, 46, 56, .24);--shadow-live-control-hover: 0 4px 14px rgba(15, 46, 56, .08);--shadow-primary-active: 0 6px 18px rgba(14, 116, 144, .1);--shadow-toolbar: 0 1px 4px rgba(15, 46, 56, .05);--shadow-segmented: 0 6px 16px rgba(15, 46, 56, .12);--shadow-popover: 0 8px 22px rgba(15, 46, 56, .11);--dialog-shadow: 0 16px 42px rgba(15, 46, 56, .14)}:root[data-theme=graphite-neutral]{--color-bg-page: #f3f4f6;--color-bg-surface: #ffffff;--color-bg-subtle: #eceef1;--color-bg-muted: #f0f1f3;--color-bg-control: #e1e4e8;--color-bg-control-muted: #e9ebef;--color-bg-control-hover: #f2f3f5;--color-bg-control-pressed: #d9dde3;--color-bg-table-header: #eceff3;--color-bg-table-row-hover: #f5f6f8;--color-bg-table-current: #eeeeff;--color-bg-header: rgba(255, 255, 255, .95);--color-bg-toolbar: #f8f8fa;--color-bg-glass: rgba(255, 255, 255, .94);--color-bg-glass-strong: rgba(255, 255, 255, .98);--color-bg-segmented-hover: rgba(255, 255, 255, .7);--color-bg-segmented-active: #27272a;--color-bg-live-announcement: #f2f4f7;--color-bg-chat-bubble: #f3f4f6;--color-bg-chat-bubble-border: #e1e4e8;--color-bg-veil: rgba(24, 24, 27, .48);--color-bg-veil-strong: rgba(24, 24, 27, .82);--color-bg-dark-surface: #18181b;--color-live-control-primary: #3f3f46;--color-live-control-primary-hover: #52525b;--color-live-online: #16a34a;--color-live-online-ring: rgba(22, 163, 74, .16);--color-live-online-border: rgba(22, 163, 74, .42);--color-live-mobile-edge: rgba(212, 212, 216, .92);--color-text-main: #18181b;--color-text-strong: #27272a;--color-text-secondary: #3f3f46;--color-text-sub: #52525b;--color-text-muted: #71717a;--color-text-faint: #a1a1aa;--color-text-placeholder: #a1a1aa;--color-text-disabled: #c7c7d1;--color-border-subtle: #d7d9df;--color-border-muted: #d2d5dc;--color-border-soft: #e2e4e9;--color-border-control: #b9bec8;--color-border-control-soft: #c9cdd6;--color-border-control-muted: #d2d5dc;--color-border-control-hover-soft: #989faa;--color-border-control-pressed: #a8aeb8;--color-border-hover: #8d939f;--color-primary: #3f3f46;--color-primary-hover: #27272a;--color-primary-active: #18181b;--color-primary-soft: #eceef2;--color-primary-tint: #f0f1f4;--color-primary-faint: #f7f7f8;--color-primary-border-soft: #b9bec8;--color-focus-ring: rgba(63, 63, 70, .16);--color-focus-ring-strong: rgba(63, 63, 70, .28);--radius-card: 6px;--radius-panel: 6px;--radius-live-card: 6px;--radius-input: 6px;--radius-button: 6px;--radius-pill: 6px;--radius-checkbox: 3px;--radius-menu: 6px;--radius-menu-item: 6px;--radius-upload: 6px;--shadow-soft: 0 1px 2px rgba(24, 24, 27, .07);--shadow-card: 0 1px 2px rgba(24, 24, 27, .05);--shadow-card-hover: 0 8px 20px rgba(24, 24, 27, .07);--shadow-live-card: 0 16px 42px rgba(24, 24, 27, .2);--shadow-live-popover: 0 8px 22px rgba(24, 24, 27, .15);--shadow-live-modal: 0 20px 56px rgba(24, 24, 27, .24);--shadow-live-control-hover: 0 4px 14px rgba(24, 24, 27, .08);--shadow-primary-active: 0 6px 18px rgba(24, 24, 27, .08);--shadow-toolbar: 0 1px 4px rgba(24, 24, 27, .05);--shadow-segmented: 0 6px 16px rgba(24, 24, 27, .12);--shadow-popover: 0 8px 22px rgba(24, 24, 27, .11);--dialog-shadow: 0 16px 42px rgba(24, 24, 27, .14)}:root[data-theme=cinnabar-red]{--color-bg-page: #f8f2f1;--color-bg-surface: #fffdfc;--color-bg-subtle: #f0e5e3;--color-bg-muted: #f3eae8;--color-bg-control: #eadbd8;--color-bg-control-muted: #f1e7e5;--color-bg-control-hover: #faf1ef;--color-bg-control-pressed: #e3d2ce;--color-bg-table-header: #f0e6e4;--color-bg-table-row-hover: #fbf5f4;--color-bg-table-current: #fdeceb;--color-bg-header: rgba(255, 253, 252, .95);--color-bg-toolbar: #fff7f6;--color-bg-glass: rgba(255, 253, 252, .94);--color-bg-glass-strong: rgba(255, 253, 252, .98);--color-bg-segmented-hover: rgba(255, 253, 252, .72);--color-bg-segmented-active: #4a1f1d;--color-bg-live-announcement: #fff0ef;--color-bg-chat-bubble: #f8eeee;--color-bg-chat-bubble-border: #ead6d3;--color-bg-veil: rgba(56, 23, 21, .48);--color-bg-veil-strong: rgba(56, 23, 21, .82);--color-bg-dark-surface: #381715;--color-live-control-primary: #b91c1c;--color-live-control-primary-hover: #dc2626;--color-live-online: #16a34a;--color-live-online-ring: rgba(22, 163, 74, .16);--color-live-online-border: rgba(22, 163, 74, .42);--color-live-mobile-edge: rgba(222, 202, 198, .92);--color-text-main: #2f1f1f;--color-text-strong: #3d2928;--color-text-secondary: #553c3a;--color-text-sub: #725b58;--color-text-muted: #8e7773;--color-text-faint: #ad9b97;--color-text-placeholder: #aa9995;--color-text-disabled: #cfc0bc;--color-border-subtle: #decac6;--color-border-muted: #d8c2bd;--color-border-soft: #eadbd8;--color-border-control: #cab1ab;--color-border-control-soft: #d9c5c0;--color-border-control-muted: #decac6;--color-border-control-hover-soft: #aa8d87;--color-border-control-pressed: #b99d97;--color-border-hover: #9d817b;--color-primary: #b91c1c;--color-primary-hover: #991b1b;--color-primary-active: #7f1d1d;--color-primary-soft: #fee2e2;--color-primary-tint: #feecec;--color-primary-faint: #fff5f5;--color-primary-border-soft: #f5a6a6;--color-focus-ring: rgba(185, 28, 28, .16);--color-focus-ring-strong: rgba(185, 28, 28, .28);--radius-card: 8px;--radius-panel: 8px;--radius-live-card: 8px;--radius-input: 8px;--radius-button: 8px;--radius-pill: 8px;--radius-checkbox: 3px;--radius-menu: 8px;--radius-menu-item: 6px;--radius-upload: 8px;--shadow-soft: 0 1px 2px rgba(56, 23, 21, .08);--shadow-card: 0 1px 2px rgba(56, 23, 21, .06);--shadow-card-hover: 0 8px 20px rgba(56, 23, 21, .08);--shadow-live-card: 0 16px 42px rgba(56, 23, 21, .2);--shadow-live-popover: 0 8px 22px rgba(56, 23, 21, .15);--shadow-live-modal: 0 20px 56px rgba(56, 23, 21, .24);--shadow-live-control-hover: 0 4px 14px rgba(56, 23, 21, .08);--shadow-primary-active: 0 6px 18px rgba(185, 28, 28, .1);--shadow-toolbar: 0 1px 4px rgba(56, 23, 21, .06);--shadow-segmented: 0 6px 16px rgba(56, 23, 21, .13);--shadow-popover: 0 8px 22px rgba(56, 23, 21, .12);--dialog-shadow: 0 16px 42px rgba(56, 23, 21, .14)}*{box-sizing:border-box}html{scrollbar-gutter:stable}body{margin:0;background:var(--color-bg-page);color:var(--color-text-main);font-family:var(--font-sans);font-size:14px;font-weight:400;line-height:1.5;letter-spacing:0}#app{min-height:100vh}a{color:var(--color-primary-hover)}.el-button--primary:not(.is-link){background:var(--color-primary)!important;border-color:var(--color-primary)!important}.el-button:not(.is-link){border-radius:var(--radius-button)!important;font-weight:500!important}.el-dialog,.el-message-box,.app-confirm-dialog{border-radius:var(--dialog-radius)!important}.el-input__wrapper,.el-select__wrapper{border:1px solid var(--color-border-control);border-radius:var(--radius-input)!important;padding:2px 12px!important;background:var(--color-bg-surface);outline:none!important;box-shadow:none!important;transition:border-color .16s ease,box-shadow .16s ease}.el-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:0}.el-input__wrapper:hover,.el-select__wrapper:hover{border-color:var(--color-border-hover)}.el-input__wrapper:focus-within,.el-input__wrapper.is-focus,.el-select__wrapper:focus-within,.el-select__wrapper.is-focused{border-color:var(--color-primary);outline:none!important;box-shadow:var(--shadow-focus-primary)!important}.el-input__clear,.el-input__clear.el-icon{width:24px!important;height:24px!important;display:inline-flex!important;align-items:center;justify-content:center;border-radius:var(--radius-pill);color:var(--color-text-muted)!important;font-size:15px!important;transition:background .16s ease,color .16s ease}.el-input__clear:hover,.el-input__clear:focus-visible{background:var(--color-bg-subtle);color:var(--color-text-sub)}.el-textarea__inner{border-color:var(--color-border-control);border-radius:var(--radius-input);background:var(--color-bg-surface);box-shadow:none!important;transition:border-color .16s ease,box-shadow .16s ease}.el-textarea__inner:hover{border-color:var(--color-border-hover)}.el-textarea__inner:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus-primary)!important}.el-input-group__prepend,.el-input-group__append{border-color:var(--color-border-control);background:var(--color-bg-muted);color:var(--color-text-sub);box-shadow:none!important}.el-input-number{overflow:hidden;border:1px solid var(--color-border-control);border-radius:var(--radius-input);background:var(--color-bg-surface);transition:border-color .16s ease,box-shadow .16s ease}.el-input-number:hover{border-color:var(--color-border-hover)}.el-input-number:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-focus-primary)}.el-input-number .el-input__wrapper{border:0;border-radius:0!important;box-shadow:none!important}.el-input-number .el-input-number__decrease,.el-input-number .el-input-number__increase{border-color:var(--color-border-control);border-radius:0;background:var(--color-bg-muted)}.el-checkbox{--el-checkbox-input-width: 16px;--el-checkbox-input-height: 16px;--el-checkbox-input-border: 0;--el-checkbox-input-border-color-hover: var(--color-primary);--el-checkbox-checked-bg-color: var(--color-primary);--el-checkbox-checked-input-border-color: var(--color-primary);--el-checkbox-checked-text-color: var(--color-text-main)}.el-checkbox__inner{border:0!important;border-radius:var(--radius-checkbox);box-shadow:inset 0 0 0 1px var(--color-border-hover);transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.el-checkbox__input:not(.is-disabled):not(.is-checked):not(.is-indeterminate) .el-checkbox__inner:hover{box-shadow:inset 0 0 0 1px var(--color-primary)}.el-checkbox__input:not(.is-checked):not(.is-indeterminate) .el-checkbox__inner:before,.el-checkbox__input:not(.is-checked):not(.is-indeterminate) .el-checkbox__inner:after{opacity:0}.el-checkbox__input.is-checked .el-checkbox__inner,.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary)}.el-checkbox__input.is-checked .el-checkbox__inner:after{opacity:1;border-color:var(--color-text-inverse)}.el-checkbox__input.is-indeterminate .el-checkbox__inner:before{opacity:1;top:50%;left:50%;width:8px;height:2px;background-color:var(--color-text-inverse);transform:translate(-50%,-50%)}.el-checkbox__input.is-focus .el-checkbox__inner{box-shadow:inset 0 0 0 1px var(--color-primary),var(--shadow-focus-primary)}.el-select-dropdown__item.is-selected{color:var(--color-primary);background-color:var(--color-primary-tint)}.el-select-dropdown__item.is-hovering,.el-select-dropdown__item:hover{background-color:var(--color-bg-subtle)}.el-select__popper.el-popper,.el-select__popper .el-select-dropdown{border-radius:var(--radius-menu);background:var(--color-bg-surface)}.el-select__popper.el-popper{border-color:var(--color-border-subtle)}.el-select__popper.el-popper{overflow:hidden}.layout{min-height:100vh;background:var(--color-bg-page)}.top-nav{position:sticky;top:0;z-index:30;height:52px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-header);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-main);font-size:14px}.top-nav-inner{width:min(1600px,calc(100vw - 32px));display:flex;align-items:center;justify-content:space-between}.brand{font-size:18px;line-height:1.2;font-weight:500;color:var(--color-text-main)}.shell{width:min(1600px,calc(100vw - 40px));margin:24px auto 0;display:grid;grid-template-columns:224px 1fr;gap:28px}.sidebar{position:sticky;top:76px;max-height:calc(100dvh - 100px);overflow-y:auto;background:var(--color-bg-surface);color:var(--color-text-main);border-radius:var(--radius-card);border:1px solid var(--color-border-subtle);padding:18px;box-shadow:var(--shadow-soft);align-self:start}.sidebar-main,.sidebar-bottom{display:grid;gap:0}.sidebar-bottom{margin-top:0}.sidebar a{display:block;color:var(--color-text-sub);text-decoration:none;margin:8px 0;padding:9px 12px;border-radius:var(--radius-input);font-size:16px;font-weight:400;transition:all .2s ease}.sidebar a.router-link-active{background:var(--color-primary-soft);color:var(--color-primary)}:root[data-theme=enterprise-clean] .sidebar a.router-link-active{background:var(--color-primary);color:var(--color-text-inverse)}:root[data-theme=genelec-green] .sidebar a.router-link-active{background:var(--color-primary);color:var(--color-text-inverse)}.sidebar a:hover{background:var(--color-bg-subtle)}:root[data-theme=enterprise-clean] .sidebar a.router-link-active:hover{background:var(--color-primary-hover);color:var(--color-text-inverse)}:root[data-theme=genelec-green] .sidebar a.router-link-active:hover{background:var(--color-primary-hover);color:var(--color-text-inverse)}.content{padding:0 0 64px}.page-wrap{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);padding:32px}.page-wrap h2,.page-wrap h3{margin:0 0 16px;font-family:SF Pro Display,SF Pro SC,SF Pro Display,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:21px;line-height:1.15;font-weight:600;letter-spacing:0}.admin-account{display:flex;align-items:center;gap:12px;color:var(--color-text-sub)}.admin-account button{padding:0;border:0;background:transparent;color:var(--color-primary);cursor:pointer;font:inherit}.admin-dialog{max-height:var(--dialog-max-height);margin:auto!important;overflow:hidden;border-radius:var(--dialog-radius)!important;box-shadow:var(--dialog-shadow)}.admin-dialog .el-dialog__header{margin:0;padding:var(--dialog-header-padding)}.admin-dialog .el-dialog__title{color:var(--color-text-main);font-size:var(--dialog-title-size);font-weight:600;line-height:1.35}.admin-dialog .el-dialog__body{max-height:calc(var(--dialog-max-height) - 132px);overflow:auto;padding:var(--dialog-body-padding)}.admin-dialog .el-dialog__footer{padding:var(--dialog-footer-padding)}.admin-dialog .el-dialog__footer .el-button+.el-button{margin-left:10px}.app-editor-dialog{height:var(--dialog-max-height);margin:var(--dialog-viewport-margin-y) auto!important;padding:0!important;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--dialog-radius)!important;box-shadow:var(--dialog-shadow)}.app-editor-dialog .el-dialog__header{min-height:72px;margin:0;padding:16px 54px 16px 22px;display:flex;align-items:center;border-bottom:1px solid var(--color-border-subtle)}.app-editor-dialog .el-dialog__headerbtn{top:9px;right:8px}.app-editor-dialog .el-dialog__body{min-height:0;padding:0;display:flex;flex:1;flex-direction:column;overflow:hidden}.app-editor-dialog .el-dialog__footer{padding:14px 22px;border-top:1px solid var(--color-border-subtle)}.registration-dialog.app-editor-dialog{height:var(--dialog-max-height);margin:var(--dialog-viewport-margin-y) auto!important}.registration-dialog.app-editor-dialog .el-dialog__header{position:absolute;top:0;right:0;z-index:2;width:48px;min-height:48px;padding:0;border-bottom:0;pointer-events:none}.registration-dialog.app-editor-dialog .el-dialog__headerbtn{top:4px;right:4px;pointer-events:auto}.registration-dialog.app-editor-dialog .el-dialog__footer{padding:12px 22px 18px;border-top:0}.registration-dialog.app-editor-dialog .registration-form-editor{padding-right:56px}.app-editor-dialog__title{min-width:0;display:grid;gap:4px}.app-editor-dialog__title span{color:var(--color-text-muted);font-size:13px;line-height:1.3}.app-editor-dialog__title strong{color:var(--color-text-main);font-size:17px;font-weight:600;line-height:1.3;overflow-wrap:anywhere}.app-editor-dialog__actions{display:flex;justify-content:flex-end;gap:10px}.app-editor-dialog__actions .el-button{min-width:88px}.app-editor-dialog__actions .el-button+.el-button{margin-left:0}.section-gap-16{margin-top:var(--space-16)}.form-row{margin-bottom:16px}.soft-card{border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);padding:20px;background:var(--color-bg-surface)}.admin-table-surface{border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);background:var(--color-bg-surface);box-shadow:var(--shadow-soft);overflow:hidden}.admin-table-page{overflow:hidden;padding:0}.admin-table-toolbar{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-toolbar)}.admin-table-toolbar__left,.admin-table-toolbar__right{display:flex;align-items:center;gap:10px;min-width:0}.admin-table-toolbar .el-input__wrapper,.admin-table-toolbar .el-select__wrapper,.admin-table-toolbar .el-date-editor.el-input,.admin-table-toolbar .el-date-editor.el-input__wrapper,.admin-table-toolbar .el-date-editor.el-range-editor{--el-input-height: var(--control-height-toolbar);min-height:var(--control-height-toolbar);border:1px solid var(--color-border-control);outline:none!important;box-shadow:none!important;background-clip:padding-box}.admin-table-toolbar .el-input__wrapper.is-focus,.admin-table-toolbar .el-select__wrapper.is-focused,.admin-table-toolbar .el-date-editor.el-input__wrapper.is-focus,.admin-table-toolbar .el-date-editor.el-range-editor.is-active,.admin-table-toolbar .el-input__wrapper:focus-within,.admin-table-toolbar .el-select__wrapper:focus-within,.admin-table-toolbar .el-date-editor.el-input__wrapper:focus-within,.admin-table-toolbar .el-date-editor.el-range-editor:focus-within{border-color:var(--color-primary);outline:none!important;box-shadow:var(--shadow-focus-primary)!important}.admin-table{--el-table-border-color: var(--color-border-subtle);--el-table-header-bg-color: var(--color-bg-table-header);--el-table-header-text-color: var(--color-text-muted);--el-table-text-color: var(--color-text-main);--el-table-row-hover-bg-color: var(--color-bg-table-row-hover);--el-table-current-row-bg-color: var(--color-bg-table-current);width:100%}.admin-table.el-table{font-size:14px}.admin-table.el-table,.admin-table.el-table .el-table__inner-wrapper:before,.admin-table.el-table:before,.admin-table.el-table:after{border:0;box-shadow:none}.admin-table .el-table__header th.el-table__cell{height:var(--table-header-height);background:var(--color-bg-table-header);color:var(--color-text-muted);font-size:12px;font-weight:600}.admin-table .el-table__body td.el-table__cell{height:var(--table-row-height);color:var(--color-text-main)}.admin-table .el-table__cell{padding:0 16px}.admin-table .el-table-column--selection{padding:0}.admin-table .el-table-column--selection .cell{display:flex;justify-content:center;padding:0}.admin-table .cell{line-height:1.45}.admin-table .is-center .cell{justify-content:center}.admin-table .el-button.is-link{min-height:30px;padding:0 10px;border-radius:var(--radius-pill);font-weight:500;text-decoration:none}.admin-table .el-button.is-link:not(.is-disabled):hover,.admin-table .el-button.is-link:not(.is-disabled):focus-visible{background:var(--color-primary-soft);text-decoration:none}.admin-table .el-button--danger.is-link:not(.is-disabled):hover,.admin-table .el-button--danger.is-link:not(.is-disabled):focus-visible{background:var(--color-danger-soft)}.admin-table-footer{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid var(--color-border-subtle);color:var(--color-text-muted);font-size:13px;background:var(--color-bg-surface)}.admin-table-footer .el-pagination{--el-pagination-font-size: 13px;--el-pagination-button-width: var(--button-height-compact);--el-pagination-button-height: var(--button-height-compact);justify-content:flex-end}.admin-table-footer .el-pagination .el-select .el-select__wrapper,.admin-table-footer .el-pagination .el-input__wrapper{min-height:var(--button-height-compact);border-radius:var(--radius-pill)!important}.admin-table-footer .el-pagination button,.admin-table-footer .el-pager li{border-radius:var(--radius-pill)}.admin-table-actions{display:inline-flex;align-items:center;justify-content:center;gap:6px}.pill-action-btn{min-height:var(--button-height-default)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px;border-radius:var(--radius-pill)!important;font-weight:500!important}.pill-action-btn>span{display:inline-flex;align-items:center;justify-content:center;gap:6px}.pill-action-btn.btn-neutral{border-color:var(--action-neutral-border)!important;background:var(--color-bg-surface)!important;color:var(--action-neutral-text)!important}.pill-action-btn.btn-neutral:hover,.pill-action-btn.btn-neutral:focus-visible{border-color:var(--action-neutral-border)!important;background:var(--action-neutral-soft)!important;color:var(--action-neutral-text)!important}.pill-action-btn.btn-primary{border-color:var(--action-primary)!important;background:var(--color-bg-surface)!important;color:var(--action-primary)!important}.pill-action-btn.btn-primary:hover,.pill-action-btn.btn-primary:focus-visible{border-color:var(--action-primary)!important;background:var(--action-primary-soft)!important;color:var(--action-primary-hover)!important}.pill-action-btn.btn-primary.is-active{border-color:var(--action-primary)!important;background:var(--action-primary)!important;color:var(--color-bg-surface)!important}.pill-action-btn.btn-danger{border-color:var(--action-danger-border)!important;background:var(--color-bg-surface)!important;color:var(--action-danger)!important}.pill-action-btn.btn-danger:hover,.pill-action-btn.btn-danger:focus-visible{border-color:var(--action-danger-border)!important;background:var(--action-danger-soft)!important;color:var(--action-danger-hover)!important}.pill-action-btn.btn-lg{min-height:var(--button-height-large);padding-inline:16px}.pill-action-btn svg{width:15px;height:15px;flex:0 0 auto}.status-chip{height:var(--status-chip-height-large);padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;width:fit-content;border:1px solid var(--color-border-control-soft);border-radius:var(--radius-pill);background:var(--color-primary-faint);color:var(--color-text-secondary);font-size:13px;font-weight:500}.status-chip:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status-chip.is-upcoming{border-color:var(--color-primary-border-soft);background:var(--color-primary-tint);color:var(--color-primary)}.status-chip.is-live,.status-chip.is-enabled{border-color:var(--color-success-border);background:var(--color-success-soft);color:var(--color-success)}.status-chip.is-replay{border-color:var(--color-replay-border);background:var(--color-replay-soft);color:var(--color-replay)}.status-chip.is-ended,.status-chip.is-disabled{border-color:var(--color-border-subtle);background:var(--color-bg-subtle);color:var(--color-text-sub)}.admin-more-menu{position:relative;display:inline-flex}.admin-more-menu__popover{position:absolute;top:calc(100% + 8px);right:0;z-index:5;width:156px;padding:6px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-menu);background:var(--color-bg-surface);box-shadow:var(--shadow-popover)}.admin-more-menu__item{width:100%;height:var(--menu-item-height);display:flex;align-items:center;gap:8px;padding:0 10px;border:0;border-radius:var(--radius-menu-item);background:transparent;color:var(--color-text-sub);cursor:pointer;font:inherit;text-align:left}.admin-more-menu__item:hover,.admin-more-menu__item:focus-visible{outline:none;background:var(--color-bg-subtle);color:var(--color-text-main)}.admin-more-menu__item.is-danger{color:var(--color-danger)}.admin-more-menu__item.is-danger:hover,.admin-more-menu__item.is-danger:focus-visible{background:var(--color-danger-soft);color:var(--color-danger-hover)}.admin-more-menu__item svg{width:15px;height:15px;flex:0 0 auto;color:var(--color-text-muted)}.room-picker-trigger{width:100%;min-height:var(--control-height-editor);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;border:1px solid var(--color-border-control);border-radius:var(--radius-input);background:var(--color-bg-surface);color:var(--color-text-sub);cursor:pointer;font:inherit;text-align:left}.room-picker-trigger:hover,.room-picker-trigger:focus-visible{border-color:var(--color-primary);box-shadow:var(--shadow-focus-primary);outline:none}.room-picker-trigger span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-picker-trigger strong{flex:0 0 auto;color:var(--color-primary);font-size:14px;font-weight:600}@media(max-width:760px){.admin-table-toolbar,.admin-table-footer{align-items:stretch;flex-direction:column}.admin-table-toolbar__left,.admin-table-toolbar__right{width:100%;flex-wrap:wrap}}@media(max-width:1100px){.shell{grid-template-columns:1fr;gap:20px;margin-top:16px}.sidebar{position:static;max-height:none;overflow-y:visible}.content{padding-bottom:32px}}@media(max-width:760px){.admin-dialog{max-height:var(--dialog-max-height-mobile);margin:auto!important}.admin-dialog .el-dialog__body{max-height:calc(var(--dialog-max-height-mobile) - 120px)}.app-editor-dialog{width:calc(100vw - var(--dialog-viewport-margin-y-mobile) * 2)!important;height:var(--dialog-max-height-mobile);margin:var(--dialog-viewport-margin-y-mobile) auto!important}.app-editor-dialog .el-dialog__header{min-height:64px;padding:14px 48px 14px 16px}.app-editor-dialog .el-dialog__footer{padding:12px 16px}.registration-dialog.app-editor-dialog{height:var(--dialog-max-height-mobile);margin:var(--dialog-viewport-margin-y-mobile) auto!important}}.nav-glass{position:sticky;top:0;z-index:20;height:64px;display:flex;align-items:center;background:var(--color-bg-header);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border-control)}.nav-inner{width:min(1600px,calc(100vw - 32px));margin:0 auto;display:flex;justify-content:space-between;font-size:12px}.page{width:min(1600px,calc(100vw - 40px));margin:0 auto;padding:24px 20px}.hero-title{font-family:SF Pro Display,SF Pro SC,SF Pro Display,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:24px;line-height:1.2;margin:0 0 24px;letter-spacing:-.28px}.live-room-page a,.registration-gate-page a{color:var(--color-primary-hover)}.room-layout{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:stretch}.left-stack{display:grid;gap:12px;align-content:start}.player{background:var(--color-bg-surface);border:1px solid var(--color-border-control);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow-card)}.player-meta{background:var(--color-bg-surface);border:1px solid var(--color-border-control);border-radius:var(--radius-card);display:flex;justify-content:space-between;align-items:center;padding:10px 14px;font-size:14px;color:var(--color-text-sub);box-shadow:var(--shadow-card)}@media(min-width:769px){.player-meta{min-height:52px;box-sizing:border-box}}.player-media{position:relative;width:100%;aspect-ratio:16 / 9;height:auto;flex:0 0 auto;overflow:hidden;border-radius:.001px;background:#000}.tc-player-video,.tc-player-video>video,.player-media .video-js,.player-media .tcp-video,.player-media .tcplayer{width:100%;height:100%}.player-media .video-js{padding-top:0}.player-state{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px;color:var(--color-text-inverse);background:#000000b8;font-size:14px}.player-mode-select{flex:0 0 auto;width:fit-content;min-width:64px;--el-color-primary: var(--color-live-control-primary);--el-color-primary-light-3: var(--color-live-control-primary-hover);--el-border-color-hover: var(--color-live-control-primary-hover)}.player-mode-select .el-select__placeholder{position:static!important;width:auto;z-index:auto;text-overflow:clip;transform:none;top:auto}.player-status-pill{display:inline-flex;align-items:center;gap:8px;padding:0;line-height:1.2;border:0;background:transparent;color:var(--color-text-strong);white-space:nowrap;font-weight:500}.player-status-icon{width:16px;height:16px;border-radius:var(--radius-pill);display:inline-flex;align-items:flex-end;justify-content:center;gap:1px;position:relative;overflow:hidden}.player-status-icon .eq-bar{display:none}.player-status-svg{width:16px;height:16px;display:block;color:currentColor}.player-status-pill:not(.is-live) .player-status-icon{width:16px;height:16px;border-radius:0;overflow:visible}.player-status-pill.is-upcoming .player-status-icon{color:var(--color-primary)}.player-status-pill.is-live .player-status-icon{width:16px;height:16px;border-radius:2px;background:transparent;gap:2px;padding:2px 1px}.player-status-pill.is-live .player-status-icon .eq-bar{display:inline-block;width:3px;height:100%;border-radius:2px;background:var(--color-success);transform-origin:bottom;animation:liveEq 1s ease-in-out infinite}.player-status-pill.is-live .player-status-icon .eq-bar:nth-child(1){animation-delay:0s}.player-status-pill.is-live .player-status-icon .eq-bar:nth-child(2){animation-delay:.14s}.player-status-pill.is-live .player-status-icon .eq-bar:nth-child(3){animation-delay:.28s}.player-status-pill.is-replay .player-status-icon{color:var(--color-replay)}.player-status-pill.is-ended .player-status-icon{color:var(--color-text-sub)}@keyframes statusLive{0%,to{box-shadow:0 0 #ef44445c}50%{box-shadow:0 0 0 6px #ef444400}}@keyframes liveEq{0%,to{transform:scaleY(.35);opacity:.8}40%{transform:scaleY(1);opacity:1}70%{transform:scaleY(.55);opacity:.9}}.player-mode-select .el-select__wrapper{border:0!important;border-radius:var(--radius-input);box-shadow:0 0 0 1px var(--color-border-control) inset!important;background:var(--color-bg-page)}.player-mode-select .el-select__wrapper.is-focused{box-shadow:0 0 0 1px var(--color-primary-border-soft) inset!important}.player-mode-select .el-select__wrapper:focus-within{outline:none!important}.player-mode-select .el-select__wrapper:hover{box-shadow:0 0 0 1px var(--color-border-control) inset!important}.player-mode-select .el-select__wrapper.is-focused:hover{box-shadow:0 0 0 1px var(--color-primary-border-soft) inset!important}.player-mode-select .el-tooltip__trigger,.player-mode-select .el-select,.player-mode-select .el-select__selection{outline:none!important}.player-mode-select .el-tooltip__trigger:focus,.player-mode-select .el-tooltip__trigger:focus-visible,.player-mode-select .el-select:focus,.player-mode-select .el-select:focus-visible{outline:none!important;box-shadow:none!important}.player-mode-select .el-select__selected-item{color:var(--color-text-strong)}.registration-gate-page .registration-public-field input:focus,.registration-gate-page .registration-public-field input:focus-visible,.registration-gate-page .registration-public-field textarea:focus,.registration-gate-page .registration-public-field textarea:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus-primary)}.registration-gate-page .registration-public-field .el-select__wrapper.is-focused,.registration-gate-page .registration-public-field .el-select__wrapper:hover,.registration-gate-page .registration-public-field .el-select__wrapper:focus-within{border-color:var(--color-primary)!important;outline:none!important;box-shadow:var(--shadow-focus-primary)!important}.registration-gate-page .registration-public-field.is-error input,.registration-gate-page .registration-public-field.is-error textarea{border-color:var(--color-danger);box-shadow:0 0 0 3px var(--color-danger-focus-ring)}.registration-gate-page .registration-public-field.is-error .el-select__wrapper,.registration-gate-page .registration-public-field.is-error .el-select__wrapper.is-focused,.registration-gate-page .registration-public-field.is-error .el-select__wrapper:hover,.registration-gate-page .registration-public-field.is-error .el-select__wrapper:focus-within{border-color:var(--color-danger)!important;box-shadow:0 0 0 3px var(--color-danger-focus-ring)!important}.poster{width:100%;height:100%;object-fit:cover;display:block}.chat{background:var(--color-bg-surface);border:1px solid var(--color-border-control);border-radius:var(--radius-card);display:flex;flex-direction:column;min-height:0;box-shadow:var(--shadow-card);overflow:hidden}.desktop-chat{height:0;min-height:100%;max-height:100%}.chat-head{min-height:51px;padding:0 16px;display:flex;align-items:center;gap:9px;background:var(--color-bg-page);border-bottom:1px solid var(--color-border-control);font-size:18px;line-height:1.2}.chat-live-dot{position:relative;width:8px;height:8px;flex:0 0 auto;border-radius:var(--radius-pill);background:var(--color-live-online);box-shadow:0 0 0 3px var(--color-live-online-ring)}.chat-live-dot:after{content:"";position:absolute;left:50%;top:50%;width:18px;height:18px;border:1px solid var(--color-live-online-border);border-radius:inherit;transform:translate(-50%,-50%) scale(.7);animation:chatLivePulse 1.8s ease-out infinite}@keyframes chatLivePulse{0%{opacity:.8;transform:translate(-50%,-50%) scale(.7)}to{opacity:0;transform:translate(-50%,-50%) scale(1.35)}}.chat-announcement{position:absolute;z-index:2;top:0;right:0;left:0;display:flex;align-items:flex-start;gap:8px;max-height:132px;padding:10px 12px;overflow-y:auto;border-bottom:1px solid var(--color-border-muted);background:var(--color-bg-live-announcement);color:var(--color-text-secondary)}.chat-announcement-icon{width:15px;height:15px;flex:0 0 auto;margin-top:2px;color:var(--color-primary)}.chat-announcement-content{min-width:0;flex:1;font-size:13px;line-height:1.55;overflow-wrap:anywhere;white-space:pre-wrap}.chat-announcement-count{flex:0 0 auto;color:var(--color-text-faint);font-size:12px;line-height:1.55;white-space:nowrap}.announcement-fade-enter-active,.announcement-fade-leave-active{transition:opacity .18s ease-out,transform .18s ease-out}.announcement-fade-enter-from,.announcement-fade-leave-to{opacity:0;transform:translateY(2px)}.chat-list-shell{position:relative;flex:1;min-height:0;overflow:hidden}.chat-list{height:100%;min-height:0;display:flex;flex-direction:column-reverse;padding:0 16px;border-top:16px solid transparent;border-bottom:16px solid transparent;overflow-y:auto;scrollbar-width:none;gap:12px}.chat-list::-webkit-scrollbar{display:none}.chat-item{display:flex;flex-direction:column;align-items:flex-start;width:100%;min-width:0;margin:0;box-sizing:border-box;font-size:14px}.chat-author{max-width:100%;padding:0 2px;color:var(--color-text-muted);font-size:12px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-bubble{position:relative;width:fit-content;max-width:100%;box-sizing:border-box;margin-top:4px;padding:7px 10px;border:1px solid var(--color-bg-chat-bubble-border);border-radius:var(--radius-input);background:var(--color-bg-chat-bubble);color:var(--color-text-strong);line-height:1.55;overflow-wrap:anywhere;white-space:pre-wrap}.chat-bubble:before,.chat-bubble:after{content:"";position:absolute;left:12px;width:0;height:0;pointer-events:none}.chat-bubble:before{top:-6px;border-right:6px solid transparent;border-bottom:6px solid var(--color-bg-chat-bubble-border)}.chat-bubble:after{top:-5px;border-right:5px solid transparent;border-bottom:5px solid var(--color-bg-chat-bubble)}.chat-send{position:relative;display:flex;gap:8px;padding:8px 10px;background:var(--color-bg-page);border-top:1px solid var(--color-border-control)}.chat-notice{position:absolute;left:12px;right:12px;bottom:calc(100% + 8px);width:max-content;max-width:calc(100% - 24px);padding:7px 10px;border:1px solid var(--color-border-muted);border-radius:var(--radius-pill);color:var(--color-text-secondary);background:var(--color-bg-glass-strong);box-shadow:var(--shadow-popover);font-size:13px;line-height:1.3;pointer-events:none}.chat-send input{flex:1;height:var(--control-height-live-compact);background:var(--color-bg-surface);color:var(--color-text-main);border:1px solid var(--color-border-control);border-radius:var(--radius-input);padding:0 12px;line-height:var(--control-height-live-compact);transition:border-color .16s ease,box-shadow .16s ease}.live-room-page .chat-send input:focus,.live-room-page .chat-send input:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus-primary)}.chat-send button{height:var(--control-height-live-compact);background:var(--color-primary);border:none;color:var(--color-text-inverse);border-radius:var(--radius-button);padding:0 16px}.light-section{background:var(--color-bg-surface);color:var(--color-text-main);border:1px solid var(--color-border-control);border-radius:var(--radius-card);margin-top:20px;padding:32px;box-shadow:var(--shadow-card)}.light-section h3{margin:0 0 10px;font-size:24px;line-height:1.3}.light-section p{margin:0;font-size:16px;color:var(--color-text-sub)}@media(max-width:1024px){.room-layout{grid-template-columns:1fr}.poster{height:320px}.hero-title{font-size:28px}.page{padding:16px}.live-room-page{width:100vw;max-width:none;margin:0;padding:0;overflow-x:hidden}}@media(max-width:1280px){.room-layout{grid-template-columns:minmax(0,1fr) 320px}}@media(max-width:1100px){.room-layout{grid-template-columns:1fr}.chat{min-height:420px}}.live-room-page .audience-identity{max-width:120px;margin-left:auto;color:var(--color-text-muted);font-size:13px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-room-page .audience-identity+.desktop-audience-exit{margin-left:0}.mobile-more-identity{width:100%;min-height:var(--control-height-live-mobile);box-sizing:border-box;padding:12px 14px;border-radius:var(--radius-card);background:var(--color-bg-glass-strong);color:var(--color-text-secondary);font-size:14px;line-height:1.45;text-align:center;overflow-wrap:anywhere;box-shadow:var(--shadow-live-popover)}