@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css";

:root{--red-700:#d04747;--red-500:#e35454;--red-200:#f2a09b;--red-50:#fdf2f1;--blue-900:#020a1a;--blue-700:#051230;--blue-400:#3a4b78;--blue-500:#6b7590;--blue-300:#a9b0bf;--neutral-0:#fff;--neutral-50:#faf9f7;--neutral-100:#f7f6f4;--neutral-200:#efeeeb;--neutral-250:#e6e4e0;--neutral-300:#e4e2de;--neutral-400:#dad8d4;--neutral-600:#9a978f;--ok-50:#e8f7f1;--ok-100:#c9ecde;--ok-500:#2fb383;--ok-600:#1a7f5a;--ok-inverse:#4fd1a5;--ng-50:#fdecf0;--ng-100:#f9d0da;--ng-500:#e8436d;--ng-600:#c42a52;--ng-inverse:#ff5c85;--caution-50:#fdf5e3;--caution-100:#f9e6b8;--caution-500:#f0b53a;--caution-600:#9a6200;--caution-inverse:#ffc857;--info-50:#eaf0fd;--info-100:#cfdcfa;--info-500:#4f7cf0;--info-600:#2f5bd0;--info-inverse:#8fb0ff;--viz-1:var(--blue-700);--viz-2:var(--blue-400);--viz-3:var(--red-500);--viz-4:var(--ok-500);--viz-5:var(--info-500);--viz-6:var(--caution-500);--viz-7:var(--blue-300);--viz-8:var(--neutral-400);--bg:var(--neutral-100);--surface:var(--neutral-0);--surface-2:var(--neutral-50);--surface-3:var(--neutral-250);--surface-field:var(--neutral-200);--surface-inset:#00000008;--surface-inverse:var(--blue-700);--overlay:#0512308c;--border:var(--neutral-300);--border-strong:var(--neutral-400);--hairline:#0000000d;--text:var(--blue-700);--text-secondary:var(--blue-400);--text-muted:var(--blue-500);--text-disabled:var(--blue-300);--text-inverse:#fff;--frame:var(--red-500);--frame-strong:var(--red-700);--on-frame:#fff;--accent:var(--red-500);--accent-hover:var(--red-700);--accent-press:var(--red-700);--accent-text:var(--red-700);--accent-tint:var(--red-50);--accent-line:var(--red-200);--text-on-accent:#fff;--btn-primary:#d04747;--btn-primary-hover:#b83a3a;--on-btn-primary:#fff;--brand-strong:var(--blue-700);--brand-strong-hover:var(--blue-900);--on-brand-strong:#fff;--link:var(--blue-700);--link-hover:var(--blue-900);--focus:var(--blue-700);--logo-take:var(--red-700);--go-500:var(--red-700);--ok-text:var(--ok-600);--ok-bg:var(--ok-50);--ok-line:var(--ok-100);--ng-text:var(--ng-600);--ng-bg:var(--ng-50);--ng-line:var(--ng-100);--caution-text:var(--caution-600);--caution-bg:var(--caution-50);--caution-line:var(--caution-100);--info-text:var(--info-600);--info-bg:var(--info-50);--info-line:var(--info-100);--ok:var(--ok-600);--ng:var(--ng-600);--caution:var(--caution-600);--info:var(--info-600);--coral-50:var(--red-50);--coral-100:#fce5e3;--coral-200:#f8ccc9;--coral-300:var(--red-200);--coral-400:#ea6a6a;--coral-500:var(--red-500);--coral-600:var(--red-700);--coral-700:#b83a3a;--coral-800:#8f2b2b;--coral-900:#661f1f;--coral-tint:#2a1426;--coral-line:#4d2230;--indigo-50:#eef1f8;--indigo-100:#dde3f0;--indigo-200:#c3cbe0;--indigo-300:var(--blue-300);--indigo-400:#8a95b3;--indigo-500:var(--blue-500);--indigo-600:var(--blue-400);--indigo-650:#2a3f73;--indigo-700:#1a2c5a;--indigo-800:#102248;--indigo-900:#0a1a3d;--indigo-950:var(--blue-700);--indigo-990:var(--blue-900);--stone-0:var(--neutral-0);--stone-50:var(--neutral-50);--stone-100:var(--neutral-100);--stone-200:var(--neutral-200);--stone-300:var(--neutral-300);--stone-400:var(--neutral-400);--stone-500:#b5b0a8;--stone-600:var(--neutral-600);--stone-700:#6b6760;--stone-800:#4a4743;--stone-900:#2b2927;--ink-950:var(--blue-700);--ink-900:#0a1a3d;--ink-800:#102248;--ink-700:#1a2c5a;--ink-600:#2a3f73;--ink-400:#8a95b3;--ink-200:#b3bcd4;--ink-50:#e8ecf5;--paper-0:var(--neutral-100);--paper-100:var(--neutral-0);--paper-200:var(--neutral-50);--paper-300:var(--neutral-200);--paper-line:var(--neutral-300);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark],.theme-dark{--bg:var(--blue-900);--surface:#0a1a3d;--surface-2:#102248;--surface-3:#1a2c5a;--surface-field:#102248;--surface-inset:#02081a80;--surface-inverse:#fff;--overlay:#02081ab3;--border:#1a2c5a;--border-strong:#2a3f73;--hairline:#ffffff12;--text:#e8ecf5;--text-secondary:#b3bcd4;--text-muted:#8a95b3;--text-disabled:#5f6886;--text-inverse:var(--blue-700);--accent:var(--red-500);--accent-hover:#ea6a6a;--accent-press:var(--red-700);--accent-text:var(--red-200);--accent-tint:#2a1426;--accent-line:#4d2230;--text-on-accent:#fff;--brand-strong:#e8ecf5;--brand-strong-hover:#fff;--on-brand-strong:var(--blue-700);--link:#e8ecf5;--link-hover:#fff;--focus:#e8ecf5;--logo-take:var(--red-500);--go-500:var(--red-500);--ok-text:var(--ok-inverse);--ok-bg:#0f2b33;--ok-line:#1d4a47;--ng-text:var(--ng-inverse);--ng-bg:#2a1437;--ng-line:#4d2146;--caution-text:var(--caution-inverse);--caution-bg:#2a2530;--caution-line:#4a3d2e;--info-text:var(--info-inverse);--info-bg:#13244f;--info-line:#253d7a;--ok:var(--ok-inverse);--ng:var(--ng-inverse);--caution:var(--caution-inverse);--info:var(--info-inverse);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light],.theme-light{--bg:var(--neutral-100);--surface:var(--neutral-0);--surface-2:var(--neutral-50);--surface-3:var(--neutral-250);--surface-field:var(--neutral-200);--surface-inset:#00000008;--surface-inverse:var(--blue-700);--overlay:#0512308c;--border:var(--neutral-300);--border-strong:var(--neutral-400);--hairline:#0000000d;--text:var(--blue-700);--text-secondary:var(--blue-400);--text-muted:var(--blue-500);--text-disabled:var(--blue-300);--text-inverse:#fff;--accent:var(--red-500);--accent-hover:var(--red-700);--accent-press:var(--red-700);--accent-text:var(--red-700);--accent-tint:var(--red-50);--accent-line:var(--red-200);--text-on-accent:#fff;--brand-strong:var(--blue-700);--brand-strong-hover:var(--blue-900);--on-brand-strong:#fff;--link:var(--blue-700);--link-hover:var(--blue-900);--focus:var(--blue-700);--logo-take:var(--red-700);--go-500:var(--red-700);--ok-text:var(--ok-600);--ok-bg:var(--ok-50);--ok-line:var(--ok-100);--ng-text:var(--ng-600);--ng-bg:var(--ng-50);--ng-line:var(--ng-100);--caution-text:var(--caution-600);--caution-bg:var(--caution-50);--caution-line:var(--caution-100);--info-text:var(--info-600);--info-bg:var(--info-50);--info-line:var(--info-100);--ok:var(--ok-600);--ng:var(--ng-600);--caution:var(--caution-600);--info:var(--info-600);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}
:root{--font-display:"Anton","Pretendard",sans-serif;--font-slate:"Bebas Neue","Anton",sans-serif;--font-sans:"Pretendard",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"IBM Plex Mono","Pretendard","SFMono-Regular",Menlo,monospace;--text-2xs:11px;--text-xs:12px;--text-sm:13px;--text-base:15px;--text-md:16px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:36px;--text-4xl:48px;--text-5xl:64px;--text-6xl:88px;--text-7xl:120px;--leading-none:1;--leading-tight:1.12;--leading-snug:1.3;--leading-body:1.65;--tracking-tighter:-.03em;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.08em;--tracking-label:.14em;--tracking-caps:.22em;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--fw-black:900}
:root{--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--gutter:24px;--page-max:1280px;--page-pad:40px;--rail-w:240px;--rail-w-collapsed:64px;--topbar-h:64px;--bp-sm:640px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--grid-cols:12}
:root{--radius-none:0;--radius-xs:2px;--radius-sm:4px;--radius-pill:999px;--bd:1px solid var(--border);--bd-strong:1px solid var(--border-strong);--bd-accent:1px solid var(--accent-line);--focus-ring:0 0 0 2px var(--bg),0 0 0 4px var(--focus);--shadow-none:none;--shadow-1:0 1px 2px #0512300f;--shadow-2:0 6px 16px -4px #05123024;--shadow-3:0 24px 56px -16px #05123052;--shadow-pop:var(--shadow-3);--shadow-lift:var(--shadow-2);--glow-accent:0 0 0 1px var(--accent-line),0 0 24px -6px #e3545466;--z-base:0;--z-sticky:10;--z-dropdown:20;--z-overlay:40;--z-modal:50;--z-toast:60;--z-tooltip:70;--dur-1:.1s;--dur-2:.18s;--dur-3:.28s;--ease-cut:cubic-bezier(.2,.8,.2,1);--ease-out:cubic-bezier(.16,1,.3,1);--ease-slate:steps(2,end)}@keyframes st-recblink{0%,49%{opacity:1}50%,to{opacity:.15}}@keyframes st-cutwipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes st-clapdown{0%{transform:rotate(-24deg)}30%{transform:rotate(0)}70%{transform:rotate(0)}to{transform:rotate(-24deg)}}@keyframes st-scan{0%{transform:translateY(-100%)}to{transform:translateY(400%)}}@keyframes st-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes st-spin{to{transform:rotate(360deg)}}@keyframes st-fadeup{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes st-fadein{0%{opacity:0}to{opacity:1}}@keyframes st-popin{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:none}}

*,:before,:after{box-sizing:border-box}
.viewer-shell{width:min(1280px,100% - 40px);margin:0 auto;padding:28px 0 56px}.home-hero{box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#2556e01a,#ffbe242e),#fff;border:1px solid #2556e029;border-radius:28px;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:stretch;gap:24px;margin-bottom:26px;padding:clamp(24px,4vw,46px);display:grid}.home-hero__copy{align-content:center;gap:16px;display:grid}.home-hero h1{letter-spacing:0;max-width:760px;margin:0;font-size:clamp(36px,6vw,72px);line-height:1.04}.home-hero p{max-width:680px;color:var(--muted);margin:0;font-size:18px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:10px;display:flex}.home-hero__panel{color:#fff;background:linear-gradient(145deg,#2556e0f0,#1d45b8cc),var(--brand-blue);border-radius:24px;align-content:end;gap:10px;min-height:260px;padding:24px;display:grid;overflow:hidden}.home-hero__panel strong{font-size:28px;line-height:1.15}.home-hero__panel span{color:#ffffffc7;font-weight:800}.home-section-stack{gap:26px;display:grid}.content-shelf{border:1px solid var(--border-subtle);min-width:0;box-shadow:var(--shadow-sm);background:#fff;border-radius:20px;gap:18px;padding:22px;display:grid}.content-shelf .section-heading{margin-bottom:0}.content-shelf .section-heading h2{font-size:24px}.login-shell{background:linear-gradient(135deg,#2556e01a,#ffbe2429),var(--page-bg);place-items:center;min-height:100vh;padding:28px;display:grid}.login-panel{border:1px solid var(--border-subtle);width:min(100%,460px);box-shadow:var(--shadow-lg);background:#fff;border-radius:24px;gap:22px;padding:30px;display:grid}.login-brand{justify-self:start}.login-panel h1{margin:0;font-size:34px;line-height:1.15}.login-panel p{color:var(--muted);margin:10px 0 0;line-height:1.65}@media (max-width:960px){.viewer-shell{width:min(1280px,100% - 28px);padding-top:18px}.home-hero{grid-template-columns:1fr}.home-hero__panel{min-height:180px}}@media (max-width:640px){.viewer-shell{width:min(1280px,100% - 24px);padding-bottom:40px}.home-hero{border-radius:20px;gap:18px;padding:20px}.home-hero h1{font-size:34px;line-height:1.08}.home-hero p{font-size:15px;line-height:1.6}.home-hero__panel{border-radius:18px;min-height:150px;padding:20px}.home-hero__panel strong{font-size:22px}.content-shelf{border-radius:16px;gap:16px;padding:18px}}
.studio-shell{background:var(--page-bg);grid-template-columns:252px minmax(0,1fr);min-height:100vh;display:grid}.studio-sidebar{border-right:1px solid var(--border-subtle);background:#fff;height:100vh;padding:22px 14px;position:sticky;top:0}.studio-logo{gap:4px;margin-bottom:22px;padding:0 8px;display:grid}.studio-logo strong{font-size:22px;font-weight:900}.studio-logo small{color:var(--muted);font-size:13px;font-weight:800}.studio-sidebar nav{gap:6px;display:grid}.studio-sidebar nav a{min-height:40px;color:var(--ink);border-radius:12px;align-items:center;padding:0 12px;font-size:14px;font-weight:850;text-decoration:none;display:flex}.studio-sidebar nav a:hover{color:var(--brand-blue);background:#eff4ff;text-decoration:none}.studio-content{align-content:start;gap:20px;min-width:0;padding:34px;display:grid}.studio-topbar{border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);background:#fff;border-radius:20px;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px;display:flex}.studio-topbar h1{margin:0;font-size:34px;line-height:1.15}.studio-topbar p:last-child{color:var(--muted);margin:8px 0 0}@media (max-width:840px){.studio-shell{grid-template-columns:1fr}.studio-sidebar{border-right:0;border-bottom:1px solid var(--border-subtle);height:auto;position:static}.studio-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-content{padding:22px 14px}.studio-topbar{flex-direction:column}}
.admin-shell{min-height:100vh;color:var(--ink);font-family:var(--font-ui);background:var(--page-bg);grid-template-columns:248px minmax(0,1fr);font-size:15px;line-height:1.5;display:grid}.admin-sidebar{border-right:1px solid var(--border-subtle);background:var(--surface);height:100vh;padding:24px 16px;position:sticky;top:0;overflow-y:auto}.admin-sidebar-header{display:block}.admin-logo{gap:4px;margin:0 8px 28px;display:grid}.admin-logo strong{color:var(--brand-blue);letter-spacing:-.02em;font-size:19px;font-weight:800;line-height:1.2}.admin-logo small{color:var(--muted);font-size:12px;font-weight:700}.admin-mobile-menu-button{border:1px solid var(--border-subtle);border-radius:var(--radius-md);min-height:44px;color:var(--ink);background:var(--surface);font:inherit;cursor:pointer;align-items:center;gap:8px;padding:0 14px;font-weight:800;display:none}.admin-mobile-menu-button svg{width:20px;height:20px}.admin-mobile-menu-button:focus-visible{border-color:var(--brand-blue);box-shadow:0 0 0 4px var(--ring);outline:none}.admin-sidebar nav{gap:24px;display:grid}.admin-nav-section{gap:8px;display:grid}.admin-nav-section__label{color:var(--muted);letter-spacing:.08em;margin:0 12px;font-size:11px;font-weight:800;line-height:1.4}.admin-nav-section__items{gap:4px;display:grid}.admin-nav-link{border-radius:var(--radius-md);min-height:42px;color:var(--ink);border:1px solid #0000;align-items:center;gap:10px;padding:0 12px;font-weight:700;text-decoration:none;transition:background-color .16s,border-color .16s,color .16s;display:flex}.admin-nav-link:hover{color:var(--brand-blue);background:var(--blue-soft);text-decoration:none}.admin-nav-link--active{border-color:color-mix(in srgb,var(--brand-blue)20%,transparent);color:var(--brand-blue);background:var(--blue-soft);box-shadow:inset 3px 0 0 var(--brand-blue)}.admin-nav-link:focus-visible{box-shadow:0 0 0 4px var(--ring);outline:none}.admin-nav-link__icon{flex:none;width:18px;height:18px}.admin-content{min-width:0;padding:32px}.admin-topbar{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding-bottom:20px;display:flex}.admin-topbar h1{letter-spacing:-.02em;margin:0;font-size:28px;line-height:1.2}.admin-topbar p{color:var(--muted);margin:4px 0 0}.admin-topbar .eyebrow{color:var(--brand-blue);margin:0 0 4px}.admin-content>.upload-surface{border-color:var(--border-subtle);background:var(--surface);box-shadow:none}.admin-page-stack{gap:20px;display:grid}.admin-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.admin-summary-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface);gap:6px;min-height:120px;padding:18px;display:grid}.admin-summary-card--brand{border-color:color-mix(in srgb,var(--brand-blue)24%,var(--border-subtle));background:color-mix(in srgb,var(--blue-soft)48%,var(--surface))}.admin-summary-card--danger{border-color:color-mix(in srgb,var(--danger-500)32%,var(--border-subtle));background:color-mix(in srgb,var(--danger-50)68%,var(--surface))}.admin-summary-card--warning{border-color:var(--warning-200);background:var(--warning-50)}.admin-summary-card__label,.admin-summary-card__help{color:var(--muted);margin:0;font-size:13px}.admin-summary-card__label{font-weight:800}.admin-summary-card__value{color:var(--ink);letter-spacing:-.03em;margin:0;font-size:30px;font-weight:800;line-height:1.1}.admin-filter-panel,.admin-detail-panel{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface);padding:18px}.admin-filter-grid{grid-template-columns:repeat(4,minmax(150px,1fr));align-items:end;gap:12px;display:grid}.admin-filter-field--support{grid-column:span 3}.admin-filter-grid label{color:var(--ink);gap:7px;font-size:13px;font-weight:800;display:grid}.admin-filter-grid input,.admin-filter-grid select{border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;min-height:42px;color:var(--ink);background:var(--surface);outline:none;padding:0 12px}.admin-filter-grid input:focus,.admin-filter-grid select:focus{border-color:var(--brand-blue);box-shadow:0 0 0 4px var(--ring)}.admin-filter-actions{justify-content:flex-end;gap:8px;display:flex}.admin-generation-workspace{grid-template-columns:minmax(0,1.75fr) minmax(320px,.8fr);align-items:start;gap:16px;display:grid}.admin-generation-list-pane{min-width:0}.admin-generation-detail-pane{min-width:0;position:sticky;top:24px}.admin-generation-detail-pane .admin-detail-grid{grid-template-columns:1fr}.admin-generation-detail-empty{border:1px dashed var(--border-subtle);border-radius:var(--radius-lg);min-height:220px;color:var(--muted);background:var(--surface);padding:28px}.admin-generation-detail-empty strong{color:var(--ink)}.admin-generation-detail-empty p{margin:8px 0 0}.admin-generation-mobile-detail-row{display:none}.admin-table-shell{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface);width:100%;overflow-x:auto}.admin-data-table{border-collapse:collapse;width:100%;min-width:920px}.admin-data-table th,.admin-data-table td{border-bottom:1px solid var(--border-subtle);text-align:left;vertical-align:middle;padding:13px 14px}.admin-data-table th{color:var(--muted);background:var(--page-bg);letter-spacing:.03em;white-space:nowrap;font-size:12px;font-weight:800}.admin-data-table tbody tr:last-child td{border-bottom:0}.admin-data-table tbody tr:hover{background:color-mix(in srgb,var(--blue-soft)34%,var(--surface))}.admin-data-table tbody tr:focus-within{outline:2px solid var(--brand-blue);outline-offset:-2px}.admin-data-table tbody .admin-data-row--selected{background:color-mix(in srgb,var(--blue-soft)68%,var(--surface));box-shadow:inset 3px 0 0 var(--brand-blue)}.admin-table-button{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.admin-table-button:focus-visible{border-radius:var(--radius-md);box-shadow:0 0 0 4px var(--ring);outline:none}.admin-data-value{min-width:0}.admin-table-empty{min-height:180px;color:var(--muted);text-align:center;padding:48px 20px}.admin-status-chip{white-space:nowrap;border-radius:999px;align-items:center;min-height:26px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.admin-status-chip--open{color:var(--danger-700);background:var(--danger-50)}.admin-status-chip--resolved{color:var(--success-700);background:var(--success-50)}.admin-status-chip--neutral{color:var(--muted);background:var(--page-bg)}.admin-status-chip--warning{color:var(--warning-700);background:var(--warning-50)}.admin-detail-panel{border-color:color-mix(in srgb,var(--brand-blue)20%,var(--border-subtle));gap:18px;display:grid}.admin-detail-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.admin-detail-header h3,.admin-detail-header p{margin:0}.admin-detail-header h3{margin-top:8px}.admin-detail-header p{color:var(--muted);margin-top:4px}.admin-status-form{gap:8px;margin-top:14px;display:grid}.admin-status-actions{flex-wrap:wrap;gap:8px;display:flex}.admin-status-form .form-message{margin:0}.admin-pagination{justify-content:flex-end;display:flex}.admin-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin:0;display:grid}.admin-detail-grid>div{border-top:1px solid var(--border-subtle);min-width:0;padding-top:12px}.admin-detail-grid dt{color:var(--muted);font-size:12px;font-weight:800}.admin-detail-grid dd{color:var(--ink);margin:5px 0 0}.admin-copy-row{align-items:center;gap:8px;display:flex}.admin-id-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;overflow:hidden}.admin-search-form{grid-template-columns:minmax(220px,320px) auto;justify-content:end;align-items:end;gap:10px;margin:14px 0 18px;display:grid}.admin-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0 18px;display:flex}.admin-member-row{grid-template-columns:minmax(260px,1fr) auto minmax(360px,auto);align-items:center;gap:18px;display:grid}.admin-credit-row{grid-template-columns:minmax(260px,.85fr) minmax(420px,1.15fr);align-items:center;gap:22px;display:grid}.admin-member-primary{min-width:0}.admin-inline-form{white-space:nowrap;align-items:center;gap:8px;display:flex}.admin-inline-form label{align-items:center;gap:6px;margin:0;font-weight:800;display:flex}.admin-inline-form select{border:1.5px solid var(--border-subtle);background:var(--surface);border-radius:8px;min-height:34px;padding:0 8px}.admin-credit-form{grid-template-columns:minmax(140px,.65fr) minmax(220px,1fr) auto;align-items:end;gap:10px;display:grid}.admin-form-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.admin-credit-form .form-message{grid-column:1/-1}.admin-secondary-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.admin-secondary-actions small{color:var(--muted);font-size:13px;line-height:1.4}.admin-secondary-actions--credits{margin-top:12px}.review-row{grid-template-columns:112px minmax(0,1fr) auto minmax(260px,auto);align-items:center;display:grid}.review-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.review-actions form{align-items:center;gap:8px;display:flex}.review-actions input,.review-actions select{box-sizing:border-box;border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);min-height:36px;color:var(--ink);background:var(--surface);padding:0 12px}.review-actions input:focus,.review-actions select:focus{border-color:var(--brand-blue);box-shadow:0 0 0 4px var(--ring);outline:none}.review-media{width:100%}.review-media__preview-button{border:1px solid color-mix(in srgb,var(--brand-blue)16%,transparent);border-radius:var(--radius-md);aspect-ratio:16/9;background:var(--info-50);cursor:pointer;width:100%;padding:0;display:block;position:relative;overflow:hidden}.review-media__preview-button:disabled{cursor:not-allowed;opacity:.68}.review-media__preview-button img{object-fit:cover;width:100%;height:100%;display:block}.review-media__placeholder{height:100%;color:var(--muted);place-items:center;font-size:13px;font-weight:800;display:grid}.review-media__overlay{color:var(--surface);background:color-mix(in srgb,var(--ink)78%,transparent);border-radius:999px;padding:4px 8px;font-size:12px;font-weight:800;position:absolute;bottom:8px;right:8px}@media (max-width:1100px){.admin-shell{grid-template-columns:216px minmax(0,1fr)}.admin-content{padding:24px 20px}.admin-filter-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.admin-filter-field--support,.admin-filter-actions{grid-column:1/-1}.admin-generation-workspace{grid-template-columns:1fr}.admin-generation-detail-pane{position:static}}@media (max-width:820px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{border-right:0;border-bottom:1px solid var(--border-subtle);height:auto;padding:18px 16px;position:static;overflow:visible}.admin-sidebar-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.admin-logo{margin-bottom:18px}.admin-sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.admin-summary-grid,.admin-detail-grid{grid-template-columns:1fr}}@media (max-width:760px){.admin-mobile-menu-button{display:inline-flex}.admin-logo{margin-bottom:0}.admin-sidebar .admin-navigation{display:none}.admin-sidebar .admin-navigation--open{grid-template-columns:1fr;gap:16px;margin-top:16px;display:grid}.admin-filter-grid{grid-template-columns:1fr}.admin-filter-field--support,.admin-filter-actions{grid-column:auto}.admin-content{padding:20px 16px}.admin-topbar,.admin-detail-header{flex-direction:column;align-items:flex-start}.admin-summary-card{min-height:104px;padding:16px}.admin-filter-panel{padding:14px}.admin-filter-grid input,.admin-filter-grid select,.admin-filter-actions .ui-button{min-height:44px}.admin-filter-actions{grid-template-columns:1fr 1fr;display:grid}.admin-table-shell{background:0 0;border:0;overflow-x:visible}.admin-data-table{min-width:0;display:block}.admin-data-table thead{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.admin-data-table tbody{gap:12px;display:grid}.admin-data-table tbody tr{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface);display:grid;overflow:hidden}.admin-data-table tbody tr:hover{background:var(--surface)}.admin-data-table tbody .admin-data-row--selected{border-color:var(--brand-blue);background:color-mix(in srgb,var(--blue-soft)56%,var(--surface));box-shadow:inset 4px 0 0 var(--brand-blue)}.admin-data-table tbody td{border-bottom:1px solid var(--border-subtle);grid-template-columns:minmax(104px,.38fr) minmax(0,1fr);align-items:start;gap:12px;padding:11px 14px;display:grid}.admin-data-table tbody td:before{content:attr(data-label);color:var(--muted);font-size:12px;font-weight:800}.admin-data-table .admin-generation-mobile-detail-row{background:0 0;border:0;display:grid}.admin-data-table .admin-generation-mobile-detail-cell{border:0;padding:0;display:block}.admin-data-table .admin-generation-mobile-detail-cell:before{content:none}.admin-generation-detail-pane{display:none}.admin-detail-panel{padding:16px}.admin-copy-row{flex-direction:column;align-items:stretch}.admin-copy-row .ui-button{min-height:44px}.admin-status-actions{grid-template-columns:1fr 1fr;display:grid}.admin-status-actions .ui-button,.admin-pagination .ui-button{min-height:44px}.review-row,.admin-search-form,.admin-member-row,.admin-credit-row,.admin-credit-form{grid-template-columns:1fr}.review-actions,.review-actions form,.admin-inline-form,.admin-secondary-actions,.admin-form-actions{justify-content:flex-start}.review-actions form{flex-wrap:wrap}}
.admin-support-workspace{grid-template-columns:minmax(0,1.2fr) minmax(380px,.8fr);align-items:start;gap:20px;display:grid}.admin-support-list-pane,.admin-support-detail-pane{min-width:0}.admin-support-detail-pane{position:sticky;top:24px}.admin-support-section-heading{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:12px;display:flex}.admin-support-section-heading h3,.admin-support-section-heading p{margin:0}.admin-support-section-heading p{color:var(--muted);margin-top:4px;font-size:13px}.admin-support-table{min-width:980px}.admin-support-ticket-link{color:var(--brand-blue);gap:5px;font-weight:800;text-decoration:none;display:grid}.admin-support-ticket-link:hover,.admin-support-ticket-link:focus-visible{text-decoration:underline}.admin-support-ticket-link small,.admin-support-table td small{color:var(--muted);font-weight:500}.admin-support-latest{text-overflow:ellipsis;white-space:nowrap;max-width:260px;overflow:hidden}.admin-support-detail{max-height:calc(100vh - 48px);overflow-y:auto}.admin-support-thread{gap:12px;display:grid}.admin-support-thread h4{margin:0}.admin-support-thread>ol{gap:12px;margin:0;padding:0;list-style:none;display:grid}.admin-support-message{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface);padding:14px}.admin-support-message--admin{border-color:color-mix(in srgb,var(--brand-blue)24%,var(--border-subtle));background:color-mix(in srgb,var(--blue-soft)44%,var(--surface))}.admin-support-message-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.admin-support-message p{white-space:pre-wrap;margin:10px 0 0;line-height:1.65}.admin-support-attachments{gap:6px;margin:12px 0 0;padding:0;list-style:none;display:grid}.admin-support-attachments li{border-radius:var(--radius-md);background:var(--surface);justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.admin-support-attachments small,.admin-support-reply-footer p{color:var(--muted);font-size:12px}.admin-support-reply-form{border-top:1px solid var(--border-subtle);gap:12px;padding-top:18px;display:grid}.admin-support-reply-form>label{gap:8px;font-weight:800;display:grid}.admin-support-reply-form textarea{resize:vertical;border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;min-height:176px;color:var(--ink);background:var(--surface);font:inherit;padding:12px;line-height:1.6}.admin-support-reply-form textarea:focus{border-color:var(--brand-blue);box-shadow:0 0 0 4px var(--ring);outline:none}.admin-support-reply-footer{justify-content:space-between;align-items:center;gap:16px;display:flex}.admin-support-reply-footer p,.admin-support-readonly{margin:0}.admin-support-readonly{border-radius:var(--radius-md);color:var(--success-700);background:var(--success-50);padding:12px 14px;font-weight:700}.admin-status-chip--received{color:var(--brand-blue);background:var(--blue-soft)}.admin-status-chip--in_progress{color:var(--warning-700);background:var(--warning-50)}@media (max-width:1100px){.admin-support-workspace{grid-template-columns:1fr}.admin-support-detail-pane{position:static}.admin-support-detail{max-height:none}}@media (max-width:760px){.admin-support-reply-footer,.admin-support-message-meta{flex-direction:column;align-items:flex-start}}
.admin-realistic-tabs{border-bottom:1px solid var(--border-subtle);gap:8px;margin-bottom:16px;display:flex}.admin-realistic-tab{color:var(--muted);border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 4px;font-weight:800;text-decoration:none}.admin-realistic-tab--active{border-bottom-color:var(--brand-blue);color:var(--brand-blue)}.admin-realistic-table{min-width:1180px}.admin-realistic-table td{vertical-align:top}.admin-realistic-table td strong,.admin-realistic-table td small{display:block}.admin-realistic-table td small{color:var(--muted);font-weight:500}.admin-realistic-image{aspect-ratio:16/9;background:var(--surface);object-fit:cover;border-radius:8px;width:96px;display:block}.admin-realistic-references{flex-wrap:wrap;gap:6px;display:flex}.admin-realistic-references .admin-realistic-image{width:64px}.admin-realistic-note{white-space:pre-wrap;max-width:220px}.admin-realistic-record{gap:4px;max-width:260px;display:grid}.admin-realistic-prompt{color:var(--muted);white-space:pre-wrap;word-break:break-word;font-size:12px}.admin-realistic-status{border-radius:var(--radius-pill);white-space:nowrap;padding:3px 10px;font-size:12px;font-weight:800;display:inline-block}.admin-realistic-status.is-pending{color:var(--warning-700);background:var(--warning-200)}.admin-realistic-status.is-approved{color:var(--surface);background:var(--brand-blue)}.admin-realistic-status.is-rejected{color:var(--danger-700);background:var(--danger-50)}.admin-realistic-decision{gap:8px;margin-top:8px;display:grid}.admin-realistic-actions{flex-wrap:wrap;gap:6px;display:flex}.admin-realistic-reject-form{gap:6px;display:grid}.admin-realistic-reject-form textarea{border:1px solid var(--border-subtle);width:100%;min-width:200px;font:inherit;resize:vertical;border-radius:8px;padding:8px 10px}.admin-realistic-description{color:var(--muted);margin:0 0 12px}.admin-realistic-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.admin-realistic-filter{align-items:center;gap:6px;font-weight:700;display:inline-flex}.admin-realistic-delete-reason{border:1px solid var(--border-subtle);min-width:200px;font:inherit;resize:vertical;border-radius:8px;flex:320px;padding:8px 10px}.admin-realistic-check{width:36px}.admin-realistic-results{border:1px solid var(--border-subtle);background:var(--surface);border-radius:8px;gap:4px;margin:0 0 12px;padding:10px 14px;list-style:none;display:grid}.admin-realistic-results li.is-failed,.admin-realistic-results li.is-not_eligible{color:var(--danger-700)}@media (max-width:760px){.admin-realistic-table{min-width:0}.admin-realistic-note,.admin-realistic-record{max-width:none}}
.brand-lockup{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;padding:0;text-decoration:none;display:inline-flex}.brand-lockup--asset{flex-direction:column;align-items:flex-start;gap:0;width:132px}.brand-logo-image{width:132px;height:auto}.brand-subtitle{width:100%;color:var(--text-muted);text-align:center;white-space:nowrap;margin:-6px 0 0;font-size:10px;font-weight:800;line-height:1.15}.icon-button{border-radius:var(--radius-pill);min-height:34px;color:var(--text-muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}
.mock-app-shell.app-shell{--header-h:var(--topbar-h);--brand:#2556e0;--brand-soft:#edf3ff;--surface-card:#fff;--surface-sunken:#f4f1ea;--surface-blue:#eef4ff;--surface-warm:#fff7dd;--text-strong:#1c1a17;--text-body:#39352d;--text-faint:#8a8378;--genre-story:#2556e0;--genre-music:#d97706;--border-subtle:#e7e1d8;--radius-md:14px;--radius-lg:24px;--shadow-xs:0 3px 10px #1c1a170f;--shadow-lg:0 20px 44px #1c1a1721;--dur-fast:.16s;--dur-base:.22s}.app-shell{background:var(--bg);min-height:100vh;color:var(--text-body)}.mock-icon{flex:none;place-items:center;width:18px;height:18px;font-size:12px;font-weight:950;line-height:1;display:inline-grid}.main-stage{min-width:0}.mock-app-shell .page{width:min(1320px,100% - 40px);margin:0 auto;padding:34px 0 56px}.home-hero,.channel-hero,.section-band,.studio-panel{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-card);box-shadow:var(--shadow-xs)}.home-hero{background:linear-gradient(135deg,#f2f6ff,#fff7df);grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);align-items:stretch;gap:28px;margin-bottom:28px;padding:34px;display:grid}.home-hero h1,.channel-hero h1,.studio-topline h1{color:var(--text-strong);letter-spacing:0;margin:0;font-size:clamp(34px,5vw,72px);line-height:1.05}.home-hero p{max-width:680px;color:var(--text-muted);font-size:17px;line-height:1.7}.home-hero img{object-fit:cover;width:100%;min-height:300px;box-shadow:var(--shadow-lg);border-radius:22px}.hero-actions,.watch-actions{flex-wrap:wrap;gap:10px;display:flex}.section-band{gap:20px;margin-bottom:28px;padding:24px;display:grid}.section-heading{gap:6px;display:grid}.eyebrow{color:var(--brand);font-size:13px;font-weight:900}.section-heading h2{color:var(--text-strong);margin:0;font-size:28px;line-height:1.2}.section-heading p{color:var(--text-muted);margin:0}.content-grid,.creator-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.wb-content-card{gap:12px;display:grid}.wb-content-card__media{aspect-ratio:16/9;background:var(--surface-sunken);width:100%;box-shadow:var(--shadow-xs);cursor:pointer;border:0;border-radius:20px;display:block;position:relative;overflow:hidden}.wb-content-card--short .wb-content-card__media{aspect-ratio:9/16}.wb-content-card__media img,.watch-player img,.side-video img,.studio-video-cell img{object-fit:cover;width:100%;height:100%}.wb-content-card__play,.watch-player__button{border-radius:var(--radius-pill);color:#fff;background:#2556e0eb;place-items:center;width:42px;height:42px;display:inline-grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.mock-navigation-link{text-decoration:none}.mock-navigation-link:focus-visible{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--focus);outline:none}.watch-player__button{background:#1c1a1794;width:64px;height:64px}.watch-player__progress{background:#fff6;height:6px;position:absolute;bottom:0;left:0;right:0}.watch-player__progress span{background:var(--brand-strong);height:100%;display:block}.wb-content-card__age,.wb-content-card__duration{position:absolute;bottom:10px}.wb-content-card__age{left:10px}.wb-content-card__duration{border-radius:var(--radius-pill);color:#fff;background:#1c1a17b8;padding:5px 9px;font-size:12px;font-weight:900;right:10px}.wb-content-card__body{gap:7px;display:grid}.wb-content-card__title{color:var(--text-strong);text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-size:16px;font-weight:900}.wb-content-card__body p{color:var(--text-muted);margin:0;font-size:13px}.wb-button,.wb-badge,.wb-chip{border-radius:var(--radius-pill);white-space:nowrap;justify-content:center;align-items:center;gap:7px;font-weight:900;display:inline-flex}.wb-button{cursor:pointer;border:0;min-height:42px;padding:0 18px}.wb-button--primary{color:#fff;background:var(--brand)}.wb-button--secondary{color:var(--brand);background:#fff;border:1px solid #2556e047}.wb-button--warm{color:var(--text-strong);background:var(--accent)}.wb-badge,.wb-chip{min-height:25px;padding:0 10px;font-size:12px}.wb-badge--age,.wb-chip--story{color:var(--brand);background:var(--brand-soft)}.wb-badge--early,.wb-badge--creator,.wb-chip--music{color:#925600;background:#fff3c4}.wb-badge--review,.wb-badge--draft{color:var(--text-secondary);background:var(--surface-sunken)}.wb-badge--success{color:#087443;background:#dcfce7}.wb-avatar{border-radius:var(--radius-pill);color:#fff;background:var(--brand);flex:none;place-items:center;width:42px;height:42px;font-weight:950;display:inline-grid;position:relative}.wb-avatar--lg{width:58px;height:58px}.wb-avatar--xl{width:84px;height:84px;font-size:28px}.wb-avatar--ring{box-shadow:0 0 0 4px #ffbe246b}.wb-avatar small{border-radius:var(--radius-pill);width:22px;height:22px;color:var(--on-brand-strong);background:var(--brand-strong);place-items:center;font-size:11px;display:grid;position:absolute;bottom:-4px;right:-4px}.creator-dock{margin-top:28px}.creator-dock>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.creator-dock-card,.creator-card{border:1px solid var(--border-subtle);color:inherit;text-align:left;background:#fff;border-radius:20px;gap:9px;padding:18px;display:grid}.creator-dock-card{cursor:pointer}.channel-hero{grid-template-columns:auto minmax(0,1fr) minmax(220px,.35fr);align-items:center;gap:24px;margin-bottom:28px;padding:30px;display:grid}.meta-row{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.safety-card,.no-comments-panel{background:var(--surface-warm);border-radius:20px;gap:12px;padding:18px;display:flex}.no-comments-panel{background:var(--surface-blue);box-shadow:var(--shadow-xs);border:1px solid #dbe7ff}.watch-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:32px;display:grid}.watch-main,.watch-side{flex-direction:column;align-content:start;gap:20px;min-width:0;display:flex}.watch-player{aspect-ratio:16/9;background:var(--surface-sunken);box-shadow:var(--shadow-lg);border-radius:24px;position:relative;overflow:hidden}.watch-meta{border:1px solid var(--border-subtle);background:var(--surface-card);box-shadow:var(--shadow-xs);border-radius:24px;gap:12px;padding:24px;display:grid}.watch-meta h1{margin:0;font-size:34px;line-height:1.15}.watch-meta p,.no-comments-panel p,.creator-card p{color:var(--text-muted);margin:0;line-height:1.6}.creator-mini{border:1px solid var(--border-subtle);color:inherit;text-align:left;box-shadow:var(--shadow-xs);background:#fff;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;display:grid}.creator-mini__name{color:var(--text-strong);text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-weight:900;display:block}.creator-mini__body span{color:var(--text-muted);margin-top:3px;font-size:13px;font-weight:800;display:block}.side-list{gap:12px;display:grid}.side-video{border:1px solid var(--border-subtle);color:inherit;text-align:left;cursor:pointer;background:#fff;border-radius:18px;grid-template-columns:128px minmax(0,1fr);align-items:center;gap:12px;padding:8px;display:grid}.side-video strong{color:var(--text-strong);line-height:1.35;display:block}.side-video small{color:var(--text-muted);margin-top:5px;font-size:12px;font-weight:800;display:block}.side-video img{border-radius:12px;width:100%;height:72px}.studio-shell{min-height:calc(100vh - var(--header-h));background:#fbfaf7;grid-template-columns:252px minmax(0,1fr);display:grid}.studio-sidebar{top:var(--header-h);height:calc(100vh - var(--header-h));border-right:1px solid var(--border-subtle);background:#fff;padding:24px 14px;position:sticky}.studio-sidebar strong,.studio-sidebar small{display:block}.studio-sidebar strong{color:var(--text-strong);font-size:22px}.studio-sidebar small{color:var(--text-muted);margin-top:4px;font-weight:800}.studio-sidebar nav{gap:6px;margin-top:24px;display:grid}.studio-sidebar nav button{min-height:42px;color:var(--text-body);cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;padding:0 12px;font-weight:850;display:flex}.studio-sidebar nav button.is-active,.studio-sidebar nav button:hover{color:var(--brand);background:var(--brand-soft)}.studio-content{align-content:start;gap:20px;min-width:0;padding:34px;display:grid}.studio-panel{gap:22px;padding:24px;display:grid}.studio-topline h1{font-size:36px}.studio-topline p:last-child{color:var(--text-muted);margin:8px 0 0}.studio-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.studio-stat{background:var(--surface-blue);border-radius:18px;gap:8px;padding:18px;display:grid}.studio-stat strong{color:var(--text-strong);font-size:24px}.studio-stat em{color:var(--brand);font-size:12px;font-style:normal;font-weight:900}.studio-table-card{border:1px solid var(--border-subtle);background:#fff;border-radius:20px;overflow-x:auto}.table-title{justify-content:space-between;align-items:center;padding:18px;display:flex}.studio-table{border-collapse:collapse;width:100%}.studio-table td{border-top:1px solid var(--border-subtle);white-space:nowrap;padding:14px}.studio-video-cell{align-items:center;gap:12px;display:flex}.studio-video-cell img{border-radius:12px;width:92px;height:52px}.studio-placeholder-panel{background:var(--surface-warm);border-radius:20px;gap:14px;padding:26px;display:grid}@media (max-width:1100px){.content-grid,.creator-dock>div,.creator-grid,.studio-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.watch-layout,.channel-hero{grid-template-columns:1fr}}@media (max-width:760px){.mock-app-shell .page{width:min(100% - 24px,1320px);padding-top:20px}.home-hero{grid-template-columns:1fr;padding:22px}.content-grid,.creator-dock>div,.creator-grid,.studio-stat-grid,.studio-shell{grid-template-columns:1fr}.studio-sidebar{height:auto;position:static}.studio-content{padding:18px 12px}}.mock-app-shell.app-shell{--header-h:var(--topbar-h);--brand:#2556e0;--brand-soft:#edf3ff;--surface-card:#fff;--surface-sunken:#f4f1ea;--surface-blue:#eef4ff;--surface-warm:#fff7dd;--text-strong:#1c1a17;--text-body:#39352d;--text-faint:#8a8378;--genre-story:#2556e0;--genre-music:#d97706;background:var(--bg);min-height:100vh;color:var(--text-body)}@media (min-width:761px){.mock-app-shell .main-stage{min-width:0}}
.sidebar-signout-form{margin:0;display:block}.sidebar-signout-form .sidebar-action{width:100%}.account-switch-nav{width:min(var(--wa-page-max),100%);flex-wrap:wrap;gap:8px;margin:24px auto 0;padding:0 24px;display:flex}.account-switch-nav__link{border:1px solid var(--border-subtle);min-height:36px;color:var(--muted);background:var(--surface);border-radius:10px;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.account-switch-nav__link:hover{color:var(--ink)}.account-switch-nav__link.is-active{border-color:var(--brand-blue);color:var(--surface);background:var(--brand-blue)}.sidebar-group__toggle .mock-icon:last-child{transition:transform var(--dur-fast,.16s)var(--ease-out,ease)}.sidebar-group__toggle[aria-expanded=true] .mock-icon:last-child{transform:rotate(180deg)}.sidebar-charge{gap:4px;display:grid}.sidebar-charge .sidebar-action{border:1px solid var(--accent,#ffbe24);border-radius:var(--radius-md,14px);color:#7a5200;cursor:default;background:#fff9e8;min-height:42px;padding:0 13px;font-size:13px;font-weight:900}.sidebar-charge .sidebar-action:hover{background:#fff4d6}.sidebar-charge .wb-badge{background:#ffbe2459}
:root{--wa-page-max:1180px;--wa-page-gutter:24px;--wa-control-h:40px}.wa-page{width:min(var(--wa-page-max),100%);padding:28px var(--wa-page-gutter)56px;margin:0 auto}.wa-tiles{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.wa-tile{color:#fff;border-radius:20px;padding:20px 22px;position:relative;overflow:hidden}.wa-tile:after{content:"";border-radius:var(--radius-pill,999px);background:#ffffff24;width:118px;height:118px;position:absolute;bottom:-26px;right:-18px}.wa-tile--blue{background:linear-gradient(135deg,#2556e0,#4176f5)}.wa-tile--mint{background:linear-gradient(135deg,#2f9c87,#58c6b0)}.wa-tile--amber{color:#45320a;background:linear-gradient(135deg,#f0a91b,#ffce55)}.wa-tile__label{opacity:.92;align-items:center;gap:7px;font-size:12.5px;font-weight:800;display:flex}.wa-tile__value{font-family:var(--font-display);margin:12px 0 2px;font-size:38px;font-weight:400;line-height:1}.wa-tile__sub{opacity:.85;font-size:12.5px}.wa-tile__who{align-items:center;gap:14px;display:flex}.wa-tile__avatar{border-radius:var(--radius-pill,999px);width:52px;height:52px;font-family:var(--font-display);background:#ffffff38;flex:none;place-items:center;font-size:22px;display:grid}.wa-tile__name strong{font-size:19px;display:block}.wa-tile__name span{opacity:.85;font-size:12.5px}.wa-tile__action{z-index:1;height:34px;color:inherit;font:inherit;cursor:pointer;background:#ffffff3d;border:0;border-radius:10px;align-items:center;gap:6px;margin-top:14px;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex;position:relative}.wa-tile__action:hover:not(:disabled){background:#ffffff5c}.wa-tile__action:disabled{opacity:.75;cursor:default}.wa-card{border:1px solid var(--border-subtle);background:var(--surface);border-radius:20px;padding:22px 24px;box-shadow:0 1px 2px #1c1a170a,0 8px 24px #1c1a170f}.wa-head{color:var(--ink);align-items:center;gap:9px;margin:0 0 4px;font-size:16px;display:flex}.wa-head .mock-icon{color:var(--muted)}.wa-desc{color:var(--muted);margin:0 0 18px;font-size:12.5px;font-weight:400;line-height:1.6}.wa-field{gap:6px;display:grid}.wa-field>span,.wa-field>label{color:var(--muted);font-size:12px;font-weight:700}.wa-field input,.wa-field select,.wa-field textarea{height:var(--wa-control-h);border:1px solid var(--border-subtle);color:var(--ink);background:var(--surface);font:inherit;border-radius:10px;padding:0 12px;font-size:13.5px}.wa-field textarea{resize:vertical;height:auto;min-height:88px;padding:10px 12px;line-height:1.6}.wa-field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236f6a60' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;padding-right:34px}.wa-field input:focus-visible,.wa-field select:focus-visible,.wa-field textarea:focus-visible{border-color:var(--brand-blue);box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--focus);outline:none}.wa-field-control{height:var(--wa-control-h);border:1px solid var(--border-subtle);color:var(--ink);background:var(--surface);font:inherit;border-radius:10px;padding:0 12px;font-size:13.5px}.wa-field-control:focus-visible{border-color:var(--brand-blue);box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--focus);outline:none}.wa-fields3{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.wa-btn{height:var(--wa-control-h);border:1px solid var(--border-subtle);color:var(--ink);background:var(--surface);font:inherit;cursor:pointer;border-radius:10px;align-items:center;gap:7px;padding:0 16px;font-size:13.5px;font-weight:700;transition:background-color .16s,border-color .16s;display:inline-flex}.wa-btn:hover:not(:disabled){background:var(--warning-50)}.wa-btn:disabled{opacity:.6;cursor:default}.wa-btn--strong{border-color:var(--brand-blue);color:var(--surface);background:var(--brand-blue)}.wa-btn--strong:hover:not(:disabled){background:var(--brand-blue-dark)}.wa-btn--quiet{height:34px;color:var(--muted);background:0 0;border-color:#0000;padding:0 10px}.wa-btn--quiet:hover:not(:disabled){color:var(--ink);background:var(--warning-50)}.wa-btn:focus-visible{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--focus);outline:none}.wa-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.wa-pill{border-radius:var(--radius-pill,999px);color:var(--muted);white-space:nowrap;background:#f3efe7;align-items:center;gap:5px;padding:4px 11px;font-size:11.5px;font-weight:800;display:inline-flex}.wa-pill--ok{color:var(--success-700);background:var(--success-50)}.wa-pill--warn{color:var(--warning-700);background:var(--warning-50)}.wa-pill--on{color:var(--brand-blue);background:var(--info-50)}@media (max-width:760px){.wa-page{padding:20px 14px 44px}.wa-field-control{height:var(--wa-control-h);border:1px solid var(--border-subtle);color:var(--ink);background:var(--surface);font:inherit;border-radius:10px;padding:0 12px;font-size:13.5px}.wa-field-control:focus-visible{border-color:var(--brand-blue);box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--focus);outline:none}.wa-fields3{grid-template-columns:1fr}}.wa-stack{gap:16px;display:grid}.wa-section{border:1px solid var(--border-subtle);background:var(--surface);border-radius:20px;overflow:hidden;box-shadow:0 1px 2px #1c1a170a,0 8px 24px #1c1a170f}.wa-section__title{border-bottom:1px solid var(--info-100);background:var(--info-50);padding:16px 22px}.wa-section__title h2,.wa-section__title .wa-head{color:var(--brand-blue-dark);align-items:center;gap:9px;margin:0;font-size:16px;display:flex}.wa-section__title .wa-head .mock-icon{color:var(--brand-blue)}.wa-section__title p,.wa-section__title small,.wa-section__title .wa-desc{color:var(--muted);margin:5px 0 0;font-size:12.5px;font-weight:400;line-height:1.6;display:block}.wa-section__body{background:var(--surface);gap:16px;padding:20px 22px 22px;display:grid}
.mock-app-shell .watch-route-layout{width:100%;padding:var(--space-6)var(--page-pad)var(--space-16);margin:0}.mock-app-shell .watch-route-layout[data-has-notice]{padding-top:var(--space-4)}.mock-app-shell .watch-layout{column-gap:var(--gutter);row-gap:var(--space-6);grid-template-columns:minmax(0,1fr) 400px;grid-template-areas:"main side""body side";align-items:start;display:grid}.mock-app-shell .watch-layout[data-has-notice]{grid-template-areas:"notice notice""main side""body side"}.mock-app-shell .watch-notice{grid-area:notice}.mock-app-shell .watch-main{grid-area:main;min-width:0}.mock-app-shell .watch-side{grid-area:side;min-width:0}.mock-app-shell .watch-body{gap:var(--space-6);grid-area:body;min-width:0;display:grid}.mock-app-shell .watch-player-stack{gap:var(--space-3);display:grid}.mock-app-shell .watch-player{aspect-ratio:16/9;border-radius:var(--radius-sm);background:var(--bg);min-height:0;color:var(--text);box-shadow:none;border:0;display:block;position:relative;overflow:hidden}.mock-app-shell .watch-player:focus-visible{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--focus);outline:none}.mock-app-shell .watch-player video{background:var(--bg);object-fit:contain;border:0;width:100%;height:100%;display:block}.mock-app-shell .watch-player .form-message{color:var(--text-secondary);place-items:center;margin:0;display:grid;position:absolute;inset:0}.mock-app-shell .watch-player__big-play{background:var(--btn-primary);width:64px;height:64px;color:var(--text-on-accent);cursor:pointer;border:0;border-radius:50%;place-items:center;margin:auto;padding:0;display:grid;position:absolute;inset:0}.mock-app-shell .watch-player__big-play svg{width:28px;height:28px}.mock-app-shell .watch-player__big-play:hover{background:var(--btn-primary-hover)}.mock-app-shell .watch-player__big-play:focus-visible{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--focus);outline:none}.mock-app-shell .watch-player__controls{gap:var(--space-2);padding:var(--space-6)var(--space-4)var(--space-3);background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--bg)85%,transparent));transition:opacity var(--dur-2)var(--ease-cut);display:grid;position:absolute;bottom:0;left:0;right:0}.mock-app-shell .watch-player[data-playing=true] .watch-player__controls{opacity:0}.mock-app-shell .watch-player[data-playing=true]:hover .watch-player__controls,.mock-app-shell .watch-player[data-playing=true]:focus-within .watch-player__controls{opacity:1}.mock-app-shell .watch-player__progress{background:var(--surface-3);height:4px;position:relative}.mock-app-shell .watch-player__progress:focus-within{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--focus)}.mock-app-shell .watch-player__progress-fill{background:var(--brand-strong);pointer-events:none;position:absolute;top:0;bottom:0;left:0}.mock-app-shell .watch-player__seek{opacity:0;cursor:pointer;width:100%;height:16px;margin:0;position:absolute;top:-6px;left:0}.mock-app-shell .watch-player__bar{align-items:center;gap:var(--space-3);display:flex}.mock-app-shell .watch-player__control{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.mock-app-shell .watch-player__control svg{width:20px;height:20px}.mock-app-shell .watch-player__control:hover{background:color-mix(in srgb,var(--text)12%,transparent)}.mock-app-shell .watch-player__control:focus-visible,.mock-app-shell .watch-player__volume:focus-visible{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--focus);outline:none}.mock-app-shell .watch-player__volume{width:80px;accent-color:var(--brand-strong)}.mock-app-shell .watch-player__time{color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-xs)}.mock-app-shell .watch-player__spacer{flex:1}.mock-app-shell .engagement-controls{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.mock-app-shell .engagement-icons{gap:var(--space-2);display:inline-flex}.mock-app-shell .watch-note{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.mock-app-shell .watch-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:767px){.mock-app-shell .watch-route-layout{padding:var(--space-4)var(--space-4)var(--space-12)}.mock-app-shell .watch-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"main""side""body"}.mock-app-shell .watch-layout[data-has-notice]{grid-template-areas:"notice""main""side""body"}}
.mock-app-shell .channel-page{gap:28px;display:grid}.mock-app-shell .channel-hero{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-card);box-shadow:var(--shadow-xs);grid-template-columns:auto minmax(0,1fr) minmax(220px,.35fr);align-items:center;gap:24px;margin-bottom:0;padding:30px;display:grid}.mock-app-shell .channel-hero__avatar{place-items:center;display:grid}.mock-app-shell .channel-hero__body{gap:14px;display:grid}.mock-app-shell .channel-hero__meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.mock-app-shell .channel-hero h1{color:var(--text-strong);letter-spacing:0;margin:0;font-size:clamp(48px,6vw,72px);line-height:1.05}.mock-app-shell .channel-hero p{max-width:720px;color:var(--text-muted);margin:0;font-size:17px;line-height:1.7}.mock-app-shell .channel-hero__actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mock-app-shell .channel-subscribe-button[aria-pressed=true]{color:#fff;background:var(--brand);border-color:#0000}.mock-app-shell .channel-hero__policy-pill{border-radius:var(--radius-pill);min-height:42px;color:var(--brand);background:var(--brand-soft);white-space:nowrap;align-items:center;gap:7px;padding:0 16px;font-size:14px;font-weight:900;display:inline-flex}.mock-app-shell .channel-safety-card{color:var(--brand);background:var(--surface-warm);border-radius:20px;align-items:flex-start;gap:12px;padding:18px;display:flex}.mock-app-shell .channel-safety-card strong,.mock-app-shell .channel-safety-card span{display:block}.mock-app-shell .channel-safety-card strong{color:var(--text-strong);font-size:15px;line-height:1.35}.mock-app-shell .channel-safety-card span{color:var(--text-muted);margin-top:4px;font-size:13px;font-weight:750;line-height:1.45}.mock-app-shell .channel-content-section{margin-bottom:0}.mock-app-shell .channel-content-grid{grid-template-columns:minmax(320px,360px) minmax(150px,176px);justify-content:start;align-items:start;gap:28px;display:grid}.mock-app-shell .channel-content-card{max-width:360px}.mock-app-shell .channel-content-card.wb-content-card--short{justify-self:start;width:100%;max-width:176px}.mock-app-shell .channel-content-card .wb-content-card__media{box-shadow:var(--shadow-xs);border-radius:20px}.mock-app-shell .channel-content-card .wb-content-card__body{max-width:92%}.mock-app-shell .channel-content-card .wb-content-card__body p{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.55;display:-webkit-box;overflow:hidden}@media (max-width:1280px){.mock-app-shell .channel-hero{grid-template-columns:auto minmax(0,1fr)}.mock-app-shell .channel-safety-card{grid-column:1/-1}}@media (max-width:1100px){.mock-app-shell .channel-hero{grid-template-columns:1fr}}@media (max-width:760px){.mock-app-shell .channel-page{gap:20px}.mock-app-shell .channel-hero{padding:22px}.mock-app-shell .channel-hero h1{font-size:42px}.mock-app-shell .channel-content-grid{grid-template-columns:1fr;gap:22px}.mock-app-shell .channel-content-card,.mock-app-shell .channel-content-card.wb-content-card--short{max-width:none}}
.channel-watch{gap:32px;display:grid}.channel-watch-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:32px;display:grid}.channel-watch-main,.channel-watch-side{flex-direction:column;align-content:start;gap:16px;min-width:0;display:flex}.channel-watch-meta{border:1px solid var(--border-subtle);background:var(--surface-card);box-shadow:var(--shadow-xs);border-radius:24px;gap:12px;padding:24px;display:grid}.channel-watch-meta__badges{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.channel-watch-meta__review{color:var(--brand);align-items:center;gap:5px;font-size:13px;font-weight:800;display:inline-flex}.channel-watch-meta__purposes{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.channel-purpose-chip{border-radius:var(--radius-pill);min-height:30px;color:var(--text-body);background:var(--surface-sunken);align-items:center;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.channel-watch-meta h1{color:var(--text-strong);word-break:break-word;margin:0;font-size:28px;line-height:1.2}.channel-watch-meta__desc{color:var(--text-muted);white-space:pre-wrap;word-break:break-word;margin:0;font-size:14px;line-height:1.65}.channel-watch-main .channel-public-empty{aspect-ratio:16/9;min-height:0}.channel-creator-card{border:1px solid var(--border-subtle);background:var(--surface-card);box-shadow:var(--shadow-xs);border-radius:20px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;display:grid}.channel-creator-card__avatar img{border-radius:var(--radius-pill);object-fit:cover;width:56px;height:56px;display:block}.channel-creator-card__body{min-width:0}.channel-creator-card__name{color:var(--text-strong);word-break:break-word;font-weight:900;line-height:1.3;display:block}.channel-creator-card__handle{color:var(--text-muted);margin-top:3px;font-size:13px;font-weight:800;display:block}.channel-creator-card__subscribe{white-space:nowrap}.channel-about{border:1px solid var(--border-subtle);background:var(--surface-card);box-shadow:var(--shadow-xs);border-radius:20px;gap:10px;padding:18px;display:grid}.channel-tagline{color:var(--text-strong);word-break:break-word;margin:0;font-size:15px;font-weight:800;line-height:1.45}.channel-intro{color:var(--text-muted);white-space:pre-wrap;word-break:break-word;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.65;display:-webkit-box;overflow:hidden}.channel-intro--expanded{-webkit-line-clamp:unset;display:block;overflow:visible}.channel-intro-toggle{color:var(--brand);cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-size:13px;font-weight:800}.channel-reco,.channel-reco-list{gap:12px;display:grid}.channel-reco-item{border:1px solid var(--border-subtle);background:var(--surface-card);color:inherit;text-align:left;cursor:pointer;border-radius:18px;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:12px;padding:8px;display:grid}.channel-reco-item img{object-fit:cover;border-radius:12px;width:100%;height:64px}.channel-reco-item strong{color:var(--text-strong);word-break:break-word;font-size:14px;line-height:1.35;display:block}.channel-reco-item small{color:var(--text-muted);margin-top:5px;font-size:12px;font-weight:800;display:block}.channel-public-empty{border:1px dashed var(--border-subtle);border-radius:var(--radius-lg);min-height:320px;color:var(--text-muted);background:var(--surface-card);text-align:center;place-items:center;gap:10px;padding:24px;font-weight:800;display:grid}.channel-public-sections{gap:32px;display:grid}.channel-public-section{gap:16px;display:grid}.channel-public-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}@media (max-width:1100px){.channel-watch-layout{grid-template-columns:1fr}}@media (max-width:860px){.channel-public-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}}
.mock-app-shell .library-page{gap:22px;width:min(1240px,100% - 32px);margin:0 auto;padding:34px 0 60px;display:grid}.mock-app-shell .library-page>.section-heading{border:1px solid var(--border-subtle);background:var(--surface-card);box-shadow:var(--shadow-xs);border-radius:24px;padding:24px}.mock-app-shell .library-mode-row{flex-wrap:wrap;gap:10px;display:flex}.mock-app-shell .library-mode-chip{border:1px solid var(--border-subtle);min-height:38px;color:var(--text-body);cursor:pointer;transition:background-color var(--dur-fast)var(--ease-out),border-color var(--dur-fast)var(--ease-out),color var(--dur-fast)var(--ease-out);background:#fff}.mock-app-shell .library-mode-chip.is-active,.mock-app-shell .library-mode-chip:hover{background:var(--brand-soft);color:var(--brand);border-color:#2556e047}.mock-app-shell .library-content-grid,.mock-app-shell .library-creator-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.mock-app-shell .library-content-card,.mock-app-shell .library-creator-card{min-width:0}.mock-app-shell .library-content-card .wb-content-card__media{border-radius:22px}.mock-app-shell .library-progress-bar{background:#ffffff8f;height:6px;position:absolute;bottom:0;left:0;right:0}.mock-app-shell .library-progress-bar span{background:var(--brand-strong);height:100%;display:block}.mock-app-shell .library-card-actions{flex-wrap:wrap;gap:8px;display:flex}.mock-app-shell .library-card-actions button{border-radius:var(--radius-pill);min-height:32px;color:var(--brand);cursor:pointer;background:#fff;border:1px solid #2556e03d;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:900;display:inline-flex}.mock-app-shell .library-card-actions button.is-active{background:var(--brand);color:#fff}.mock-app-shell .library-creator-card{text-align:left;align-items:start}.mock-app-shell .library-creator-card__name{color:var(--text-strong);text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-size:17px;font-weight:950}.mock-app-shell .library-subscribe-button{width:max-content;min-height:34px;padding:0 14px}.mock-app-shell .library-empty-state{border:1px dashed var(--border-subtle);background:var(--surface-card);min-height:260px;color:var(--text-muted);text-align:center;box-shadow:var(--shadow-xs);border-radius:24px;place-items:center;gap:12px;display:grid}.mock-app-shell .library-empty-state .mock-icon{width:24px;height:24px;color:var(--brand)}.mock-app-shell .library-safety-note{background:var(--surface-blue);box-shadow:var(--shadow-xs);border:1px solid #dbe7ff;border-radius:20px;gap:12px;padding:18px;display:flex}.mock-app-shell .library-safety-note p{color:var(--text-muted);margin:4px 0 0;line-height:1.6}.mock-app-shell .library-fallback-rail{border:1px solid var(--border-subtle);background:var(--surface-card);box-shadow:var(--shadow-xs);border-radius:24px}.mock-app-shell .library-mini-list{gap:12px;display:grid}.mock-app-shell .library-mini-item{border:1px solid var(--border-subtle);color:inherit;text-align:left;cursor:pointer;background:#fff;border-radius:18px;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:12px;padding:8px;display:grid}.mock-app-shell .library-mini-item img{object-fit:cover;border-radius:12px;width:100%;height:74px}.mock-app-shell .library-mini-item strong{color:var(--text-strong);line-height:1.35;display:block}.mock-app-shell .library-mini-item small{color:var(--text-muted);margin-top:5px;font-size:12px;font-weight:800;display:block}@media (max-width:1080px){.mock-app-shell .library-content-grid,.mock-app-shell .library-creator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.mock-app-shell .library-page{width:min(100% - 20px,560px);padding:22px 0 42px}.mock-app-shell .library-content-grid,.mock-app-shell .library-creator-grid{grid-template-columns:1fr}.mock-app-shell .library-mini-item{grid-template-columns:112px minmax(0,1fr)}}
.mock-app-shell .studio-shell{min-height:calc(100vh - var(--header-h));background:#fbfaf7;display:block}.mock-app-shell .studio-content{width:min(var(--wa-page-max),100%);min-width:0;margin:0 auto;padding:28px 24px 56px;display:grid}.mock-app-shell .studio-panel{width:min(1100px,100%);box-shadow:none;background:0 0;border:0;border-radius:0;gap:22px;margin:0 auto;padding:0;display:grid}.mock-app-shell .studio-topbar{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:2px;display:flex}.mock-app-shell .studio-topbar h1{color:var(--text-strong);margin:0;font-size:36px;font-weight:950;line-height:1.12}.mock-app-shell .studio-topbar p{color:var(--text-secondary);margin:8px 0 0;font-size:15px;line-height:1.6}.mock-app-shell .studio-topbar__actions{justify-items:end;gap:10px;min-width:min(100%,520px);display:grid}.mock-app-shell .studio-owner-pill{border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:var(--surface-card);min-height:38px;color:var(--text-strong);box-shadow:var(--shadow-xs);align-items:center;gap:8px;padding:4px 12px 4px 4px;font-size:13px;font-weight:900;display:inline-flex}.mock-app-shell .studio-owner-pill .wb-avatar{width:30px;height:30px;font-size:13px}.mock-app-shell .studio-section-tabs{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.mock-app-shell .studio-section-tabs button{border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:var(--surface-card);min-height:38px;color:var(--text-muted);cursor:pointer;align-items:center;gap:7px;padding:0 12px;font-size:12px;font-weight:900;display:inline-flex}.mock-app-shell .studio-section-tabs button.is-active,.mock-app-shell .studio-section-tabs button:hover{background:var(--brand-soft);color:var(--brand);border-color:#2556e047}.mock-app-shell .studio-section-tabs .wb-badge{min-height:20px;padding:0 7px;font-size:10px}.mock-app-shell .studio-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.mock-app-shell .studio-stat{border:1px solid var(--border-subtle);background:var(--surface-blue);min-width:0;box-shadow:var(--shadow-xs);border-radius:18px;gap:8px;padding:18px;display:grid}.mock-app-shell .studio-stat span{background:var(--brand-soft);width:36px;height:36px;color:var(--brand);border-radius:12px;place-items:center;display:inline-grid}.mock-app-shell .studio-stat small{color:var(--text-secondary);font-size:13px;font-weight:850}.mock-app-shell .studio-stat strong{color:var(--text-strong);text-overflow:ellipsis;font-size:24px;font-weight:950;line-height:1.1;overflow:hidden}.mock-app-shell .studio-stat em{color:var(--brand);font-size:12px;font-style:normal;font-weight:900}.mock-app-shell .studio-table-card{border:1px solid var(--border-subtle);background:var(--surface-card);box-shadow:var(--shadow-xs);border-radius:20px;overflow:hidden}.mock-app-shell .table-title{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.mock-app-shell .table-title h2{color:var(--text-strong);margin:0;font-size:20px;font-weight:950}.mock-app-shell .table-title small{color:var(--text-faint);margin-top:4px;font-size:12px;font-weight:800;display:block}.mock-app-shell .studio-table-actions,.mock-app-shell .studio-project-actions{align-items:center;gap:8px;display:inline-flex}.mock-app-shell .studio-table-wrap{overflow-x:auto}.mock-app-shell .studio-table{border-collapse:collapse;width:100%;min-width:760px}.mock-app-shell .studio-table th,.mock-app-shell .studio-table td{border-top:1px solid var(--border-subtle);text-align:left;vertical-align:middle;white-space:nowrap;padding:14px 18px}.mock-app-shell .studio-table th{color:var(--text-faint);font-size:12px;font-weight:950}.mock-app-shell .studio-table td{color:var(--text-body);font-size:14px;font-weight:850}.mock-app-shell .studio-select-cell{width:44px}.mock-app-shell .studio-table input[type=checkbox]{width:16px;height:16px;accent-color:var(--brand)}.mock-app-shell .studio-video-cell{align-items:center;gap:12px;min-width:260px;display:flex}.mock-app-shell .studio-video-cell img{object-fit:cover;border-radius:12px;flex:none;width:92px;height:52px}.mock-app-shell .studio-project-thumb{width:58px;height:42px;color:var(--brand);background:var(--brand-soft);border-radius:12px;flex:none;place-items:center;display:inline-grid}.mock-app-shell .studio-video-cell span,.mock-app-shell .studio-video-cell strong,.mock-app-shell .studio-video-cell small{display:block}.mock-app-shell .studio-video-cell strong{max-width:260px;color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;line-height:1.35;overflow:hidden}.mock-app-shell .studio-video-cell small{color:var(--text-faint);margin-top:4px;font-size:12px}.mock-app-shell .studio-new-content-link{text-decoration:none}.mock-app-shell .studio-action-link,.mock-app-shell .studio-action-button{border-radius:var(--radius-pill);min-height:34px;color:var(--brand);white-space:nowrap;background:#fff;border:1px solid #2556e040;justify-content:center;align-items:center;padding:0 13px;font-size:12px;font-weight:950;text-decoration:none;display:inline-flex}.mock-app-shell .studio-action-button:disabled{border-color:var(--border-subtle);color:var(--text-faint);background:var(--surface-sunken);cursor:not-allowed}.mock-app-shell .studio-action-button--danger{color:var(--danger);background:#fff6f6;border-color:#e5484d47;gap:5px}.mock-app-shell .studio-action-button--icon{width:34px;padding:0}.mock-app-shell .studio-empty{color:var(--text-muted);text-align:center;gap:6px;padding:28px;display:grid}.mock-app-shell .studio-empty strong{color:var(--text-strong);font-size:18px}.mock-app-shell .studio-coming-soon{border:1px solid var(--border-subtle);background:var(--surface-card);max-width:720px;box-shadow:var(--shadow-xs);border-radius:24px;gap:12px;padding:38px;display:grid}.mock-app-shell .studio-coming-soon span{color:var(--brand);font-size:13px;font-weight:950}.mock-app-shell .studio-coming-soon h1{color:var(--text-strong);margin:0;font-size:36px;font-weight:950;line-height:1.15}.mock-app-shell .studio-coming-soon p{color:var(--text-muted);margin:0;font-size:15px;line-height:1.7}.mock-app-shell .create-placeholder{border:1px solid var(--border-subtle);background:var(--surface-card);box-shadow:var(--shadow-xs);border-radius:24px;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:24px;padding:34px;display:grid}.mock-app-shell .create-placeholder__copy{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.mock-app-shell .create-placeholder h2{color:var(--text-strong);margin:0;font-size:34px;font-weight:950;line-height:1.18}.mock-app-shell .create-placeholder p{color:var(--text-muted);margin:0;line-height:1.7}.mock-app-shell .create-placeholder__device{border:1px solid var(--border-subtle);background:var(--surface-blue);border-radius:20px;flex-direction:column;justify-content:space-between;gap:18px;min-height:300px;padding:22px;display:flex}.mock-app-shell .create-placeholder__device img{width:min(220px,100%);box-shadow:var(--shadow-xs);border-radius:14px}.mock-app-shell .create-placeholder__device ul,.mock-app-shell .check-list{gap:9px;margin:0;padding:0;list-style:none;display:grid}.mock-app-shell .create-placeholder__device li,.mock-app-shell .check-list li{color:var(--text-body);align-items:center;gap:8px;font-size:14px;font-weight:850;display:flex}.mock-app-shell .create-placeholder__device li svg,.mock-app-shell .check-list li svg{color:var(--brand)}.mock-app-shell .revenue-grid{grid-template-columns:1.2fr .8fr;gap:20px;display:grid}.mock-app-shell .revenue-card{border:1px solid var(--border-subtle);background:var(--surface-card);min-height:220px;box-shadow:var(--shadow-xs);border-radius:20px;flex-direction:column;justify-content:center;gap:10px;padding:28px;display:flex}.mock-app-shell .revenue-card small{color:var(--text-muted);font-weight:850}.mock-app-shell .revenue-card strong{color:var(--text-strong);font-size:48px;font-weight:950;line-height:1}.mock-app-shell .revenue-card span{color:#087443;font-weight:850}.mock-app-shell .revenue-card--warm{background:var(--surface-warm)}.mock-app-shell .revenue-bar{border-radius:var(--radius-pill);background:var(--surface-sunken);height:14px;margin-top:18px;display:flex;overflow:hidden}.mock-app-shell .revenue-bar i,.mock-app-shell .revenue-bar b,.mock-app-shell .revenue-bar em{height:100%;display:block}.mock-app-shell .revenue-bar i{background:var(--brand);width:80%}.mock-app-shell .revenue-bar b{background:var(--viz-2);width:10%}.mock-app-shell .revenue-bar em{background:#9b9488;width:10%}.mock-app-shell .settings-form{border:1px solid var(--border-subtle);background:var(--surface-card);max-width:720px;box-shadow:var(--shadow-xs);border-radius:20px;gap:16px;padding:28px;display:grid}.mock-app-shell .settings-form label{color:var(--text-muted);gap:7px;font-size:14px;font-weight:850;display:grid}.mock-app-shell .settings-form input,.mock-app-shell .settings-form textarea{box-sizing:border-box;border:1px solid var(--border-subtle);background:var(--surface-card);width:100%;color:var(--text-strong);border-radius:14px;padding:12px 14px}.mock-app-shell .settings-form textarea{resize:vertical;min-height:92px}.mock-app-shell .settings-form p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.6}@media (max-width:1100px){.mock-app-shell .studio-stat-grid,.mock-app-shell .revenue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mock-app-shell .studio-topbar{flex-direction:column}.mock-app-shell .studio-topbar__actions{justify-items:start;width:100%}.mock-app-shell .studio-section-tabs{justify-content:flex-start}}@media (max-width:760px){.mock-app-shell .studio-content{padding:22px 12px 42px}.mock-app-shell .studio-topbar h1{font-size:30px}.mock-app-shell .studio-stat-grid,.mock-app-shell .create-placeholder,.mock-app-shell .revenue-grid{grid-template-columns:1fr}.mock-app-shell .studio-section-tabs{grid-template-columns:1fr;width:100%;display:grid}.mock-app-shell .studio-section-tabs button{justify-content:flex-start}.mock-app-shell .create-placeholder,.mock-app-shell .settings-form{padding:22px}.mock-app-shell .create-placeholder h2{font-size:28px}.mock-app-shell .revenue-card strong{font-size:38px}}
.mock-app-shell .studio-channel-content{padding-bottom:60px}.mock-app-shell .studio-channel-panel{gap:20px}.mock-app-shell .studio-channel-subscribers{color:var(--brand);gap:6px;padding-left:12px}.mock-app-shell .studio-channel-visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mock-app-shell .studio-channel-info-form{max-width:none}.mock-app-shell .studio-channel-avatar{align-items:center;gap:18px;display:flex}.mock-app-shell .studio-channel-avatar__image img,.mock-app-shell .studio-channel-avatar__image .wb-avatar{border-radius:var(--radius-pill);object-fit:cover;width:84px;height:84px}.mock-app-shell .studio-channel-avatar__control{justify-items:start;gap:6px;display:grid}.mock-app-shell .studio-channel-avatar__control small{color:var(--text-faint);font-size:12px;font-weight:800}.mock-app-shell .studio-channel-form-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.mock-app-shell .studio-channel-playlist-body{gap:14px;padding:18px;display:grid}.mock-app-shell .studio-channel-hint{color:var(--text-muted);margin:0;font-size:14px;font-weight:800}.mock-app-shell .studio-channel-playlist-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.mock-app-shell .studio-channel-playlist-item{border:1px solid var(--border-subtle);background:var(--surface-card);border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.mock-app-shell .studio-channel-playlist-label{align-items:baseline;gap:10px;min-width:0;display:flex}.mock-app-shell .studio-channel-playlist-label strong{color:var(--text-strong);font-size:15px;font-weight:900}.mock-app-shell .studio-channel-playlist-label small{color:var(--text-faint);font-size:12px;font-weight:850}.mock-app-shell .studio-channel-playlist-actions,.mock-app-shell .studio-channel-playlist-edit{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.mock-app-shell .studio-channel-playlist-edit input,.mock-app-shell .studio-channel-playlist-add input{border:1px solid var(--border-subtle);background:var(--surface-card);min-height:38px;color:var(--text-strong);border-radius:12px;padding:0 12px}.mock-app-shell .studio-channel-move-down svg{transform:rotate(180deg)}.mock-app-shell .studio-channel-playlist-add{align-items:center;gap:8px;padding-top:4px;display:flex}.mock-app-shell .studio-channel-recommend{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card);gap:14px;padding:18px;display:grid}.mock-app-shell .studio-channel-recommend__head h3{color:var(--text-strong);margin:0;font-size:14px;font-weight:850}.mock-app-shell .studio-channel-recommend__head p{color:var(--text-muted);margin:6px 0 0;font-size:13px;line-height:1.5}.mock-app-shell .studio-channel-recommend__slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.mock-app-shell .studio-channel-recommend__slot{align-content:start;gap:6px;display:grid}.mock-app-shell .studio-channel-recommend__slot label{color:var(--text-muted);font-size:12px;font-weight:900}.mock-app-shell .studio-channel-recommend__actions{align-items:center;gap:12px;display:flex}.mock-app-shell .studio-channel-private-badge{border-radius:var(--radius-pill);background:var(--surface-sunken);color:var(--text-muted);justify-self:start;padding:2px 9px;font-size:11px;font-weight:900}.mock-app-shell .studio-channel-video-table{min-width:1200px}.mock-app-shell .studio-channel-video-table td{vertical-align:top;white-space:normal}.mock-app-shell .studio-channel-video-table select,.mock-app-shell .studio-channel-row-desc{border:1px solid var(--border-subtle);background:var(--surface-card);min-height:38px;color:var(--text-strong);border-radius:10px;padding:6px 10px;font-size:13px}.mock-app-shell .studio-channel-row-desc{resize:vertical;width:220px;min-height:60px}.mock-app-shell .studio-channel-purpose-chips{border:0;flex-wrap:wrap;gap:6px;min-width:168px;margin:0;padding:0;display:flex}.mock-app-shell .studio-channel-chip{border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:var(--surface-card);color:var(--text-muted);cursor:pointer;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:850;display:inline-flex}.mock-app-shell .studio-channel-chip.is-on{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}.mock-app-shell .studio-channel-chip input{width:14px;height:14px;accent-color:var(--brand)}.mock-app-shell .studio-channel-toggle{color:var(--text-body);cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:850;display:inline-flex}.mock-app-shell .studio-channel-toggle input{width:16px;height:16px;accent-color:var(--brand)}.mock-app-shell .studio-channel-featured-radio{width:18px;height:18px;accent-color:var(--brand);cursor:pointer}.mock-app-shell .studio-channel-row-save{justify-items:start;gap:6px;display:grid}.mock-app-shell .studio-channel-row-ok{color:var(--brand);font-size:12px;font-weight:900}.mock-app-shell .studio-channel-row-error{color:var(--danger);max-width:180px;font-size:12px;font-weight:850}.mock-app-shell .studio-channel-info-form .form-message--success,.mock-app-shell .form-message--success{color:var(--brand);font-size:13px;font-weight:900}@media (max-width:900px){.mock-app-shell .studio-channel-recommend__slots{grid-template-columns:1fr}.mock-app-shell .studio-channel-playlist-item{flex-direction:column;align-items:flex-start}}.mock-app-shell .studio-channel-button{border:1px solid var(--border-subtle);background:var(--surface-card);min-height:36px;color:var(--text-body);cursor:pointer;transition:background-color var(--dur-fast)var(--ease-out);border-radius:10px;align-items:center;gap:7px;padding:0 15px;font-size:13px;font-weight:700;display:inline-flex}.mock-app-shell .studio-channel-button:hover:not(:disabled){background:var(--surface-sunken)}.mock-app-shell .studio-channel-button:disabled{opacity:.6;cursor:default}.mock-app-shell .studio-channel-quiet-button{min-height:32px;color:var(--text-muted);cursor:pointer;transition:background-color var(--dur-fast)var(--ease-out),color var(--dur-fast)var(--ease-out);background:0 0;border:0;border-radius:10px;align-items:center;gap:7px;padding:0 10px;font-size:13px;font-weight:700;display:inline-flex}.mock-app-shell .studio-channel-quiet-button:hover{color:var(--text-strong);background:var(--surface-sunken)}.mock-app-shell .studio-channel-owner{white-space:nowrap;align-items:center;gap:9px;margin-left:auto;display:flex}.mock-app-shell .studio-channel-owner strong{color:var(--text-strong);font-size:14px}.mock-app-shell .studio-channel-owner span{color:var(--text-muted);font-size:13px}.mock-app-shell .studio-channel-hint{color:var(--text-faint);font-size:12px;font-weight:400}.mock-app-shell .studio-channel-form-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.mock-app-shell .studio-channel-recommend__preview{color:var(--text-body);align-items:center;gap:8px;margin-top:8px;font-size:12.5px;display:flex}.mock-app-shell .studio-channel-recommend__preview img{aspect-ratio:16/9;object-fit:cover;border-radius:6px;flex:none;width:56px}.mock-app-shell .studio-channel-recommend__empty{color:var(--text-faint);margin-top:8px;font-size:12px;display:block}.mock-app-shell .studio-channel-video-list{gap:10px;margin-top:14px;display:grid}.mock-app-shell .studio-channel-video{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card)}.mock-app-shell .studio-channel-video.is-open{border-color:var(--brand)}.mock-app-shell .studio-channel-video__head{border-radius:var(--radius-md);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;width:100%;padding:12px 14px;display:flex}.mock-app-shell .studio-channel-video__head:hover{background:var(--surface-sunken)}.mock-app-shell .studio-channel-video__thumb{aspect-ratio:16/9;object-fit:cover;background:var(--surface-sunken);border-radius:8px;flex:none;width:92px}.mock-app-shell .studio-channel-video__title strong{color:var(--text-strong);font-size:14px;display:block}.mock-app-shell .studio-channel-video__title small{color:var(--text-faint);margin-top:3px;font-size:12px;font-weight:400;display:block}.mock-app-shell .studio-channel-video__flags{align-items:center;gap:7px;margin-left:auto;display:flex}.mock-app-shell .studio-channel-flag{border:1px solid var(--border-subtle);border-radius:var(--radius-pill);color:var(--text-muted);padding:4px 10px;font-size:11.5px;font-weight:700}.mock-app-shell .studio-channel-flag.is-on{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}.mock-app-shell .studio-channel-video__chevron{color:var(--text-faint)}.mock-app-shell .studio-channel-video.is-open .studio-channel-video__chevron{transform:rotate(180deg)}.mock-app-shell .studio-channel-video__body{border-top:1px solid var(--border-subtle);gap:14px;padding:16px 14px;display:grid}.mock-app-shell .studio-channel-video__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.mock-app-shell .studio-channel-video__grid label,.mock-app-shell .studio-channel-video__desc{color:var(--text-muted);gap:6px;font-size:12px;font-weight:700;display:grid}.mock-app-shell .studio-channel-video__desc textarea{resize:vertical;min-height:84px}.mock-app-shell .studio-channel-video__foot{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.mock-app-shell .studio-channel-video__save{align-items:center;gap:10px;margin-left:auto;display:flex}@media (max-width:760px){.mock-app-shell .studio-channel-video__grid{grid-template-columns:1fr}}
.home-page{width:min(1320px,100% - 48px);padding:12px 0 56px}.home-page .section-band,.home-page .content-shelf{box-shadow:none;background:0 0;border:0;border-radius:0}.home-page .section-band{padding:0}.home-page>.content-shelf,.home-page .creator-dock{margin-top:22px}.home-page .section-heading{gap:3px;margin-bottom:8px}.home-page .section-heading h2{font-size:21px;font-weight:950}.home-page .section-heading p{max-width:520px;font-size:14px;line-height:1.6}.home-page .content-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.home-page .content-grid--mini{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.home-page .category-grid--four{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.category-page{min-height:calc(100vh - var(--topbar-h,72px))}.category-page__shelf{margin-top:0}.home-page .wb-content-card{gap:9px}.home-page .wb-content-card__media{border-radius:14px}.home-page .wb-content-card__body{box-sizing:border-box;gap:8px;padding:0 8px}.home-page .wb-content-card__body .wb-chip{width:fit-content;min-height:25px;padding:0 9px}.home-page .wb-content-card__meta-row{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.home-page .wb-content-card__meta-left{align-items:center;gap:7px;min-width:0;display:inline-flex}.home-page .wb-content-card__creator{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:900;overflow:hidden}.home-page .wb-content-card__favorite{border-radius:var(--radius-pill);width:30px;height:30px;color:var(--brand);cursor:pointer;transition:background var(--dur-fast)var(--ease-out),transform var(--dur-fast)var(--ease-out);background:#fff;border:1px solid #2556e029;flex:none;place-items:center;display:inline-grid}.home-page .wb-content-card__favorite:hover,.home-page .wb-content-card__favorite:focus-visible{background:var(--brand-soft);text-decoration:none}.home-page .wb-content-card__favorite:hover{transform:translateY(-1px)}.home-page .wb-content-card__favorite:focus-visible{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--focus);outline:none}.home-page .wb-content-card__title{font-size:16px}.home-page .wb-content-card__body p,.home-page .wb-content-card__actions{display:none}.home-page .creator-dock{z-index:1;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;gap:10px;padding:0;display:grid;position:relative}.home-page .creator-dock>div{margin-top:0}.home-page .creator-dock-card{text-align:center;background:0 0;border:0;border-radius:0;flex:0 0 92px;justify-items:center;gap:6px;padding:0;display:grid}.home-page .creator-dock-card .wb-avatar{border:3px solid #fff;width:64px;height:64px;box-shadow:0 7px 16px #1c1a171f}.home-page .creator-dock-card span{min-width:0}.home-page .creator-dock-card strong,.home-page .creator-dock-card small{text-overflow:ellipsis;white-space:nowrap;max-width:132px;display:block;overflow:hidden}.home-page .creator-dock-card strong{color:var(--text-strong);font-size:13px;font-weight:950}.home-page .creator-dock-card small{display:none}.home-page .creator-dock-card>button:last-child{border-radius:var(--radius-pill);min-height:23px;color:var(--brand);cursor:pointer;background:#fff;border:1px solid #2556e03d;padding:0 13px;font-size:11px;font-weight:900}.home-page .creator-dock-card>button:last-child.is-active{color:var(--text-strong);background:#fff3c4;border-color:#ffbe2480}@media (max-width:1100px){.home-page .content-grid,.home-page .category-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}.home-page .creator-dock{grid-template-columns:1fr}}@media (max-width:760px){.home-page{width:min(100% - 24px,1320px);padding:20px 0 56px}.home-page .content-grid,.home-page .content-grid--mini,.home-page .category-grid--four{grid-template-columns:1fr}.home-page>.content-shelf,.home-page .creator-dock{margin-top:24px}.home-page .creator-dock{gap:12px;margin-left:-12px;margin-right:-12px;padding:12px}}
.legal-page{width:min(760px,100% - 40px);margin-left:auto;margin-right:auto;padding:56px 0 32px}.legal-document{border-top:3px solid var(--brand-blue);padding-top:24px}.legal-document__header{border-bottom:1px solid var(--border-subtle);padding-bottom:28px}.legal-document__eyebrow{color:var(--brand-blue);letter-spacing:.04em;margin:0 0 8px;font-size:13px;font-weight:900}.legal-document h1,.legal-document h2,.legal-document h3{color:var(--ink)}.legal-document h1{font-family:var(--font-ui);margin:0;font-size:clamp(30px,5vw,42px);line-height:1.2}.legal-document__updated{color:var(--muted);margin:10px 0 0;font-size:14px}.legal-document__notice{margin:18px 0 0}.legal-document__body{color:var(--muted);word-break:keep-all;padding:32px 0 12px;font-size:16px;line-height:1.8}.legal-document__body h2{margin:34px 0 10px;font-size:21px}.legal-document__body h3{margin:28px 0 8px;font-size:18px}.legal-document__body p,.legal-document__body ul,.legal-document__body ol{margin:0 0 16px}.legal-document__body ul,.legal-document__body ol{padding-left:22px}.legal-document__body a{color:var(--brand-blue);text-underline-offset:3px;font-weight:800;text-decoration-thickness:1.5px}.legal-document__body a:focus-visible{outline:2px solid var(--brand-blue);outline-offset:3px;box-shadow:0 0 0 4px var(--ring)}@media (max-width:640px){.legal-page{width:min(100% - 28px,760px);padding-top:32px}.legal-document__body{font-size:15px;line-height:1.75}}
.mock-login-shell{background:#fbfaf7;place-items:center;min-height:100vh;padding:28px;display:grid}.mock-login-panel{border:1px solid var(--border-subtle);width:min(100%,560px);box-shadow:var(--shadow-lg);background:linear-gradient(#ffbe2414,#fff0 38%),#fff;border-radius:28px;gap:24px;padding:38px;display:grid}.mock-login-copy{gap:12px;display:grid}.mock-login-copy h1{color:var(--text-strong);letter-spacing:0;margin:0;font-size:46px;line-height:1.08}.mock-login-copy p{color:var(--text-muted);margin:0;font-size:15px;font-weight:700;line-height:1.7}.mock-login-benefits{gap:10px;margin:0;padding:0;list-style:none;display:grid}.mock-login-benefits li{color:var(--text-body);align-items:center;gap:10px;font-size:14px;font-weight:800;display:flex}.mock-login-benefits svg{width:17px;height:17px;color:var(--brand);flex:none}.mock-login-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mock-login-link{border:1px solid var(--border-subtle);border-radius:var(--radius-pill);min-height:46px;color:var(--brand);background:#fff;align-items:center;gap:8px;padding:0 18px;font-weight:900;text-decoration:none;display:inline-flex}.mock-login-note{color:var(--text-muted);background:#2556e012;border-radius:18px;margin:-6px 0 0;padding:14px 16px;font-size:13px;font-weight:800;line-height:1.6}@media (max-width:820px){.mock-login-shell{padding:18px}.mock-login-panel{padding:24px}.mock-login-copy h1{font-size:36px}}
.oauth-consent-panel{width:min(100%,620px)}.oauth-consent-facts{border:1px solid var(--border-subtle);background:var(--surface-sunken);border-radius:18px;gap:14px;margin:0;padding:16px 18px;display:grid}.oauth-consent-facts>div{gap:4px;display:grid}.oauth-consent-facts dt{color:var(--text-muted);font-size:12px;font-weight:800}.oauth-consent-facts dd{color:var(--text-strong);overflow-wrap:anywhere;margin:0;font-size:14px;font-weight:800;line-height:1.5}.oauth-consent-facts dd small{color:var(--text-muted);margin-top:2px;font-size:12px;font-weight:700;display:block}.oauth-consent-scopes{gap:12px;display:grid}.oauth-consent-scopes h2{color:var(--text-strong);margin:0;font-size:16px;font-weight:800}.oauth-consent-scopes ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.oauth-consent-scopes li{align-items:flex-start;gap:10px;display:flex}.oauth-consent-scopes svg{width:17px;height:17px;color:var(--brand);flex:none;margin-top:3px}.oauth-consent-scopes strong{color:var(--text-body);overflow-wrap:anywhere;font-size:14px;font-weight:800;display:block}.oauth-consent-scopes span{color:var(--text-muted);font-size:13px;font-weight:700;line-height:1.6}.oauth-consent-empty{color:var(--text-muted);margin:0;font-size:13px;font-weight:700}.oauth-consent-actions{flex-wrap:wrap;gap:10px;display:flex}.oauth-consent-actions .ui-button{flex:200px}@media (max-width:820px){.oauth-consent-actions .ui-button{flex:100%}}
.mypage-shell{gap:18px;display:grid}.mypage-panel{border:1px solid var(--border-subtle);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:24px;position:relative;overflow:hidden}.mypage-charge-button small{border-radius:var(--radius-pill);background:#ffffff57;padding:2px 7px;font-size:11px;font-weight:800}.mypage-panel-heading h2,.mypage-panel-heading p{margin:0}.subscription-avatar{border:5px solid var(--surface);border-radius:var(--radius-pill);color:var(--surface);background:var(--brand-blue);box-shadow:0 0 0 3px var(--warning-200);flex:none;place-items:center;font-weight:900;display:inline-grid}.mypage-tabs,.activity-tabs{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.mypage-tabs::-webkit-scrollbar{display:none}.activity-tabs::-webkit-scrollbar{display:none}.mypage-tabs{z-index:12;border-bottom:1px solid var(--border-subtle);background:var(--page-bg);gap:22px;max-width:100%;position:sticky;top:76px}.mypage-tabs a{color:var(--muted);white-space:nowrap;padding:11px 2px 13px;font-size:14px;font-weight:800;text-decoration:none;position:relative}.mypage-tabs a:hover,.mypage-tabs a.is-active{color:var(--ink)}.mypage-tabs a.is-active:after{content:"";background:var(--brand-blue);height:2px;position:absolute;bottom:-1px;left:0;right:0}.activity-tabs a{border-radius:var(--radius-pill);min-height:36px;color:var(--muted);white-space:nowrap;justify-content:center;align-items:center;padding:0 15px;font-weight:800;text-decoration:none;display:inline-flex}.mypage-tabs a:focus-visible,.activity-tabs a:focus-visible,.mypage-secondary-button:focus-visible,.subscription-list a:focus-visible{box-shadow:0 0 0 3px var(--ring);outline:0}.mypage-panel{padding:28px}.mypage-panel-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.mypage-panel-heading h2{align-items:center;gap:8px;font-size:20px;line-height:1.3;display:flex}.mypage-panel-heading h2 .mock-icon{color:var(--muted)}.mypage-panel-heading>div>p:last-child{color:var(--muted);margin-top:7px}.mypage-secondary-button{border:1px solid var(--info-100);border-radius:var(--radius-pill);min-height:40px;color:var(--brand-blue);background:var(--surface);cursor:pointer;padding:0 17px;font-weight:850}.mypage-secondary-button:hover{background:var(--info-50)}.account-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;display:grid}.account-detail-grid>div{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface);min-width:0;padding:18px}.mypage-danger{border:1px solid var(--border-subtle);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:24px}.mypage-danger.is-open{border-color:var(--danger-500)}.mypage-danger__toggle{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:24px;align-items:center;gap:11px;width:100%;padding:17px 22px;display:flex}.mypage-danger__toggle:focus-visible{box-shadow:0 0 0 3px var(--ring);outline:0}.mypage-danger__mark{color:var(--danger-700)}.mypage-danger__label{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.mypage-danger__label strong{color:var(--danger-700);font-size:15px}.mypage-danger__label small{color:var(--muted);font-size:12.5px}.mypage-danger__chevron{color:var(--muted);margin-left:auto}.mypage-danger.is-open .mypage-danger__chevron{transform:rotate(180deg)}.withdrawal-zone{border:1px solid var(--danger-500);border-radius:var(--radius-lg);background:var(--danger-50);gap:16px;margin:0 18px 18px;padding:22px;display:grid}.withdrawal-zone h3,.withdrawal-zone p{margin:0}.withdrawal-zone h3{font-size:20px}.withdrawal-zone>div:first-child>p:last-child{color:var(--muted);margin-top:6px;line-height:1.55}.withdrawal-kicker{color:var(--danger-700);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:900}.withdrawal-steps{gap:8px;margin:0;padding:0;list-style:none;display:flex}.withdrawal-steps li{border-radius:var(--radius-pill);color:var(--muted);background:var(--surface);padding:6px 10px;font-size:12px;font-weight:800}.withdrawal-steps li.is-current{color:var(--danger-700);background:var(--warning-50)}.withdrawal-reasons{border:0;gap:8px;margin:0;padding:0;display:grid}.withdrawal-reasons legend{color:var(--ink);margin-bottom:8px;font-weight:850}.withdrawal-reasons label{border:1px solid var(--border-subtle);background:var(--surface);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:11px 13px;display:flex}.withdrawal-reasons input{accent-color:var(--danger-500)}.withdrawal-actions{justify-content:flex-end;gap:8px;display:flex}.withdrawal-next,.withdrawal-delete{border-radius:var(--radius-pill);min-height:40px;color:var(--surface);cursor:pointer;border:0;padding:0 17px;font-weight:850}.withdrawal-next{background:var(--ink)}.withdrawal-delete{background:var(--danger-500)}.withdrawal-delete:disabled{cursor:wait;opacity:.65}.withdrawal-reasons input:focus-visible,.withdrawal-next:focus-visible,.withdrawal-delete:focus-visible{box-shadow:0 0 0 3px var(--ring);outline:0}.account-detail-grid dt{color:var(--muted);font-size:13px;font-weight:800}.account-detail-grid dd{overflow-wrap:anywhere;color:var(--ink);margin:8px 0 0;font-size:16px;font-weight:900}.activity-tabs{margin:-2px 0 24px;padding-bottom:2px}.activity-tabs a{border:1px solid var(--border-subtle);background:var(--surface);min-height:38px}.activity-tabs a.is-active{color:var(--surface);background:var(--brand-blue);border-color:#0000}.activity-tabs a:hover{color:var(--ink)}.activity-tabs a.is-active:hover{color:var(--surface)}.activity-tabs__count{opacity:.75;margin-left:7px;font-size:12px;font-weight:800}.mypage-content-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.mypage-content-item{min-width:0}.watch-history-progress{color:var(--muted);margin-top:6px;font-size:12px;font-weight:800;display:block}.subscription-list,.credit-transaction-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.subscription-list li,.credit-transaction-list li{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--warning-50);justify-content:space-between;align-items:center;gap:14px;padding:15px 17px;display:flex}.subscription-avatar{width:42px;height:42px;box-shadow:0 0 0 2px var(--warning-200);border-width:3px}.subscription-list li>div{flex:1;gap:3px;display:grid}.subscription-list small,.credit-transaction-list span,.credit-transaction-list time{color:var(--muted);font-size:12px}.subscription-list a{color:var(--brand-blue);font-size:13px;font-weight:850;text-decoration:none}.realistic-request-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.realistic-request-list li{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--warning-50);grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 15px;display:grid}.realistic-request-list__image{aspect-ratio:16/9;background:var(--surface);object-fit:cover;border-radius:10px;width:96px;display:block}.realistic-request-list__body{gap:3px;min-width:0;display:grid}.realistic-request-list__body strong{color:var(--ink)}.realistic-request-list__body small{color:var(--muted);font-size:12px}.realistic-request-list__guide{color:var(--muted);margin:4px 0 0;font-size:13px}.realistic-request-list__status{border-radius:var(--radius-pill);white-space:nowrap;padding:3px 10px;font-size:12px;font-weight:800}.realistic-request-list__status.is-pending{color:var(--warning-700);background:var(--warning-200)}.realistic-request-list__status.is-ready{color:var(--surface);background:var(--brand-blue)}.realistic-request-list__status.is-rejected{color:var(--danger-700);background:var(--danger-50)}.realistic-exception-open{justify-self:start;margin-top:6px}.realistic-exception-body{gap:12px;display:grid}.realistic-exception-body p{margin:0}.realistic-exception-body textarea{box-sizing:border-box;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;font:inherit;resize:vertical;padding:10px 12px}.realistic-exception-body .realistic-exception-message{color:var(--danger-700)}@media (max-width:680px){.realistic-request-list li{grid-template-columns:72px minmax(0,1fr)}.realistic-request-list__image{width:72px}.realistic-request-list__status{grid-column:2;justify-self:start}}.mypage-empty{border:1px dashed var(--warning-200);background:var(--warning-50);text-align:center;border-radius:20px;place-content:center;gap:8px;min-height:220px;padding:24px;display:grid}.mypage-empty strong{color:var(--ink);font-size:17px}.mypage-empty p{color:var(--muted);margin:0}.mypage-load-error{margin:0 0 18px}.credits-layout{gap:18px;display:grid}.credit-balance-bar{border:1px solid var(--border-subtle);background:var(--surface);border-radius:20px;flex-wrap:wrap;align-items:center;gap:14px;padding:18px 24px;display:flex}.credit-balance-bar__label{color:var(--muted);margin:0;font-size:13px}.credit-balance-bar__amount{align-items:baseline;gap:7px;margin:0;display:flex}.credit-balance-bar__amount strong{color:var(--ink);font-family:var(--font-display);font-size:clamp(30px,3.4vw,40px);font-weight:400;line-height:1}.credit-balance-bar__amount span{color:var(--muted);font-size:13px;font-weight:850}.credit-balance-bar__hint{color:var(--muted);margin:0 0 0 auto;font-size:13px}.credit-transaction-list li>div{gap:3px;display:grid}.credit-transaction-list b{white-space:nowrap;font-size:17px}.credit-transaction-list b.is-positive{color:var(--success-700)}.credit-transaction-list b.is-negative{color:var(--ink)}@media (max-width:960px){.mypage-content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.mypage-shell{width:min(100% - 24px,560px);padding:24px 0 44px}.mypage-account-head{flex-wrap:wrap;align-items:flex-start;padding:18px}.mypage-account-head__credit{text-align:left;width:100%;margin-left:0}.mypage-tabs{width:100%;top:10px}.mypage-tabs a{flex:1;padding:0 13px}.mypage-panel,.credit-balance-bar{padding:22px}.mypage-panel-heading{flex-direction:column;align-items:stretch}.account-detail-grid,.mypage-content-grid{grid-template-columns:1fr}.subscription-list li,.credit-transaction-list li{align-items:flex-start}}.credit-usage{gap:14px;display:grid}.credit-usage-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.credit-usage-filters__periods{gap:6px;display:inline-flex}.credit-usage-filters__periods button{border:1px solid var(--border-subtle);min-height:32px;color:var(--muted);background:var(--surface);cursor:pointer;border-radius:8px;padding:0 12px;font-size:12.5px;font-weight:800}.credit-usage-filters__periods button.is-active{border-color:var(--brand-blue);color:var(--brand-blue);background:var(--info-50)}.credit-usage-filters__select{border:1px solid var(--border-subtle);min-height:32px;color:var(--muted);background:var(--surface);border-radius:8px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.credit-usage-filters__select select{color:inherit;cursor:pointer;background:0 0;border:0;font-size:12.5px;font-weight:800}.credit-usage-filters__select .sr-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.credit-usage-scroll{overflow-x:auto}.credit-usage-table{border-collapse:collapse;width:100%;font-size:13.5px}.credit-usage-table th{border-bottom:1px solid var(--border-subtle);color:var(--muted);text-align:left;white-space:nowrap;padding:9px 10px;font-size:12px;font-weight:800}.credit-usage-table td{border-bottom:1px solid var(--border-subtle);vertical-align:middle;padding:12px 10px}.credit-usage-table .is-number{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.credit-usage-table .is-balance{font-weight:850}.credit-usage-table .is-date{color:var(--muted);white-space:nowrap;font-size:12.5px}.credit-usage-status{border-radius:var(--radius-pill);background:var(--surface-sunken,#f3efe7);color:var(--muted);white-space:nowrap;padding:2px 9px;font-size:11.5px;font-weight:800;display:inline-block}.credit-usage-note{color:var(--muted);margin:0;font-size:12px}.credit-usage-more{justify-content:center;padding-top:4px;display:flex}
#editor-v2-portal-root,[data-concept-art-page],[data-editor-loading]{--bd:initial;--bd-strong:initial;--dur-1:initial;--dur-2:initial;--ease-cut:initial;--ease-out:initial;--font-display:initial;--font-mono:initial;--font-sans:initial;--font-slate:initial;--fw-bold:initial;--fw-extrabold:initial;--fw-medium:initial;--fw-regular:initial;--fw-semibold:initial;--gutter:initial;--leading-body:initial;--leading-none:initial;--leading-snug:initial;--page-pad:initial;--radius-none:initial;--radius-pill:initial;--radius-sm:initial;--radius-xs:initial;--rail-w:initial;--rail-w-collapsed:initial;--space-1:initial;--space-10:initial;--space-12:initial;--space-16:initial;--space-2:initial;--space-3:initial;--space-4:initial;--space-5:initial;--space-6:initial;--space-7:initial;--text-2xl:initial;--text-2xs:initial;--text-3xl:initial;--text-base:initial;--text-lg:initial;--text-md:initial;--text-sm:initial;--text-xl:initial;--text-xs:initial;--topbar-h:initial;--tracking-label:initial}
.mock-app-shell .topbar{z-index:50;height:var(--topbar-h);background:var(--frame);color:var(--on-frame);font-family:var(--font-sans);align-items:stretch;display:flex;position:fixed;inset:0 0 auto}.site-brand{width:var(--rail-w-collapsed);background:var(--frame-strong);flex:none;justify-content:center;align-items:center;text-decoration:none;display:flex}.mock-app-shell.is-sidebar-expanded .site-brand{width:var(--rail-w)}.site-logo-full{display:none}.site-logo-compact,.mock-app-shell.is-sidebar-expanded .site-logo-full{display:inline-flex}.mock-app-shell.is-sidebar-expanded .site-logo-compact{display:none}.site-brand .secondtake-logo{width:160px;height:auto}.site-brand .secondtake-logo--compact{width:auto;font:20px/1 var(--font-slate);letter-spacing:.03em;text-align:center}.secondtake-logo--compact span{background:var(--on-frame);height:30px;color:var(--frame-strong);justify-content:center;align-items:center;padding:3px 6px 0;display:flex}.topbar .mobile-menu-button{border:0;border-right:1px solid color-mix(in srgb,var(--on-frame)18%,transparent);width:56px;color:var(--on-frame);cursor:pointer;background:0 0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.topbar .top-nav{align-items:stretch;gap:28px;padding:0 24px;display:none}.topbar .top-nav a{color:var(--on-frame);white-space:nowrap;border-bottom:3px solid #0000;align-items:center;padding-top:3px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.topbar .top-nav a[aria-current=page]{border-color:var(--on-frame);font-weight:700}.site-create-link{background:var(--frame-strong);color:var(--on-frame);white-space:nowrap;align-items:center;margin-left:auto;padding:0 24px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.topbar a:focus-visible,.topbar button:focus-visible{outline:2px solid var(--on-frame);outline-offset:-4px}@media (min-width:924px){.mock-app-shell:not(.is-sidebar-expanded) .top-nav{display:flex}}@media (min-width:1100px){.mock-app-shell .top-nav{display:flex}.mock-app-shell:not(.is-sidebar-collapsed):not(.is-watching) .site-brand{width:var(--rail-w)}.mock-app-shell:not(.is-sidebar-collapsed):not(.is-watching) .site-logo-full{display:inline-flex}.mock-app-shell:not(.is-sidebar-collapsed):not(.is-watching) .site-logo-compact{display:none}}@media (max-width:759px){.mock-app-shell .site-brand,.mock-app-shell.is-sidebar-expanded .site-brand{width:var(--rail-w-collapsed)}.mock-app-shell .site-logo-full,.mock-app-shell.is-sidebar-expanded .site-logo-full{display:none}.mock-app-shell .site-logo-compact,.mock-app-shell.is-sidebar-expanded .site-logo-compact{display:inline-flex}}
.mock-app-shell .app-body{padding-top:var(--topbar-h);display:block}.mock-app-shell .main-stage{min-width:0;margin-left:var(--rail-w-collapsed)}.mock-app-shell.is-sidebar-expanded .main-stage{margin-left:var(--rail-w)}.mock-app-shell .platform-sidebar{top:var(--topbar-h);z-index:30;width:var(--rail-w-collapsed);border-right:1px solid var(--border);background:var(--surface);color:var(--text);font-family:var(--font-sans);transition:width .22s var(--ease-cut);position:fixed;bottom:0;left:0;overflow:auto}.mock-app-shell.is-sidebar-expanded .platform-sidebar{width:var(--rail-w)}.platform-sidebar .sidebar-inner{flex-direction:column;gap:12px;min-height:100%;padding:16px 0;display:flex}.platform-sidebar .sidebar-mobile-head{justify-content:space-between;align-items:center;padding:0 16px;display:none}.sidebar-mobile-logo{width:96px;height:auto}.platform-sidebar .sidebar-profile,.platform-sidebar .sidebar-group__toggle,.platform-sidebar .sidebar-action{width:100%;min-height:44px;color:var(--text-secondary);text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:0;align-items:center;gap:14px;padding:0 22px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.platform-sidebar .mock-icon{flex:0 0 20px;width:20px}.platform-sidebar .sidebar-group__toggle{font-size:11px}.platform-sidebar .sidebar-group__toggle .mock-icon:last-child{transition:transform .22s var(--ease-cut)}.platform-sidebar .sidebar-group__items{padding-left:18px;display:none}.platform-sidebar .sidebar-group__items[hidden]{display:none}.platform-sidebar .sidebar-action:hover,.platform-sidebar .sidebar-profile:hover,.platform-sidebar .sidebar-group__toggle:hover{background:var(--bg)}.platform-sidebar .sidebar-action.is-active,.platform-sidebar .sidebar-profile[aria-current=page]{border-left:2px solid var(--text);background:var(--bg);color:var(--text);font-weight:700}.platform-sidebar .sidebar-profile{min-height:64px}.platform-sidebar .sidebar-profile__text{gap:3px;display:grid}.platform-sidebar .sidebar-profile__text span{color:var(--text-muted);font-size:12px}.platform-sidebar .sidebar-profile[aria-current=page] .sidebar-profile__text span,.platform-sidebar .sidebar-profile:hover .sidebar-profile__text span{color:var(--text-secondary)}.platform-sidebar .wb-avatar{background:var(--bg);width:32px;height:32px;color:var(--text);box-shadow:none;border:0;border-radius:50%;flex:0 0 32px}.platform-sidebar .wb-badge{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-secondary);font-size:11px}.platform-sidebar .sidebar-charge .sidebar-action{color:var(--text-secondary);background:0 0;border:0;border-radius:0;font-weight:500}.platform-sidebar .sidebar-charge .sidebar-action:hover,.platform-sidebar .sidebar-charge .wb-badge{background:var(--bg)}.platform-sidebar .sidebar-action:disabled{cursor:default}.platform-sidebar .sidebar-label{display:none}.platform-sidebar .sidebar-profile{padding:0 16px}.platform-sidebar button:focus-visible,.platform-sidebar a:focus-visible{outline:2px solid var(--text);outline-offset:-2px;box-shadow:none}.mock-app-shell.is-sidebar-expanded .sidebar-label{display:inline}.mock-app-shell.is-sidebar-expanded .mock-icon.sidebar-label{display:inline-grid}.mock-app-shell.is-sidebar-expanded .wb-badge.sidebar-label{display:inline-flex}.mock-app-shell.is-sidebar-expanded .sidebar-profile__text,.mock-app-shell.is-sidebar-expanded .sidebar-group__items:not([hidden]){display:grid}.mock-app-shell.is-sidebar-expanded .sidebar-profile{padding:0 22px}.mock-app-shell .sidebar-scrim{display:none}@media (min-width:924px){.mock-app-shell:not(.is-sidebar-expanded) .sidebar-menu{display:none}}@media (min-width:1100px){.mock-app-shell .sidebar-menu{display:none}.mock-app-shell:not(.is-sidebar-collapsed):not(.is-watching) .main-stage{margin-left:var(--rail-w)}.mock-app-shell:not(.is-sidebar-collapsed):not(.is-watching) .platform-sidebar{width:var(--rail-w)}.mock-app-shell:not(.is-sidebar-collapsed):not(.is-watching) .sidebar-label{display:inline}.mock-app-shell:not(.is-sidebar-collapsed):not(.is-watching) .mock-icon.sidebar-label{display:inline-grid}.mock-app-shell:not(.is-sidebar-collapsed):not(.is-watching) .wb-badge.sidebar-label{display:inline-flex}.mock-app-shell:not(.is-sidebar-collapsed):not(.is-watching) .sidebar-profile__text,.mock-app-shell:not(.is-sidebar-collapsed):not(.is-watching) .sidebar-group__items:not([hidden]){display:grid}.mock-app-shell:not(.is-sidebar-collapsed):not(.is-watching) .sidebar-profile{padding:0 22px}}@media (max-width:759px){.mock-app-shell .main-stage,.mock-app-shell.is-sidebar-expanded .main-stage{margin-left:0}.mock-app-shell .platform-sidebar,.mock-app-shell.is-sidebar-expanded .platform-sidebar{z-index:80;width:min(86vw,var(--rail-w));visibility:hidden;top:0;transform:translate(-110%)}.mock-app-shell .platform-sidebar.is-mobile-open{visibility:visible;transform:translate(0)}.platform-sidebar .sidebar-label{display:inline}.platform-sidebar .mock-icon.sidebar-label{display:inline-grid}.platform-sidebar .wb-badge.sidebar-label{display:inline-flex}.platform-sidebar .sidebar-profile__text,.platform-sidebar .sidebar-group__items:not([hidden]){display:grid}.platform-sidebar .sidebar-profile{padding:0 22px}.platform-sidebar .sidebar-mobile-head{display:flex}.mock-app-shell.is-mobile-sidebar-open .sidebar-scrim{z-index:70;background:color-mix(in srgb,var(--text)36%,transparent);border:0;display:block;position:fixed;inset:0}}
.legal-footer{width:100%;color:var(--text);font-family:var(--font-sans)}.site-footer-white{background:var(--surface);padding:48px 24px 40px;position:relative;overflow:hidden}.site-footer-two{color:var(--neutral-100);font:380px/.8 var(--font-slate);pointer-events:none;position:absolute;top:-12%;right:6%}.site-footer-content{text-align:center;max-width:780px;margin:0 auto;position:relative}.site-footer-content nav{flex-wrap:wrap;justify-content:center;gap:12px;font-size:14px;display:flex}.site-footer-content nav span{color:var(--neutral-600)}.site-footer-content a{color:var(--blue-400);text-decoration:none}.site-footer-content a:focus-visible{outline:2px solid var(--text);outline-offset:3px}.site-footer-slogan{border-top:1px dotted var(--neutral-600);gap:8px;margin-top:24px;padding-top:24px;display:grid}.site-footer-slogan strong{font:48px/1 var(--font-slate)}.site-footer-slogan span{font-size:14px}.site-footer-red{background:var(--frame);color:var(--on-frame);text-align:center;padding:16px 24px;font-size:13px}.site-footer-red span{font-family:var(--font-slate);letter-spacing:.06em;font-size:15px}
:root{--brand-blue:#2556e0;--brand-yellow:#ffbe24;--brand-blue-dark:#1d45b8;--brand-yellow-dark:#d99a05;--surface:#fff;--page-bg:#fafaf9;--ink:#1c1a17;--muted:#6f6a60;--border-subtle:#e7e1d8;--success-50:#e7f6ee;--success-500:#2e9e5b;--success-700:#1e6e3e;--danger-50:#fdecec;--danger-500:#e5484d;--danger-700:#b22327;--warning-50:#fff9eb;--warning-200:#ffe08a;--warning-500:#faa80b;--warning-700:#b76408;--info-50:#eff4ff;--info-100:#dbe6fe;--info-500:#3b6ff4;--info-700:#1e45b8;--danger:var(--danger-500);--success:var(--success-500);--ring:#2556e02e;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 8px 20px #1c1a1712;--shadow-lg:0 18px 38px #1c1a1721;--font-ui:"Pretendard",system-ui,-apple-system,sans-serif;--sky:#4fb8f2;--coral:#f0806e;--mint:#3aae97;--sun:#ffd400;--blue-soft:#e9f0fd}[data-assembly-composition-root]{--font-display:"Jua","Pretendard Variable",sans-serif;--assembly-caption-radius:8px}