@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";
@import "https://fonts.googleapis.com/css2?family=Jua&display=swap";
@import "https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy.css";
@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap";
*,:before,:after{box-sizing:border-box}.app-shell{background:var(--page-bg);min-height:100vh}.topbar{z-index:40;border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fafaf9f0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-height:64px;padding:12px 20px;display:grid;position:sticky;top:0}.brand-lockup{color:inherit;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-mark{width:38px;height:38px;color:var(--brand-yellow);background:var(--brand-blue);border-radius:14px;place-items:center;font-size:15px;line-height:1;display:inline-grid}.brand-lockup strong,.brand-lockup small{display:block}.brand-lockup strong{font-size:20px;font-weight:900;line-height:1}.brand-lockup small{color:var(--muted);margin-top:3px;font-size:12px;font-weight:800}.top-nav{border:1px solid var(--border-subtle);scrollbar-width:none;background:#fff;border-radius:999px;gap:4px;min-width:0;padding:4px;display:flex;overflow-x:auto}.top-nav::-webkit-scrollbar{display:none}.top-nav__item{min-height:34px;color:var(--muted);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-size:14px;font-weight:850;text-decoration:none;display:inline-flex}.top-nav__item:hover{color:var(--brand-blue);background:#eff4ff;text-decoration:none}.top-nav__item--music{color:#a66a00;background:#fff8df}.topbar-actions{justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:inline-flex}.topbar-link{min-height:36px;color:var(--brand-blue);cursor:pointer;background:#fff;border:1px solid #2556e03d;border-radius:999px;align-items:center;padding:0 14px;font-weight:850;text-decoration:none;display:inline-flex}.topbar-link:hover{background:#eff4ff;text-decoration:none}.app-body{grid-template-columns:248px minmax(0,1fr);align-items:start;display:grid}.platform-sidebar{border-right:1px solid var(--border-subtle);background:#fffffff2;min-height:calc(100vh - 64px);position:sticky;top:64px}.sidebar-inner{gap:14px;padding:18px 12px;display:grid}.sidebar-profile{border-radius:var(--radius-md);background:#eff4ff;align-items:center;gap:10px;padding:12px;display:flex}.avatar-dot{color:#fff;background:var(--brand-blue);border-radius:999px;flex:none;place-items:center;width:34px;height:34px;font-size:13px;font-weight:900;display:inline-grid}.sidebar-profile__text strong,.sidebar-profile__text small{display:block}.sidebar-profile__text strong{font-size:14px;font-weight:900}.sidebar-profile__text small{color:var(--muted);margin-top:3px;font-size:12px;font-weight:750}.sidebar-group{gap:6px;display:grid}.sidebar-group h2{color:var(--muted);margin:0;padding:0 10px;font-size:13px;font-weight:900}.sidebar-group__items{gap:3px;display:grid}.sidebar-action{min-height:34px;color:var(--ink);border-radius:10px;align-items:center;padding:0 10px;font-size:13px;font-weight:800;text-decoration:none;display:flex}.sidebar-action:hover{color:var(--brand-blue);background:#f5f8ff;text-decoration:none}.main-stage{min-width:0}@media (max-width:960px){.topbar{grid-template-columns:1fr}.topbar-actions{justify-content:flex-start}.app-body{grid-template-columns:1fr}.platform-sidebar{border-right:0;border-bottom:1px solid var(--border-subtle);scrollbar-width:none;min-height:0;position:static;overflow-x:auto}.platform-sidebar::-webkit-scrollbar{display:none}.sidebar-inner{scrollbar-width:none;align-items:stretch;gap:10px;padding:12px;display:flex;overflow-x:auto}.sidebar-inner::-webkit-scrollbar{display:none}.sidebar-profile{min-width:190px;padding:10px}.sidebar-group{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#fff;min-width:140px;padding:10px}.sidebar-group h2{padding:0}.sidebar-group__items{flex-wrap:wrap;gap:6px;display:flex}.sidebar-action{white-space:nowrap;background:#fafaf9;border-radius:999px;min-height:30px;padding:0 9px}}@media (max-width:640px){.topbar{padding:10px 12px}.brand-lockup{align-items:flex-start}.sidebar-inner{padding:10px 12px}.sidebar-profile{min-width:176px}.sidebar-group{min-width:128px}}
.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,.review-preview-dialog 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}.review-preview-backdrop{z-index:80;background:color-mix(in srgb,var(--ink)56%,transparent);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.review-preview-dialog{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface);width:min(920px,100%);max-height:calc(100vh - 48px);box-shadow:var(--shadow-lg);padding:18px;overflow:auto}.review-preview-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.review-preview-header h3{margin:0;font-size:20px}.review-preview-dialog video{border-radius:var(--radius-md);background:var(--ink);width:100%;max-height:62vh;display:block}.review-preview-dialog img{border:1px solid var(--border-subtle);border-radius:var(--radius-md);max-width:240px;height:auto;margin-top:12px}@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}}
.topbar{z-index:50;min-height:var(--header-h);border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fafaf9eb;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 20px;display:grid;position:sticky;top:0}.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}.top-nav{border:1px solid var(--border-subtle);border-radius:var(--radius-pill);scrollbar-width:none;background:#fff;align-items:center;gap:4px;min-width:0;padding:4px;display:flex;overflow-x:auto}.top-nav::-webkit-scrollbar{display:none}.top-nav button,.top-nav a,.top-music-button,.top-channel-button,.top-filter-toggle,.mobile-menu-button,.icon-button,.top-login-button,.top-signout-button,.top-user-pill{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}.top-nav button:hover,.top-nav button.is-active,.top-nav a:hover,.top-nav a.is-active,.top-channel-button:hover,.top-channel-button.is-active,.top-filter-toggle:hover{background:var(--brand-soft);color:var(--brand)}.top-music-button{color:#f59e0b;background:linear-gradient(135deg,#fff7ed 0%,#fff1f2 100%);border:1px solid #ffbe246b}.topbar-actions{align-items:center;gap:8px;display:inline-flex}.wb-input{border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:#fff;align-items:center;gap:8px;min-width:220px;min-height:38px;padding:0 14px;display:inline-flex}.wb-input input{background:0 0;border:0;outline:0;min-width:0}.top-login-button{color:#fff;background:var(--brand)}.top-signout-form{margin:0;display:inline-flex}.top-signout-button{border:1px solid var(--border-subtle);color:var(--text-muted);background:#fff}.top-signout-button:hover,.top-signout-button:focus-visible{background:var(--brand-soft);color:var(--brand);outline:none}.top-user-pill{color:var(--brand);background:var(--brand-soft)}.mobile-menu-button{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card);width:38px;height:38px;color:var(--text-muted);display:none}.top-filter-toggle{border:1px solid var(--border-subtle);background:var(--surface-card);width:34px;min-height:34px;padding:0;position:relative}.top-filter-toggle.is-active,.top-filter-toggle.has-filters{background:var(--brand-soft);color:var(--brand)}.top-filter-toggle small{border:2px solid var(--surface-card);border-radius:var(--radius-pill);background:var(--accent);min-width:17px;height:17px;color:var(--text-strong);justify-content:center;align-items:center;padding:0 5px;font-size:10px;font-weight:900;display:inline-flex;position:absolute;top:-5px;right:-3px}.top-filter-panel{border:1px solid var(--border-subtle);width:min(940px,100%);box-shadow:var(--shadow-lg);background:#fffffffa;border-radius:28px;grid-column:1/-1;justify-self:center;margin-top:-2px;padding:18px}.top-filter-panel__head{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.top-filter-panel__head strong,.top-filter-panel__head span{display:block}.top-filter-panel__head strong{color:var(--text-strong);font-size:16px;font-weight:900}.top-filter-panel__head span{color:var(--text-faint);margin-top:3px;font-size:13px}.top-filter-panel__head button{border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:var(--surface-card);min-height:30px;color:var(--text-muted);cursor:pointer;padding:0 10px;font-weight:800}.top-filter-panel__head button:disabled{opacity:.42;cursor:default}.top-filter-panel__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.top-filter-group{border:0;gap:10px;min-width:0;margin:0;padding:0;display:grid}.top-filter-group legend{color:var(--text-muted);font-size:12px;font-weight:850}.top-filter-group>div{flex-wrap:wrap;gap:8px;display:flex}.filter-check-chip{border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:var(--surface-card);min-height:36px;color:var(--text-body);cursor:pointer;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.filter-check-chip span:first-child{border:1px solid var(--border-subtle);background:var(--surface-card);border-radius:7px;place-items:center;width:18px;height:18px;display:inline-grid}.filter-check-chip .mock-icon{width:13px;height:13px}.filter-check-chip strong{color:var(--text-strong);font-size:13px;font-weight:900}.filter-check-chip small{color:var(--text-faint);font-size:12px;font-weight:700}.filter-check-chip.is-checked{background:var(--brand-soft);color:var(--brand);border-color:#2556e03d}.filter-check-chip.is-checked span:first-child{border-color:var(--brand);background:var(--brand);color:#fff}.filter-check-chip--radio span:first-child{border-radius:var(--radius-pill)}@media (min-width:761px) and (max-width:1320px){.topbar{gap:8px;padding-left:14px;padding-right:14px}.top-nav button{gap:5px;padding:0 9px}.topbar-actions .wb-input{display:none}}
:root{--header-h:68px;--side-rail-w:72px;--side-expanded-w:288px;--brand:#2556e0;--brand-soft:#edf3ff;--accent:#ffbe24;--surface-card:#fff;--surface-sunken:#f4f1ea;--surface-blue:#eef4ff;--surface-warm:#fff7dd;--text-strong:#1c1a17;--text-body:#39352d;--text-muted:#706a5f;--text-faint:#8a8378;--genre-story:#2556e0;--genre-music:#d97706;--border-subtle:#e7e1d8;--radius-md:14px;--radius-lg:24px;--radius-pill:999px;--shadow-xs:0 3px 10px #1c1a170f;--shadow-lg:0 20px 44px #1c1a1721;--ring:0 0 0 4px #2556e02e;--dur-fast:.16s;--dur-base:.22s;--ease-out:cubic-bezier(.2,.8,.2,1);--font-display:"Jua","Pretendard",system-ui,sans-serif}.app-shell{min-height:100vh;color:var(--text-body);background:#fbfaf7}.mock-icon{flex:none;place-items:center;width:18px;height:18px;font-size:12px;font-weight:950;line-height:1;display:inline-grid}.app-body{grid-template-columns:var(--side-rail-w)minmax(0,1fr);align-items:start;display:grid}.app-shell.is-sidebar-pinned .app-body{grid-template-columns:var(--side-expanded-w)minmax(0,1fr)}.platform-sidebar{top:var(--header-h);z-index:30;width:var(--side-rail-w);height:calc(100vh - var(--header-h));border-right:1px solid var(--border-subtle);box-shadow:var(--shadow-xs);scrollbar-width:none;transition:width var(--dur-base)var(--ease-out),box-shadow var(--dur-base)var(--ease-out);background:#fffffff5;position:sticky;overflow:hidden auto}.platform-sidebar::-webkit-scrollbar{display:none}.platform-sidebar:hover,.platform-sidebar:focus-within,.platform-sidebar.is-pinned{width:var(--side-expanded-w);box-shadow:var(--shadow-lg)}.sidebar-inner{flex-direction:column;gap:12px;min-height:100%;padding:16px 10px;display:flex}.sidebar-mobile-head{justify-content:space-between;align-items:center;display:none}.sidebar-profile,.sidebar-pin-button,.sidebar-group__toggle,.sidebar-action{border-radius:var(--radius-md);width:100%;color:var(--text-body);text-align:left;background:0 0;border:0;align-items:center;gap:12px;display:flex}.sidebar-profile{background:var(--surface-blue);min-height:58px;padding:9px 13px}.sidebar-pin-button,.sidebar-group__toggle{cursor:pointer;min-height:42px;padding:0 13px;font-size:13px;font-weight:850}.sidebar-action{cursor:pointer;min-height:34px;padding:0 10px;font-size:12px;font-weight:800}.sidebar-pin-button:hover,.sidebar-group__toggle:hover,.sidebar-action:hover{background:var(--surface-sunken)}.sidebar-action.is-active{color:var(--brand);background:var(--brand-soft)}.sidebar-label{opacity:0;pointer-events:none;min-width:0;transition:opacity var(--dur-fast)var(--ease-out),transform var(--dur-fast)var(--ease-out);transform:translate(-6px)}.platform-sidebar:hover .sidebar-label,.platform-sidebar:focus-within .sidebar-label,.platform-sidebar.is-pinned .sidebar-label,.platform-sidebar.is-mobile-open .sidebar-label{opacity:1;pointer-events:auto;transform:translate(0)}.platform-sidebar:not(:hover):not(:focus-within):not(.is-pinned):not(.is-mobile-open) .sidebar-profile,.platform-sidebar:not(:hover):not(:focus-within):not(.is-pinned):not(.is-mobile-open) .sidebar-group__items,.platform-sidebar:not(:hover):not(:focus-within):not(.is-pinned):not(.is-mobile-open) .sidebar-footer{display:none}.sidebar-profile__text{white-space:nowrap;flex-direction:column;gap:3px;min-width:0;display:flex}.sidebar-profile__text strong{color:var(--text-strong);font-size:13px}.sidebar-profile__text span{color:var(--text-faint);font-size:12px}.sidebar-group{gap:4px;display:grid}.sidebar-group__items{border-left:1px solid var(--border-subtle);gap:3px;margin:2px 0 8px 22px;padding-left:10px;display:grid}.sidebar-action span{white-space:nowrap;flex:1}.sidebar-action small{border-radius:var(--radius-pill);background:var(--surface-sunken);min-width:22px;height:22px;color:var(--text-faint);justify-content:center;align-items:center;font-size:11px;display:inline-flex}.sidebar-footer{border-radius:var(--radius-md);background:var(--surface-warm);color:var(--text-muted);white-space:nowrap;align-items:center;gap:8px;margin-top:auto;padding:12px;font-size:12px;font-weight:800;display:flex}.main-stage{min-width:0}.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%)}.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(--accent);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-muted);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(--text-strong);background:var(--accent);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){.topbar{grid-template-columns:auto auto 1fr auto}.topbar-actions .wb-input{display:none}.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){.topbar{grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding:8px 12px}.mobile-menu-button{display:inline-flex}.top-nav{grid-column:1/3}.top-music-button{grid-column:3;padding:0 10px}.top-filter-panel{width:100%}.top-filter-panel__grid{grid-template-columns:1fr}.topbar-actions{scrollbar-width:none;grid-column:1/-1;justify-content:flex-start;gap:6px;overflow-x:auto}.topbar-actions::-webkit-scrollbar{display:none}.top-login-button{flex:auto;min-width:116px}.top-channel-button{flex:none;padding:0 10px}.app-body,.app-shell.is-sidebar-pinned .app-body{grid-template-columns:1fr}.platform-sidebar{z-index:80;width:min(86vw,var(--side-expanded-w));height:100vh;position:fixed;top:0;left:0;transform:translate(-110%)}.platform-sidebar.is-mobile-open{transform:translate(0)}.platform-sidebar .sidebar-label{opacity:1;pointer-events:auto;transform:none}.platform-sidebar:not(:hover):not(:focus-within):not(.is-pinned):not(.is-mobile-open) .sidebar-profile,.platform-sidebar:not(:hover):not(:focus-within):not(.is-pinned):not(.is-mobile-open) .sidebar-group__items,.platform-sidebar:not(:hover):not(:focus-within):not(.is-pinned):not(.is-mobile-open) .sidebar-footer,.sidebar-mobile-head{display:flex}.app-shell.is-mobile-sidebar-open .sidebar-scrim{display:block}.sidebar-scrim{z-index:70;background:#1c1a175c;border:0;display:none;position:fixed;inset:0}.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{--header-h:68px;--side-rail-w:72px;--side-expanded-w:288px;--brand:#2556e0;--brand-soft:#edf3ff;--accent:#ffbe24;--surface-card:#fff;--surface-sunken:#f4f1ea;--surface-blue:#eef4ff;--surface-warm:#fff7dd;--text-strong:#1c1a17;--text-body:#39352d;--text-muted:#706a5f;--text-faint:#8a8378;--genre-story:#2556e0;--genre-music:#d97706;--font-display:"Jua","Pretendard",system-ui,sans-serif;min-height:100vh;color:var(--text-body);background:#fbfaf7}@media (min-width:761px){.mock-app-shell .topbar{min-height:var(--header-h);display:grid}.mock-app-shell .app-body{grid-template-columns:var(--side-rail-w)minmax(0,1fr);align-items:start;display:grid}.mock-app-shell.is-sidebar-pinned .app-body{grid-template-columns:var(--side-expanded-w)minmax(0,1fr)}.mock-app-shell .platform-sidebar{top:var(--header-h);width:var(--side-rail-w);height:calc(100vh - var(--header-h));border-right:1px solid var(--border-subtle);border-bottom:0;min-height:0;position:sticky;overflow:hidden auto;transform:none}.mock-app-shell .platform-sidebar:hover,.mock-app-shell .platform-sidebar:focus-within,.mock-app-shell .platform-sidebar.is-pinned{width:var(--side-expanded-w)}.mock-app-shell .sidebar-inner{flex-direction:column;display:flex;overflow:visible}.mock-app-shell .main-stage{min-width:0}}@media (max-width:760px){.mock-app-shell .app-body,.mock-app-shell.is-sidebar-pinned .app-body{grid-template-columns:1fr}.mock-app-shell .platform-sidebar{z-index:80;width:min(86vw,var(--side-expanded-w));height:100vh;min-height:0;position:fixed;top:0;left:0;transform:translate(-110%)}.mock-app-shell .platform-sidebar.is-mobile-open{transform:translate(0)}}
.mock-app-shell .watch-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:32px;display:grid}.mock-app-shell .watch-main,.mock-app-shell .watch-side{flex-direction:column;align-content:start;gap:20px;min-width:0;display:flex}.mock-app-shell .watch-player{aspect-ratio:16/9;background:var(--surface-sunken);min-height:0;box-shadow:var(--shadow-lg);border:0;border-radius:24px;display:block;position:relative;overflow:hidden}.mock-app-shell .watch-player img,.mock-app-shell .watch-player video,.mock-app-shell .side-video img{object-fit:cover;width:100%;height:100%}.mock-app-shell .watch-player video{background:#111;border:0;display:block}.mock-app-shell .watch-player__button{border-radius:var(--radius-pill);color:#fff;background:#1c1a1794;place-items:center;width:64px;height:64px;display:inline-grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.mock-app-shell .watch-player__progress{background:#fff6;height:6px;position:absolute;bottom:0;left:0;right:0}.mock-app-shell .watch-player__progress span{background:var(--accent);height:100%;display:block}.mock-app-shell .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}.mock-app-shell .watch-route-layout{padding-top:28px}.mock-app-shell .watch-player-stack{gap:12px;display:grid}.mock-app-shell .engagement-controls{flex-wrap:wrap;gap:10px;display:flex}.mock-app-shell .engagement-progress,.mock-app-shell .watch-note{color:var(--text-muted);font-size:13px;font-weight:800}.mock-app-shell .watch-route-sidebar a{text-decoration:none}.mock-app-shell .watch-route-sidebar .mock-icon{color:var(--text-body)}.mock-app-shell .watch-meta h1{margin:0;font-size:34px;line-height:1.15}.mock-app-shell .watch-meta p,.mock-app-shell .no-comments-panel p{color:var(--text-muted);margin:0;line-height:1.6}.mock-app-shell .no-comments-panel{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 .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}.mock-app-shell .creator-mini__name{color:var(--text-strong);text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-weight:900;display:block}.mock-app-shell .creator-mini__body span{color:var(--text-muted);margin-top:3px;font-size:13px;font-weight:800;display:block}.mock-app-shell .side-list{gap:12px;display:grid}.mock-app-shell .side-empty-state{border:1px dashed var(--border-subtle);color:var(--text-muted);background:#ffffffb8;border-radius:18px;margin:0;padding:18px;font-size:13px;font-weight:800;line-height:1.5}.mock-app-shell .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}.mock-app-shell .side-video strong{color:var(--text-strong);line-height:1.35;display:block}.mock-app-shell .side-video small{color:var(--text-muted);margin-top:5px;font-size:12px;font-weight:800;display:block}.mock-app-shell .side-video img{border-radius:12px;height:72px}@media (max-width:1100px){.mock-app-shell .watch-layout{grid-template-columns:1fr}}
.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(--accent);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{min-width:0;padding:34px;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-muted);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-muted);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-onboarding-control{align-items:center;display:inline-flex;position:relative}.mock-app-shell .studio-onboarding-toggle{gap:5px}.mock-app-shell .studio-onboarding-toggle.is-on{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}.mock-app-shell .studio-onboarding-toggle.is-off{border-color:var(--border-subtle);color:var(--text-muted);background:var(--surface-sunken)}.mock-app-shell .studio-onboarding-tip{z-index:90;border:1px solid var(--brand);width:max-content;max-width:240px;color:var(--text-strong);background:var(--surface-card);box-shadow:var(--shadow-md);border-radius:12px;align-items:center;gap:8px;padding:9px 10px;font-size:12px;font-weight:850;line-height:1.35;display:flex;position:absolute;bottom:calc(100% + 10px);right:0}.mock-app-shell .studio-onboarding-tip:after{content:"";border-right:1px solid var(--brand);border-bottom:1px solid var(--brand);background:var(--surface-card);width:10px;height:10px;position:absolute;bottom:-6px;right:18px;transform:rotate(45deg)}.mock-app-shell .studio-onboarding-tip button{z-index:1;color:var(--text-faint);cursor:pointer;background:0 0;border:0;padding:0;font-size:14px;font-weight:950;line-height:1;position:relative}.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(--accent);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}.mock-app-shell .studio-modal-backdrop{z-index:120;background:#1c1a1747;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.mock-app-shell .studio-create-modal{border:1px solid var(--border-subtle);background:var(--surface-card);width:min(420px,100%);box-shadow:var(--shadow-lg);border-radius:18px;gap:16px;padding:22px;display:grid}.mock-app-shell .studio-create-modal__head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.mock-app-shell .studio-create-modal__head span{color:var(--brand);font-size:12px;font-weight:950}.mock-app-shell .studio-create-modal__head h2{color:var(--text-strong);margin:4px 0 0;font-size:24px;font-weight:950}.mock-app-shell .studio-create-modal__head button{border:1px solid var(--border-subtle);width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:#fff;border-radius:999px;flex:none;place-items:center;display:inline-grid}.mock-app-shell .studio-create-modal__actions{justify-content:flex-end;gap:8px;display:flex}.mock-app-shell .studio-create-modal__cancel{border:1px solid var(--border-subtle);min-height:40px;color:var(--text-muted);cursor:pointer;background:#fff;border-radius:8px;padding:0 14px;font-size:14px;font-weight:850}@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-bottom:1px solid var(--border-subtle);background:var(--surface-blue);gap:14px;padding:18px;display:grid}.mock-app-shell .studio-channel-recommend__head h3{color:var(--text-strong);margin:0;font-size:16px;font-weight:950}.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}}
.home-page{width:min(1320px,100% - 48px);padding:12px 0 174px}.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,.home-safety-strip{margin-top:22px}.source-hero-stage{margin-bottom:0}.source-hero-stage .hero.home-arcade-hero{min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1.42fr) minmax(360px,.9fr);align-items:stretch;gap:14px;display:grid}.source-hero-stage .lt{min-width:0}.home-hero-feature{background:#102b79;border-radius:24px;min-height:284px;position:relative;overflow:hidden;box-shadow:0 20px 42px #1c1a1724}.home-hero-feature__image{object-fit:cover;filter:saturate(1.08);width:100%;height:100%;position:absolute;inset:0}.home-hero-feature:after{content:"";background:linear-gradient(90deg,#081e5be6 0%,#081e5bad 42%,#081e5b14 100%);position:absolute;inset:0}.home-hero-feature__copy{z-index:1;align-content:center;max-width:520px;min-height:284px;padding:22px 38px;display:grid;position:relative}.source-hero-stage .eyebrow2{color:var(--accent);margin:0 0 10px;font-size:17px;font-weight:950}.source-hero-stage h1.hl{color:#fff;font-family:var(--font-display);letter-spacing:0;gap:3px;margin:0;font-size:clamp(34px,3.7vw,52px);font-weight:950;line-height:1.03;display:grid}.source-hero-stage h1.hl span:last-child{color:var(--accent)}.source-hero-stage .sub2{color:#ffffffe0;max-width:500px;margin:12px 0 0;font-size:14px;font-weight:700;line-height:1.65}.source-hero-stage .rebel{color:#fff;margin:8px 0 0;font-size:18px;font-weight:950}.source-hero-stage .rebel .wz{color:var(--accent)}.source-hero-stage .ctas{flex-wrap:wrap;gap:12px;margin:18px 0 0;display:flex}.source-hero-stage .btn{border-radius:var(--radius-pill);cursor:pointer;border:0;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 20px;font-size:14px;font-weight:950;display:inline-flex}.source-hero-stage .btn.primary{color:var(--brand);background:#fff;box-shadow:0 12px 24px #1c1a172e}.source-hero-stage .btn.warm{color:var(--text-strong);background:var(--accent);box-shadow:0 12px 24px #1c1a172e}.hero-showcase{min-height:284px;display:grid;position:relative}.hero-showcase__badge{z-index:2;border-radius:var(--radius-pill);min-height:34px;color:var(--brand);box-shadow:var(--shadow-xs);background:#fffffff0;border:1px solid #2556e029;align-items:center;gap:7px;padding:0 12px;font-size:12px;font-weight:950;display:inline-flex;position:absolute;top:12px;left:12px}.monthly-picks-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.monthly-pick-card{color:#fff;background:var(--surface-sunken);min-height:135px;box-shadow:var(--shadow-xs);cursor:pointer;border:0;border-radius:18px;padding:0;position:relative;overflow:hidden}.monthly-pick-card img{object-fit:cover;width:100%;height:100%}.monthly-pick-card:after{content:"";background:linear-gradient(#1c1a1700 32%,#1c1a17bd 100%);position:absolute;inset:0}.monthly-pick-card span,.monthly-pick-card strong,.monthly-pick-card__play{z-index:1;position:absolute}.monthly-pick-card span{border-radius:var(--radius-pill);color:var(--brand);background:#edf3fff5;padding:5px 9px;font-size:11px;font-weight:950;bottom:16px;left:16px}.monthly-pick-card strong{color:#fff;text-align:left;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:950;line-height:1.25;bottom:43px;left:16px;right:54px;overflow:hidden}.monthly-pick-card__play{border-radius:var(--radius-pill);width:38px;height:38px;color:var(--brand);background:#fffffff2;place-items:center;display:grid;bottom:14px;right:14px}.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 .home-feed-grid--four,.home-page .category-grid--four{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.home-feed-card-reveal{opacity:0;transition:opacity .52s var(--ease-out),transform .52s var(--ease-out);transition-delay:calc(var(--reveal-index,0)*42ms);transform:translateY(26px)}.home-feed-card-reveal.is-visible{opacity:1;transform:translateY(0)}.home-feed-load-sentinel{place-items:center;min-height:42px;display:grid}.home-feed-load-more{border-radius:var(--radius-pill);min-height:40px;color:var(--brand);box-shadow:var(--shadow-xs);cursor:pointer;background:#fff;border:1px solid #2556e02e;padding:0 18px;font-size:13px;font-weight:950}.home-feed-load-more:hover,.home-feed-load-more:focus-visible{background:var(--brand-soft);box-shadow:var(--ring);outline:none}.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);outline:none;transform:translateY(-1px)}.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__rail{min-width:0;padding-right:52px;display:block;position:relative;overflow:hidden}.home-page .creator-dock__head{justify-content:space-between;align-items:center;display:flex}.home-page .creator-dock__head>div{color:var(--text-strong);align-items:center;gap:7px;display:inline-flex}.home-page .creator-dock__head strong{font-size:20px;font-weight:950}.home-page .creator-dock__head .mock-icon{width:18px;height:18px;color:var(--text-strong);transform:rotate(-90deg)}.home-page .creator-dock__head span,.home-page .creator-dock__toggle{display:none}.home-page .creator-dock__list{overscroll-behavior-inline:contain;scroll-behavior:auto;scrollbar-width:none;will-change:transform;gap:26px;width:max-content;padding:2px 2px 4px;animation:28s linear infinite creator-dock-marquee;display:flex;overflow-x:auto}.home-page .creator-dock__list::-webkit-scrollbar{display:none}.home-page .creator-dock__rail:is(:hover,:focus-within) .creator-dock__list,.home-page .creator-dock__list:is(:hover,:focus-within){animation-play-state:paused}@keyframes creator-dock-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.home-page .creator-dock__list{animation:none}}.home-page .creator-dock__next{border-radius:var(--radius-pill);width:42px;height:42px;color:var(--text-strong);cursor:pointer;transition:transform var(--dur-fast)var(--ease-out),box-shadow var(--dur-fast)var(--ease-out);background:#fffffff5;border:1px solid #1c1a171a;place-items:center;display:inline-grid;position:absolute;top:18px;right:0;box-shadow:0 8px 18px #1c1a171a}.home-page .creator-dock__next .mock-icon{transform:rotate(-90deg)}.home-page .creator-dock__next:hover,.home-page .creator-dock__next:focus-visible{outline:none;transform:translate(2px);box-shadow:0 12px 24px #1c1a1726}.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>button:first-child{color:inherit;text-align:center;cursor:pointer;background:0 0;border:0;justify-items:center;gap:8px;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}.creator-dock-card__avatar-image{border-radius:var(--radius-pill);object-fit:cover;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}.home-safety-strip{bottom:0;right:auto;left:calc(var(--side-rail-w) + (100% - var(--side-rail-w))/2);z-index:60;width:min(1320px,calc(100% - var(--side-rail-w) - 48px));border:1px solid var(--border-subtle);background:#fff;border-bottom:0;border-radius:18px 18px 0 0;grid-template-columns:minmax(360px,1.35fr) repeat(3,minmax(180px,1fr));align-items:center;gap:22px;max-width:1320px;padding:12px 24px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 12px 26px #1c1a1714}.mock-app-shell.is-sidebar-pinned .home-safety-strip{left:calc(var(--side-expanded-w) + (100% - var(--side-expanded-w))/2);width:min(1320px,calc(100% - var(--side-expanded-w) - 48px))}.home-safety-strip>div{align-items:center;gap:12px;display:flex}.home-safety-strip .mock-icon{border-radius:var(--radius-pill);width:52px;height:52px;color:var(--brand);background:var(--brand-soft);padding:13px}.home-safety-strip__mascot{background:#fff;border-radius:18px;flex:none;place-items:center;width:92px;height:76px;display:grid;overflow:hidden}.home-safety-strip__mascot-image{object-fit:cover;width:100%;height:100%}.home-safety-strip strong,.home-safety-strip small{display:block}.home-safety-strip strong{color:var(--text-strong);font-size:15px;font-weight:950}.home-safety-strip small{color:var(--text-muted);margin-top:3px;font-size:12px;font-weight:800}.home-safety-strip__lead strong{font-size:22px;line-height:1.2}.home-safety-strip__lead strong span{color:var(--brand);display:inline}.home-footer{color:var(--text-faint);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;margin-top:26px;padding:22px 0 34px;font-size:12px;display:grid}.home-footer__legal{text-align:center;justify-items:center;gap:5px;display:grid}.home-footer__legal strong{color:var(--text-muted);font-weight:900}.home-footer nav{white-space:nowrap;justify-self:end;align-items:center;gap:8px;display:inline-flex}.home-footer a{color:var(--text-muted);font-weight:800;text-decoration:none}.home-footer a:focus-visible{box-shadow:var(--ring);outline:none}@media (max-width:1180px){.source-hero-stage .hero.home-arcade-hero{grid-template-columns:1fr}.home-safety-strip{grid-template-columns:minmax(260px,1.2fr) repeat(3,minmax(132px,.8fr));gap:12px}.hero-showcase{min-height:0}.monthly-pick-card{min-height:160px}}@media (max-width:1100px){.home-page .content-grid,.home-page .home-feed-grid--four,.home-page .category-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}.home-page .creator-dock,.home-footer{grid-template-columns:1fr}.home-footer nav{justify-self:center}.home-page .creator-dock__list{display:flex}}@media (max-width:760px){.home-page{width:min(100% - 24px,1320px);padding:20px 0 142px}.home-hero-feature,.home-hero-feature__copy{min-height:330px}.home-hero-feature__copy{padding:26px 24px}.source-hero-stage h1.hl{font-size:42px}.source-hero-stage .sub2{font-size:15px}.source-hero-stage .ctas{display:grid}.home-page .content-grid,.home-page .content-grid--mini,.home-page .home-feed-grid--four,.home-page .category-grid--four,.monthly-picks-grid{grid-template-columns:1fr}.monthly-pick-card{min-height:184px}.home-page>.content-shelf,.home-page .creator-dock,.home-safety-strip{margin-top:24px}.home-page .creator-dock{gap:12px;margin-left:-12px;margin-right:-12px;padding:12px}.home-page .creator-dock__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.home-page .creator-dock__toggle{border:1px solid var(--border-subtle);border-radius:var(--radius-pill);min-height:36px;color:var(--brand);background:var(--surface-card);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:900;display:inline-flex}.home-page .creator-dock--collapsed .creator-dock__head span,.home-page .creator-dock--collapsed .creator-dock__rail,.home-page .creator-dock--collapsed .creator-dock__list{display:none}.home-page .creator-dock__rail{padding-right:0}.home-page .creator-dock__list{grid-template-columns:1fr;max-height:min(52vh,420px);display:grid;overflow-y:auto}.home-page .creator-dock__next{display:none}.home-safety-strip{grid-template-columns:1fr;gap:10px;width:calc(100% - 24px);padding:12px 14px;bottom:0;left:50%;right:auto}.home-safety-strip__lead strong{font-size:18px}.home-safety-strip>div:not(.home-safety-strip__lead){display:none}.home-footer{gap:12px;padding-bottom:28px}}
.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-caution{color:var(--text-body);background:var(--surface-warm);border-radius:18px;align-items:flex-start;gap:10px;margin:0;padding:14px 16px;font-size:13px;font-weight:700;line-height:1.6;display:flex}.oauth-consent-caution svg{width:18px;height:18px;color:var(--warning-700);flex:none;margin-top:1px}.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%}}
: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}html,body{font-family:var(--font-ui);color:var(--ink);background:var(--page-bg);margin:0;padding:0}button,input,select{font:inherit}a{color:inherit}.eyebrow{color:var(--brand-blue);letter-spacing:0;margin:0 0 8px;font-size:13px;font-weight:800}.ui-button{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-weight:800;transition:transform .16s,background-color .16s,border-color .16s;display:inline-flex}.ui-button:hover:not(:disabled){transform:translateY(-1px)}.ui-button:disabled{cursor:not-allowed;opacity:.55}.ui-button--sm{min-height:34px;padding:0 14px;font-size:14px}.ui-button--md{padding:0 18px;font-size:15px}.ui-button--lg{min-height:48px;padding:0 24px;font-size:16px}.ui-button--block{width:100%}.ui-button--primary{color:#fff;background:var(--brand-blue)}.ui-button--primary:hover:not(:disabled){background:var(--brand-blue-dark)}.ui-button--warm{color:var(--ink);background:var(--brand-yellow)}.ui-button--warm:hover:not(:disabled){background:var(--brand-yellow-dark)}.ui-button--secondary{color:var(--brand-blue);background:#fff;border-color:#2556e052}.ui-button--ghost{color:var(--brand-blue);background:0 0}.ui-button--danger{color:#fff;background:var(--danger)}.ui-button--soft{color:var(--brand-blue);background:var(--blue-soft);border-color:#0000}.ui-button--soft:hover:not(:disabled){background:#dde8fc}.ui-button--icon{box-sizing:border-box;width:32px;min-width:32px;height:32px;min-height:32px;padding:0}.ui-button--icon.ui-button--danger{color:var(--coral);background:0 0}.ui-input,.field-group{gap:8px;display:grid}.ui-input__label,.field-group>span{color:var(--ink);font-size:14px;font-weight:800}.ui-input__control{align-items:center;display:flex}.ui-input-field,.field-group input,.field-group select{box-sizing:border-box;border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;min-height:44px;color:var(--ink);background:#fff;outline:none;padding:0 14px}.ui-input-field:focus,.field-group input:focus,.field-group select:focus{border-color:var(--brand-blue);box-shadow:0 0 0 4px var(--ring)}.ui-input-field--error{border-color:var(--danger)}.ui-input__message,.form-message{color:var(--muted);margin:0;font-size:13px}.ui-input__message--error,.form-message--error{color:var(--danger)}.form-message--success{color:var(--success)}.ui-badge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.ui-badge--square{border-radius:8px}.ui-badge--general{color:var(--ink);background:#eee9e0}.ui-badge--creator{color:var(--ink);background:#fff0c2}.ui-badge--early,.ui-badge--new{color:#7a4d00;background:#fff6d9}.ui-badge--editor{color:#fff;background:var(--brand-blue)}.ui-badge--age{color:var(--brand-blue);background:#eaf0ff}.ui-badge--success{color:#fff;background:var(--success)}.ui-badge--danger{color:#fff;background:var(--danger)}.upload-shell{width:min(1120px,100% - 32px);margin:0 auto;padding:48px 0}.upload-header{margin-bottom:28px}.upload-header h1{margin:0;font-size:36px;line-height:1.15}.upload-header p:last-child,.section-heading p{color:var(--muted);margin:8px 0 0}.upload-grid{grid-template-columns:minmax(0,420px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.upload-surface{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);padding:24px}.section-heading{margin-bottom:18px}.section-heading h2{margin:0;font-size:20px;line-height:1.3}.upload-form{gap:18px;display:grid}.form-actions{justify-content:flex-end;gap:10px;display:flex}.content-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.content-row{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#fffdf8;justify-content:space-between;align-items:center;gap:16px;padding:14px;display:flex}.content-row__title{font-weight:800;line-height:1.35}.library-channel-link{width:100%;color:inherit;justify-content:space-between;align-items:center;text-decoration:none;display:flex}.content-row__meta,.content-row__badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.content-row__meta{color:var(--muted);margin-top:6px;font-size:13px}.genre-dot{border-radius:999px;width:10px;height:10px}.genre-dot--story{background:var(--brand-blue)}.genre-dot--music{background:var(--brand-yellow)}.empty-state{color:var(--muted);margin:0}.viewer-shell,.watch-shell,.library-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:36px 0 56px}.viewer-header,.library-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:34px;display:flex}.viewer-header h1,.library-header h1{max-width:620px;margin:0;font-size:40px;line-height:1.15}.viewer-nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.viewer-nav a,.viewer-nav button,.watch-back{min-height:36px;color:var(--brand-blue);cursor:pointer;background:#fff;border:1px solid #2556e03d;border-radius:999px;align-items:center;padding:0 14px;font-weight:800;text-decoration:none;display:inline-flex}.viewer-user{color:var(--muted);font-size:13px;font-weight:700}.viewer-section{gap:18px;display:grid}.viewer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.content-card{color:inherit;gap:10px;text-decoration:none;transition:transform .16s;display:grid}.content-card:hover{transform:translateY(-3px)}.content-card__media{aspect-ratio:16/9;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow .16s;position:relative;overflow:hidden}.content-card:hover .content-card__media{box-shadow:var(--shadow-lg)}.content-card--story .content-card__media{background:color-mix(in srgb,var(--brand-blue)12%,white)}.content-card--music .content-card__media{background:color-mix(in srgb,var(--brand-yellow)34%,white)}.content-card__fallback{color:var(--brand-blue);place-items:center;font-weight:900;display:grid;position:absolute;inset:0}.content-card--music .content-card__fallback{color:var(--brand-yellow-dark)}.content-card__age{position:absolute;bottom:8px;left:8px}.content-card__body{gap:4px;display:grid}.content-card__genre,.watch-genre{color:var(--brand-blue);margin:0;font-size:12px;font-weight:900}.content-card--music .content-card__genre,.watch-genre--music{color:var(--brand-yellow-dark)}.content-card__body h2,.content-card__body p{margin:0}.content-card__body h2{font-size:16px;line-height:1.35}.content-card__body p{color:var(--muted);font-size:13px}.watch-back{width:max-content;margin-bottom:18px}.watch-layout{grid-template-columns:minmax(0,1fr);gap:22px;display:grid}.watch-player-stack{gap:12px;display:grid}.watch-player{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);min-height:260px;box-shadow:var(--shadow-sm);background:#111;place-items:center;display:grid;overflow:hidden}.watch-player video{aspect-ratio:16/9;background:#111;width:100%}.engagement-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.engagement-progress,.watch-note{color:var(--muted);font-size:13px;font-weight:700}.watch-detail{gap:12px;display:grid}.watch-detail h1{max-width:780px;margin:0;font-size:32px;line-height:1.2}.library-grid{gap:34px;display:grid}.library-section{gap:16px;display:grid}.library-channel-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (max-width:760px){.upload-shell{padding:28px 0}.upload-grid{grid-template-columns:1fr}.upload-header h1{font-size:30px}.form-actions,.content-row{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.viewer-shell,.watch-shell,.library-shell{padding:28px 0 40px}.viewer-header,.library-header{display:grid}.viewer-header h1,.library-header h1{font-size:30px}.viewer-nav{justify-content:flex-start}.viewer-grid{grid-template-columns:1fr}.watch-detail h1{font-size:26px}}