: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{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh}.image-app{width:min(1560px,100% - 28px);margin:28px auto}.image-shell{min-height:calc(100vh - 56px)}.image-main{align-content:start;display:grid}.image-sidebar{flex-direction:column;gap:28px;display:flex}.nav-button{text-align:left;background:0 0;border:0;width:100%}.nav-button span:last-child{color:var(--ds-color-text-muted);font-size:var(--ds-text-xs);text-transform:uppercase;font-weight:900}.sidebar-note{border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);background:var(--ds-color-control-surface);gap:12px;padding:16px;display:grid}.image-sidebar .ds-palette-panel{margin:0}.image-sidebar .ds-palette-picker{grid-template-columns:1fr}.sidebar-note p,.form-message,.empty-state p,.job-summary p{color:var(--ds-color-text-soft);margin:0;line-height:1.5}.topbar-title{color:var(--ds-color-text);font-size:var(--ds-text-xl);margin:0;line-height:1.15}.top-link{min-width:118px}.ds-theme-toggle button{justify-content:center;align-items:center;gap:6px;display:inline-flex}.workspace-message{border:1px solid color-mix(in srgb, var(--ds-color-danger) 34%, transparent);border-radius:var(--ds-radius-md);color:var(--ds-color-text);background:color-mix(in srgb, var(--ds-color-danger) 10%, transparent);margin-bottom:18px;padding:12px 14px}.limit-strip{border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);background:var(--ds-color-primary-soft);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:12px;padding:12px 14px;display:flex}.limit-strip div{flex-wrap:wrap;gap:8px;display:flex}.limit-strip span:not(.ds-label){border:1px solid var(--ds-color-border);min-height:28px;color:var(--ds-color-text-soft);font-size:var(--ds-text-xs);border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-weight:850;display:inline-flex}.limit-strip strong{color:var(--ds-color-primary)}.screen-grid{gap:var(--ds-space-4);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.image-hero{grid-column:1/-1;margin-bottom:4px}.generation-workspace{align-items:start;gap:var(--ds-space-4);grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(340px,420px);display:grid}.generation-left-column,.prompt-panel,.generation-settings-panel,.queue-panel{align-content:start;gap:18px;display:grid}.prompt-field{gap:10px}.prompt-textarea,.prompt-textarea.secondary{min-height:132px}.prompt-actions,.submit-row,.panel-heading,.image-meta,.modal-toolbar,.modal-actions,.history-side,.job-specs,.history-tags{align-items:center;gap:12px;display:flex}.prompt-actions,.submit-row,.panel-heading,.image-meta,.modal-toolbar{justify-content:space-between}.compact-segment,.count-segment{width:fit-content}.prompt-preflight-note{border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);min-height:38px;color:var(--ds-color-text-soft);background:var(--ds-color-primary-soft);font-size:var(--ds-text-sm);flex-wrap:wrap;align-items:center;gap:8px;padding:9px 11px;font-weight:750;line-height:1.35;display:flex}.prompt-preflight-note svg{color:var(--ds-color-primary);flex:none}.prompt-preflight-note strong{border:1px solid var(--ds-color-border);min-height:24px;color:var(--ds-color-primary);background:var(--ds-color-control-surface);font-size:var(--ds-text-xs);border-radius:999px;align-items:center;padding:0 8px;font-weight:900;display:inline-flex}.control-grid{gap:14px;display:grid}.generation-settings-panel .control-grid{grid-template-columns:1fr}.generation-settings-panel .panel-heading h2{font-size:var(--ds-text-lg)}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.choice-button{border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);min-height:42px;color:var(--ds-color-text-soft);background:var(--ds-color-control-surface);text-align:left;align-content:center;padding:7px 10px;display:grid}.choice-button span{overflow-wrap:anywhere;color:inherit;font-size:var(--ds-text-sm);font-weight:850}.choice-button small{color:var(--ds-color-text-muted);font-size:var(--ds-text-xs);margin-top:3px;font-weight:800}.choice-button:hover,.choice-button.is-selected{border-color:var(--ds-color-border-strong);color:var(--ds-color-text);box-shadow:var(--ds-shadow-glow)}.choice-button.is-selected{background:var(--ds-color-primary-soft)}.custom-select{align-content:start}.model-select-dropdown{z-index:20}.custom-select .ds-select-button span,.custom-select .ds-select-button small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.custom-select .ds-select-button small{color:var(--ds-color-text-muted);font-size:var(--ds-text-xs);margin-left:auto;font-weight:900}.custom-select .ds-select-menu{z-index:30;max-height:260px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:auto}.custom-select .ds-select-option{gap:2px;display:grid}.custom-select .ds-select-option small{color:inherit;font-size:var(--ds-text-xs);opacity:.72}.submit-button{min-width:150px}.ds-button:disabled,.count-segment button:disabled,.submit-button:disabled,.danger-button:disabled{cursor:not-allowed;opacity:.48}.queue-panel{gap:14px}.panel-heading h2,.job-summary h3,.history-item h2{margin:4px 0 0}.panel-heading svg{color:var(--ds-color-primary)}.job-summary{gap:14px;display:grid}.queue-panel .job-summary{gap:10px}.job-summary h3,.history-item h2{color:var(--ds-color-text);font-size:var(--ds-text-lg);overflow-wrap:anywhere;line-height:1.32}.history-item h2{font-weight:400}.queue-panel .job-summary h3{font-size:var(--ds-text-md);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.job-specs,.history-tags{flex-wrap:wrap}.job-specs span,.history-tags span{border:1px solid var(--ds-color-border);min-height:28px;color:var(--ds-color-text-soft);font-size:var(--ds-text-xs);border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-weight:850;display:inline-flex}.error-text{color:var(--ds-color-danger)}.library-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.image-tile,.history-item,.empty-state{border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);background:var(--ds-card-surface);box-shadow:var(--ds-shadow-card)}.image-tile{overflow:hidden}.image-preview{background:var(--ds-color-surface-1);border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.image-preview img,.image-modal img{object-fit:contain;width:100%;height:100%;display:block}.image-preview span{width:34px;height:34px;color:var(--ds-color-primary-contrast);background:var(--ds-color-primary);box-shadow:var(--ds-shadow-glow);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:10px;right:10px}.image-meta{padding:12px}.image-meta div{gap:2px;min-width:0;display:grid}.image-meta strong,.image-meta span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.image-meta span,.history-side span,.modal-toolbar span{color:var(--ds-color-text-muted);font-size:var(--ds-text-xs);font-weight:800}.danger-button:hover{color:var(--ds-color-danger)}.history-list{gap:12px;display:grid}.history-lead{max-width:620px;color:var(--ds-color-text-soft);font-size:var(--ds-text-md);margin:12px 0 0;line-height:1.55}.history-load-more{justify-content:center;padding-top:16px;display:flex}.history-complete{color:var(--ds-color-text-muted);font-size:var(--ds-text-sm);text-align:center;margin:16px 0 0;font-weight:800}.provider-admin{gap:18px;display:grid}.provider-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.provider-card{align-content:start;gap:16px;display:grid}.provider-card-wide{grid-column:1/-1}.provider-form{gap:14px;display:grid}.admin-tabs{border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);background:var(--ds-color-control-surface);grid-template-columns:repeat(2,minmax(104px,1fr));gap:4px;width:fit-content;max-width:100%;padding:4px;display:inline-grid}.admin-tabs button{border-radius:var(--ds-radius-sm);min-height:34px;color:var(--ds-color-text-muted);font:inherit;font-size:var(--ds-text-xs);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-weight:900;display:inline-flex}.admin-tabs button:hover{color:var(--ds-color-text);background:var(--ds-color-primary-soft)}.admin-tabs button.is-selected{color:var(--ds-color-primary-contrast);background:var(--ds-color-primary);box-shadow:var(--ds-shadow-glow)}.admin-tabs span{color:var(--ds-color-primary)}.admin-tabs button.is-selected span{color:inherit}.provider-segment{grid-template-columns:repeat(2,minmax(92px,1fr));grid-auto-flow:row;width:fit-content;max-width:100%}.provider-choice-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.model-preset-group{align-content:start}.model-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.model-preset-button{text-align:left;min-height:52px}.connection-name-cell,.connection-actions,.model-name-cell,.model-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.connection-name-input,.model-name-input{min-width:190px}.connection-actions .ds-button,.connection-name-cell .ds-button,.model-actions .ds-button,.model-name-cell .ds-button{min-height:34px;padding:0 10px}.ds-table tr.is-archived td{color:var(--ds-color-text-muted)}.field-note{color:var(--ds-color-text-muted);font-size:var(--ds-text-sm);grid-column:1/-1;margin:0;font-weight:800}.model-route-list{gap:12px;display:grid}.model-route-item{border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);background:var(--ds-color-control-surface-soft);gap:12px;padding:14px;display:grid}.model-route-item.is-archived{opacity:.72}.model-route-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.model-route-item h3,.model-route-item p{margin:0}.model-route-item h3{overflow-wrap:anywhere;color:var(--ds-color-text);font-size:var(--ds-text-md)}.model-route-item p,.route-stack{color:var(--ds-color-text-soft);font-size:var(--ds-text-sm);overflow-wrap:anywhere;line-height:1.45}.route-stack{gap:6px;display:grid}.history-item{grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:18px;display:grid}.history-main{gap:10px;min-width:0;display:grid}.history-main p{color:var(--ds-color-text-soft);overflow-wrap:anywhere;margin:0;line-height:1.5}.history-side{flex-direction:column;justify-content:space-between;align-items:flex-end}.empty-state{min-height:240px;color:var(--ds-color-text-muted);text-align:center;place-items:center;padding:28px;display:grid}.empty-state svg{color:var(--ds-color-primary)}.modal-backdrop{z-index:20;background:#03060ec7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.image-modal{border:1px solid var(--ds-color-border-strong);border-radius:var(--ds-radius-md);background:var(--ds-color-surface-0);width:min(1120px,100%);max-height:calc(100vh - 48px);box-shadow:var(--ds-shadow-card), var(--ds-shadow-glow);grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.modal-toolbar{border-bottom:1px solid var(--ds-color-border);padding:14px}.modal-message{border-bottom:1px solid var(--ds-color-border);color:var(--ds-color-danger);background:color-mix(in srgb, var(--ds-color-danger) 10%, transparent);font-size:var(--ds-text-sm);margin:0;padding:10px 14px;font-weight:800}.modal-toolbar div:first-child{gap:4px;display:grid}.modal-counter{border:1px solid var(--ds-color-border);width:fit-content;color:var(--ds-color-primary);background:var(--ds-color-primary-soft);border-radius:999px;padding:2px 8px}.modal-actions{justify-content:flex-end}.modal-body{flex-direction:column;min-height:0;display:flex}.modal-image-stage{flex:auto;min-height:0;position:relative}.modal-navigation{pointer-events:none;justify-content:space-between;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.modal-nav-button{border-color:var(--ds-color-border-strong);background:color-mix(in srgb, var(--ds-color-bg) 88%, transparent);width:46px;height:46px;color:var(--ds-color-text);pointer-events:auto;box-shadow:var(--ds-shadow-card)}.modal-nav-button:hover:not(:disabled){color:var(--ds-color-primary);box-shadow:var(--ds-shadow-glow)}.modal-nav-button:disabled{cursor:not-allowed;opacity:.32}.auth-app{background:var(--ds-shell-bg);place-items:center;min-height:calc(100vh - 56px);display:grid}.auth-panel{border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);background:var(--ds-card-surface);width:min(520px,100% - 32px);box-shadow:var(--ds-shadow-card);gap:18px;padding:28px;display:grid}.auth-panel .ds-palette-panel{margin:0}.auth-panel .ds-palette-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.auth-panel h1{font-size:var(--ds-text-display);margin:0;line-height:1.08}.auth-panel p{color:var(--ds-color-text-soft);margin:0}.loading-track{background:var(--ds-color-control-surface);border-radius:999px;height:6px;overflow:hidden}.loading-track span{border-radius:inherit;background:var(--ds-color-primary);width:42%;height:100%;animation:1.4s ease-in-out infinite loading-slide;display:block}.spin-icon{animation:1s linear infinite spin}@keyframes loading-slide{0%{transform:translate(-110%)}to{transform:translate(250%)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1120px){.generation-workspace{grid-template-columns:1fr}}@media (width<=760px){.image-app{width:min(100% - 16px,760px);margin:8px auto}.image-shell{min-height:calc(100vh - 16px)}.image-main{padding:18px}.image-sidebar{padding:20px}.ds-nav{grid-template-columns:1fr}.ds-topbar,.prompt-actions,.submit-row,.modal-toolbar,.history-item{flex-direction:column;align-items:stretch}.ds-topbar,.prompt-actions,.submit-row,.modal-toolbar{display:flex}.ds-actions,.modal-actions{justify-content:stretch}.top-link,.submit-button,.ds-actions .ds-button{width:100%}.control-grid,.choice-grid,.model-preset-grid,.provider-choice-list,.history-item{grid-template-columns:1fr}.history-side{align-items:stretch}.library-grid,.provider-admin-grid{grid-template-columns:1fr}}@media (width<=520px){.auth-panel .ds-palette-picker{grid-template-columns:1fr}}