:root{color-scheme:dark;--ds-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ds-color-bg: #070b16;--ds-color-bg-soft: #0b1020;--ds-color-surface-0: #0d1325;--ds-color-surface-1: #111a31;--ds-color-surface-2: #17233f;--ds-color-surface-3: #1d2c4d;--ds-color-border: rgba(151, 178, 222, .16);--ds-color-text: #f3f7ff;--ds-color-text-soft: #c8d1e5;--ds-color-text-muted: #7e8ba6;--ds-color-sidebar: rgba(10, 14, 29, .82);--ds-color-sidebar-border: rgba(151, 178, 222, .08);--ds-color-control-surface: rgba(255, 255, 255, .04);--ds-color-control-surface-soft: rgba(255, 255, 255, .03);--ds-color-schedule-surface: rgba(255, 255, 255, .035);--ds-color-overlay-surface: color-mix(in srgb, var(--ds-color-primary) 4%, #14151d);--ds-color-media-surface: color-mix(in srgb, var(--ds-color-primary) 4%, #14151d);--ds-color-media-track: color-mix(in srgb, var(--ds-color-primary) 26%, #303039);--ds-color-scrollbar-track: rgba(255, 255, 255, .025);--ds-color-scrollbar-thumb: color-mix(in srgb, var(--ds-color-primary) 42%, var(--ds-color-surface-3));--ds-color-scrollbar-thumb-hover: color-mix(in srgb, var(--ds-color-primary) 62%, var(--ds-color-surface-3));--ds-card-surface: linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .02));--ds-shadow-card: 0 20px 54px rgba(0, 0, 0, .34);--ds-shadow-app: 0 28px 70px rgba(7, 11, 22, .42);--ds-body-bg: linear-gradient(180deg, #111827 0, #080c17 100%);--ds-color-success: #37dc92;--ds-color-success-contrast: #051311;--ds-color-danger: #ff5f83;--ds-color-danger-contrast: #1c0610;--ds-color-warning: #f4ba58;--ds-color-warning-contrast: #181005;--ds-color-info: var(--ds-color-secondary);--ds-color-info-contrast: #061116;--ds-color-primary: #4be7ef;--ds-color-primary-strong: #1dbfc9;--ds-color-secondary: #3f82d9;--ds-color-violet: #8b5cf6;--ds-color-brand: #95f9ff;--ds-color-border-strong: rgba(138, 197, 255, .34);--ds-color-primary-soft: rgba(75, 231, 239, .09);--ds-color-primary-contrast: #061116;--ds-gradient-primary: linear-gradient(135deg, #4be7ef, #3f82d9);--ds-gradient-brand: linear-gradient(135deg, rgba(75, 231, 239, .22), rgba(63, 130, 217, .16));--ds-shadow-glow: 0 0 24px rgba(75, 231, 239, .24), 0 0 64px rgba(63, 130, 217, .13);--ds-focus-ring: 0 0 0 3px rgba(75, 231, 239, .34);--ds-shell-bg: linear-gradient(90deg, rgba(14, 20, 39, .96) 0 286px, rgba(7, 11, 22, .88) 286px), radial-gradient(ellipse 26% 34% at 52% -6%, rgba(255, 255, 255, .72) 0 8%, rgba(107, 226, 255, .34) 16%, transparent 36%), linear-gradient(135deg, rgba(75, 231, 239, .05), rgba(139, 92, 246, .05) 52%, transparent);--ds-radius-sm: 6px;--ds-radius-md: 8px;--ds-radius-lg: 14px;--ds-space-1: 4px;--ds-space-2: 8px;--ds-space-3: 12px;--ds-space-4: 16px;--ds-space-5: 20px;--ds-space-6: 24px;--ds-space-8: 32px;--ds-text-xs: 12px;--ds-text-sm: 13px;--ds-text-md: 15px;--ds-text-lg: 18px;--ds-text-xl: 24px;--ds-text-display: 34px}:root[data-theme=light]{color-scheme:light;--ds-color-bg: #eef3f8;--ds-color-bg-soft: #f6f9fd;--ds-color-surface-0: #ffffff;--ds-color-surface-1: #f8fbff;--ds-color-surface-2: #eaf1fb;--ds-color-surface-3: #dce8f7;--ds-color-border: rgba(42, 74, 124, .16);--ds-color-text: #142033;--ds-color-text-soft: #40516d;--ds-color-text-muted: #6e7d94;--ds-color-sidebar: rgba(248, 251, 255, .86);--ds-color-sidebar-border: rgba(42, 74, 124, .1);--ds-color-control-surface: rgba(255, 255, 255, .56);--ds-color-control-surface-soft: rgba(255, 255, 255, .42);--ds-color-schedule-surface: #f8fbff;--ds-color-overlay-surface: color-mix(in srgb, var(--ds-color-primary) 3%, #ffffff);--ds-color-media-surface: color-mix(in srgb, var(--ds-color-primary) 3%, #ffffff);--ds-color-media-track: color-mix(in srgb, var(--ds-color-primary) 20%, #d7dce4);--ds-color-scrollbar-track: rgba(42, 74, 124, .06);--ds-color-scrollbar-thumb: color-mix(in srgb, var(--ds-color-primary) 38%, var(--ds-color-surface-3));--ds-color-scrollbar-thumb-hover: color-mix(in srgb, var(--ds-color-primary) 56%, var(--ds-color-surface-3));--ds-card-surface: linear-gradient(180deg, rgba(255, 255, 255, .86), rgba(255, 255, 255, .54));--ds-shadow-card: 0 18px 42px rgba(40, 63, 94, .16);--ds-shadow-app: 0 28px 70px rgba(40, 63, 94, .2);--ds-body-bg: linear-gradient(180deg, #eef3f8 0, #e6edf6 100%);--ds-color-success: #0f754b;--ds-color-success-contrast: #ffffff;--ds-color-danger: #c9365a;--ds-color-danger-contrast: #ffffff;--ds-color-warning: #9a650d;--ds-color-warning-contrast: #ffffff;--ds-color-info: var(--ds-color-secondary);--ds-color-info-contrast: #ffffff;--ds-color-primary: #0faeb9;--ds-color-primary-strong: #0997a1;--ds-color-secondary: #2f70c7;--ds-color-violet: #7b5cd6;--ds-color-brand: #0c7f89;--ds-color-border-strong: rgba(20, 151, 180, .36);--ds-color-primary-soft: rgba(15, 174, 185, .1);--ds-color-primary-contrast: #061116;--ds-gradient-primary: linear-gradient(135deg, #20bac4, #3c7fd5);--ds-gradient-brand: linear-gradient(135deg, rgba(15, 174, 185, .24), rgba(47, 112, 199, .16));--ds-shadow-glow: 0 0 18px rgba(15, 174, 185, .16), 0 0 48px rgba(47, 112, 199, .1);--ds-focus-ring: 0 0 0 3px rgba(15, 174, 185, .24);--ds-shell-bg: linear-gradient(90deg, rgba(248, 251, 255, .96) 0 286px, rgba(239, 245, 252, .9) 286px), radial-gradient(ellipse 30% 32% at 52% -6%, rgba(255, 255, 255, .9) 0 9%, rgba(79, 205, 222, .22) 18%, transparent 42%), linear-gradient(135deg, rgba(15, 174, 185, .07), rgba(123, 92, 214, .05) 52%, transparent)}:root[data-palette=cyan]{--ds-color-primary: #4be7ef;--ds-color-primary-strong: #1dbfc9;--ds-color-secondary: #3f82d9;--ds-color-brand: #95f9ff;--ds-color-border-strong: rgba(138, 197, 255, .34);--ds-color-primary-soft: rgba(75, 231, 239, .09);--ds-color-primary-contrast: #061116;--ds-gradient-primary: linear-gradient(135deg, #4be7ef, #3f82d9);--ds-gradient-brand: linear-gradient(135deg, rgba(75, 231, 239, .22), rgba(63, 130, 217, .16));--ds-shadow-glow: 0 0 24px rgba(75, 231, 239, .24), 0 0 64px rgba(63, 130, 217, .13);--ds-focus-ring: 0 0 0 3px rgba(75, 231, 239, .34);--ds-shell-bg: linear-gradient(90deg, rgba(14, 20, 39, .96) 0 286px, rgba(7, 11, 22, .88) 286px), radial-gradient(ellipse 26% 34% at 52% -6%, rgba(255, 255, 255, .72) 0 8%, rgba(107, 226, 255, .34) 16%, transparent 36%), linear-gradient(135deg, rgba(75, 231, 239, .05), rgba(139, 92, 246, .05) 52%, transparent)}:root[data-theme=light][data-palette=cyan]{--ds-color-primary: #0faeb9;--ds-color-primary-strong: #0997a1;--ds-color-secondary: #2f70c7;--ds-color-brand: #0c7f89;--ds-color-border-strong: rgba(20, 151, 180, .36);--ds-color-primary-soft: rgba(15, 174, 185, .1);--ds-color-primary-contrast: #061116;--ds-gradient-primary: linear-gradient(135deg, #20bac4, #3c7fd5);--ds-gradient-brand: linear-gradient(135deg, rgba(15, 174, 185, .24), rgba(47, 112, 199, .16));--ds-shadow-glow: 0 0 18px rgba(15, 174, 185, .16), 0 0 48px rgba(47, 112, 199, .1);--ds-focus-ring: 0 0 0 3px rgba(15, 174, 185, .24);--ds-shell-bg: linear-gradient(90deg, rgba(248, 251, 255, .96) 0 286px, rgba(239, 245, 252, .9) 286px), radial-gradient(ellipse 30% 32% at 52% -6%, rgba(255, 255, 255, .9) 0 9%, rgba(79, 205, 222, .22) 18%, transparent 42%), linear-gradient(135deg, rgba(15, 174, 185, .07), rgba(123, 92, 214, .05) 52%, transparent)}:root[data-palette=orange]{--ds-color-primary: #ff9a52;--ds-color-primary-strong: #f06a23;--ds-color-secondary: #ff5f45;--ds-color-brand: #ffd0a6;--ds-color-border-strong: rgba(255, 166, 105, .38);--ds-color-primary-soft: rgba(255, 154, 82, .1);--ds-color-primary-contrast: #1b0b03;--ds-gradient-primary: linear-gradient(135deg, #ffad66, #ff5f45);--ds-gradient-brand: linear-gradient(135deg, rgba(255, 154, 82, .24), rgba(255, 95, 69, .17));--ds-shadow-glow: 0 0 24px rgba(255, 154, 82, .25), 0 0 64px rgba(255, 95, 69, .14);--ds-focus-ring: 0 0 0 3px rgba(255, 154, 82, .34);--ds-color-warning: #f7cf63;--ds-shell-bg: linear-gradient(90deg, rgba(28, 17, 16, .96) 0 286px, rgba(13, 10, 15, .9) 286px), radial-gradient(ellipse 26% 34% at 52% -6%, rgba(255, 246, 232, .72) 0 8%, rgba(255, 155, 91, .36) 16%, transparent 36%), linear-gradient(135deg, rgba(255, 154, 82, .07), rgba(255, 79, 123, .05) 52%, transparent)}:root[data-theme=light][data-palette=orange]{--ds-color-primary: #c6530d;--ds-color-primary-strong: #9f3e05;--ds-color-secondary: #c63f36;--ds-color-brand: #a84609;--ds-color-border-strong: rgba(198, 83, 13, .34);--ds-color-primary-soft: rgba(198, 83, 13, .1);--ds-color-primary-contrast: #ffffff;--ds-gradient-primary: linear-gradient(135deg, #c6530d, #bd3932);--ds-gradient-brand: linear-gradient(135deg, rgba(198, 83, 13, .22), rgba(198, 63, 54, .14));--ds-shadow-glow: 0 0 18px rgba(198, 83, 13, .16), 0 0 48px rgba(198, 63, 54, .1);--ds-focus-ring: 0 0 0 3px rgba(198, 83, 13, .24);--ds-color-warning: #8a6400;--ds-shell-bg: linear-gradient(90deg, rgba(255, 250, 245, .97) 0 286px, rgba(250, 244, 240, .92) 286px), radial-gradient(ellipse 30% 32% at 52% -6%, rgba(255, 255, 255, .92) 0 9%, rgba(255, 172, 105, .24) 18%, transparent 42%), linear-gradient(135deg, rgba(198, 83, 13, .07), rgba(198, 63, 54, .045) 52%, transparent)}:root[data-palette=violet]{--ds-color-primary: #a78bfa;--ds-color-primary-strong: #7c5ce5;--ds-color-secondary: #668cff;--ds-color-brand: #d4c7ff;--ds-color-border-strong: rgba(177, 153, 255, .38);--ds-color-primary-soft: rgba(167, 139, 250, .1);--ds-color-primary-contrast: #10091f;--ds-gradient-primary: linear-gradient(135deg, #b69cff, #668cff);--ds-gradient-brand: linear-gradient(135deg, rgba(167, 139, 250, .24), rgba(102, 140, 255, .17));--ds-shadow-glow: 0 0 24px rgba(167, 139, 250, .25), 0 0 64px rgba(102, 140, 255, .14);--ds-focus-ring: 0 0 0 3px rgba(167, 139, 250, .34);--ds-shell-bg: linear-gradient(90deg, rgba(20, 15, 36, .96) 0 286px, rgba(9, 9, 22, .9) 286px), radial-gradient(ellipse 26% 34% at 52% -6%, rgba(249, 246, 255, .72) 0 8%, rgba(174, 143, 255, .36) 16%, transparent 36%), linear-gradient(135deg, rgba(167, 139, 250, .07), rgba(102, 140, 255, .05) 52%, transparent)}:root[data-theme=light][data-palette=violet]{--ds-color-primary: #6950b8;--ds-color-primary-strong: #51399f;--ds-color-secondary: #3f62b7;--ds-color-brand: #5941a5;--ds-color-border-strong: rgba(105, 80, 184, .34);--ds-color-primary-soft: rgba(105, 80, 184, .1);--ds-color-primary-contrast: #ffffff;--ds-gradient-primary: linear-gradient(135deg, #765ac6, #486abf);--ds-gradient-brand: linear-gradient(135deg, rgba(105, 80, 184, .22), rgba(63, 98, 183, .14));--ds-shadow-glow: 0 0 18px rgba(105, 80, 184, .16), 0 0 48px rgba(63, 98, 183, .1);--ds-focus-ring: 0 0 0 3px rgba(105, 80, 184, .24);--ds-shell-bg: linear-gradient(90deg, rgba(250, 248, 255, .97) 0 286px, rgba(243, 242, 251, .92) 286px), radial-gradient(ellipse 30% 32% at 52% -6%, rgba(255, 255, 255, .92) 0 9%, rgba(174, 149, 245, .24) 18%, transparent 42%), linear-gradient(135deg, rgba(105, 80, 184, .07), rgba(63, 98, 183, .045) 52%, transparent)}:root[data-palette=emerald]{--ds-color-primary: #4ce6a6;--ds-color-primary-strong: #18b779;--ds-color-secondary: #20bfcf;--ds-color-brand: #9affd3;--ds-color-border-strong: rgba(92, 230, 174, .38);--ds-color-primary-soft: rgba(76, 230, 166, .1);--ds-color-primary-contrast: #04150d;--ds-gradient-primary: linear-gradient(135deg, #58e9ac, #20bfcf);--ds-gradient-brand: linear-gradient(135deg, rgba(76, 230, 166, .24), rgba(32, 191, 207, .17));--ds-shadow-glow: 0 0 24px rgba(76, 230, 166, .24), 0 0 64px rgba(32, 191, 207, .13);--ds-focus-ring: 0 0 0 3px rgba(76, 230, 166, .34);--ds-shell-bg: linear-gradient(90deg, rgba(10, 28, 26, .96) 0 286px, rgba(6, 14, 20, .9) 286px), radial-gradient(ellipse 26% 34% at 52% -6%, rgba(240, 255, 249, .72) 0 8%, rgba(76, 230, 166, .34) 16%, transparent 36%), linear-gradient(135deg, rgba(76, 230, 166, .07), rgba(32, 191, 207, .05) 52%, transparent)}:root[data-theme=light][data-palette=emerald]{--ds-color-primary: #087d59;--ds-color-primary-strong: #056343;--ds-color-secondary: #0b7482;--ds-color-brand: #076e51;--ds-color-border-strong: rgba(8, 125, 89, .34);--ds-color-primary-soft: rgba(8, 125, 89, .1);--ds-color-primary-contrast: #ffffff;--ds-gradient-primary: linear-gradient(135deg, #087d59, #0b7482);--ds-gradient-brand: linear-gradient(135deg, rgba(8, 125, 89, .22), rgba(11, 116, 130, .14));--ds-shadow-glow: 0 0 18px rgba(8, 125, 89, .16), 0 0 48px rgba(11, 116, 130, .1);--ds-focus-ring: 0 0 0 3px rgba(8, 125, 89, .24);--ds-shell-bg: linear-gradient(90deg, rgba(246, 253, 250, .97) 0 286px, rgba(238, 248, 247, .92) 286px), radial-gradient(ellipse 30% 32% at 52% -6%, rgba(255, 255, 255, .92) 0 9%, rgba(92, 221, 170, .23) 18%, transparent 42%), linear-gradient(135deg, rgba(8, 125, 89, .07), rgba(11, 116, 130, .045) 52%, transparent)}:root[data-palette=raspberry]{--ds-color-primary: #ff5f9a;--ds-color-primary-strong: #d93675;--ds-color-secondary: #a855f7;--ds-color-brand: #ffb3d0;--ds-color-border-strong: rgba(255, 111, 164, .38);--ds-color-primary-soft: rgba(255, 95, 154, .1);--ds-color-primary-contrast: #1c0610;--ds-gradient-primary: linear-gradient(135deg, #ff6fa6, #a855f7);--ds-gradient-brand: linear-gradient(135deg, rgba(255, 95, 154, .24), rgba(168, 85, 247, .17));--ds-shadow-glow: 0 0 24px rgba(255, 95, 154, .25), 0 0 64px rgba(168, 85, 247, .14);--ds-focus-ring: 0 0 0 3px rgba(255, 95, 154, .34);--ds-color-danger: #ff826b;--ds-shell-bg: linear-gradient(90deg, rgba(31, 12, 26, .96) 0 286px, rgba(13, 8, 20, .9) 286px), radial-gradient(ellipse 26% 34% at 52% -6%, rgba(255, 243, 249, .72) 0 8%, rgba(255, 104, 162, .35) 16%, transparent 36%), linear-gradient(135deg, rgba(255, 95, 154, .07), rgba(168, 85, 247, .05) 52%, transparent)}:root[data-theme=light][data-palette=raspberry]{--ds-color-primary: #b9255d;--ds-color-primary-strong: #941746;--ds-color-secondary: #7d36bf;--ds-color-brand: #a71f54;--ds-color-border-strong: rgba(185, 37, 93, .34);--ds-color-primary-soft: rgba(185, 37, 93, .1);--ds-color-primary-contrast: #ffffff;--ds-gradient-primary: linear-gradient(135deg, #c22d67, #8742c8);--ds-gradient-brand: linear-gradient(135deg, rgba(185, 37, 93, .22), rgba(125, 54, 191, .14));--ds-shadow-glow: 0 0 18px rgba(185, 37, 93, .16), 0 0 48px rgba(125, 54, 191, .1);--ds-focus-ring: 0 0 0 3px rgba(185, 37, 93, .24);--ds-color-danger: #a9382d;--ds-shell-bg: linear-gradient(90deg, rgba(255, 248, 252, .97) 0 286px, rgba(249, 241, 247, .92) 286px), radial-gradient(ellipse 30% 32% at 52% -6%, rgba(255, 255, 255, .92) 0 9%, rgba(239, 122, 169, .23) 18%, transparent 42%), linear-gradient(135deg, rgba(185, 37, 93, .07), rgba(125, 54, 191, .045) 52%, transparent)}[data-palette-choice=cyan]{--ds-swatch-primary: #4be7ef;--ds-swatch-secondary: #3f82d9}[data-palette-choice=orange]{--ds-swatch-primary: #ff9a52;--ds-swatch-secondary: #ff5f45}[data-palette-choice=violet]{--ds-swatch-primary: #a78bfa;--ds-swatch-secondary: #668cff}[data-palette-choice=emerald]{--ds-swatch-primary: #4ce6a6;--ds-swatch-secondary: #20bfcf}[data-palette-choice=raspberry]{--ds-swatch-primary: #ff5f9a;--ds-swatch-secondary: #a855f7}*{box-sizing:border-box}:is(html,body,.ds-app,.ds-app *){scrollbar-color:var(--ds-color-scrollbar-thumb) var(--ds-color-scrollbar-track);scrollbar-width:thin}:is(html,body,.ds-app,.ds-app *)::-webkit-scrollbar{width:10px;height:10px}:is(html,body,.ds-app,.ds-app *)::-webkit-scrollbar-track{border-radius:999px;background:var(--ds-color-scrollbar-track)}:is(html,body,.ds-app,.ds-app *)::-webkit-scrollbar-thumb{min-width:36px;min-height:36px;border:2px solid transparent;border-radius:999px;background:var(--ds-color-scrollbar-thumb);background-clip:padding-box}:is(html,body,.ds-app,.ds-app *)::-webkit-scrollbar-thumb:hover{background:var(--ds-color-scrollbar-thumb-hover);background-clip:padding-box}:is(html,body,.ds-app,.ds-app *)::-webkit-scrollbar-button{display:none;width:0;height:0}:is(html,body,.ds-app,.ds-app *)::-webkit-scrollbar-corner{background:transparent}body{min-width:320px;margin:0;font-family:var(--ds-font-sans);color:var(--ds-color-text);background:var(--ds-body-bg);letter-spacing:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus,input:focus,select:focus,textarea:focus{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:var(--ds-focus-ring)}.ds-app{width:min(1500px,calc(100% - 40px));margin:48px auto;overflow:hidden;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);background:var(--ds-color-bg);box-shadow:var(--ds-shadow-app)}.ds-shell{display:grid;grid-template-columns:286px minmax(0,1fr);min-height:820px;background:var(--ds-shell-bg)}.ds-sidebar{padding:30px 24px;border-right:1px solid var(--ds-color-sidebar-border);background:var(--ds-color-sidebar)}.ds-brand{display:flex;align-items:center;gap:12px;margin:0 0 34px;color:var(--ds-color-brand);font-size:var(--ds-text-lg);font-weight:800}.ds-brand-mark{width:28px;height:28px;border:1px solid var(--ds-color-border-strong);border-radius:var(--ds-radius-md);background:var(--ds-gradient-brand);box-shadow:var(--ds-shadow-glow)}.ds-nav{display:grid;gap:8px}.ds-nav-item{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;min-height:44px;gap:12px;padding:0 14px;border-radius:var(--ds-radius-md);color:var(--ds-color-text-soft);text-decoration:none;font-size:var(--ds-text-md);font-weight:700}.ds-nav-item.is-active{color:var(--ds-color-text);background:var(--ds-color-primary-soft);box-shadow:inset 0 0 0 1px var(--ds-color-border-strong)}.ds-nav-icon{display:grid;place-items:center;width:24px;height:24px;color:var(--ds-color-primary)}.ds-main{min-width:0;padding:28px}.ds-topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--ds-space-4);margin-bottom:28px}.ds-breadcrumbs{color:var(--ds-color-text-muted);font-size:var(--ds-text-sm);font-weight:700}.ds-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px}.ds-icon-button{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--ds-color-border);border-radius:50%;color:var(--ds-color-text-soft);background:var(--ds-color-control-surface)}.ds-theme-toggle{display:inline-grid;grid-template-columns:repeat(2,minmax(58px,1fr));gap:4px;padding:4px;border:1px solid var(--ds-color-border);border-radius:999px;background:var(--ds-color-control-surface)}.ds-theme-toggle button{min-height:32px;padding:0 12px;border:0;border-radius:999px;color:var(--ds-color-text-muted);background:transparent;font-size:var(--ds-text-xs);font-weight:900;text-transform:uppercase}.ds-theme-toggle button.is-selected{color:var(--ds-color-primary-contrast);background:var(--ds-color-primary);box-shadow:var(--ds-shadow-glow)}.ds-palette-panel{display:grid;gap:12px;margin:0 0 24px;padding:14px;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);background:var(--ds-color-control-surface-soft)}.ds-palette-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.ds-palette-panel-title{color:var(--ds-color-text-soft);font-size:var(--ds-text-xs);font-weight:900;text-transform:uppercase}.ds-palette-current{color:var(--ds-color-primary);font-size:var(--ds-text-sm);font-weight:900}.ds-palette-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.ds-palette-choice{display:flex;align-items:center;min-width:0;min-height:48px;gap:10px;padding:7px 10px;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);color:var(--ds-color-text-soft);background:var(--ds-color-control-surface);text-align:left}.ds-palette-choice:hover,.ds-palette-choice.is-selected{border-color:var(--ds-color-border-strong);box-shadow:var(--ds-shadow-glow)}.ds-palette-choice.is-selected{color:var(--ds-color-text);background:var(--ds-color-primary-soft)}.ds-palette-swatch{flex:0 0 auto;width:28px;height:28px;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:linear-gradient(135deg,var(--ds-swatch-primary),var(--ds-swatch-secondary));box-shadow:0 0 16px color-mix(in srgb,var(--ds-swatch-primary) 34%,transparent)}.ds-palette-copy{display:grid;min-width:0;gap:2px}.ds-palette-name{overflow:hidden;font-size:var(--ds-text-sm);font-weight:900;text-overflow:ellipsis;white-space:nowrap}.ds-palette-tone{color:var(--ds-color-text-muted);font-size:10px;font-weight:800;text-transform:uppercase}.ds-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;gap:8px;padding:0 16px;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);color:var(--ds-color-text);background:var(--ds-color-control-surface);font-size:var(--ds-text-sm);font-weight:800;text-decoration:none}.ds-button:hover,.ds-icon-button:hover,.ds-theme-toggle:hover{border-color:var(--ds-color-border-strong);box-shadow:var(--ds-shadow-glow)}.ds-button.is-primary{border-color:transparent;color:var(--ds-color-primary-contrast);background:var(--ds-gradient-primary)}.ds-button.is-accent{border-color:transparent;color:var(--ds-color-success-contrast);background:var(--ds-color-success)}.ds-media-player{display:grid;align-items:center;gap:12px;padding:12px;border:1px solid var(--ds-color-border-strong);border-radius:var(--ds-radius-md);color:var(--ds-color-text);background:var(--ds-color-media-surface);box-shadow:var(--ds-shadow-card),var(--ds-shadow-glow)}.ds-media-player.is-compact{grid-template-columns:42px minmax(0,1fr) auto}.ds-media-player.is-compact>.ds-media-range,.ds-media-player.is-compact>.ds-media-volume{grid-column:1 / -1}.ds-media-button{display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:50%;color:var(--ds-color-primary-contrast);background:var(--ds-color-primary)}.ds-media-button:disabled{cursor:not-allowed;opacity:.48}.ds-media-meta{display:flex;min-width:0;align-items:center;gap:10px;color:var(--ds-color-text-soft)}.ds-media-meta>*{min-width:0}.ds-media-meta strong,.ds-media-meta small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-media-meta small,.ds-media-time{color:var(--ds-color-text-muted);font-size:var(--ds-text-xs)}.ds-media-time{font-weight:900}.ds-media-range{width:100%;height:16px;margin:0;background:transparent;accent-color:var(--ds-color-primary);appearance:none}.ds-media-range::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:var(--ds-color-media-track)}.ds-media-range::-webkit-slider-thumb{width:16px;height:16px;margin-top:-5px;border:0;border-radius:50%;background:var(--ds-color-primary);box-shadow:var(--ds-shadow-glow);appearance:none}.ds-media-range::-moz-range-track{height:6px;border:0;border-radius:999px;background:var(--ds-color-media-track)}.ds-media-range::-moz-range-progress{height:6px;border-radius:999px;background:var(--ds-color-primary)}.ds-media-range::-moz-range-thumb{width:16px;height:16px;border:0;border-radius:50%;background:var(--ds-color-primary);box-shadow:var(--ds-shadow-glow)}.ds-media-volume{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;color:var(--ds-color-text-muted);font-size:var(--ds-text-xs);font-weight:900}.ds-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--ds-space-4);align-items:end;margin-bottom:24px}.ds-title{margin:0;font-size:var(--ds-text-display);line-height:1.05}.ds-lead{max-width:760px;margin:12px 0 0;color:var(--ds-color-text-soft);font-size:var(--ds-text-md);line-height:1.6}.ds-segmented{display:inline-grid;grid-auto-flow:column;gap:4px;padding:4px;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);background:var(--ds-color-control-surface)}.ds-segmented button{min-height:34px;padding:0 14px;border:0;border-radius:var(--ds-radius-sm);color:var(--ds-color-text-muted);background:transparent;font-size:var(--ds-text-sm);font-weight:800}.ds-segmented button.is-selected{color:var(--ds-color-primary-contrast);background:var(--ds-color-primary)}.ds-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--ds-space-4)}.ds-card,.ds-panel{border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);background:var(--ds-card-surface);box-shadow:var(--ds-shadow-card)}.ds-card{padding:var(--ds-space-5)}.ds-card h2,.ds-card h3,.ds-card h4{margin:0}.ds-card p{color:var(--ds-color-text-soft);line-height:1.55}.ds-card.is-span-4{grid-column:span 4}.ds-card.is-span-6{grid-column:span 6}.ds-card.is-span-8{grid-column:span 8}.ds-card.is-span-12{grid-column:span 12}.ds-kpi{display:grid;gap:12px}.ds-kpi-label{color:var(--ds-color-text-muted);font-size:var(--ds-text-xs);font-weight:800;text-transform:uppercase}.ds-kpi-value{margin:0;color:var(--ds-color-primary);font-size:30px;font-weight:900}.ds-field{display:grid;gap:8px}.ds-label{color:var(--ds-color-text-muted);font-size:var(--ds-text-xs);font-weight:800;text-transform:uppercase}.ds-input,.ds-select,.ds-textarea{width:100%;min-height:42px;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);color:var(--ds-color-text);background:var(--ds-color-control-surface);padding:0 13px}.ds-textarea{min-height:96px;padding-top:12px;resize:vertical}.ds-checkbox{display:inline-flex;align-items:center;min-height:38px;gap:9px;color:var(--ds-color-text-soft);cursor:pointer;font-size:var(--ds-text-sm);font-weight:800;line-height:1.35}.ds-checkbox>input[type=checkbox]{display:grid;flex:0 0 auto;place-content:center;width:18px;height:18px;margin:0;border:1px solid var(--ds-color-border-strong);border-radius:var(--ds-radius-sm);background:var(--ds-color-control-surface);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ds-color-primary) 8%,transparent);cursor:pointer;appearance:none;-webkit-appearance:none}.ds-checkbox>input[type=checkbox]:before{width:8px;height:4px;border-bottom:2px solid var(--ds-color-primary-contrast);border-left:2px solid var(--ds-color-primary-contrast);content:"";transform:rotate(-45deg) scale(0);transition:transform .14s ease}.ds-checkbox>input[type=checkbox]:hover:not(:disabled){border-color:var(--ds-color-border-strong);box-shadow:var(--ds-shadow-glow)}.ds-checkbox>input[type=checkbox]:checked{border-color:transparent;background:var(--ds-color-primary);box-shadow:var(--ds-shadow-glow)}.ds-checkbox>input[type=checkbox]:checked:before{transform:rotate(-45deg) scale(1)}.ds-checkbox>input[type=checkbox]:focus-visible{box-shadow:var(--ds-focus-ring)}.ds-checkbox>input[type=checkbox]:disabled{cursor:not-allowed;opacity:.48}.ds-checkbox:has(>input[type=checkbox]:checked){color:var(--ds-color-text)}.ds-checkbox:has(>input[type=checkbox]:disabled){cursor:not-allowed}.ds-status{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;color:var(--ds-color-success-contrast);background:var(--ds-color-success);font-size:var(--ds-text-xs);font-weight:900}.ds-status.is-warning{color:var(--ds-color-warning-contrast);background:var(--ds-color-warning)}.ds-status.is-danger{color:var(--ds-color-danger-contrast);background:var(--ds-color-danger)}.ds-status.is-info{color:var(--ds-color-info-contrast);background:var(--ds-color-info)}.ds-table-wrap{overflow:auto;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md)}.ds-table{width:100%;min-width:620px;border-collapse:collapse;font-size:var(--ds-text-sm)}.ds-table th,.ds-table td{padding:14px 16px;border-bottom:1px solid var(--ds-color-border);text-align:left}.ds-table th{color:var(--ds-color-text-muted);font-size:var(--ds-text-xs);text-transform:uppercase}.ds-table tr:last-child td{border-bottom:0}.ds-calendar-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.ds-date-cell{display:grid;place-items:center;min-height:66px;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);color:var(--ds-color-text-soft);background:var(--ds-color-control-surface-soft)}.ds-date-cell.is-active{color:var(--ds-color-primary-contrast);border-color:transparent;background:var(--ds-color-primary)}.ds-date-cell strong{font-size:var(--ds-text-lg)}.ds-date-cell span{font-size:var(--ds-text-xs);font-weight:800}.ds-schedule-list{display:grid;gap:10px}.ds-schedule-card{padding:14px 16px;border-left:4px solid var(--ds-color-primary);border-radius:var(--ds-radius-md);background:var(--ds-color-schedule-surface)}.ds-schedule-card.is-blue{border-left-color:var(--ds-color-secondary)}.ds-schedule-card.is-green{border-left-color:var(--ds-color-success)}.ds-schedule-card h4,.ds-schedule-card p{margin:0}.ds-schedule-card p{margin-top:4px;color:var(--ds-color-text-muted);font-size:var(--ds-text-sm)}.ds-avatar-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ds-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:var(--ds-color-primary-contrast);background:var(--ds-color-primary);font-size:var(--ds-text-xs);font-weight:900}.ds-note{padding:14px;border-radius:var(--ds-radius-md);color:var(--ds-color-text-soft);background:var(--ds-color-primary-soft)}.ds-control-stack{display:grid;gap:14px}.ds-custom-select{position:relative;display:grid;gap:8px}.ds-select-button{display:flex;align-items:center;justify-content:space-between;min-height:42px;gap:12px;width:100%;padding:0 13px;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);color:var(--ds-color-text);background:var(--ds-color-control-surface);font-size:var(--ds-text-sm);font-weight:800}.ds-select-button:after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.7}.ds-select-menu,.ds-calendar-popover{border:1px solid var(--ds-color-border-strong);border-radius:var(--ds-radius-md);background:var(--ds-color-overlay-surface);box-shadow:var(--ds-shadow-card),var(--ds-shadow-glow)}.ds-select-menu{display:grid;gap:4px;padding:6px}.ds-select-option{min-height:34px;padding:0 10px;border:0;border-radius:var(--ds-radius-sm);color:var(--ds-color-text-soft);background:transparent;text-align:left;font-size:var(--ds-text-sm);font-weight:800}.ds-select-option:hover,.ds-select-option.is-selected{color:var(--ds-color-primary-contrast);background:var(--ds-color-primary)}.ds-calendar-popover{width:min(100%,280px);padding:14px}.ds-calendar-header,.ds-calendar-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.ds-calendar-title{color:var(--ds-color-text);font-size:var(--ds-text-sm);font-weight:900}.ds-calendar-nav{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-sm);color:var(--ds-color-text-soft);background:var(--ds-color-control-surface)}.ds-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin:12px 0}.ds-calendar-weekday,.ds-calendar-day{display:grid;place-items:center;min-height:30px;border-radius:var(--ds-radius-sm);font-size:var(--ds-text-xs);font-weight:900}.ds-calendar-weekday{color:var(--ds-color-text-muted)}.ds-calendar-day{color:var(--ds-color-text);background:transparent}.ds-calendar-day.is-muted{color:var(--ds-color-text-muted)}.ds-calendar-day:hover,.ds-calendar-day.is-selected{color:var(--ds-color-primary-contrast);background:var(--ds-color-primary)}.ds-calendar-action{border:0;color:var(--ds-color-primary);background:transparent;font-size:var(--ds-text-xs);font-weight:900}@media(max-width:900px){.ds-app{width:min(100% - 20px,760px);margin:20px auto}.ds-shell{grid-template-columns:1fr}.ds-sidebar{border-right:0;border-bottom:1px solid var(--ds-color-border)}.ds-hero{grid-template-columns:1fr}.ds-actions{justify-content:flex-start}.ds-palette-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-card.is-span-4,.ds-card.is-span-6,.ds-card.is-span-8{grid-column:span 12}}@media(max-width:520px){.ds-palette-picker{grid-template-columns:1fr}}#root{min-height:100vh}.app-sidebar{display:flex;flex-direction:column}.app-nav-button{width:100%;border:0;background:transparent;text-align:left}.app-nav-button:disabled{cursor:not-allowed;opacity:.55}.app-nav-button:disabled.is-active{opacity:1}.app-sidebar-palette{margin:var(--ds-space-6) 0 0}.app-sidebar-palette .ds-palette-picker{grid-template-columns:1fr}.app-sidebar-storage-note{margin:var(--ds-space-4) 0 0;padding:var(--ds-space-4);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);background:var(--ds-color-primary-soft)}.app-sidebar-storage-note p{margin:var(--ds-space-2) 0 0;color:var(--ds-color-text-soft);font-size:var(--ds-text-sm);line-height:1.5}.app-topbar-title{margin:0;font-size:var(--ds-text-xl);line-height:1.2;overflow-wrap:anywhere}.app-account-chip{display:inline-flex;align-items:center;max-width:min(320px,100%);min-height:38px;gap:8px;padding:0 12px;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);color:var(--ds-color-text-soft);background:var(--ds-color-control-surface);font-size:var(--ds-text-sm);font-weight:800;text-decoration:none}.app-account-chip img{width:22px;height:22px;border-radius:50%}.app-account-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-account-link{text-decoration:none}.app-utility-actions{gap:8px}.app-utility-link{text-decoration:none}.app-utility-link[aria-disabled=true]{cursor:not-allowed;opacity:.6}.app-utility-link.is-active{border-color:var(--ds-color-border-strong);box-shadow:var(--ds-shadow-glow)}.app-auth-page{display:grid;min-height:100vh;place-items:center;padding:var(--ds-space-6)}.app-auth-card{display:grid;gap:var(--ds-space-4);width:min(420px,100%)}.app-auth-card.is-compact{justify-items:center;width:min(320px,100%)}.app-auth-brand{margin-bottom:0}.app-auth-card h1{margin:var(--ds-space-1) 0 0;font-size:var(--ds-text-display);line-height:1.08}.app-auth-card p{margin:0;color:var(--ds-color-text-soft);line-height:1.5}.app-auth-submit{width:100%}.app-message{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:var(--ds-space-4);padding:12px 14px;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);color:var(--ds-color-text);font-size:var(--ds-text-sm);font-weight:800}.app-message.is-ok{background:color-mix(in srgb,var(--ds-color-success) 12%,transparent)}.app-message.is-error{background:color-mix(in srgb,var(--ds-color-danger) 12%,transparent)}.app-message-link{color:var(--ds-color-primary);text-decoration:none}.app-message-link:hover{text-decoration:underline}.app-view,.app-input-panel,.app-settings-card,.app-model-table{min-width:0}.app-upload-form{display:grid;gap:var(--ds-space-4)}.app-input-panel-grid{display:grid;grid-template-columns:repeat(2,minmax(320px,1fr));gap:var(--ds-space-4);align-items:stretch}.app-input-panel{display:grid;align-content:stretch;gap:var(--ds-space-4)}.app-panel-heading{display:grid;gap:var(--ds-space-2)}.app-panel-heading h3,.app-panel-heading p{margin:0}.app-panel-heading p{color:var(--ds-color-text-soft);font-size:var(--ds-text-sm);line-height:1.5}.app-file-panel,.app-recording-panel-card,.app-mode-section{min-width:0}.app-file-panel{grid-template-rows:auto minmax(220px,1fr) auto}.app-recording-panel-card{display:grid;align-content:stretch}.app-upload-note-card{width:min(360px,100%);min-width:320px;padding:var(--ds-space-4);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);background:var(--ds-color-control-surface)}.app-upload-note-input{min-height:82px;resize:vertical}.app-file-drop{display:grid;place-items:center;min-height:240px;gap:var(--ds-space-3);padding:var(--ds-space-6);border:1px dashed var(--ds-color-border-strong);border-radius:var(--ds-radius-md);color:var(--ds-color-text-soft);text-align:center;background:var(--ds-color-primary-soft)}.app-file-drop input{width:min(100%,360px);color:var(--ds-color-text-soft)}.app-file-drop input::file-selector-button{min-height:34px;margin-right:10px;border:1px solid var(--ds-color-border-strong);border-radius:var(--ds-radius-sm);color:var(--ds-color-primary-contrast);background:var(--ds-color-primary);font:inherit;font-weight:900;cursor:pointer}.app-file-title{max-width:100%;overflow-wrap:anywhere;color:var(--ds-color-text);font-size:var(--ds-text-lg);font-weight:900}.app-file-meta{max-width:520px;color:var(--ds-color-text-muted);font-size:var(--ds-text-sm);line-height:1.5}.app-submit-button{width:100%}.ds-select option{color:var(--ds-color-text);background:var(--ds-color-bg-soft)}.ds-select option:disabled{color:#6b7280}.ds-button:disabled{cursor:not-allowed;opacity:.56;box-shadow:none}.app-mode-card{display:grid;gap:var(--ds-space-2);min-height:150px;text-align:left}.app-mode-section{display:grid;gap:var(--ds-space-4)}.app-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-space-4)}button.app-mode-card{color:var(--ds-color-text)}.app-mode-card.is-selected{border-color:var(--ds-color-border-strong);box-shadow:var(--ds-shadow-card),var(--ds-shadow-glow)}.app-mode-card.is-disabled,.app-mode-card:disabled{cursor:not-allowed;opacity:.62;box-shadow:none}.app-mode-card.is-disabled span,.app-mode-card:disabled span{color:var(--ds-color-text-muted)}.app-mode-card span,.app-mode-card strong,.app-mode-card small{overflow-wrap:anywhere}.app-mode-card span{color:var(--ds-color-primary);font-size:var(--ds-text-lg);font-weight:900}.app-mode-card strong{color:var(--ds-color-text);font-size:var(--ds-text-sm)}.app-mode-card small{color:var(--ds-color-text-soft);line-height:1.45}.app-mode-warning{padding:12px 14px;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);color:var(--ds-color-warning-contrast);background:var(--ds-color-warning);font-size:var(--ds-text-sm);font-weight:900;line-height:1.45}.app-hero-stats{display:grid;gap:var(--ds-space-2);min-width:120px;padding:var(--ds-space-4);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);background:var(--ds-color-control-surface)}.app-hero-stats strong{display:block;color:var(--ds-color-primary);font-size:28px}.app-article-mode{min-width:220px}.app-article-mode.is-row{grid-auto-flow:column;min-width:230px}.app-article-mode.is-row button{white-space:nowrap}.ds-segmented button:disabled{cursor:not-allowed;opacity:.5}.ds-segmented button:disabled.is-selected{color:var(--ds-color-primary-contrast);opacity:.72}.app-work-list{display:grid;gap:var(--ds-space-3)}.app-history-summary{margin:0 0 var(--ds-space-3);color:var(--ds-color-text-muted);font-size:var(--ds-text-sm);font-weight:800}.app-work-list[aria-busy=true]{opacity:.72;transition:opacity .14s ease}.app-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:var(--ds-space-5)}.app-pagination-pages{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:6px}.app-pagination-page{width:38px;min-height:38px;padding:0}.app-pagination-page.is-current{border-color:transparent;color:var(--ds-color-primary-contrast);background:var(--ds-color-primary);box-shadow:var(--ds-shadow-glow)}.app-pagination-ellipsis{min-width:24px;color:var(--ds-color-text-muted);text-align:center;font-weight:900}.app-detail-panel{display:grid;gap:var(--ds-space-4);margin-bottom:var(--ds-space-4)}.app-detail-header{display:flex;align-items:start;justify-content:space-between;gap:var(--ds-space-4)}.app-detail-header h3{margin:var(--ds-space-1) 0 0;overflow-wrap:anywhere}.app-detail-header p{margin:var(--ds-space-1) 0 0;color:var(--ds-color-text-muted);font-size:var(--ds-text-sm);overflow-wrap:anywhere}.app-detail-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--ds-space-4)}.app-readable-block{min-width:0}.app-readable-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-3);min-height:34px;margin-bottom:var(--ds-space-3)}.app-readable-heading h4{margin:0;color:var(--ds-color-primary)}.app-readable-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.app-readable-block pre{min-height:220px;max-height:520px;overflow:auto;margin:0;padding:var(--ds-space-4);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);color:var(--ds-color-text-soft);background:var(--ds-color-overlay-surface);font-family:var(--ds-font-sans);font-size:var(--ds-text-sm);line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.app-empty-state{display:grid;justify-items:start;gap:var(--ds-space-2)}.app-empty-state p{margin:0}.app-work-row{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:var(--ds-space-3)}.app-work-main{display:grid;grid-template-columns:44px minmax(0,1fr);gap:var(--ds-space-3);min-width:0}.app-work-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);color:var(--ds-color-primary);background:var(--ds-color-primary-soft)}.app-work-main h3{overflow-wrap:anywhere}.app-work-main p{margin:var(--ds-space-1) 0 var(--ds-space-2);color:var(--ds-color-text-muted);font-size:var(--ds-text-sm)}.app-work-main .app-work-error{max-width:720px;margin-top:var(--ds-space-2);color:var(--ds-color-danger)}.app-pill-row,.app-work-actions{display:flex;flex-wrap:wrap;gap:8px}.app-work-actions{justify-content:flex-start;padding-left:calc(44px + var(--ds-space-3))}.app-export-group{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px;min-height:38px;padding:4px;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);background:var(--ds-color-control-surface)}.app-export-label{padding:0 4px;color:var(--ds-color-text-muted);font-size:var(--ds-text-xs);font-weight:900;text-transform:uppercase}.app-export-button{min-height:32px;gap:6px;padding:0 10px;white-space:nowrap}.app-export-button.is-compact{min-height:30px;padding:0 9px}.app-export-button strong{display:inline-flex;align-items:center;min-height:20px;padding:0 6px;border-radius:var(--ds-radius-sm);color:var(--ds-color-primary-contrast);background:var(--ds-color-primary);font-size:11px;font-weight:900}.app-text-model-hint{order:2;display:flex;flex-basis:100%;flex-wrap:wrap;align-items:center;gap:6px 8px;color:var(--ds-color-text-muted);font-size:var(--ds-text-xs);line-height:1.45}.app-text-model-hint-label{color:var(--ds-color-text-muted);font-weight:900;text-transform:uppercase}.app-text-model-hint-item{display:inline-flex;align-items:center;max-width:100%;min-width:0;gap:5px;padding:4px 8px;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-sm);color:var(--ds-color-text-soft);background:var(--ds-color-control-surface-soft)}.app-text-model-hint-item strong{color:var(--ds-color-text)}.app-text-model-hint-item code{min-width:0;color:var(--ds-color-primary);font-family:var(--ds-font-sans);font-size:var(--ds-text-xs);font-weight:900;overflow-wrap:anywhere}.app-text-model-hint-item.is-warning{border-color:color-mix(in srgb,var(--ds-color-warning) 38%,transparent);color:var(--ds-color-warning);background:color-mix(in srgb,var(--ds-color-warning) 8%,transparent)}.app-danger-button{color:var(--ds-color-danger)}.app-model-grid{display:grid;gap:10px;margin-top:var(--ds-space-4)}.app-model-row{display:grid;grid-template-columns:minmax(110px,.55fr) minmax(160px,.85fr) minmax(0,1.6fr);gap:var(--ds-space-3);align-items:center;padding:12px 0;border-top:1px solid var(--ds-color-border)}.app-model-row strong,.app-model-row span,.app-model-row small{overflow-wrap:anywhere}.app-model-row span{color:var(--ds-color-primary);font-weight:800}.app-model-row small{color:var(--ds-color-text-soft);line-height:1.45}.app-spin{animation:app-spin .9s linear infinite}@keyframes app-spin{to{transform:rotate(360deg)}}.app-recorder-panel{display:flex;flex-direction:column;min-height:100%;gap:var(--ds-space-4)}.app-recorder-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--ds-space-4);min-height:220px;padding:var(--ds-space-5);border:1px dashed var(--ds-color-border-strong);border-radius:var(--ds-radius-md);background:var(--ds-color-primary-soft)}.app-recorder-header p{max-width:560px;margin:var(--ds-space-2) 0 0;color:var(--ds-color-text-soft)}.app-recorder-timer{display:block;color:var(--ds-color-primary);font-size:34px;line-height:1;font-weight:900}.app-recorder-message{margin-bottom:0}.app-recorder-actions{justify-content:flex-start}.app-recorder-action{margin-top:auto;min-width:180px;min-height:44px}.app-recorder-device{width:min(100%,430px)}.app-recorder-device .ds-select-button{border-color:var(--ds-color-border-strong);background:var(--ds-color-primary-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ds-color-primary) 8%,transparent)}.app-recorder-device .ds-select-button:disabled{cursor:not-allowed;opacity:.58}.app-recorder-device-menu{position:absolute;z-index:20;top:calc(100% + 8px);right:0;left:0;max-height:240px;overflow:auto}.app-recorder-device-static{display:grid;width:min(100%,430px);gap:8px;padding:12px 14px;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);background:var(--ds-color-primary-soft)}.app-recorder-device-static strong{overflow-wrap:anywhere;color:var(--ds-color-text);font-size:var(--ds-text-sm)}.app-recorder-draft{display:grid;gap:var(--ds-space-3);margin-top:auto;padding:var(--ds-space-4);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);background:var(--ds-color-control-surface)}.app-recorder-player{display:grid;grid-template-columns:38px auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:58px;padding:10px 12px;border:1px solid var(--ds-color-border-strong);border-radius:var(--ds-radius-md);background:var(--ds-color-media-surface);box-shadow:var(--ds-shadow-card),var(--ds-shadow-glow)}.app-recorder-audio{display:none}.app-recorder-play{display:grid;place-items:center;width:38px;height:38px;border:1px solid transparent;border-radius:50%;color:var(--ds-color-primary-contrast);background:var(--ds-gradient-primary);box-shadow:var(--ds-shadow-glow)}.app-recorder-time{min-width:42px;color:var(--ds-color-text-soft);font-size:var(--ds-text-sm);font-weight:900;font-variant-numeric:tabular-nums}.app-recorder-progress{width:100%;min-width:0;height:24px;accent-color:var(--ds-color-primary);appearance:none;background:transparent}.app-recorder-progress::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(90deg,var(--ds-color-primary) 0 var(--progress, 0%),var(--ds-color-media-track) var(--progress, 0%) 100%)}.app-recorder-progress::-webkit-slider-thumb{width:16px;height:16px;margin-top:-5px;border:2px solid var(--ds-color-primary-contrast);border-radius:50%;background:var(--ds-color-primary);box-shadow:var(--ds-shadow-glow);appearance:none}.app-recorder-progress::-moz-range-track{height:6px;border-radius:999px;background:var(--ds-color-media-track)}.app-recorder-progress::-moz-range-progress{height:6px;border-radius:999px;background:var(--ds-color-primary)}.app-recorder-progress::-moz-range-thumb{width:14px;height:14px;border:2px solid var(--ds-color-primary-contrast);border-radius:50%;background:var(--ds-color-primary);box-shadow:var(--ds-shadow-glow)}.app-recorder-draft-meta{display:flex;flex-wrap:wrap;gap:8px;color:var(--ds-color-text-muted);font-size:var(--ds-text-sm);font-weight:800}.app-recorder-draft-meta span,.app-recorder-draft-meta strong{overflow-wrap:anywhere}.app-ai-admin{display:grid;gap:var(--ds-space-5);min-width:0}.app-ai-admin-hero{margin-bottom:0}.app-ai-admin-tabs{display:flex;flex-wrap:wrap;gap:8px}.app-ai-grid,.app-ai-route-grid{display:grid;gap:var(--ds-space-3);min-width:0}.app-ai-section-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;min-width:0}.app-ai-create-form{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr)) auto;align-items:end;gap:var(--ds-space-3);min-width:0;padding:var(--ds-space-4);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);background:var(--ds-color-primary-soft)}.app-ai-edit-form{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(140px,1fr)) auto;align-items:end;gap:var(--ds-space-3);min-width:0;padding:var(--ds-space-4);border:1px solid var(--ds-color-border-strong);border-radius:var(--ds-radius-md);background:var(--ds-color-control-surface-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ds-color-primary) 8%,transparent)}.app-ai-edit-actions{display:flex;flex-wrap:wrap;gap:8px}.app-ai-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--ds-space-3);min-width:0;padding:var(--ds-space-4);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);background:var(--ds-color-control-surface)}.app-ai-row-main{min-width:0}.app-ai-row-title{margin:0;color:var(--ds-color-text);font-size:var(--ds-text-lg);line-height:1.25;overflow-wrap:anywhere}.app-ai-row-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;color:var(--ds-color-text-soft);font-size:var(--ds-text-sm);line-height:1.45}.app-ai-row-meta span{overflow-wrap:anywhere}.app-ai-row-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.app-ai-status{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-sm);color:var(--ds-color-text);background:var(--ds-color-control-surface);font-size:var(--ds-text-xs);font-weight:900;text-transform:uppercase}.app-ai-status.is-active{color:var(--ds-color-success-contrast);border-color:transparent;background:var(--ds-color-success)}.app-ai-status.is-disabled,.app-ai-status.is-invalid{color:var(--ds-color-warning-contrast);border-color:transparent;background:var(--ds-color-warning)}.app-ai-status.is-archived{color:var(--ds-color-danger-contrast);border-color:transparent;background:var(--ds-color-danger)}.app-ai-status.is-skipped{color:var(--ds-color-text-muted);background:var(--ds-color-control-surface-soft)}.app-ai-check-status{text-transform:none}.app-ai-danger{color:var(--ds-color-danger)}.app-ai-capabilities{display:flex;flex-wrap:wrap;gap:8px;align-self:stretch}.app-ai-checkbox{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 10px;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);color:var(--ds-color-text-soft);background:var(--ds-color-control-surface);font-size:var(--ds-text-sm);font-weight:800}.app-ai-checkbox input{width:16px;height:16px;accent-color:var(--ds-color-primary)}.app-ai-custom-select{min-width:0}.app-ai-custom-select-menu{position:absolute;z-index:30;top:calc(100% + 8px);right:0;left:0;max-height:260px;overflow:auto}.app-ai-route-select{display:grid;grid-template-columns:minmax(180px,280px) auto auto;align-items:center}.app-ai-route-select .ds-label{grid-column:1 / -1}@media(max-width:900px){.ds-shell{background:radial-gradient(ellipse 44% 24% at 50% -6%,color-mix(in srgb,var(--ds-color-primary) 22%,transparent),transparent 58%),linear-gradient(180deg,var(--ds-color-sidebar),var(--ds-color-bg))}.app-sidebar{gap:var(--ds-space-4)}.app-sidebar-palette .ds-palette-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.app-work-row{grid-template-columns:1fr}.app-upload-note-card{min-width:0}.app-input-panel-grid{grid-template-columns:1fr}.app-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-detail-grid{grid-template-columns:1fr}.app-detail-header{flex-direction:column}.app-readable-heading{align-items:flex-start;flex-direction:column}.app-readable-actions{justify-content:flex-start}.app-work-actions{padding-left:0;justify-content:flex-start}.app-model-row{grid-template-columns:1fr}}@media(max-width:760px){.app-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-ai-create-form,.app-ai-edit-form,.app-ai-row{grid-template-columns:minmax(0,1fr)}.app-ai-row-actions,.app-ai-section-actions,.app-ai-edit-actions,.app-ai-route-select{justify-content:flex-start}.app-ai-route-select{grid-template-columns:minmax(0,1fr) auto}.app-ai-route-select .ds-button{grid-column:1 / -1;justify-self:start}}@media(max-width:560px){.ds-main{padding:18px}.ds-title{font-size:28px}.app-account,.app-account-link,.app-account .ds-button,.app-utility-actions,.app-utility-link,.app-submit-button,.app-mode-grid,.app-mode-card,.app-recorder-device,.app-recorder-device-static,.app-recorder-player,.app-recorder-actions,.app-recorder-action,.app-recorder-actions .ds-button{width:100%}.app-mode-grid,.app-sidebar-palette .ds-palette-picker{grid-template-columns:1fr}.app-recorder-header{grid-template-columns:1fr;justify-items:center;text-align:center}.app-work-main{grid-template-columns:1fr}}