@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";
@import "https://fonts.googleapis.com/css2?family=Jua&display=swap";

*,:before,:after{box-sizing:border-box}
.viewer-shell{width:min(1280px,100% - 40px);margin:0 auto;padding:28px 0 56px}.home-hero{box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#2556e01a,#ffbe242e),#fff;border:1px solid #2556e029;border-radius:28px;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:stretch;gap:24px;margin-bottom:26px;padding:clamp(24px,4vw,46px);display:grid}.home-hero__copy{align-content:center;gap:16px;display:grid}.home-hero h1{letter-spacing:0;max-width:760px;margin:0;font-size:clamp(36px,6vw,72px);line-height:1.04}.home-hero p{max-width:680px;color:var(--muted);margin:0;font-size:18px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:10px;display:flex}.home-hero__panel{color:#fff;background:linear-gradient(145deg,#2556e0f0,#1d45b8cc),var(--brand-blue);border-radius:24px;align-content:end;gap:10px;min-height:260px;padding:24px;display:grid;overflow:hidden}.home-hero__panel strong{font-size:28px;line-height:1.15}.home-hero__panel span{color:#ffffffc7;font-weight:800}.home-section-stack{gap:26px;display:grid}.content-shelf{border:1px solid var(--border-subtle);min-width:0;box-shadow:var(--shadow-sm);background:#fff;border-radius:20px;gap:18px;padding:22px;display:grid}.content-shelf .section-heading{margin-bottom:0}.content-shelf .section-heading h2{font-size:24px}.login-shell{background:linear-gradient(135deg,#2556e01a,#ffbe2429),var(--page-bg);place-items:center;min-height:100vh;padding:28px;display:grid}.login-panel{border:1px solid var(--border-subtle);width:min(100%,460px);box-shadow:var(--shadow-lg);background:#fff;border-radius:24px;gap:22px;padding:30px;display:grid}.login-brand{justify-self:start}.login-panel h1{margin:0;font-size:34px;line-height:1.15}.login-panel p{color:var(--muted);margin:10px 0 0;line-height:1.65}@media (max-width:960px){.viewer-shell{width:min(1280px,100% - 28px);padding-top:18px}.home-hero{grid-template-columns:1fr}.home-hero__panel{min-height:180px}}@media (max-width:640px){.viewer-shell{width:min(1280px,100% - 24px);padding-bottom:40px}.home-hero{border-radius:20px;gap:18px;padding:20px}.home-hero h1{font-size:34px;line-height:1.08}.home-hero p{font-size:15px;line-height:1.6}.home-hero__panel{border-radius:18px;min-height:150px;padding:20px}.home-hero__panel strong{font-size:22px}.content-shelf{border-radius:16px;gap:16px;padding:18px}}
.studio-shell{background:var(--page-bg);grid-template-columns:252px minmax(0,1fr);min-height:100vh;display:grid}.studio-sidebar{border-right:1px solid var(--border-subtle);background:#fff;height:100vh;padding:22px 14px;position:sticky;top:0}.studio-logo{gap:4px;margin-bottom:22px;padding:0 8px;display:grid}.studio-logo strong{font-size:22px;font-weight:900}.studio-logo small{color:var(--muted);font-size:13px;font-weight:800}.studio-sidebar nav{gap:6px;display:grid}.studio-sidebar nav a{min-height:40px;color:var(--ink);border-radius:12px;align-items:center;padding:0 12px;font-size:14px;font-weight:850;text-decoration:none;display:flex}.studio-sidebar nav a:hover{color:var(--brand-blue);background:#eff4ff;text-decoration:none}.studio-content{align-content:start;gap:20px;min-width:0;padding:34px;display:grid}.studio-topbar{border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);background:#fff;border-radius:20px;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px;display:flex}.studio-topbar h1{margin:0;font-size:34px;line-height:1.15}.studio-topbar p:last-child{color:var(--muted);margin:8px 0 0}@media (max-width:840px){.studio-shell{grid-template-columns:1fr}.studio-sidebar{border-right:0;border-bottom:1px solid var(--border-subtle);height:auto;position:static}.studio-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-content{padding:22px 14px}.studio-topbar{flex-direction:column}}
.admin-shell{min-height:100vh;color:var(--ink);font-family:var(--font-ui);background:var(--page-bg);grid-template-columns:248px minmax(0,1fr);font-size:15px;line-height:1.5;display:grid}.admin-sidebar{border-right:1px solid var(--border-subtle);background:var(--surface);height:100vh;padding:24px 16px;position:sticky;top:0;overflow-y:auto}.admin-sidebar-header{display:block}.admin-logo{gap:4px;margin:0 8px 28px;display:grid}.admin-logo strong{color:var(--brand-blue);letter-spacing:-.02em;font-size:19px;font-weight:800;line-height:1.2}.admin-logo small{color:var(--muted);font-size:12px;font-weight:700}.admin-mobile-menu-button{border:1px solid var(--border-subtle);border-radius:var(--radius-md);min-height:44px;color:var(--ink);background:var(--surface);font:inherit;cursor:pointer;align-items:center;gap:8px;padding:0 14px;font-weight:800;display:none}.admin-mobile-menu-button svg{width:20px;height:20px}.admin-mobile-menu-button:focus-visible{border-color:var(--brand-blue);box-shadow:0 0 0 4px var(--ring);outline:none}.admin-sidebar nav{gap:24px;display:grid}.admin-nav-section{gap:8px;display:grid}.admin-nav-section__label{color:var(--muted);letter-spacing:.08em;margin:0 12px;font-size:11px;font-weight:800;line-height:1.4}.admin-nav-section__items{gap:4px;display:grid}.admin-nav-link{border-radius:var(--radius-md);min-height:42px;color:var(--ink);border:1px solid #0000;align-items:center;gap:10px;padding:0 12px;font-weight:700;text-decoration:none;transition:background-color .16s,border-color .16s,color .16s;display:flex}.admin-nav-link:hover{color:var(--brand-blue);background:var(--blue-soft);text-decoration:none}.admin-nav-link--active{border-color:color-mix(in srgb,var(--brand-blue)20%,transparent);color:var(--brand-blue);background:var(--blue-soft);box-shadow:inset 3px 0 0 var(--brand-blue)}.admin-nav-link:focus-visible{box-shadow:0 0 0 4px var(--ring);outline:none}.admin-nav-link__icon{flex:none;width:18px;height:18px}.admin-content{min-width:0;padding:32px}.admin-topbar{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding-bottom:20px;display:flex}.admin-topbar h1{letter-spacing:-.02em;margin:0;font-size:28px;line-height:1.2}.admin-topbar p{color:var(--muted);margin:4px 0 0}.admin-topbar .eyebrow{color:var(--brand-blue);margin:0 0 4px}.admin-content>.upload-surface{border-color:var(--border-subtle);background:var(--surface);box-shadow:none}.admin-page-stack{gap:20px;display:grid}.admin-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.admin-summary-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface);gap:6px;min-height:120px;padding:18px;display:grid}.admin-summary-card--brand{border-color:color-mix(in srgb,var(--brand-blue)24%,var(--border-subtle));background:color-mix(in srgb,var(--blue-soft)48%,var(--surface))}.admin-summary-card--danger{border-color:color-mix(in srgb,var(--danger-500)32%,var(--border-subtle));background:color-mix(in srgb,var(--danger-50)68%,var(--surface))}.admin-summary-card--warning{border-color:var(--warning-200);background:var(--warning-50)}.admin-summary-card__label,.admin-summary-card__help{color:var(--muted);margin:0;font-size:13px}.admin-summary-card__label{font-weight:800}.admin-summary-card__value{color:var(--ink);letter-spacing:-.03em;margin:0;font-size:30px;font-weight:800;line-height:1.1}.admin-filter-panel,.admin-detail-panel{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface);padding:18px}.admin-filter-grid{grid-template-columns:repeat(4,minmax(150px,1fr));align-items:end;gap:12px;display:grid}.admin-filter-field--support{grid-column:span 3}.admin-filter-grid label{color:var(--ink);gap:7px;font-size:13px;font-weight:800;display:grid}.admin-filter-grid input,.admin-filter-grid select{border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;min-height:42px;color:var(--ink);background:var(--surface);outline:none;padding:0 12px}.admin-filter-grid input:focus,.admin-filter-grid select:focus{border-color:var(--brand-blue);box-shadow:0 0 0 4px var(--ring)}.admin-filter-actions{justify-content:flex-end;gap:8px;display:flex}.admin-generation-workspace{grid-template-columns:minmax(0,1.75fr) minmax(320px,.8fr);align-items:start;gap:16px;display:grid}.admin-generation-list-pane{min-width:0}.admin-generation-detail-pane{min-width:0;position:sticky;top:24px}.admin-generation-detail-pane .admin-detail-grid{grid-template-columns:1fr}.admin-generation-detail-empty{border:1px dashed var(--border-subtle);border-radius:var(--radius-lg);min-height:220px;color:var(--muted);background:var(--surface);padding:28px}.admin-generation-detail-empty strong{color:var(--ink)}.admin-generation-detail-empty p{margin:8px 0 0}.admin-generation-mobile-detail-row{display:none}.admin-table-shell{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface);width:100%;overflow-x:auto}.admin-data-table{border-collapse:collapse;width:100%;min-width:920px}.admin-data-table th,.admin-data-table td{border-bottom:1px solid var(--border-subtle);text-align:left;vertical-align:middle;padding:13px 14px}.admin-data-table th{color:var(--muted);background:var(--page-bg);letter-spacing:.03em;white-space:nowrap;font-size:12px;font-weight:800}.admin-data-table tbody tr:last-child td{border-bottom:0}.admin-data-table tbody tr:hover{background:color-mix(in srgb,var(--blue-soft)34%,var(--surface))}.admin-data-table tbody tr:focus-within{outline:2px solid var(--brand-blue);outline-offset:-2px}.admin-data-table tbody .admin-data-row--selected{background:color-mix(in srgb,var(--blue-soft)68%,var(--surface));box-shadow:inset 3px 0 0 var(--brand-blue)}.admin-table-button{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.admin-table-button:focus-visible{border-radius:var(--radius-md);box-shadow:0 0 0 4px var(--ring);outline:none}.admin-data-value{min-width:0}.admin-table-empty{min-height:180px;color:var(--muted);text-align:center;padding:48px 20px}.admin-status-chip{white-space:nowrap;border-radius:999px;align-items:center;min-height:26px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.admin-status-chip--open{color:var(--danger-700);background:var(--danger-50)}.admin-status-chip--resolved{color:var(--success-700);background:var(--success-50)}.admin-status-chip--neutral{color:var(--muted);background:var(--page-bg)}.admin-status-chip--warning{color:var(--warning-700);background:var(--warning-50)}.admin-detail-panel{border-color:color-mix(in srgb,var(--brand-blue)20%,var(--border-subtle));gap:18px;display:grid}.admin-detail-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.admin-detail-header h3,.admin-detail-header p{margin:0}.admin-detail-header h3{margin-top:8px}.admin-detail-header p{color:var(--muted);margin-top:4px}.admin-status-form{gap:8px;margin-top:14px;display:grid}.admin-status-actions{flex-wrap:wrap;gap:8px;display:flex}.admin-status-form .form-message{margin:0}.admin-pagination{justify-content:flex-end;display:flex}.admin-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin:0;display:grid}.admin-detail-grid>div{border-top:1px solid var(--border-subtle);min-width:0;padding-top:12px}.admin-detail-grid dt{color:var(--muted);font-size:12px;font-weight:800}.admin-detail-grid dd{color:var(--ink);margin:5px 0 0}.admin-copy-row{align-items:center;gap:8px;display:flex}.admin-id-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;overflow:hidden}.admin-search-form{grid-template-columns:minmax(220px,320px) auto;justify-content:end;align-items:end;gap:10px;margin:14px 0 18px;display:grid}.admin-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0 18px;display:flex}.admin-member-row{grid-template-columns:minmax(260px,1fr) auto minmax(360px,auto);align-items:center;gap:18px;display:grid}.admin-credit-row{grid-template-columns:minmax(260px,.85fr) minmax(420px,1.15fr);align-items:center;gap:22px;display:grid}.admin-member-primary{min-width:0}.admin-inline-form{white-space:nowrap;align-items:center;gap:8px;display:flex}.admin-inline-form label{align-items:center;gap:6px;margin:0;font-weight:800;display:flex}.admin-inline-form select{border:1.5px solid var(--border-subtle);background:var(--surface);border-radius:8px;min-height:34px;padding:0 8px}.admin-credit-form{grid-template-columns:minmax(140px,.65fr) minmax(220px,1fr) auto;align-items:end;gap:10px;display:grid}.admin-form-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.admin-credit-form .form-message{grid-column:1/-1}.admin-secondary-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.admin-secondary-actions small{color:var(--muted);font-size:13px;line-height:1.4}.admin-secondary-actions--credits{margin-top:12px}.review-row{grid-template-columns:112px minmax(0,1fr) auto minmax(260px,auto);align-items:center;display:grid}.review-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.review-actions form{align-items:center;gap:8px;display:flex}.review-actions input,.review-actions select{box-sizing:border-box;border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);min-height:36px;color:var(--ink);background:var(--surface);padding:0 12px}.review-actions input:focus,.review-actions select:focus{border-color:var(--brand-blue);box-shadow:0 0 0 4px var(--ring);outline:none}.review-media{width:100%}.review-media__preview-button{border:1px solid color-mix(in srgb,var(--brand-blue)16%,transparent);border-radius:var(--radius-md);aspect-ratio:16/9;background:var(--info-50);cursor:pointer;width:100%;padding:0;display:block;position:relative;overflow:hidden}.review-media__preview-button:disabled{cursor:not-allowed;opacity:.68}.review-media__preview-button img{object-fit:cover;width:100%;height:100%;display:block}.review-media__placeholder{height:100%;color:var(--muted);place-items:center;font-size:13px;font-weight:800;display:grid}.review-media__overlay{color:var(--surface);background:color-mix(in srgb,var(--ink)78%,transparent);border-radius:999px;padding:4px 8px;font-size:12px;font-weight:800;position:absolute;bottom:8px;right:8px}@media (max-width:1100px){.admin-shell{grid-template-columns:216px minmax(0,1fr)}.admin-content{padding:24px 20px}.admin-filter-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.admin-filter-field--support,.admin-filter-actions{grid-column:1/-1}.admin-generation-workspace{grid-template-columns:1fr}.admin-generation-detail-pane{position:static}}@media (max-width:820px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{border-right:0;border-bottom:1px solid var(--border-subtle);height:auto;padding:18px 16px;position:static;overflow:visible}.admin-sidebar-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.admin-logo{margin-bottom:18px}.admin-sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.admin-summary-grid,.admin-detail-grid{grid-template-columns:1fr}}@media (max-width:760px){.admin-mobile-menu-button{display:inline-flex}.admin-logo{margin-bottom:0}.admin-sidebar .admin-navigation{display:none}.admin-sidebar .admin-navigation--open{grid-template-columns:1fr;gap:16px;margin-top:16px;display:grid}.admin-filter-grid{grid-template-columns:1fr}.admin-filter-field--support,.admin-filter-actions{grid-column:auto}.admin-content{padding:20px 16px}.admin-topbar,.admin-detail-header{flex-direction:column;align-items:flex-start}.admin-summary-card{min-height:104px;padding:16px}.admin-filter-panel{padding:14px}.admin-filter-grid input,.admin-filter-grid select,.admin-filter-actions .ui-button{min-height:44px}.admin-filter-actions{grid-template-columns:1fr 1fr;display:grid}.admin-table-shell{background:0 0;border:0;overflow-x:visible}.admin-data-table{min-width:0;display:block}.admin-data-table thead{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.admin-data-table tbody{gap:12px;display:grid}.admin-data-table tbody tr{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface);display:grid;overflow:hidden}.admin-data-table tbody tr:hover{background:var(--surface)}.admin-data-table tbody .admin-data-row--selected{border-color:var(--brand-blue);background:color-mix(in srgb,var(--blue-soft)56%,var(--surface));box-shadow:inset 4px 0 0 var(--brand-blue)}.admin-data-table tbody td{border-bottom:1px solid var(--border-subtle);grid-template-columns:minmax(104px,.38fr) minmax(0,1fr);align-items:start;gap:12px;padding:11px 14px;display:grid}.admin-data-table tbody td:before{content:attr(data-label);color:var(--muted);font-size:12px;font-weight:800}.admin-data-table .admin-generation-mobile-detail-row{background:0 0;border:0;display:grid}.admin-data-table .admin-generation-mobile-detail-cell{border:0;padding:0;display:block}.admin-data-table .admin-generation-mobile-detail-cell:before{content:none}.admin-generation-detail-pane{display:none}.admin-detail-panel{padding:16px}.admin-copy-row{flex-direction:column;align-items:stretch}.admin-copy-row .ui-button{min-height:44px}.admin-status-actions{grid-template-columns:1fr 1fr;display:grid}.admin-status-actions .ui-button,.admin-pagination .ui-button{min-height:44px}.review-row,.admin-search-form,.admin-member-row,.admin-credit-row,.admin-credit-form{grid-template-columns:1fr}.review-actions,.review-actions form,.admin-inline-form,.admin-secondary-actions,.admin-form-actions{justify-content:flex-start}.review-actions form{flex-wrap:wrap}}
.admin-support-workspace{grid-template-columns:minmax(0,1.2fr) minmax(380px,.8fr);align-items:start;gap:20px;display:grid}.admin-support-list-pane,.admin-support-detail-pane{min-width:0}.admin-support-detail-pane{position:sticky;top:24px}.admin-support-section-heading{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:12px;display:flex}.admin-support-section-heading h3,.admin-support-section-heading p{margin:0}.admin-support-section-heading p{color:var(--muted);margin-top:4px;font-size:13px}.admin-support-table{min-width:980px}.admin-support-ticket-link{color:var(--brand-blue);gap:5px;font-weight:800;text-decoration:none;display:grid}.admin-support-ticket-link:hover,.admin-support-ticket-link:focus-visible{text-decoration:underline}.admin-support-ticket-link small,.admin-support-table td small{color:var(--muted);font-weight:500}.admin-support-latest{text-overflow:ellipsis;white-space:nowrap;max-width:260px;overflow:hidden}.admin-support-detail{max-height:calc(100vh - 48px);overflow-y:auto}.admin-support-thread{gap:12px;display:grid}.admin-support-thread h4{margin:0}.admin-support-thread>ol{gap:12px;margin:0;padding:0;list-style:none;display:grid}.admin-support-message{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface);padding:14px}.admin-support-message--admin{border-color:color-mix(in srgb,var(--brand-blue)24%,var(--border-subtle));background:color-mix(in srgb,var(--blue-soft)44%,var(--surface))}.admin-support-message-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.admin-support-message p{white-space:pre-wrap;margin:10px 0 0;line-height:1.65}.admin-support-attachments{gap:6px;margin:12px 0 0;padding:0;list-style:none;display:grid}.admin-support-attachments li{border-radius:var(--radius-md);background:var(--surface);justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.admin-support-attachments small,.admin-support-reply-footer p{color:var(--muted);font-size:12px}.admin-support-reply-form{border-top:1px solid var(--border-subtle);gap:12px;padding-top:18px;display:grid}.admin-support-reply-form>label{gap:8px;font-weight:800;display:grid}.admin-support-reply-form textarea{resize:vertical;border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;min-height:176px;color:var(--ink);background:var(--surface);font:inherit;padding:12px;line-height:1.6}.admin-support-reply-form textarea:focus{border-color:var(--brand-blue);box-shadow:0 0 0 4px var(--ring);outline:none}.admin-support-reply-footer{justify-content:space-between;align-items:center;gap:16px;display:flex}.admin-support-reply-footer p,.admin-support-readonly{margin:0}.admin-support-readonly{border-radius:var(--radius-md);color:var(--success-700);background:var(--success-50);padding:12px 14px;font-weight:700}.admin-status-chip--received{color:var(--brand-blue);background:var(--blue-soft)}.admin-status-chip--in_progress{color:var(--warning-700);background:var(--warning-50)}@media (max-width:1100px){.admin-support-workspace{grid-template-columns:1fr}.admin-support-detail-pane{position:static}.admin-support-detail{max-height:none}}@media (max-width:760px){.admin-support-reply-footer,.admin-support-message-meta{flex-direction:column;align-items:flex-start}}
.admin-realistic-tabs{border-bottom:1px solid var(--border-subtle);gap:8px;margin-bottom:16px;display:flex}.admin-realistic-tab{color:var(--muted);border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 4px;font-weight:800;text-decoration:none}.admin-realistic-tab--active{border-bottom-color:var(--brand-blue);color:var(--brand-blue)}.admin-realistic-table{min-width:1180px}.admin-realistic-table td{vertical-align:top}.admin-realistic-table td strong,.admin-realistic-table td small{display:block}.admin-realistic-table td small{color:var(--muted);font-weight:500}.admin-realistic-image{aspect-ratio:16/9;background:var(--surface);object-fit:cover;border-radius:8px;width:96px;display:block}.admin-realistic-references{flex-wrap:wrap;gap:6px;display:flex}.admin-realistic-references .admin-realistic-image{width:64px}.admin-realistic-note{white-space:pre-wrap;max-width:220px}.admin-realistic-record{gap:4px;max-width:260px;display:grid}.admin-realistic-prompt{color:var(--muted);white-space:pre-wrap;word-break:break-word;font-size:12px}.admin-realistic-status{border-radius:var(--radius-pill);white-space:nowrap;padding:3px 10px;font-size:12px;font-weight:800;display:inline-block}.admin-realistic-status.is-pending{color:var(--warning-700);background:var(--warning-200)}.admin-realistic-status.is-approved{color:var(--surface);background:var(--brand-blue)}.admin-realistic-status.is-rejected{color:var(--danger-700);background:var(--danger-50)}.admin-realistic-decision{gap:8px;margin-top:8px;display:grid}.admin-realistic-actions{flex-wrap:wrap;gap:6px;display:flex}.admin-realistic-reject-form{gap:6px;display:grid}.admin-realistic-reject-form textarea{border:1px solid var(--border-subtle);width:100%;min-width:200px;font:inherit;resize:vertical;border-radius:8px;padding:8px 10px}.admin-realistic-description{color:var(--muted);margin:0 0 12px}.admin-realistic-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.admin-realistic-filter{align-items:center;gap:6px;font-weight:700;display:inline-flex}.admin-realistic-delete-reason{border:1px solid var(--border-subtle);min-width:200px;font:inherit;resize:vertical;border-radius:8px;flex:320px;padding:8px 10px}.admin-realistic-check{width:36px}.admin-realistic-results{border:1px solid var(--border-subtle);background:var(--surface);border-radius:8px;gap:4px;margin:0 0 12px;padding:10px 14px;list-style:none;display:grid}.admin-realistic-results li.is-failed,.admin-realistic-results li.is-not_eligible{color:var(--danger-700)}@media (max-width:760px){.admin-realistic-table{min-width:0}.admin-realistic-note,.admin-realistic-record{max-width:none}}
.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;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 34px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 34px),#0000)}.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);width:34px;color:var(--text-muted);background:#fff;padding:0}.top-account-link{border-radius:var(--radius-pill);align-items:center;text-decoration:none;display:inline-flex}.top-account-link .wb-avatar{width:34px;height:34px;font-size:13px}.top-account-link:hover .wb-avatar,.top-account-link:focus-visible .wb-avatar{box-shadow:0 0 0 2px var(--brand-soft)}.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}}
.mock-app-shell.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;--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,.sidebar-profile[aria-current=page]{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}.mock-app-shell .page{width:min(1320px,100% - 40px);margin:0 auto;padding:34px 0 56px}.home-hero,.channel-hero,.section-band,.studio-panel{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-card);box-shadow:var(--shadow-xs)}.home-hero{background:linear-gradient(135deg,#f2f6ff,#fff7df);grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);align-items:stretch;gap:28px;margin-bottom:28px;padding:34px;display:grid}.home-hero h1,.channel-hero h1,.studio-topline h1{color:var(--text-strong);letter-spacing:0;margin:0;font-size:clamp(34px,5vw,72px);line-height:1.05}.home-hero p{max-width:680px;color:var(--text-muted);font-size:17px;line-height:1.7}.home-hero img{object-fit:cover;width:100%;min-height:300px;box-shadow:var(--shadow-lg);border-radius:22px}.hero-actions,.watch-actions{flex-wrap:wrap;gap:10px;display:flex}.section-band{gap:20px;margin-bottom:28px;padding:24px;display:grid}.section-heading{gap:6px;display:grid}.eyebrow{color:var(--brand);font-size:13px;font-weight:900}.section-heading h2{color:var(--text-strong);margin:0;font-size:28px;line-height:1.2}.section-heading p{color:var(--text-muted);margin:0}.content-grid,.creator-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.wb-content-card{gap:12px;display:grid}.wb-content-card__media{aspect-ratio:16/9;background:var(--surface-sunken);width:100%;box-shadow:var(--shadow-xs);cursor:pointer;border:0;border-radius:20px;display:block;position:relative;overflow:hidden}.wb-content-card--short .wb-content-card__media{aspect-ratio:9/16}.wb-content-card__media img,.watch-player img,.side-video img,.studio-video-cell img{object-fit:cover;width:100%;height:100%}.wb-content-card__play,.watch-player__button{border-radius:var(--radius-pill);color:#fff;background:#2556e0eb;place-items:center;width:42px;height:42px;display:inline-grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.mock-navigation-link{text-decoration:none}.mock-navigation-link:focus-visible{box-shadow:var(--ring);outline:none}.watch-player__button{background:#1c1a1794;width:64px;height:64px}.watch-player__progress{background:#fff6;height:6px;position:absolute;bottom:0;left:0;right:0}.watch-player__progress span{background:var(--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}.mock-app-shell .page{width:min(100% - 24px,1320px);padding-top:20px}.home-hero{grid-template-columns:1fr;padding:22px}.content-grid,.creator-dock>div,.creator-grid,.studio-stat-grid,.studio-shell{grid-template-columns:1fr}.studio-sidebar{height:auto;position:static}.studio-content{padding:18px 12px}}.mock-app-shell.app-shell{--header-h: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)}}
.sidebar-signout-form{margin:0;display:block}.sidebar-signout-form .sidebar-action{width:100%}.account-switch-nav{width:min(var(--wa-page-max),100%);flex-wrap:wrap;gap:8px;margin:24px auto 0;padding:0 24px;display:flex}.account-switch-nav__link{border:1px solid var(--border-subtle);min-height:36px;color:var(--muted);background:var(--surface);border-radius:10px;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.account-switch-nav__link:hover{color:var(--ink)}.account-switch-nav__link.is-active{border-color:var(--brand-blue);color:var(--surface);background:var(--brand-blue)}.sidebar-group__toggle .mock-icon:last-child{transition:transform var(--dur-fast,.16s)var(--ease-out,ease)}.sidebar-group__toggle[aria-expanded=true] .mock-icon:last-child{transform:rotate(180deg)}.sidebar-charge{gap:4px;display:grid}.sidebar-charge .sidebar-action{border:1px solid var(--accent,#ffbe24);border-radius:var(--radius-md,14px);color:#7a5200;cursor:default;background:#fff9e8;min-height:42px;padding:0 13px;font-size:13px;font-weight:900}.sidebar-charge .sidebar-action:hover{background:#fff4d6}.sidebar-charge .wb-badge{background:#ffbe2459}
:root{--wa-page-max:1180px;--wa-page-gutter:24px;--wa-control-h:40px}.wa-page{width:min(var(--wa-page-max),100%);padding:28px var(--wa-page-gutter)56px;margin:0 auto}.wa-tiles{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.wa-tile{color:#fff;border-radius:20px;padding:20px 22px;position:relative;overflow:hidden}.wa-tile:after{content:"";border-radius:var(--radius-pill,999px);background:#ffffff24;width:118px;height:118px;position:absolute;bottom:-26px;right:-18px}.wa-tile--blue{background:linear-gradient(135deg,#2556e0,#4176f5)}.wa-tile--mint{background:linear-gradient(135deg,#2f9c87,#58c6b0)}.wa-tile--amber{color:#45320a;background:linear-gradient(135deg,#f0a91b,#ffce55)}.wa-tile__label{opacity:.92;align-items:center;gap:7px;font-size:12.5px;font-weight:800;display:flex}.wa-tile__value{font-family:var(--font-display,"Jua",sans-serif);margin:12px 0 2px;font-size:38px;font-weight:400;line-height:1}.wa-tile__sub{opacity:.85;font-size:12.5px}.wa-tile__who{align-items:center;gap:14px;display:flex}.wa-tile__avatar{border-radius:var(--radius-pill,999px);width:52px;height:52px;font-family:var(--font-display,"Jua",sans-serif);background:#ffffff38;flex:none;place-items:center;font-size:22px;display:grid}.wa-tile__name strong{font-size:19px;display:block}.wa-tile__name span{opacity:.85;font-size:12.5px}.wa-tile__action{z-index:1;height:34px;color:inherit;font:inherit;cursor:pointer;background:#ffffff3d;border:0;border-radius:10px;align-items:center;gap:6px;margin-top:14px;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex;position:relative}.wa-tile__action:hover:not(:disabled){background:#ffffff5c}.wa-tile__action:disabled{opacity:.75;cursor:default}.wa-card{border:1px solid var(--border-subtle);background:var(--surface);border-radius:20px;padding:22px 24px;box-shadow:0 1px 2px #1c1a170a,0 8px 24px #1c1a170f}.wa-head{color:var(--ink);align-items:center;gap:9px;margin:0 0 4px;font-size:16px;display:flex}.wa-head .mock-icon{color:var(--muted)}.wa-desc{color:var(--muted);margin:0 0 18px;font-size:12.5px;font-weight:400;line-height:1.6}.wa-field{gap:6px;display:grid}.wa-field>span,.wa-field>label{color:var(--muted);font-size:12px;font-weight:700}.wa-field input,.wa-field select,.wa-field textarea{height:var(--wa-control-h);border:1px solid var(--border-subtle);color:var(--ink);background:var(--surface);font:inherit;border-radius:10px;padding:0 12px;font-size:13.5px}.wa-field textarea{resize:vertical;height:auto;min-height:88px;padding:10px 12px;line-height:1.6}.wa-field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236f6a60' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;padding-right:34px}.wa-field input:focus-visible,.wa-field select:focus-visible,.wa-field textarea:focus-visible{border-color:var(--brand-blue);box-shadow:0 0 0 3px var(--ring);outline:none}.wa-field-control{height:var(--wa-control-h);border:1px solid var(--border-subtle);color:var(--ink);background:var(--surface);font:inherit;border-radius:10px;padding:0 12px;font-size:13.5px}.wa-field-control:focus-visible{border-color:var(--brand-blue);box-shadow:0 0 0 3px var(--ring);outline:none}.wa-fields3{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.wa-btn{height:var(--wa-control-h);border:1px solid var(--border-subtle);color:var(--ink);background:var(--surface);font:inherit;cursor:pointer;border-radius:10px;align-items:center;gap:7px;padding:0 16px;font-size:13.5px;font-weight:700;transition:background-color .16s,border-color .16s;display:inline-flex}.wa-btn:hover:not(:disabled){background:var(--warning-50)}.wa-btn:disabled{opacity:.6;cursor:default}.wa-btn--strong{border-color:var(--brand-blue);color:var(--surface);background:var(--brand-blue)}.wa-btn--strong:hover:not(:disabled){background:var(--brand-blue-dark)}.wa-btn--quiet{height:34px;color:var(--muted);background:0 0;border-color:#0000;padding:0 10px}.wa-btn--quiet:hover:not(:disabled){color:var(--ink);background:var(--warning-50)}.wa-btn:focus-visible{box-shadow:0 0 0 3px var(--ring);outline:none}.wa-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.wa-pill{border-radius:var(--radius-pill,999px);color:var(--muted);white-space:nowrap;background:#f3efe7;align-items:center;gap:5px;padding:4px 11px;font-size:11.5px;font-weight:800;display:inline-flex}.wa-pill--ok{color:var(--success-700);background:var(--success-50)}.wa-pill--warn{color:var(--warning-700);background:var(--warning-50)}.wa-pill--on{color:var(--brand-blue);background:var(--info-50)}@media (max-width:760px){.wa-page{padding:20px 14px 44px}.wa-field-control{height:var(--wa-control-h);border:1px solid var(--border-subtle);color:var(--ink);background:var(--surface);font:inherit;border-radius:10px;padding:0 12px;font-size:13.5px}.wa-field-control:focus-visible{border-color:var(--brand-blue);box-shadow:0 0 0 3px var(--ring);outline:none}.wa-fields3{grid-template-columns:1fr}}.wa-stack{gap:16px;display:grid}.wa-section{border:1px solid var(--border-subtle);background:var(--surface);border-radius:20px;overflow:hidden;box-shadow:0 1px 2px #1c1a170a,0 8px 24px #1c1a170f}.wa-section__title{border-bottom:1px solid var(--info-100);background:var(--info-50);padding:16px 22px}.wa-section__title h2,.wa-section__title .wa-head{color:var(--brand-blue-dark);align-items:center;gap:9px;margin:0;font-size:16px;display:flex}.wa-section__title .wa-head .mock-icon{color:var(--brand-blue)}.wa-section__title p,.wa-section__title small,.wa-section__title .wa-desc{color:var(--muted);margin:5px 0 0;font-size:12.5px;font-weight:400;line-height:1.6;display:block}.wa-section__body{background:var(--surface);gap:16px;padding:20px 22px 22px;display:grid}
.mock-app-shell .watch-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{width:min(var(--wa-page-max),100%);min-width:0;margin:0 auto;padding:28px 24px 56px;display:grid}.mock-app-shell .studio-panel{width:min(1100px,100%);box-shadow:none;background:0 0;border:0;border-radius:0;gap:22px;margin:0 auto;padding:0;display:grid}.mock-app-shell .studio-topbar{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:2px;display:flex}.mock-app-shell .studio-topbar h1{color:var(--text-strong);margin:0;font-size:36px;font-weight:950;line-height:1.12}.mock-app-shell .studio-topbar p{color:var(--text-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-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}@media (max-width:1100px){.mock-app-shell .studio-stat-grid,.mock-app-shell .revenue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mock-app-shell .studio-topbar{flex-direction:column}.mock-app-shell .studio-topbar__actions{justify-items:start;width:100%}.mock-app-shell .studio-section-tabs{justify-content:flex-start}}@media (max-width:760px){.mock-app-shell .studio-content{padding:22px 12px 42px}.mock-app-shell .studio-topbar h1{font-size:30px}.mock-app-shell .studio-stat-grid,.mock-app-shell .create-placeholder,.mock-app-shell .revenue-grid{grid-template-columns:1fr}.mock-app-shell .studio-section-tabs{grid-template-columns:1fr;width:100%;display:grid}.mock-app-shell .studio-section-tabs button{justify-content:flex-start}.mock-app-shell .create-placeholder,.mock-app-shell .settings-form{padding:22px}.mock-app-shell .create-placeholder h2{font-size:28px}.mock-app-shell .revenue-card strong{font-size:38px}}
.mock-app-shell .studio-channel-content{padding-bottom:60px}.mock-app-shell .studio-channel-panel{gap:20px}.mock-app-shell .studio-channel-subscribers{color:var(--brand);gap:6px;padding-left:12px}.mock-app-shell .studio-channel-visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mock-app-shell .studio-channel-info-form{max-width:none}.mock-app-shell .studio-channel-avatar{align-items:center;gap:18px;display:flex}.mock-app-shell .studio-channel-avatar__image img,.mock-app-shell .studio-channel-avatar__image .wb-avatar{border-radius:var(--radius-pill);object-fit:cover;width:84px;height:84px}.mock-app-shell .studio-channel-avatar__control{justify-items:start;gap:6px;display:grid}.mock-app-shell .studio-channel-avatar__control small{color:var(--text-faint);font-size:12px;font-weight:800}.mock-app-shell .studio-channel-form-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.mock-app-shell .studio-channel-playlist-body{gap:14px;padding:18px;display:grid}.mock-app-shell .studio-channel-hint{color:var(--text-muted);margin:0;font-size:14px;font-weight:800}.mock-app-shell .studio-channel-playlist-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.mock-app-shell .studio-channel-playlist-item{border:1px solid var(--border-subtle);background:var(--surface-card);border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.mock-app-shell .studio-channel-playlist-label{align-items:baseline;gap:10px;min-width:0;display:flex}.mock-app-shell .studio-channel-playlist-label strong{color:var(--text-strong);font-size:15px;font-weight:900}.mock-app-shell .studio-channel-playlist-label small{color:var(--text-faint);font-size:12px;font-weight:850}.mock-app-shell .studio-channel-playlist-actions,.mock-app-shell .studio-channel-playlist-edit{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.mock-app-shell .studio-channel-playlist-edit input,.mock-app-shell .studio-channel-playlist-add input{border:1px solid var(--border-subtle);background:var(--surface-card);min-height:38px;color:var(--text-strong);border-radius:12px;padding:0 12px}.mock-app-shell .studio-channel-move-down svg{transform:rotate(180deg)}.mock-app-shell .studio-channel-playlist-add{align-items:center;gap:8px;padding-top:4px;display:flex}.mock-app-shell .studio-channel-recommend{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card);gap:14px;padding:18px;display:grid}.mock-app-shell .studio-channel-recommend__head h3{color:var(--text-strong);margin:0;font-size:14px;font-weight:850}.mock-app-shell .studio-channel-recommend__head p{color:var(--text-muted);margin:6px 0 0;font-size:13px;line-height:1.5}.mock-app-shell .studio-channel-recommend__slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.mock-app-shell .studio-channel-recommend__slot{align-content:start;gap:6px;display:grid}.mock-app-shell .studio-channel-recommend__slot label{color:var(--text-muted);font-size:12px;font-weight:900}.mock-app-shell .studio-channel-recommend__actions{align-items:center;gap:12px;display:flex}.mock-app-shell .studio-channel-private-badge{border-radius:var(--radius-pill);background:var(--surface-sunken);color:var(--text-muted);justify-self:start;padding:2px 9px;font-size:11px;font-weight:900}.mock-app-shell .studio-channel-video-table{min-width:1200px}.mock-app-shell .studio-channel-video-table td{vertical-align:top;white-space:normal}.mock-app-shell .studio-channel-video-table select,.mock-app-shell .studio-channel-row-desc{border:1px solid var(--border-subtle);background:var(--surface-card);min-height:38px;color:var(--text-strong);border-radius:10px;padding:6px 10px;font-size:13px}.mock-app-shell .studio-channel-row-desc{resize:vertical;width:220px;min-height:60px}.mock-app-shell .studio-channel-purpose-chips{border:0;flex-wrap:wrap;gap:6px;min-width:168px;margin:0;padding:0;display:flex}.mock-app-shell .studio-channel-chip{border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:var(--surface-card);color:var(--text-muted);cursor:pointer;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:850;display:inline-flex}.mock-app-shell .studio-channel-chip.is-on{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}.mock-app-shell .studio-channel-chip input{width:14px;height:14px;accent-color:var(--brand)}.mock-app-shell .studio-channel-toggle{color:var(--text-body);cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:850;display:inline-flex}.mock-app-shell .studio-channel-toggle input{width:16px;height:16px;accent-color:var(--brand)}.mock-app-shell .studio-channel-featured-radio{width:18px;height:18px;accent-color:var(--brand);cursor:pointer}.mock-app-shell .studio-channel-row-save{justify-items:start;gap:6px;display:grid}.mock-app-shell .studio-channel-row-ok{color:var(--brand);font-size:12px;font-weight:900}.mock-app-shell .studio-channel-row-error{color:var(--danger);max-width:180px;font-size:12px;font-weight:850}.mock-app-shell .studio-channel-info-form .form-message--success,.mock-app-shell .form-message--success{color:var(--brand);font-size:13px;font-weight:900}@media (max-width:900px){.mock-app-shell .studio-channel-recommend__slots{grid-template-columns:1fr}.mock-app-shell .studio-channel-playlist-item{flex-direction:column;align-items:flex-start}}.mock-app-shell .studio-channel-button{border:1px solid var(--border-subtle);background:var(--surface-card);min-height:36px;color:var(--text-body);cursor:pointer;transition:background-color var(--dur-fast)var(--ease-out);border-radius:10px;align-items:center;gap:7px;padding:0 15px;font-size:13px;font-weight:700;display:inline-flex}.mock-app-shell .studio-channel-button:hover:not(:disabled){background:var(--surface-sunken)}.mock-app-shell .studio-channel-button:disabled{opacity:.6;cursor:default}.mock-app-shell .studio-channel-quiet-button{min-height:32px;color:var(--text-muted);cursor:pointer;transition:background-color var(--dur-fast)var(--ease-out),color var(--dur-fast)var(--ease-out);background:0 0;border:0;border-radius:10px;align-items:center;gap:7px;padding:0 10px;font-size:13px;font-weight:700;display:inline-flex}.mock-app-shell .studio-channel-quiet-button:hover{color:var(--text-strong);background:var(--surface-sunken)}.mock-app-shell .studio-channel-owner{white-space:nowrap;align-items:center;gap:9px;margin-left:auto;display:flex}.mock-app-shell .studio-channel-owner strong{color:var(--text-strong);font-size:14px}.mock-app-shell .studio-channel-owner span{color:var(--text-muted);font-size:13px}.mock-app-shell .studio-channel-hint{color:var(--text-faint);font-size:12px;font-weight:400}.mock-app-shell .studio-channel-form-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.mock-app-shell .studio-channel-recommend__preview{color:var(--text-body);align-items:center;gap:8px;margin-top:8px;font-size:12.5px;display:flex}.mock-app-shell .studio-channel-recommend__preview img{aspect-ratio:16/9;object-fit:cover;border-radius:6px;flex:none;width:56px}.mock-app-shell .studio-channel-recommend__empty{color:var(--text-faint);margin-top:8px;font-size:12px;display:block}.mock-app-shell .studio-channel-video-list{gap:10px;margin-top:14px;display:grid}.mock-app-shell .studio-channel-video{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card)}.mock-app-shell .studio-channel-video.is-open{border-color:var(--brand)}.mock-app-shell .studio-channel-video__head{border-radius:var(--radius-md);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;width:100%;padding:12px 14px;display:flex}.mock-app-shell .studio-channel-video__head:hover{background:var(--surface-sunken)}.mock-app-shell .studio-channel-video__thumb{aspect-ratio:16/9;object-fit:cover;background:var(--surface-sunken);border-radius:8px;flex:none;width:92px}.mock-app-shell .studio-channel-video__title strong{color:var(--text-strong);font-size:14px;display:block}.mock-app-shell .studio-channel-video__title small{color:var(--text-faint);margin-top:3px;font-size:12px;font-weight:400;display:block}.mock-app-shell .studio-channel-video__flags{align-items:center;gap:7px;margin-left:auto;display:flex}.mock-app-shell .studio-channel-flag{border:1px solid var(--border-subtle);border-radius:var(--radius-pill);color:var(--text-muted);padding:4px 10px;font-size:11.5px;font-weight:700}.mock-app-shell .studio-channel-flag.is-on{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}.mock-app-shell .studio-channel-video__chevron{color:var(--text-faint)}.mock-app-shell .studio-channel-video.is-open .studio-channel-video__chevron{transform:rotate(180deg)}.mock-app-shell .studio-channel-video__body{border-top:1px solid var(--border-subtle);gap:14px;padding:16px 14px;display:grid}.mock-app-shell .studio-channel-video__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.mock-app-shell .studio-channel-video__grid label,.mock-app-shell .studio-channel-video__desc{color:var(--text-muted);gap:6px;font-size:12px;font-weight:700;display:grid}.mock-app-shell .studio-channel-video__desc textarea{resize:vertical;min-height:84px}.mock-app-shell .studio-channel-video__foot{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.mock-app-shell .studio-channel-video__save{align-items:center;gap:10px;margin-left:auto;display:flex}@media (max-width:760px){.mock-app-shell .studio-channel-video__grid{grid-template-columns:1fr}}
.home-page{width:min(1320px,100% - 48px);padding:12px 0 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>.creator-dock-card__main{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}}
.legal-page{width:min(760px,100% - 40px);margin-left:auto;margin-right:auto;padding:56px 0 32px}.legal-document{border-top:3px solid var(--brand-blue);padding-top:24px}.legal-document__header{border-bottom:1px solid var(--border-subtle);padding-bottom:28px}.legal-document__eyebrow{color:var(--brand-blue);letter-spacing:.04em;margin:0 0 8px;font-size:13px;font-weight:900}.legal-document h1,.legal-document h2,.legal-document h3{color:var(--ink)}.legal-document h1{font-family:var(--font-ui);margin:0;font-size:clamp(30px,5vw,42px);line-height:1.2}.legal-document__updated{color:var(--muted);margin:10px 0 0;font-size:14px}.legal-document__notice{margin:18px 0 0}.legal-document__body{color:var(--muted);word-break:keep-all;padding:32px 0 12px;font-size:16px;line-height:1.8}.legal-document__body h2{margin:34px 0 10px;font-size:21px}.legal-document__body h3{margin:28px 0 8px;font-size:18px}.legal-document__body p,.legal-document__body ul,.legal-document__body ol{margin:0 0 16px}.legal-document__body ul,.legal-document__body ol{padding-left:22px}.legal-document__body a{color:var(--brand-blue);text-underline-offset:3px;font-weight:800;text-decoration-thickness:1.5px}.legal-document__body a:focus-visible,.legal-footer a:focus-visible{outline:2px solid var(--brand-blue);outline-offset:3px;box-shadow:0 0 0 4px var(--ring)}.legal-footer{border-top:1px solid var(--border-subtle);width:min(100%,760px);color:var(--muted);justify-content:space-between;align-items:center;gap:20px;margin-left:auto;margin-right:auto;padding:24px 0 32px;font-size:12px;display:flex}.legal-footer__service{gap:5px;display:grid}.legal-footer__service strong,.legal-footer a{color:var(--muted);font-weight:900}.legal-footer nav{flex-wrap:wrap;gap:8px;display:inline-flex}.legal-footer a{text-decoration:none}.legal-page .legal-footer{width:auto;margin-left:0;margin-right:0}.legal-footer .home-footer__legal{text-align:start;justify-items:start}@media (max-width:640px){.legal-page{width:min(100% - 28px,760px);padding-top:32px}.legal-document__body{font-size:15px;line-height:1.75}.legal-footer{flex-direction:column;align-items:flex-start}}
.mock-login-shell{background:#fbfaf7;place-items:center;min-height:100vh;padding:28px;display:grid}.mock-login-panel{border:1px solid var(--border-subtle);width:min(100%,560px);box-shadow:var(--shadow-lg);background:linear-gradient(#ffbe2414,#fff0 38%),#fff;border-radius:28px;gap:24px;padding:38px;display:grid}.mock-login-copy{gap:12px;display:grid}.mock-login-copy h1{color:var(--text-strong);letter-spacing:0;margin:0;font-size:46px;line-height:1.08}.mock-login-copy p{color:var(--text-muted);margin:0;font-size:15px;font-weight:700;line-height:1.7}.mock-login-benefits{gap:10px;margin:0;padding:0;list-style:none;display:grid}.mock-login-benefits li{color:var(--text-body);align-items:center;gap:10px;font-size:14px;font-weight:800;display:flex}.mock-login-benefits svg{width:17px;height:17px;color:var(--brand);flex:none}.mock-login-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mock-login-link{border:1px solid var(--border-subtle);border-radius:var(--radius-pill);min-height:46px;color:var(--brand);background:#fff;align-items:center;gap:8px;padding:0 18px;font-weight:900;text-decoration:none;display:inline-flex}.mock-login-note{color:var(--text-muted);background:#2556e012;border-radius:18px;margin:-6px 0 0;padding:14px 16px;font-size:13px;font-weight:800;line-height:1.6}@media (max-width:820px){.mock-login-shell{padding:18px}.mock-login-panel{padding:24px}.mock-login-copy h1{font-size:36px}}
.oauth-consent-panel{width:min(100%,620px)}.oauth-consent-facts{border:1px solid var(--border-subtle);background:var(--surface-sunken);border-radius:18px;gap:14px;margin:0;padding:16px 18px;display:grid}.oauth-consent-facts>div{gap:4px;display:grid}.oauth-consent-facts dt{color:var(--text-muted);font-size:12px;font-weight:800}.oauth-consent-facts dd{color:var(--text-strong);overflow-wrap:anywhere;margin:0;font-size:14px;font-weight:800;line-height:1.5}.oauth-consent-facts dd small{color:var(--text-muted);margin-top:2px;font-size:12px;font-weight:700;display:block}.oauth-consent-scopes{gap:12px;display:grid}.oauth-consent-scopes h2{color:var(--text-strong);margin:0;font-size:16px;font-weight:800}.oauth-consent-scopes ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.oauth-consent-scopes li{align-items:flex-start;gap:10px;display:flex}.oauth-consent-scopes svg{width:17px;height:17px;color:var(--brand);flex:none;margin-top:3px}.oauth-consent-scopes strong{color:var(--text-body);overflow-wrap:anywhere;font-size:14px;font-weight:800;display:block}.oauth-consent-scopes span{color:var(--text-muted);font-size:13px;font-weight:700;line-height:1.6}.oauth-consent-empty{color:var(--text-muted);margin:0;font-size:13px;font-weight:700}.oauth-consent-actions{flex-wrap:wrap;gap:10px;display:flex}.oauth-consent-actions .ui-button{flex:200px}@media (max-width:820px){.oauth-consent-actions .ui-button{flex:100%}}
.mypage-shell{gap:18px;display:grid}.mypage-panel{border:1px solid var(--border-subtle);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:24px;position:relative;overflow:hidden}.mypage-charge-button small{border-radius:var(--radius-pill);background:#ffffff57;padding:2px 7px;font-size:11px;font-weight:800}.mypage-panel-heading h2,.mypage-panel-heading p{margin:0}.subscription-avatar{border:5px solid var(--surface);border-radius:var(--radius-pill);color:var(--surface);background:var(--brand-blue);box-shadow:0 0 0 3px var(--warning-200);flex:none;place-items:center;font-weight:900;display:inline-grid}.mypage-tabs,.activity-tabs{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.mypage-tabs::-webkit-scrollbar{display:none}.activity-tabs::-webkit-scrollbar{display:none}.mypage-tabs{z-index:12;border-bottom:1px solid var(--border-subtle);background:var(--page-bg);gap:22px;max-width:100%;position:sticky;top:76px}.mypage-tabs a{color:var(--muted);white-space:nowrap;padding:11px 2px 13px;font-size:14px;font-weight:800;text-decoration:none;position:relative}.mypage-tabs a:hover,.mypage-tabs a.is-active{color:var(--ink)}.mypage-tabs a.is-active:after{content:"";background:var(--brand-blue);height:2px;position:absolute;bottom:-1px;left:0;right:0}.activity-tabs a{border-radius:var(--radius-pill);min-height:36px;color:var(--muted);white-space:nowrap;justify-content:center;align-items:center;padding:0 15px;font-weight:800;text-decoration:none;display:inline-flex}.mypage-tabs a:focus-visible,.activity-tabs a:focus-visible,.mypage-secondary-button:focus-visible,.subscription-list a:focus-visible{box-shadow:0 0 0 3px var(--ring);outline:0}.mypage-panel{padding:28px}.mypage-panel-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.mypage-panel-heading h2{align-items:center;gap:8px;font-size:20px;line-height:1.3;display:flex}.mypage-panel-heading h2 .mock-icon{color:var(--muted)}.mypage-panel-heading>div>p:last-child{color:var(--muted);margin-top:7px}.mypage-secondary-button{border:1px solid var(--info-100);border-radius:var(--radius-pill);min-height:40px;color:var(--brand-blue);background:var(--surface);cursor:pointer;padding:0 17px;font-weight:850}.mypage-secondary-button:hover{background:var(--info-50)}.account-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;display:grid}.account-detail-grid>div{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface);min-width:0;padding:18px}.mypage-danger{border:1px solid var(--border-subtle);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:24px}.mypage-danger.is-open{border-color:var(--danger-500)}.mypage-danger__toggle{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:24px;align-items:center;gap:11px;width:100%;padding:17px 22px;display:flex}.mypage-danger__toggle:focus-visible{box-shadow:0 0 0 3px var(--ring);outline:0}.mypage-danger__mark{color:var(--danger-700)}.mypage-danger__label{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.mypage-danger__label strong{color:var(--danger-700);font-size:15px}.mypage-danger__label small{color:var(--muted);font-size:12.5px}.mypage-danger__chevron{color:var(--muted);margin-left:auto}.mypage-danger.is-open .mypage-danger__chevron{transform:rotate(180deg)}.withdrawal-zone{border:1px solid var(--danger-500);border-radius:var(--radius-lg);background:var(--danger-50);gap:16px;margin:0 18px 18px;padding:22px;display:grid}.withdrawal-zone h3,.withdrawal-zone p{margin:0}.withdrawal-zone h3{font-size:20px}.withdrawal-zone>div:first-child>p:last-child{color:var(--muted);margin-top:6px;line-height:1.55}.withdrawal-kicker{color:var(--danger-700);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:900}.withdrawal-steps{gap:8px;margin:0;padding:0;list-style:none;display:flex}.withdrawal-steps li{border-radius:var(--radius-pill);color:var(--muted);background:var(--surface);padding:6px 10px;font-size:12px;font-weight:800}.withdrawal-steps li.is-current{color:var(--danger-700);background:var(--warning-50)}.withdrawal-reasons{border:0;gap:8px;margin:0;padding:0;display:grid}.withdrawal-reasons legend{color:var(--ink);margin-bottom:8px;font-weight:850}.withdrawal-reasons label{border:1px solid var(--border-subtle);background:var(--surface);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:11px 13px;display:flex}.withdrawal-reasons input{accent-color:var(--danger-500)}.withdrawal-actions{justify-content:flex-end;gap:8px;display:flex}.withdrawal-next,.withdrawal-delete{border-radius:var(--radius-pill);min-height:40px;color:var(--surface);cursor:pointer;border:0;padding:0 17px;font-weight:850}.withdrawal-next{background:var(--ink)}.withdrawal-delete{background:var(--danger-500)}.withdrawal-delete:disabled{cursor:wait;opacity:.65}.withdrawal-reasons input:focus-visible,.withdrawal-next:focus-visible,.withdrawal-delete:focus-visible{box-shadow:0 0 0 3px var(--ring);outline:0}.account-detail-grid dt{color:var(--muted);font-size:13px;font-weight:800}.account-detail-grid dd{overflow-wrap:anywhere;color:var(--ink);margin:8px 0 0;font-size:16px;font-weight:900}.activity-tabs{margin:-2px 0 24px;padding-bottom:2px}.activity-tabs a{border:1px solid var(--border-subtle);background:var(--surface);min-height:38px}.activity-tabs a.is-active{color:var(--surface);background:var(--brand-blue);border-color:#0000}.activity-tabs a:hover{color:var(--ink)}.activity-tabs a.is-active:hover{color:var(--surface)}.activity-tabs__count{opacity:.75;margin-left:7px;font-size:12px;font-weight:800}.mypage-content-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.mypage-content-item{min-width:0}.watch-history-progress{color:var(--muted);margin-top:6px;font-size:12px;font-weight:800;display:block}.subscription-list,.credit-transaction-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.subscription-list li,.credit-transaction-list li{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--warning-50);justify-content:space-between;align-items:center;gap:14px;padding:15px 17px;display:flex}.subscription-avatar{width:42px;height:42px;box-shadow:0 0 0 2px var(--warning-200);border-width:3px}.subscription-list li>div{flex:1;gap:3px;display:grid}.subscription-list small,.credit-transaction-list span,.credit-transaction-list time{color:var(--muted);font-size:12px}.subscription-list a{color:var(--brand-blue);font-size:13px;font-weight:850;text-decoration:none}.realistic-request-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.realistic-request-list li{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--warning-50);grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 15px;display:grid}.realistic-request-list__image{aspect-ratio:16/9;background:var(--surface);object-fit:cover;border-radius:10px;width:96px;display:block}.realistic-request-list__body{gap:3px;min-width:0;display:grid}.realistic-request-list__body strong{color:var(--ink)}.realistic-request-list__body small{color:var(--muted);font-size:12px}.realistic-request-list__guide{color:var(--muted);margin:4px 0 0;font-size:13px}.realistic-request-list__status{border-radius:var(--radius-pill);white-space:nowrap;padding:3px 10px;font-size:12px;font-weight:800}.realistic-request-list__status.is-pending{color:var(--warning-700);background:var(--warning-200)}.realistic-request-list__status.is-ready{color:var(--surface);background:var(--brand-blue)}.realistic-request-list__status.is-rejected{color:var(--danger-700);background:var(--danger-50)}.realistic-exception-open{justify-self:start;margin-top:6px}.realistic-exception-body{gap:12px;display:grid}.realistic-exception-body p{margin:0}.realistic-exception-body textarea{box-sizing:border-box;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;font:inherit;resize:vertical;padding:10px 12px}.realistic-exception-body .realistic-exception-message{color:var(--danger-700)}@media (max-width:680px){.realistic-request-list li{grid-template-columns:72px minmax(0,1fr)}.realistic-request-list__image{width:72px}.realistic-request-list__status{grid-column:2;justify-self:start}}.mypage-empty{border:1px dashed var(--warning-200);background:var(--warning-50);text-align:center;border-radius:20px;place-content:center;gap:8px;min-height:220px;padding:24px;display:grid}.mypage-empty strong{color:var(--ink);font-size:17px}.mypage-empty p{color:var(--muted);margin:0}.mypage-load-error{margin:0 0 18px}.credits-layout{gap:18px;display:grid}.credit-balance-bar{border:1px solid var(--border-subtle);background:var(--surface);border-radius:20px;flex-wrap:wrap;align-items:center;gap:14px;padding:18px 24px;display:flex}.credit-balance-bar__label{color:var(--muted);margin:0;font-size:13px}.credit-balance-bar__amount{align-items:baseline;gap:7px;margin:0;display:flex}.credit-balance-bar__amount strong{color:var(--ink);font-family:var(--font-display);font-size:clamp(30px,3.4vw,40px);font-weight:400;line-height:1}.credit-balance-bar__amount span{color:var(--muted);font-size:13px;font-weight:850}.credit-balance-bar__hint{color:var(--muted);margin:0 0 0 auto;font-size:13px}.credit-transaction-list li>div{gap:3px;display:grid}.credit-transaction-list b{white-space:nowrap;font-size:17px}.credit-transaction-list b.is-positive{color:var(--success-700)}.credit-transaction-list b.is-negative{color:var(--ink)}@media (max-width:960px){.mypage-content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.mypage-shell{width:min(100% - 24px,560px);padding:24px 0 44px}.mypage-account-head{flex-wrap:wrap;align-items:flex-start;padding:18px}.mypage-account-head__credit{text-align:left;width:100%;margin-left:0}.mypage-tabs{width:100%;top:10px}.mypage-tabs a{flex:1;padding:0 13px}.mypage-panel,.credit-balance-bar{padding:22px}.mypage-panel-heading{flex-direction:column;align-items:stretch}.account-detail-grid,.mypage-content-grid{grid-template-columns:1fr}.subscription-list li,.credit-transaction-list li{align-items:flex-start}}.credit-usage{gap:14px;display:grid}.credit-usage-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.credit-usage-filters__periods{gap:6px;display:inline-flex}.credit-usage-filters__periods button{border:1px solid var(--border-subtle);min-height:32px;color:var(--muted);background:var(--surface);cursor:pointer;border-radius:8px;padding:0 12px;font-size:12.5px;font-weight:800}.credit-usage-filters__periods button.is-active{border-color:var(--brand-blue);color:var(--brand-blue);background:var(--info-50)}.credit-usage-filters__select{border:1px solid var(--border-subtle);min-height:32px;color:var(--muted);background:var(--surface);border-radius:8px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.credit-usage-filters__select select{color:inherit;cursor:pointer;background:0 0;border:0;font-size:12.5px;font-weight:800}.credit-usage-filters__select .sr-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.credit-usage-scroll{overflow-x:auto}.credit-usage-table{border-collapse:collapse;width:100%;font-size:13.5px}.credit-usage-table th{border-bottom:1px solid var(--border-subtle);color:var(--muted);text-align:left;white-space:nowrap;padding:9px 10px;font-size:12px;font-weight:800}.credit-usage-table td{border-bottom:1px solid var(--border-subtle);vertical-align:middle;padding:12px 10px}.credit-usage-table .is-number{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.credit-usage-table .is-balance{font-weight:850}.credit-usage-table .is-date{color:var(--muted);white-space:nowrap;font-size:12.5px}.credit-usage-status{border-radius:var(--radius-pill);background:var(--surface-sunken,#f3efe7);color:var(--muted);white-space:nowrap;padding:2px 9px;font-size:11.5px;font-weight:800;display:inline-block}.credit-usage-note{color:var(--muted);margin:0;font-size:12px}.credit-usage-more{justify-content:center;padding-top:4px;display:flex}