:root{--lightningcss-light: ;--lightningcss-dark:initial;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:#97b2de29;--ds-color-text:#f3f7ff;--ds-color-text-soft:#c8d1e5;--ds-color-text-muted:#7e8ba6;--ds-color-sidebar:#0a0e1dd1;--ds-color-sidebar-border:#97b2de14;--ds-color-control-surface:#ffffff0a;--ds-color-control-surface-soft:#ffffff08;--ds-color-schedule-surface:#ffffff09;--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:#ffffff06;--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, #ffffff0d, #ffffff05);--ds-shadow-card:0 20px 54px #00000057;--ds-shadow-app:0 28px 70px #070b166b;--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:#8ac5ff57;--ds-color-primary-soft:#4be7ef17;--ds-color-primary-contrast:#061116;--ds-gradient-primary:linear-gradient(135deg, #4be7ef, #3f82d9);--ds-gradient-brand:linear-gradient(135deg, #4be7ef38, #3f82d929);--ds-shadow-glow:0 0 24px #4be7ef3d, 0 0 64px #3f82d921;--ds-focus-ring:0 0 0 3px #4be7ef57;--ds-shell-bg:linear-gradient(90deg, #0e1427f5 0 286px, #070b16e0 286px), radial-gradient(ellipse 26% 34% at 52% -6%, #ffffffb8 0 8%, #6be2ff57 16%, transparent 36%), linear-gradient(135deg, #4be7ef0d, #8b5cf60d 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]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ds-color-bg:#eef3f8;--ds-color-bg-soft:#f6f9fd;--ds-color-surface-0:#fff;--ds-color-surface-1:#f8fbff;--ds-color-surface-2:#eaf1fb;--ds-color-surface-3:#dce8f7;--ds-color-border:#2a4a7c29;--ds-color-text:#142033;--ds-color-text-soft:#40516d;--ds-color-text-muted:#6e7d94;--ds-color-sidebar:#f8fbffdb;--ds-color-sidebar-border:#2a4a7c1a;--ds-color-control-surface:#ffffff8f;--ds-color-control-surface-soft:#ffffff6b;--ds-color-schedule-surface:#f8fbff;--ds-color-overlay-surface:color-mix(in srgb, var(--ds-color-primary) 3%, #fff);--ds-color-media-surface:color-mix(in srgb, var(--ds-color-primary) 3%, #fff);--ds-color-media-track:color-mix(in srgb, var(--ds-color-primary) 20%, #d7dce4);--ds-color-scrollbar-track:#2a4a7c0f;--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, #ffffffdb, #ffffff8a);--ds-shadow-card:0 18px 42px #283f5e29;--ds-shadow-app:0 28px 70px #283f5e33;--ds-body-bg:linear-gradient(180deg, #eef3f8 0, #e6edf6 100%);--ds-color-success:#0f754b;--ds-color-success-contrast:#fff;--ds-color-danger:#c9365a;--ds-color-danger-contrast:#fff;--ds-color-warning:#9a650d;--ds-color-warning-contrast:#fff;--ds-color-info:var(--ds-color-secondary);--ds-color-info-contrast:#fff;--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:#1497b45c;--ds-color-primary-soft:#0faeb91a;--ds-color-primary-contrast:#061116;--ds-gradient-primary:linear-gradient(135deg, #20bac4, #3c7fd5);--ds-gradient-brand:linear-gradient(135deg, #0faeb93d, #2f70c729);--ds-shadow-glow:0 0 18px #0faeb929, 0 0 48px #2f70c71a;--ds-focus-ring:0 0 0 3px #0faeb93d;--ds-shell-bg:linear-gradient(90deg, #f8fbfff5 0 286px, #eff5fce6 286px), radial-gradient(ellipse 30% 32% at 52% -6%, #ffffffe6 0 9%, #4fcdde38 18%, transparent 42%), linear-gradient(135deg, #0faeb912, #7b5cd60d 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:#8ac5ff57;--ds-color-primary-soft:#4be7ef17;--ds-color-primary-contrast:#061116;--ds-gradient-primary:linear-gradient(135deg, #4be7ef, #3f82d9);--ds-gradient-brand:linear-gradient(135deg, #4be7ef38, #3f82d929);--ds-shadow-glow:0 0 24px #4be7ef3d, 0 0 64px #3f82d921;--ds-focus-ring:0 0 0 3px #4be7ef57;--ds-shell-bg:linear-gradient(90deg, #0e1427f5 0 286px, #070b16e0 286px), radial-gradient(ellipse 26% 34% at 52% -6%, #ffffffb8 0 8%, #6be2ff57 16%, transparent 36%), linear-gradient(135deg, #4be7ef0d, #8b5cf60d 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:#1497b45c;--ds-color-primary-soft:#0faeb91a;--ds-color-primary-contrast:#061116;--ds-gradient-primary:linear-gradient(135deg, #20bac4, #3c7fd5);--ds-gradient-brand:linear-gradient(135deg, #0faeb93d, #2f70c729);--ds-shadow-glow:0 0 18px #0faeb929, 0 0 48px #2f70c71a;--ds-focus-ring:0 0 0 3px #0faeb93d;--ds-shell-bg:linear-gradient(90deg, #f8fbfff5 0 286px, #eff5fce6 286px), radial-gradient(ellipse 30% 32% at 52% -6%, #ffffffe6 0 9%, #4fcdde38 18%, transparent 42%), linear-gradient(135deg, #0faeb912, #7b5cd60d 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:#ffa66961;--ds-color-primary-soft:#ff9a521a;--ds-color-primary-contrast:#1b0b03;--ds-gradient-primary:linear-gradient(135deg, #ffad66, #ff5f45);--ds-gradient-brand:linear-gradient(135deg, #ff9a523d, #ff5f452b);--ds-shadow-glow:0 0 24px #ff9a5240, 0 0 64px #ff5f4524;--ds-focus-ring:0 0 0 3px #ff9a5257;--ds-color-warning:#f7cf63;--ds-shell-bg:linear-gradient(90deg, #1c1110f5 0 286px, #0d0a0fe6 286px), radial-gradient(ellipse 26% 34% at 52% -6%, #fff6e8b8 0 8%, #ff9b5b5c 16%, transparent 36%), linear-gradient(135deg, #ff9a5212, #ff4f7b0d 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:#c6530d57;--ds-color-primary-soft:#c6530d1a;--ds-color-primary-contrast:#fff;--ds-gradient-primary:linear-gradient(135deg, #c6530d, #bd3932);--ds-gradient-brand:linear-gradient(135deg, #c6530d38, #c63f3624);--ds-shadow-glow:0 0 18px #c6530d29, 0 0 48px #c63f361a;--ds-focus-ring:0 0 0 3px #c6530d3d;--ds-color-warning:#8a6400;--ds-shell-bg:linear-gradient(90deg, #fffaf5f7 0 286px, #faf4f0eb 286px), radial-gradient(ellipse 30% 32% at 52% -6%, #ffffffeb 0 9%, #ffac693d 18%, transparent 42%), linear-gradient(135deg, #c6530d12, #c63f360b 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:#b199ff61;--ds-color-primary-soft:#a78bfa1a;--ds-color-primary-contrast:#10091f;--ds-gradient-primary:linear-gradient(135deg, #b69cff, #668cff);--ds-gradient-brand:linear-gradient(135deg, #a78bfa3d, #668cff2b);--ds-shadow-glow:0 0 24px #a78bfa40, 0 0 64px #668cff24;--ds-focus-ring:0 0 0 3px #a78bfa57;--ds-shell-bg:linear-gradient(90deg, #140f24f5 0 286px, #090916e6 286px), radial-gradient(ellipse 26% 34% at 52% -6%, #f9f6ffb8 0 8%, #ae8fff5c 16%, transparent 36%), linear-gradient(135deg, #a78bfa12, #668cff0d 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:#6950b857;--ds-color-primary-soft:#6950b81a;--ds-color-primary-contrast:#fff;--ds-gradient-primary:linear-gradient(135deg, #765ac6, #486abf);--ds-gradient-brand:linear-gradient(135deg, #6950b838, #3f62b724);--ds-shadow-glow:0 0 18px #6950b829, 0 0 48px #3f62b71a;--ds-focus-ring:0 0 0 3px #6950b83d;--ds-shell-bg:linear-gradient(90deg, #faf8fff7 0 286px, #f3f2fbeb 286px), radial-gradient(ellipse 30% 32% at 52% -6%, #ffffffeb 0 9%, #ae95f53d 18%, transparent 42%), linear-gradient(135deg, #6950b812, #3f62b70b 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:#5ce6ae61;--ds-color-primary-soft:#4ce6a61a;--ds-color-primary-contrast:#04150d;--ds-gradient-primary:linear-gradient(135deg, #58e9ac, #20bfcf);--ds-gradient-brand:linear-gradient(135deg, #4ce6a63d, #20bfcf2b);--ds-shadow-glow:0 0 24px #4ce6a63d, 0 0 64px #20bfcf21;--ds-focus-ring:0 0 0 3px #4ce6a657;--ds-shell-bg:linear-gradient(90deg, #0a1c1af5 0 286px, #060e14e6 286px), radial-gradient(ellipse 26% 34% at 52% -6%, #f0fff9b8 0 8%, #4ce6a657 16%, transparent 36%), linear-gradient(135deg, #4ce6a612, #20bfcf0d 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:#087d5957;--ds-color-primary-soft:#087d591a;--ds-color-primary-contrast:#fff;--ds-gradient-primary:linear-gradient(135deg, #087d59, #0b7482);--ds-gradient-brand:linear-gradient(135deg, #087d5938, #0b748224);--ds-shadow-glow:0 0 18px #087d5929, 0 0 48px #0b74821a;--ds-focus-ring:0 0 0 3px #087d593d;--ds-shell-bg:linear-gradient(90deg, #f6fdfaf7 0 286px, #eef8f7eb 286px), radial-gradient(ellipse 30% 32% at 52% -6%, #ffffffeb 0 9%, #5cddaa3b 18%, transparent 42%), linear-gradient(135deg, #087d5912, #0b74820b 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:#ff6fa461;--ds-color-primary-soft:#ff5f9a1a;--ds-color-primary-contrast:#1c0610;--ds-gradient-primary:linear-gradient(135deg, #ff6fa6, #a855f7);--ds-gradient-brand:linear-gradient(135deg, #ff5f9a3d, #a855f72b);--ds-shadow-glow:0 0 24px #ff5f9a40, 0 0 64px #a855f724;--ds-focus-ring:0 0 0 3px #ff5f9a57;--ds-color-danger:#ff826b;--ds-shell-bg:linear-gradient(90deg, #1f0c1af5 0 286px, #0d0814e6 286px), radial-gradient(ellipse 26% 34% at 52% -6%, #fff3f9b8 0 8%, #ff68a259 16%, transparent 36%), linear-gradient(135deg, #ff5f9a12, #a855f70d 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:#b9255d57;--ds-color-primary-soft:#b9255d1a;--ds-color-primary-contrast:#fff;--ds-gradient-primary:linear-gradient(135deg, #c22d67, #8742c8);--ds-gradient-brand:linear-gradient(135deg, #b9255d38, #7d36bf24);--ds-shadow-glow:0 0 18px #b9255d29, 0 0 48px #7d36bf1a;--ds-focus-ring:0 0 0 3px #b9255d3d;--ds-color-danger:#a9382d;--ds-shell-bg:linear-gradient(90deg, #fff8fcf7 0 286px, #f9f1f7eb 286px), radial-gradient(ellipse 30% 32% at 52% -6%, #ffffffeb 0 9%, #ef7aa93b 18%, transparent 42%), linear-gradient(135deg, #b9255d12, #7d36bf0b 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{background:var(--ds-color-scrollbar-track);border-radius:999px}:is(html,body,.ds-app,.ds-app *)::-webkit-scrollbar-thumb{background:var(--ds-color-scrollbar-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:999px;min-width:36px;min-height:36px}: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{width:0;height:0;display:none}:is(html,body,.ds-app,.ds-app *)::-webkit-scrollbar-corner{background:0 0}body{min-width:320px;font-family:var(--ds-font-sans);color:var(--ds-color-text);background:var(--ds-body-bg);letter-spacing:0;margin: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{border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-lg);background:var(--ds-color-bg);width:min(1500px,100% - 40px);box-shadow:var(--ds-shadow-app);margin:48px auto;overflow:hidden}.ds-shell{background:var(--ds-shell-bg);grid-template-columns:286px minmax(0,1fr);min-height:820px;display:grid}.ds-sidebar{border-right:1px solid var(--ds-color-sidebar-border);background:var(--ds-color-sidebar);padding:30px 24px}.ds-brand{color:var(--ds-color-brand);font-size:var(--ds-text-lg);align-items:center;gap:12px;margin:0 0 34px;font-weight:800;display:flex}.ds-brand-mark{border:1px solid var(--ds-color-border-strong);border-radius:var(--ds-radius-md);background:var(--ds-gradient-brand);width:28px;height:28px;box-shadow:var(--ds-shadow-glow)}.ds-nav{gap:8px;display:grid}.ds-nav-item{border-radius:var(--ds-radius-md);min-height:44px;color:var(--ds-color-text-soft);font-size:var(--ds-text-md);grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:12px;padding:0 14px;font-weight:700;text-decoration:none;display:grid}.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{width:24px;height:24px;color:var(--ds-color-primary);place-items:center;display:grid}.ds-main{min-width:0;padding:28px}.ds-topbar{justify-content:space-between;align-items:center;gap:var(--ds-space-4);flex-wrap:wrap;margin-bottom:28px;display:flex}.ds-breadcrumbs{color:var(--ds-color-text-muted);font-size:var(--ds-text-sm);font-weight:700}.ds-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.ds-icon-button{border:1px solid var(--ds-color-border);width:40px;height:40px;color:var(--ds-color-text-soft);background:var(--ds-color-control-surface);border-radius:50%;place-items:center;display:grid}.ds-theme-toggle{border:1px solid var(--ds-color-border);background:var(--ds-color-control-surface);border-radius:999px;grid-template-columns:repeat(2,minmax(58px,1fr));gap:4px;padding:4px;display:inline-grid}.ds-theme-toggle button{min-height:32px;color:var(--ds-color-text-muted);font-size:var(--ds-text-xs);text-transform:uppercase;background:0 0;border:0;border-radius:999px;padding:0 12px;font-weight:900}.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{border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);background:var(--ds-color-control-surface-soft);gap:12px;margin:0 0 24px;padding:14px;display:grid}.ds-palette-panel-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.ds-palette-panel-title{color:var(--ds-color-text-soft);font-size:var(--ds-text-xs);text-transform:uppercase;font-weight:900}.ds-palette-current{color:var(--ds-color-primary);font-size:var(--ds-text-sm);font-weight:900}.ds-palette-picker{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.ds-palette-choice{border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);min-width:0;min-height:48px;color:var(--ds-color-text-soft);background:var(--ds-color-control-surface);text-align:left;align-items:center;gap:10px;padding:7px 10px;display:flex}.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{background:linear-gradient(135deg, var(--ds-swatch-primary), var(--ds-swatch-secondary));width:28px;height:28px;box-shadow:0 0 16px color-mix(in srgb, var(--ds-swatch-primary) 34%, transparent);border:1px solid #ffffff47;border-radius:50%;flex:none}.ds-palette-copy{gap:2px;min-width:0;display:grid}.ds-palette-name{font-size:var(--ds-text-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:900;overflow:hidden}.ds-palette-tone{color:var(--ds-color-text-muted);text-transform:uppercase;font-size:10px;font-weight:800}.ds-button{border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);min-height:38px;color:var(--ds-color-text);background:var(--ds-color-control-surface);font-size:var(--ds-text-sm);justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:800;text-decoration:none;display:inline-flex}.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{color:var(--ds-color-primary-contrast);background:var(--ds-gradient-primary);border-color:#0000}.ds-button.is-accent{color:var(--ds-color-success-contrast);background:var(--ds-color-success);border-color:#0000}.ds-media-player{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);align-items:center;gap:12px;padding:12px;display:grid}.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{width:42px;height:42px;color:var(--ds-color-primary-contrast);background:var(--ds-color-primary);border:0;border-radius:50%;place-items:center;display:grid}.ds-media-button:disabled{cursor:not-allowed;opacity:.48}.ds-media-meta{min-width:0;color:var(--ds-color-text-soft);align-items:center;gap:10px;display:flex}.ds-media-meta>*{min-width:0}.ds-media-meta strong,.ds-media-meta small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.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;accent-color:var(--ds-color-primary);appearance:none;background:0 0;margin:0}.ds-media-range::-webkit-slider-runnable-track{background:var(--ds-color-media-track);border-radius:999px;height:6px}.ds-media-range::-webkit-slider-thumb{background:var(--ds-color-primary);width:16px;height:16px;box-shadow:var(--ds-shadow-glow);appearance:none;border:0;border-radius:50%;margin-top:-5px}.ds-media-range::-moz-range-track{background:var(--ds-color-media-track);border:0;border-radius:999px;height:6px}.ds-media-range::-moz-range-progress{background:var(--ds-color-primary);border-radius:999px;height:6px}.ds-media-range::-moz-range-thumb{background:var(--ds-color-primary);width:16px;height:16px;box-shadow:var(--ds-shadow-glow);border:0;border-radius:50%}.ds-media-volume{color:var(--ds-color-text-muted);font-size:var(--ds-text-xs);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;font-weight:900;display:grid}.ds-hero{gap:var(--ds-space-4);grid-template-columns:minmax(0,1fr) auto;align-items:end;margin-bottom:24px;display:grid}.ds-title{font-size:var(--ds-text-display);margin:0;line-height:1.05}.ds-lead{max-width:760px;color:var(--ds-color-text-soft);font-size:var(--ds-text-md);margin:12px 0 0;line-height:1.6}.ds-segmented{border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);background:var(--ds-color-control-surface);grid-auto-flow:column;gap:4px;padding:4px;display:inline-grid}.ds-segmented button{border-radius:var(--ds-radius-sm);min-height:34px;color:var(--ds-color-text-muted);font-size:var(--ds-text-sm);background:0 0;border:0;padding:0 14px;font-weight:800}.ds-segmented button.is-selected{color:var(--ds-color-primary-contrast);background:var(--ds-color-primary)}.ds-grid{gap:var(--ds-space-4);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.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{gap:12px;display:grid}.ds-kpi-label{color:var(--ds-color-text-muted);font-size:var(--ds-text-xs);text-transform:uppercase;font-weight:800}.ds-kpi-value{color:var(--ds-color-primary);margin:0;font-size:30px;font-weight:900}.ds-field{gap:8px;display:grid}.ds-label{color:var(--ds-color-text-muted);font-size:var(--ds-text-xs);text-transform:uppercase;font-weight:800}.ds-input,.ds-select,.ds-textarea{border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);width:100%;min-height:42px;color:var(--ds-color-text);background:var(--ds-color-control-surface);padding:0 13px}.ds-textarea{resize:vertical;min-height:96px;padding-top:12px}.ds-checkbox{min-height:38px;color:var(--ds-color-text-soft);cursor:pointer;font-size:var(--ds-text-sm);align-items:center;gap:9px;font-weight:800;line-height:1.35;display:inline-flex}.ds-checkbox>input[type=checkbox]{border:1px solid var(--ds-color-border-strong);border-radius:var(--ds-radius-sm);background:var(--ds-color-control-surface);width:18px;height:18px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ds-color-primary) 8%, transparent);cursor:pointer;appearance:none;flex:none;place-content:center;margin:0;display:grid}.ds-checkbox>input[type=checkbox]:before{border-bottom:2px solid var(--ds-color-primary-contrast);border-left:2px solid var(--ds-color-primary-contrast);content:"";width:8px;height:4px;transition:transform .14s;transform:rotate(-45deg)scale(0)}.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{background:var(--ds-color-primary);box-shadow:var(--ds-shadow-glow);border-color:#0000}.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{min-height:26px;color:var(--ds-color-success-contrast);background:var(--ds-color-success);font-size:var(--ds-text-xs);border-radius:999px;align-items:center;padding:0 10px;font-weight:900;display:inline-flex}.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{border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);overflow:auto}.ds-table{border-collapse:collapse;width:100%;min-width:620px;font-size:var(--ds-text-sm)}.ds-table th,.ds-table td{border-bottom:1px solid var(--ds-color-border);text-align:left;padding:14px 16px}.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{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.ds-date-cell{border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);min-height:66px;color:var(--ds-color-text-soft);background:var(--ds-color-control-surface-soft);place-items:center;display:grid}.ds-date-cell.is-active{color:var(--ds-color-primary-contrast);background:var(--ds-color-primary);border-color:#0000}.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{gap:10px;display:grid}.ds-schedule-card{border-left:4px solid var(--ds-color-primary);border-radius:var(--ds-radius-md);background:var(--ds-color-schedule-surface);padding:14px 16px}.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{color:var(--ds-color-text-muted);font-size:var(--ds-text-sm);margin-top:4px}.ds-avatar-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ds-avatar{width:34px;height:34px;color:var(--ds-color-primary-contrast);background:var(--ds-color-primary);font-size:var(--ds-text-xs);border-radius:50%;place-items:center;font-weight:900;display:grid}.ds-note{border-radius:var(--ds-radius-md);color:var(--ds-color-text-soft);background:var(--ds-color-primary-soft);padding:14px}.ds-control-stack{gap:14px;display:grid}.ds-custom-select{gap:8px;display:grid;position:relative}.ds-select-button{border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);width:100%;min-height:42px;color:var(--ds-color-text);background:var(--ds-color-control-surface);font-size:var(--ds-text-sm);justify-content:space-between;align-items:center;gap:12px;padding:0 13px;font-weight:800;display:flex}.ds-select-button:after{content:"";opacity:.7;border-bottom:2px solid;border-right:2px solid;width:8px;height:8px;transform:rotate(45deg)translateY(-2px)}.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{gap:4px;padding:6px;display:grid}.ds-select-option{border-radius:var(--ds-radius-sm);min-height:34px;color:var(--ds-color-text-soft);text-align:left;font-size:var(--ds-text-sm);background:0 0;border:0;padding:0 10px;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{justify-content:space-between;align-items:center;gap:8px;display:flex}.ds-calendar-title{color:var(--ds-color-text);font-size:var(--ds-text-sm);font-weight:900}.ds-calendar-nav{border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-sm);width:32px;height:32px;color:var(--ds-color-text-soft);background:var(--ds-color-control-surface);place-items:center;display:inline-grid}.ds-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin:12px 0;display:grid}.ds-calendar-weekday,.ds-calendar-day{border-radius:var(--ds-radius-sm);min-height:30px;font-size:var(--ds-text-xs);place-items:center;font-weight:900;display:grid}.ds-calendar-weekday{color:var(--ds-color-text-muted)}.ds-calendar-day{color:var(--ds-color-text);background:0 0}.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{color:var(--ds-color-primary);font-size:var(--ds-text-xs);background:0 0;border:0;font-weight:900}@media (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 (width<=520px){.ds-palette-picker{grid-template-columns:1fr}}#root{min-height:100vh}.app-sidebar{flex-direction:column;display:flex}.app-nav-button{text-align:left;background:0 0;border:0;width:100%}.app-sidebar-palette{margin:var(--ds-space-6) 0 var(--ds-space-4);gap:10px;padding:12px}.app-sidebar-palette .ds-palette-picker{grid-template-columns:1fr;gap:8px}.app-sidebar-palette .ds-palette-choice{min-height:44px;padding:6px 9px}.app-sidebar-palette .ds-palette-swatch{width:26px;height:26px}.app-sidebar-note{gap:var(--ds-space-2);padding:var(--ds-space-4);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);background:var(--ds-color-primary-soft);margin-top:auto;display:grid}.app-sidebar-note strong{color:var(--ds-color-primary);font-size:30px;line-height:1}.app-sidebar-note p{color:var(--ds-color-text-soft);font-size:var(--ds-text-sm);margin:0;line-height:1.5}.app-utility-topbar{margin-bottom:var(--ds-space-4);justify-content:flex-end}.app-utility-actions{gap:8px}.app-utility-link{text-decoration:none}.app-auth-page{min-height:100vh;padding:var(--ds-space-6);place-items:center;display:grid}.app-auth-card{gap:var(--ds-space-4);width:min(420px,100%);display:grid}.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{color:var(--ds-color-text-soft);margin:0;line-height:1.5}.app-auth-submit,.app-submit-button{width:100%}.app-message{margin-bottom:var(--ds-space-4);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);color:var(--ds-color-text);font-size:var(--ds-text-sm);padding:12px 14px;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-view,.app-create-panel,.app-submit-card,.app-model-table{min-width:0}.app-url-form,.app-search-panel{align-items:end;gap:var(--ds-space-3);grid-template-columns:minmax(0,1fr) auto;display:grid}.app-youtube-layout{grid-template-columns:minmax(0,1fr);align-items:start}.app-youtube-layout>.app-create-panel{grid-column:1/-1}.app-youtube-card{align-content:start;gap:var(--ds-space-4);display:grid}.app-url-input{min-height:46px}.app-youtube-empty{min-height:250px;margin-top:var(--ds-space-4);text-align:center;color:var(--ds-color-text-soft);border:1px dashed var(--ds-color-border-strong);border-radius:var(--ds-radius-md);background:var(--ds-color-primary-soft);align-content:center;justify-items:center}.app-youtube-empty h3,.app-youtube-empty p{margin:0}.app-video-preview{gap:var(--ds-space-4);padding:var(--ds-space-4);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);background:var(--ds-color-control-surface);grid-template-columns:minmax(180px,280px) minmax(0,1fr);display:grid}.app-thumbnail,.app-row-thumbnail{border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);color:var(--ds-color-primary);background:var(--ds-color-primary-soft);place-items:center;display:grid;overflow:hidden}.app-thumbnail{aspect-ratio:16/9}.app-thumbnail img,.app-row-thumbnail img{object-fit:cover;width:100%;height:100%}.app-video-preview-body{align-content:center;gap:var(--ds-space-2);min-width:0;display:grid}.app-video-preview h3{overflow-wrap:anywhere;margin:0}.app-video-preview p{color:var(--ds-color-text-soft);margin:0}.app-inline-link{width:fit-content;color:var(--ds-color-primary);font-size:var(--ds-text-sm);align-items:center;gap:6px;font-weight:900;text-decoration:none;display:inline-flex}.app-submit-card{align-content:start;gap:var(--ds-space-4);display:grid}.app-youtube-options{gap:var(--ds-space-4);padding-top:var(--ds-space-4);border-top:1px solid var(--ds-color-border);display:grid}.app-youtube-options-main{align-items:end;gap:var(--ds-space-3);grid-template-columns:minmax(240px,1fr) minmax(240px,1fr) minmax(200px,auto);display:grid}.app-youtube-options .app-submit-button{min-width:200px}.app-submit-hint{color:var(--ds-color-text-soft);font-size:var(--ds-text-sm);margin:0;line-height:1.5}.app-control-block{gap:var(--ds-space-2);display:grid}.app-boolean-toggle{grid-template-columns:repeat(2,minmax(0,1fr))}.app-caption-picker{z-index:2}.app-caption-menu{z-index:10;max-height:min(320px,100vh - 96px);position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:auto}.app-caption-picker.is-open-upward .app-caption-menu{top:auto;bottom:calc(100% + 8px)}.app-caption-option{justify-content:space-between;align-items:center;gap:10px;min-height:42px;display:flex}.app-caption-option span,.app-caption-option strong{overflow-wrap:anywhere}.app-caption-option strong{color:inherit;text-transform:uppercase;font-size:11px}.app-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.app-mode-grid.is-compact{grid-template-columns:1fr;gap:8px}.app-submit-card .app-mode-grid.is-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.app-youtube-options .app-mode-grid.is-compact{grid-template-columns:repeat(3,minmax(0,1fr))}.app-mode-card{gap:var(--ds-space-2);min-height:118px;padding:var(--ds-space-3);text-align:left;grid-column:span 1;display:grid}.app-mode-grid.is-compact .app-mode-card{min-height:74px}.app-submit-card .app-mode-grid.is-compact .app-mode-card{min-height:86px}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{opacity:.52;box-shadow:none;border-style:dashed}.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-md);font-weight:900}.app-mode-card strong{color:var(--ds-color-text);font-size:var(--ds-text-xs)}.app-mode-card small{color:var(--ds-color-text-soft);line-height:1.45}.ds-button:disabled,.ds-segmented button:disabled{cursor:not-allowed;opacity:.56;box-shadow:none}.app-search-panel{margin-bottom:var(--ds-space-4)}.app-search-field{min-width:0}.app-search-input-wrap{align-items:center;min-width:0;display:flex;position:relative}.app-search-input-wrap .ds-input{padding-right:48px}.app-search-clear{width:32px;height:32px;color:var(--ds-color-text-muted);background:var(--ds-color-control-surface);border-color:#0000;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.app-search-clear:hover,.app-search-clear:focus-visible{color:var(--ds-color-primary);border-color:var(--ds-color-border-strong);background:var(--ds-color-primary-soft)}.app-work-list{gap:var(--ds-space-3);display:grid}.app-pagination{justify-content:space-between;align-items:center;gap:var(--ds-space-4);margin-top:var(--ds-space-4);background:var(--ds-color-surface-soft);display:flex}.app-pagination-range{color:var(--ds-color-text-muted);font-size:var(--ds-text-xs);gap:2px;margin:0;display:grid}.app-pagination-range strong{color:var(--ds-color-text);font-size:var(--ds-text-sm)}.app-pagination-controls{align-items:center;gap:var(--ds-space-2);display:flex}.app-pagination-controls.is-first-page{justify-content:flex-end}.app-pagination-page{min-width:92px;color:var(--ds-color-text-soft);font-size:var(--ds-text-xs);text-align:center;font-weight:800}.app-work-row{align-items:start;gap:var(--ds-space-3);grid-template-columns:minmax(0,.82fr) minmax(360px,1fr);display:grid}.app-work-main{gap:var(--ds-space-3);grid-template-columns:112px minmax(0,1fr);min-width:0;display:grid}.app-row-thumbnail{aspect-ratio:16/9;width:112px}.app-work-main h3{overflow-wrap:anywhere;margin:0}.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-processing-indicator{max-width:420px;margin-top:var(--ds-space-2);color:var(--ds-color-primary);font-size:var(--ds-text-xs);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px 10px;font-weight:900;display:grid}.app-processing-dot{background:var(--ds-color-primary);width:8px;height:8px;box-shadow:var(--ds-shadow-glow);border-radius:999px;animation:1s ease-in-out infinite app-processing-pulse}.app-processing-bar{background:color-mix(in srgb, var(--ds-color-primary) 14%, transparent);border-radius:999px;grid-column:1/-1;height:4px;position:relative;overflow:hidden}.app-processing-bar:after{content:"";border-radius:inherit;background:linear-gradient(90deg, transparent, var(--ds-color-primary), transparent);width:38%;animation:1.2s ease-in-out infinite app-processing-slide;position:absolute;inset:0 auto 0 0}.app-pill-row{margin-top:var(--ds-space-2);flex-wrap:wrap;gap:8px;display:flex}.app-work-actions-panel{align-content:start;gap:var(--ds-space-2);justify-items:stretch;min-width:0;margin-top:0;display:grid}.app-work-actions-top{justify-content:flex-end;align-items:center;gap:var(--ds-space-2);display:flex}.app-work-open-button{min-width:190px}.app-work-action-section{min-width:0;padding:var(--ds-space-2);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);background:var(--ds-color-control-surface-soft);gap:8px;display:grid}.app-work-section-label{color:var(--ds-color-text-muted);font-size:var(--ds-text-xs);text-transform:uppercase;font-weight:900}.app-work-export-section .app-export-group{background:0 0;border:0;min-height:0;padding:0}.app-work-create-panel{background:color-mix(in srgb, var(--ds-color-primary) 4%, transparent)}.app-create-controls{align-items:end;gap:var(--ds-space-2);grid-template-columns:1fr;min-width:0;display:grid}.app-create-buttons{justify-content:flex-end;gap:var(--ds-space-2);flex-wrap:wrap;display:flex}.app-create-buttons .ds-button{min-width:176px}.app-article-mode{min-width:220px}.app-generation-language-control{gap:6px;min-width:240px;display:grid}.app-generation-language-control .ds-label{margin:0}.app-generation-language{min-width:240px}.app-article-mode.is-row{grid-auto-flow:column;min-width:230px}.app-generation-language.is-row button,.app-article-mode.is-row button{white-space:nowrap}.app-export-group{border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);background:var(--ds-color-control-surface);flex-wrap:wrap;align-items:center;gap:8px;min-height:38px;padding:4px;display:inline-flex}.app-export-label{color:var(--ds-color-text-muted);font-size:var(--ds-text-xs);text-transform:uppercase;padding:0 4px;font-weight:900}.app-export-button{white-space:nowrap;gap:6px;min-height:32px;padding:0 10px}.app-export-button.is-compact{min-height:30px;padding:0 9px}.app-export-button strong{border-radius:var(--ds-radius-sm);min-height:20px;color:var(--ds-color-primary-contrast);background:var(--ds-color-primary);align-items:center;padding:0 6px;font-size:11px;font-weight:900;display:inline-flex}.app-danger-button{color:var(--ds-color-danger)}.app-detail-panel{gap:var(--ds-space-4);margin-bottom:var(--ds-space-4);display:grid}.app-detail-header{justify-content:space-between;align-items:start;gap:var(--ds-space-4);display:flex}.app-detail-header h3{margin:var(--ds-space-1) 0 0;overflow-wrap:anywhere}.app-detail-grid{gap:var(--ds-space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.app-readable-block{min-width:0}.app-readable-heading{justify-content:space-between;align-items:center;gap:var(--ds-space-3);min-height:34px;margin-bottom:var(--ds-space-3);display:flex}.app-readable-heading h4{color:var(--ds-color-primary);margin:0}.app-readable-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.app-readable-block pre{min-height:220px;max-height:520px;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);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.65;overflow:auto}.app-empty-state{justify-items:start;gap:var(--ds-space-2);display:grid}.app-empty-state p{margin:0}.app-provider-settings,.app-ai-settings-shell,.app-ai-settings-panel{gap:var(--ds-space-5);display:grid}.app-ai-settings-shell{padding:var(--ds-space-5);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);background:var(--ds-card-surface);box-shadow:var(--ds-shadow-card)}.app-settings-header,.app-settings-section{justify-content:space-between;align-items:flex-start;gap:var(--ds-space-4);display:flex}.app-settings-header h3,.app-settings-section h3{margin-top:var(--ds-space-1)}.app-settings-loading{color:var(--ds-color-text-soft);font-size:var(--ds-text-sm);align-items:center;gap:8px;font-weight:800;display:inline-flex}.app-ai-settings-tabs{width:fit-content}.app-ai-section-heading{gap:6px;min-width:0;display:grid}.app-ai-section-heading h3,.app-ai-section-heading p{overflow-wrap:anywhere;margin:0}.app-ai-section-heading p{max-width:760px;color:var(--ds-color-text-soft);font-size:var(--ds-text-sm);line-height:1.5}.app-key-grid,.app-settings-form-grid{gap:var(--ds-space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.app-settings-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.app-key-status{border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);background:var(--ds-color-control-surface);gap:4px;min-height:58px;padding:10px 12px;display:grid}.app-key-status span,.app-key-status strong,.app-settings-field span,.app-settings-field small{overflow-wrap:anywhere}.app-key-status span,.app-settings-field small{color:var(--ds-color-text-soft);font-size:var(--ds-text-xs)}.app-key-status strong{font-size:var(--ds-text-sm)}.app-key-status strong.is-ok{color:var(--ds-color-success)}.app-key-status strong.is-warning{color:var(--ds-color-warning)}.app-provider-connection-list,.app-provider-model-list{gap:var(--ds-space-3);display:grid}.app-provider-toolbar{justify-content:space-between;align-items:center;gap:var(--ds-space-3);min-width:0;padding:var(--ds-space-3);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);background:var(--ds-color-primary-soft);display:flex}.app-provider-toolbar>div{min-width:0;color:var(--ds-color-text-soft);font-size:var(--ds-text-sm);flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.app-provider-toolbar strong{color:var(--ds-color-primary);font-size:var(--ds-text-lg)}.app-provider-toolbar .app-provider-toolbar-actions{justify-content:flex-end;align-items:center;gap:var(--ds-space-2)}.app-settings-note{color:var(--ds-color-text-soft);font-size:var(--ds-text-xs);margin:0;line-height:1.5}.app-provider-connection-row{gap:var(--ds-space-4);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);grid-template-columns:minmax(190px,.34fr) minmax(0,1fr) minmax(150px,.24fr);align-items:start;display:grid}.app-provider-connection-row.is-archived{background:color-mix(in srgb, var(--ds-color-danger) 6%, transparent)}.app-provider-connection-main,.app-provider-connection-fields,.app-provider-connection-actions{min-width:0}.app-provider-connection-main{gap:var(--ds-space-2);display:grid}.app-provider-connection-main .ds-status{gap:6px;width:fit-content}.app-provider-connection-main h3,.app-provider-connection-main p,.app-provider-connection-main small{overflow-wrap:anywhere;margin:0}.app-provider-connection-main p,.app-provider-connection-main small{color:var(--ds-color-text-soft);font-size:var(--ds-text-sm);line-height:1.45}.app-provider-connection-fields{gap:var(--ds-space-3);grid-template-columns:minmax(130px,.7fr) minmax(150px,.58fr) minmax(180px,1fr) minmax(180px,.86fr);align-items:start;display:grid}.app-provider-connection-actions{gap:var(--ds-space-2);display:grid}.app-provider-connection-actions .ds-button{white-space:normal;width:100%;min-height:40px}.app-provider-model-row{gap:var(--ds-space-3);min-width:0;padding:var(--ds-space-3);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);background:var(--ds-color-control-surface);grid-template-columns:minmax(190px,.28fr) minmax(0,1fr) minmax(170px,.18fr);align-items:start;display:grid}.app-provider-model-row.is-archived{background:color-mix(in srgb, var(--ds-color-danger) 6%, transparent)}.app-provider-model-main,.app-provider-model-fields,.app-provider-model-actions{min-width:0}.app-provider-model-main{gap:var(--ds-space-2);display:grid}.app-provider-model-main .ds-status{width:fit-content}.app-provider-model-main h3,.app-provider-model-main p{overflow-wrap:anywhere;margin:0}.app-provider-model-main p{color:var(--ds-color-text-soft);font-size:var(--ds-text-sm);line-height:1.45}.app-provider-model-main .app-model-check-result{border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-sm);background:var(--ds-color-control-surface-soft);padding:8px 10px}.app-model-check-result.is-ok strong{color:var(--ds-color-success)}.app-model-check-result.is-error strong{color:var(--ds-color-danger)}.app-model-check-result.is-warning strong{color:var(--ds-color-warning)}.app-provider-model-fields{gap:var(--ds-space-3);grid-template-columns:minmax(140px,.8fr) minmax(140px,.76fr) minmax(160px,1fr) minmax(132px,.72fr);align-items:start;display:grid}.app-provider-model-actions{gap:var(--ds-space-2);flex-direction:column;justify-content:flex-end;align-items:flex-start;display:flex}.app-provider-model-actions .ds-button{white-space:normal;width:100%;min-width:0;min-height:40px;padding-inline:10px}.app-model-task-pills{flex-wrap:wrap;gap:6px;display:flex}.app-task-toggle-field{gap:8px;display:grid}.app-task-toggle-group{flex-wrap:wrap;gap:6px;display:flex}.app-task-toggle{border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-sm);min-height:34px;color:var(--ds-color-text-soft);background:var(--ds-color-control-surface-soft);font-size:var(--ds-text-sm);padding:0 10px;font-weight:800}.app-task-toggle:hover,.app-task-toggle.is-selected{color:var(--ds-color-primary-contrast);background:var(--ds-color-primary);border-color:#0000}.app-settings-static-field{min-height:74px;padding:0}.app-settings-static-field strong{border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);min-height:43px;color:var(--ds-color-text);background:var(--ds-color-control-surface-soft);font-size:var(--ds-text-sm);text-overflow:ellipsis;white-space:nowrap;align-items:center;padding:0 12px;display:flex;overflow:hidden}.app-provider-clear{min-height:43px;color:var(--ds-color-danger);align-self:end;padding-inline:12px}.app-settings-select{position:relative}.app-settings-select-menu{z-index:20;max-height:min(240px,100vh - 96px);position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto}.app-settings-select.is-open-upward .app-settings-select-menu{top:auto;bottom:calc(100% + 4px)}.app-ai-row{gap:var(--ds-space-4);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);grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);align-items:center;display:grid}.app-ai-row.is-connection{grid-template-columns:minmax(160px,.38fr) minmax(0,1fr);align-items:end}.app-ai-row-main{min-width:0}.app-ai-row-main h3,.app-ai-row-main p{overflow-wrap:anywhere;margin:0}.app-ai-row-main p{color:var(--ds-color-text-soft);font-size:var(--ds-text-sm);margin-top:6px}.app-ai-row-main .ds-status{width:fit-content;margin-top:10px;margin-right:6px}.app-ai-row-fields{gap:var(--ds-space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.app-ai-row.is-connection .app-ai-row-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.app-ai-row>.app-settings-field{min-width:0}.app-route-controls{gap:var(--ds-space-3);grid-template-columns:minmax(0,1fr) minmax(150px,.42fr);align-items:end;min-width:0;display:grid}.app-route-controls .ds-button{white-space:normal;min-height:43px}.app-settings-mode-section{gap:var(--ds-space-3);padding-top:var(--ds-space-5);display:grid}.app-pipeline-card{align-items:center;gap:var(--ds-space-5);min-width:0;padding:var(--ds-space-4) var(--ds-space-5);grid-template-columns:minmax(180px,.32fr) minmax(0,1fr);display:grid}.app-pipeline-heading{gap:4px;display:grid}.app-pipeline-heading h3,.app-pipeline-card p{margin:0}.app-pipeline-card p{color:var(--ds-color-text-soft);font-size:var(--ds-text-sm);line-height:1.5}.app-settings-mode-section+.app-settings-mode-section{margin-top:var(--ds-space-5);border-top:1px solid var(--ds-color-border)}.app-settings-mode-heading{gap:6px;display:grid}.app-settings-mode-heading h3,.app-settings-mode-heading p{margin:0}.app-settings-mode-heading p{color:var(--ds-color-text-soft);font-size:var(--ds-text-sm);line-height:1.55}.app-audio-mode-grid,.app-material-settings-grid{gap:var(--ds-space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.app-audio-mode-card,.app-material-settings-group{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-soft);align-content:start;gap:10px;display:grid}.app-audio-mode-card strong,.app-audio-mode-card span,.app-audio-mode-card small{overflow-wrap:anywhere}.app-audio-mode-card strong,.app-audio-mode-card span{color:var(--ds-color-primary)}.app-audio-mode-card strong{font-size:var(--ds-text-md)}.app-audio-mode-card span{font-weight:800;line-height:1.35}.app-audio-mode-card small{color:var(--ds-color-text-soft);line-height:1.45}.app-material-option-row{border-top:1px solid var(--ds-color-border);gap:4px;min-width:0;padding-top:10px;display:grid}.app-material-option-row strong,.app-material-option-row small{overflow-wrap:anywhere}.app-material-option-row strong{color:var(--ds-color-primary)}.app-material-option-row small{color:var(--ds-color-text-soft);line-height:1.45}.app-spin{animation:.9s linear infinite app-spin}@keyframes app-spin{to{transform:rotate(360deg)}}@keyframes app-processing-slide{0%{transform:translate(-125%)}to{transform:translate(315%)}}@keyframes app-processing-pulse{0%,to{opacity:.55;transform:scale(.82)}50%{opacity:1;transform:scale(1)}}@media (width<=1320px){.app-youtube-options-main{grid-template-columns:repeat(2,minmax(0,1fr))}.app-video-preview{gap:var(--ds-space-3);grid-template-columns:minmax(150px,.76fr) minmax(0,1fr)}.app-provider-model-row{grid-template-columns:minmax(170px,.32fr) minmax(0,1fr)}.app-provider-model-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.app-provider-model-actions{grid-column:2;justify-content:flex-end}.app-provider-model-actions .ds-button{width:auto;min-width:170px;font-size:var(--ds-text-xs);padding-inline:10px}.app-youtube-options .app-submit-button{grid-column:1/-1;width:100%}.app-youtube-options .app-mode-grid.is-compact{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.ds-shell{background:radial-gradient(ellipse 44% 24% at 50% -6%, color-mix(in srgb, var(--ds-color-primary) 20%, transparent), transparent 58%), linear-gradient(180deg, var(--ds-color-bg-soft), var(--ds-color-bg))}.app-sidebar{gap:var(--ds-space-4)}.app-sidebar-note{margin-top:0}.app-sidebar-palette{margin:0}.app-sidebar-palette .ds-palette-panel-header{flex-direction:row;align-items:center}.app-sidebar-palette .ds-palette-picker{grid-template-columns:repeat(5,minmax(0,1fr))}.app-video-preview,.app-youtube-layout,.app-url-form,.app-search-panel,.app-provider-toolbar,.app-provider-connection-row,.app-provider-connection-fields,.app-provider-model-row,.app-provider-model-fields,.app-key-grid,.app-settings-form-grid,.app-audio-mode-grid,.app-material-settings-grid,.app-ai-row,.app-ai-row.is-connection,.app-ai-row-fields,.app-route-controls,.app-pipeline-card,.app-work-row,.app-work-main,.app-submit-card .app-mode-grid.is-compact,.app-youtube-options-main,.app-youtube-options .app-mode-grid.is-compact{grid-template-columns:1fr}.app-provider-model-actions{grid-column:auto;justify-content:flex-start}.app-ai-settings-tabs{width:100%}.app-row-thumbnail{width:min(100%,220px)}.app-work-actions-panel{justify-items:stretch}.app-work-actions-top,.app-create-buttons{justify-content:flex-start}.app-mode-grid,.app-detail-grid{grid-template-columns:1fr}.app-detail-header,.app-readable-heading,.ds-palette-panel-header,.app-settings-header,.app-settings-section{flex-direction:column;align-items:flex-start}.app-readable-actions{justify-content:flex-start}.app-provider-toolbar{flex-direction:column;align-items:flex-start}}@media (width<=560px){.ds-main{padding:18px}.ds-title{font-size:28px}.app-utility-actions,.app-utility-link,.app-url-form .ds-button,.app-search-panel .ds-button,.app-provider-toolbar .ds-button,.app-submit-button,.app-settings-header .ds-button,.app-boolean-toggle,.app-boolean-toggle button,.app-generation-language-control,.app-generation-language,.app-generation-language button,.app-article-mode,.app-article-mode button,.app-work-actions-panel,.app-work-open-button,.app-work-action-section,.app-create-controls,.app-create-buttons,.app-create-buttons .ds-button,.app-export-group,.app-work-actions-top{width:100%}.app-pagination{flex-direction:column;align-items:stretch}.app-pagination-controls{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.app-pagination-controls.is-first-page{grid-template-columns:auto minmax(0,1fr)}.app-sidebar-palette .ds-palette-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.app-pagination-controls .ds-button{width:100%}.app-work-actions-top .app-work-open-button{flex:auto;min-width:0}.app-work-actions-top .app-danger-button{flex:0 0 40px}.app-create-controls{grid-template-columns:1fr}}