:root {
  --vidsh-bg:#080a10;
  --vidsh-surface:#10131c;
  --vidsh-raised:#151925;
  --vidsh-line:#ffffff14;
  --vidsh-text:#f4f3fb;
  --vidsh-muted:#999bad;
  --vidsh-accent:#9a82ff;
  --vidsh-accent-strong:#7658ef;
  --vidsh-danger:#ff7d88;
  --vidsh-success:#6bd2a1;
}

.home-mobile-menu { display:none; }
.home-body .home-admin-link { border-color:#ffffff18; background:#ffffff08; }
.home-body .home-admin-link:hover { border-color:#ad96ff57; background:#a48cff15; }
.home-body .home-hero h1 { max-width:760px; font-size:clamp(3rem,5.6vw,5.2rem); }
.home-body .home-title-accent { color:#a995ff; }
.home-body .home-section-heading h2 { letter-spacing:-.045em; }
.home-body .home-paths .home-capability { display:flex; min-height:280px; flex-direction:column; align-items:flex-start; }
.home-body .home-card-link { display:inline-flex; align-items:center; gap:8px; margin-top:auto; padding-top:21px; color:#b7a7ff; font-size:.74rem; font-weight:650; }
.home-body .home-card-link span { transition:transform .2s; }
.home-body .home-card-link:hover span { transform:translate(2px,-2px); }
.home-body .home-economy,.home-body .home-platform-layers,.home-body .home-ecosystem { padding:76px 0; border-top:1px solid #ffffff12; }
.home-body .home-economy-flow { display:flex; align-items:stretch; gap:9px; margin-top:36px; overflow-x:auto; padding:2px 2px 13px; scrollbar-color:#514879 transparent; }
.home-body .home-economy-flow>div { display:grid; grid-template-rows:auto auto auto; gap:7px; min-width:130px; flex:1 0 130px; padding:16px; border:1px solid #ffffff13; border-radius:11px; background:linear-gradient(145deg,#151722,#0e1017); }
.home-body .home-economy-flow b { color:#a995ff; font:600 .62rem ui-monospace,monospace; }
.home-body .home-economy-flow strong { color:#eeebf7; font-size:.83rem; }
.home-body .home-economy-flow small { color:#9294a4; font-size:.67rem; line-height:1.5; }
.home-body .home-economy-flow>i { align-self:center; color:#8e7bd6; font-style:normal; }
.home-body .home-fine-print { margin:16px 0 0; color:#858899; font-size:.72rem; line-height:1.7; }
.home-body .home-layer-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:34px; }
.home-body .home-layer-grid article { min-height:155px; padding:19px; border:1px solid #ffffff13; border-radius:12px; background:linear-gradient(145deg,#141722,#0e1017); transition:transform .2s,border-color .2s; }
.home-body .home-layer-grid article:hover { transform:translateY(-3px); border-color:#a48cff42; }
.home-body .home-layer-grid article>span { color:#a995ff; font-size:.59rem; font-weight:700; letter-spacing:.13em; }
.home-body .home-layer-grid h3 { margin:12px 0 7px; color:#eeebf7; font-size:.93rem; }
.home-body .home-layer-grid p { margin:0; color:#9698a8; font-size:.73rem; line-height:1.65; }
.home-body .home-ecosystem-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:34px; }
.home-body .home-ecosystem-grid article { display:grid; justify-items:center; gap:10px; padding:23px; border:1px solid #ffffff13; border-radius:14px; background:linear-gradient(145deg,#141722,#0e1017); }
.home-body .ecosystem-node { display:grid; width:min(100%,370px); gap:4px; padding:14px 16px; border:1px solid #ffffff16; border-radius:10px; background:#ffffff06; color:#ebe8f5; font-size:.82rem; font-weight:680; text-align:center; }
.home-body .ecosystem-node small { color:#9698a8; font-size:.67rem; font-weight:450; }
.home-body .ecosystem-vidsh { border-color:#a48cff37; background:#a48cff0d; color:#c9bbff; }
.home-body .ecosystem-users { width:auto; min-width:170px; color:#a6a8b7; font-weight:550; }
.home-body .home-ecosystem-grid article>i { color:#9381e0; font-style:normal; }
.home-body .home-integration { grid-template-columns:minmax(0,.9fr) minmax(0,1fr); }
.home-body .home-code-panel { min-width:0; overflow:hidden; border:1px solid #ffffff18; border-radius:12px; background:#090b12; box-shadow:0 18px 50px #0005; }
.home-body .home-code-top { display:flex; align-items:center; gap:12px; padding:13px 15px; border-bottom:1px solid #ffffff12; }
.home-body .home-code-top>span { display:flex; gap:5px; }
.home-body .home-code-top i { width:7px; height:7px; border-radius:50%; background:#786f8b; }
.home-body .home-code-top i:nth-child(2) { background:#aa8b5c; }
.home-body .home-code-top i:nth-child(3) { background:#578b70; }
.home-body .home-code-top small { overflow:hidden; color:#85889a; font-size:.55rem; font-weight:650; letter-spacing:.07em; text-overflow:ellipsis; white-space:nowrap; }
.home-body .home-code-panel pre { overflow:auto; margin:0; padding:21px; color:#d8d0ff; font:500 .72rem/1.8 ui-monospace,SFMono-Regular,Consolas,monospace; }
.home-body .home-code-panel p { margin:0; padding:0 21px 18px; color:#898c9e; font-size:.67rem; line-height:1.6; }
.home-body .home-code-panel p code { color:#b7a7ff; }
.home-body .home-bottom-actions { display:flex; flex-wrap:wrap; align-items:center; gap:18px; }
.home-body .home-bottom-cta>div>p:last-child { margin:8px 0 0; color:#9698a8; font-size:.8rem; }
.home-body :is(.home-mobile-menu,.home-mobile-menu summary,.home-mobile-menu nav) { z-index:25; }
.home-body .home-mobile-menu summary { list-style:none; cursor:pointer; color:#d2ccef; }
.home-body .home-mobile-menu summary::-webkit-details-marker { display:none; }
.home-body .home-mobile-menu nav { position:absolute; top:calc(100% + 8px); right:0; display:grid; min-width:190px; gap:4px; padding:8px; border:1px solid #ffffff1a; border-radius:12px; background:#11141df5; box-shadow:0 18px 48px #0009; }
.home-body .home-mobile-menu nav a { padding:10px 11px; border-radius:8px; color:#cac6dc; font-size:.8rem; }
.home-body .home-mobile-menu nav a:hover { background:#a48cff14; color:#e6dfff; }

/* Shared dark product language for authenticated Vidsh workspaces. */
.admin-body {
  min-height:100vh;
  color:var(--vidsh-text);
  background:radial-gradient(ellipse at 48% -30rem,#211b3d 0,transparent 54rem),var(--vidsh-bg);
}
.admin-header {
  border-bottom:1px solid var(--vidsh-line);
  background:#090b11e8;
  box-shadow:0 10px 35px #0002;
  backdrop-filter:blur(16px);
}
.admin-header-inner { color:var(--vidsh-text); }
.admin-header-context,.admin-account-label { color:#c5c3d3; }
.admin-context-dot { background:var(--vidsh-accent); box-shadow:0 0 12px #9a82ff80; }
.admin-brand,.admin-header .brand { color:#f3f0ff; }
.admin-brand .brand-mark { border-color:#a892ff44; background:#8b6bff1c; color:#c0b1ff; }
.admin-logout,.finance-back-link { border-color:var(--vidsh-line)!important; background:#ffffff08!important; color:#d5d2e4!important; }
.admin-logout:hover,.finance-back-link:hover { border-color:#aa93ff59!important; background:#9a82ff15!important; }
.admin-shell { color:var(--vidsh-text); }
.admin-app-layout { background:transparent; }
.admin-sidebar {
  border-color:var(--vidsh-line);
  background:linear-gradient(180deg,#11141d,#0d1017);
  box-shadow:12px 0 45px #0002;
}
.admin-nav-label,.admin-sidebar-note,.admin-sidebar-footer small { color:#85899b; }
.admin-nav-link { color:#b5b7c7; border-color:transparent; }
.admin-nav-link:hover,.admin-nav-link.is-active { border-color:#a48cff26; background:#a48cff12; color:#d8d0ff; }
.admin-nav-icon { color:#a99aff; }
.admin-sidebar-note { border-color:var(--vidsh-line); background:#ffffff05; }
.admin-sidebar-footer { border-color:var(--vidsh-line); }
.admin-sidebar-avatar { border-color:#a892ff40; background:#8b6bff1c; color:#c0b1ff; }
.admin-mobile-nav { border-color:var(--vidsh-line); background:#0c0e15ed; }
.admin-mobile-nav a { color:#afb1c2; }
.admin-mobile-nav a.is-active { color:#d0c6ff; }
.admin-dashboard,.admin-upload-panel,.admin-library,.admin-section-card,.creator-admin-section {
  border-color:var(--vidsh-line)!important;
  background:linear-gradient(145deg,#121520,#0e1119)!important;
  color:var(--vidsh-text);
  box-shadow:0 18px 52px #0003!important;
}
.admin-intro h1,.admin-section-heading h2,.admin-library-heading h2,.admin-dashboard h2,.admin-upload-panel h2 { color:#f1eff8; }
.admin-intro p:not(.admin-eyebrow),.admin-section-heading p:not(.admin-eyebrow),.admin-library-heading p:not(.admin-eyebrow) { color:var(--vidsh-muted); }
.admin-eyebrow,.admin-nav-label { color:#a995ff; }
.admin-metric-card { border-color:var(--vidsh-line); background:linear-gradient(150deg,#191d29,#11141d); box-shadow:none; }
.admin-metric-label,.admin-metric-card span { color:#9da1b2; }
.admin-metric-card strong { color:#f2efff; }
.admin-body .field { color:#c2c1d0; }
.admin-body .field input,.admin-body .field textarea,.admin-body .field select,
.admin-body input[type="search"],.admin-body input[type="number"],.admin-body input[type="text"],.admin-body input[type="email"],.admin-body input[type="tel"],.admin-body input[type="password"],.admin-body input[type="url"],.admin-body input[type="date"],.admin-body input[type="file"],.admin-body select,.admin-body textarea {
  border-color:#ffffff20;
  background:#0a0d14;
  color:#f0eef8;
}
.admin-body .field input:focus,.admin-body .field textarea:focus,.admin-body .field select:focus,
.admin-body input:focus-visible,.admin-body select:focus-visible,.admin-body textarea:focus-visible {
  border-color:#a48cff;
  box-shadow:0 0 0 3px #9a82ff24;
  outline:none;
}
.admin-body .field input::placeholder,.admin-body .field textarea::placeholder { color:#777b8d; }
.admin-body .field small,.admin-field-help { color:#85899c; }
.admin-body button,.admin-body .button,.creator-login-card button[type="submit"],#creator-upload-form>button,.creator-payment-settings-form>button {
  border-color:transparent;
  background:var(--vidsh-accent-strong);
  color:#fff;
  transition:background .18s,border-color .18s,transform .18s,box-shadow .18s;
}
.admin-body button:hover,.admin-body .button:hover,.creator-login-card button[type="submit"]:hover,#creator-upload-form>button:hover,.creator-payment-settings-form>button:hover {
  background:#8e75ff;
  box-shadow:0 7px 22px #7658ef35;
  transform:translateY(-1px);
}
.admin-body button.secondary,.admin-body .secondary,.creator-video-actions button,.creator-view-link,.creator-dialog-actions button,.creator-thumbnail-actions button {
  border:1px solid #ffffff20!important;
  background:#ffffff08!important;
  color:#d2ccef!important;
}
.admin-body button.secondary:hover,.admin-body .secondary:hover,.creator-video-actions button:hover,.creator-view-link:hover,.creator-dialog-actions button:hover,.creator-thumbnail-actions button:hover {
  border-color:#a48cff5c!important;
  background:#a48cff17!important;
}
.admin-body .admin-card-actions .admin-delete-button,.admin-body .creator-video-actions .creator-delete-button,.creator-dialog-actions .creator-danger {
  border-color:#ff78852c!important;
  background:#ee596510!important;
  color:#ff9ba3!important;
}
.admin-body .admin-card-actions .admin-delete-button:hover,.admin-body .creator-video-actions .creator-delete-button:hover,.creator-dialog-actions .creator-danger:hover {
  border-color:#ff78856b!important;
  background:#ee596526!important;
}
.admin-video-card,.creator-video-card,.creator-recent-item,.creator-withdrawal-card,.creator-transaction-card,.creator-payment-current,.creator-empty-state,.creator-admin-card,.creator-admin-videos {
  border-color:var(--vidsh-line)!important;
  background:#ffffff05!important;
  color:var(--vidsh-text);
  box-shadow:none!important;
}
.admin-video-card:hover { border-color:#a48cff50!important; background:#a48cff09!important; }
.admin-video-title,.creator-video-heading h3,.creator-withdrawal-main strong,.creator-transaction-main strong,.creator-payment-current strong,.creator-empty-state strong,.creator-admin-details strong { color:#efedf8!important; }
.admin-id-line,.admin-card-stats,.admin-card-tags,.creator-video-subtitle,.creator-video-views,.creator-withdrawal-meta,.creator-transaction-meta,.creator-withdrawal-destination,.creator-payment-current,.creator-recent-item small,.creator-recent-empty,.creator-dialog p { color:#a0a3b4!important; }
.admin-card-thumb,.creator-card-thumb,.creator-media-preview video { border-color:var(--vidsh-line); background:#080a10; }
.admin-tag,.admin-status { border-color:#ffffff18; background:#ffffff08; color:#b8b9c8; }
.admin-status-published { border-color:#6bd2a128; background:#6bd2a111; color:#7de0b1; }
.admin-status-draft { border-color:#e7bc6328; background:#e7bc6310; color:#ebc56e; }
.admin-status-processing { border-color:#9b89ff32; background:#9b89ff13; color:#beafff; }
.admin-status-rejected,.admin-status-failed,.admin-status-rejected,.admin-status-cancelled { border-color:#ff7d882b; background:#ff7d8810; color:#ff9ba3; }
.admin-table th { color:#a8aaba; }
.admin-table td { border-color:#ffffff12; color:#d4d2df; }
.finance-table-scroll { border-color:var(--vidsh-line); }
.finance-table thead { background:#ffffff05; }
.finance-status { border-color:#ffffff1c; background:#ffffff08; color:#c3c1d0; }
.finance-status-finalized,.finance-status-paid,.finance-status-validated { border-color:#6bd2a128; background:#6bd2a111; color:#7de0b1; }
.finance-status-rejected,.finance-status-cancelled { border-color:#ff7d882b; background:#ff7d8810; color:#ff9ba3; }
.finance-status-pending,.finance-status-estimated,.finance-status-approved,.finance-status-review { border-color:#e7bc6328; background:#e7bc6310; color:#ebc56e; }
.finance-empty,.admin-list-empty,.admin-list-loading,.creator-empty-state { border-color:#ffffff20; color:#a0a3b4; }
.finance-pagination,.creator-shell .finance-pagination { color:#a0a3b4; }
.finance-page-button,.creator-shell .finance-page-button { border-color:#ffffff20!important; background:#ffffff08!important; color:#d2ccef!important; }
.finance-page-button:disabled,.creator-shell .finance-page-button:disabled { opacity:.4; }
.finance-page-size-label,.finance-page-summary { color:#a2a4b4; }
.creator-login-body { background:radial-gradient(ellipse at 15% 10%,#29204c 0,transparent 34rem),var(--vidsh-bg)!important; }
.creator-login-card,.admin-login-card,.admin-login-layout .form-card {
  border-color:var(--vidsh-line)!important;
  background:linear-gradient(145deg,#151824,#10131b)!important;
  box-shadow:0 28px 90px #0007!important;
}
.creator-login-card h1,.admin-login-card h2,.admin-login-layout h1 { color:#f2efff!important; }
.creator-login-intro,.creator-login-footnote,.admin-login-card>p.muted,.admin-login-intro>p:not(.admin-eyebrow) { color:#a2a4b4!important; }
.creator-dialog,.creator-confirm-dialog,.download-gate { border-color:var(--vidsh-line)!important; background:#12151f!important; color:var(--vidsh-text)!important; }
.creator-dialog::backdrop,.creator-confirm-dialog::backdrop,.download-gate::backdrop { background:#05060bd9; backdrop-filter:blur(5px); }
.creator-dialog-heading h2,.creator-confirm-dialog h2 { color:#f1eff8; }
.creator-shell .creator-thumbnail-actions button,.creator-shell .creator-dialog-actions button { color:#d2ccef; }
.creator-withdrawal-destination { display:grid; gap:4px; margin:10px 0; padding:12px 14px; border:1px solid #a48cff24!important; border-radius:10px; background:#a48cff09!important; color:#c5c2d3!important; font-size:.78rem; }
.creator-withdrawal-destination strong { color:#e6e2f3!important; font-size:.82rem; }
.creator-withdrawal-destination.creator-payout-unset { border-color:#e7bc6335!important; background:#e7bc630d!important; }
.creator-withdrawal-destination.creator-payout-unset strong { color:#f0cf82!important; }
.creator-payout-link { justify-self:start; margin-top:4px; color:#b9aaff; font-weight:700; text-decoration:underline; text-underline-offset:3px; }
.creator-withdrawal-dates { grid-column:1/-1; display:grid; grid-template-columns:auto minmax(0,1fr); gap:5px 12px; color:#9699aa; font-size:.72rem; }
.creator-withdrawal-dates time { color:#d2cfdf; font-variant-numeric:tabular-nums; }
.creator-withdrawal-reason { grid-column:1/-1; margin:0; padding:10px 12px; border-left:2px solid var(--vidsh-danger); background:#ff7d880a; color:#d5c8cc; font-size:.75rem; line-height:1.55; overflow-wrap:anywhere; }
.creator-withdrawal-card>button { justify-self:start; min-height:36px; padding:6px 12px; }
.creator-history-panel { border-color:#ffffff14; }
.creator-history-panel h3 { color:#e3e0ed; }
.creator-withdrawal-card .admin-status { align-self:start; text-transform:uppercase; letter-spacing:.06em; }
.creator-transaction-card { min-height:68px; }
.creator-shell .finance-pagination { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:12px; }
.creator-shell .finance-page-size-label select { margin-left:7px; padding:6px 8px; border:1px solid #ffffff20; border-radius:7px; background:#0b0e15; color:#dbd8e7; }
.creator-shell .finance-page-summary { flex:1 1 180px; }
.creator-shell #creator-withdrawal-form { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:2px 14px; margin-top:16px; }
.creator-shell #creator-withdrawal-form .field { grid-row:1/3; }
.creator-shell #creator-withdrawal-form #creator-withdrawal-minimum { grid-column:2; }
.creator-shell #creator-withdrawal-form button { grid-column:2; min-height:42px; padding:8px 14px; }
.creator-shell #creator-withdrawal-form button:disabled { transform:none; box-shadow:none; }
.admin-body :is(a,button,input,textarea,select):focus-visible { outline:2px solid #ad98ff; outline-offset:3px; }

/* Admin and Creator video cards share the same layout; Admin retains its extra tools. */
#video-list .admin-video-card { grid-template-columns:172px minmax(0,1fr); align-items:stretch; gap:17px; padding:13px; }
#video-list .creator-video-details { min-width:0; }
#video-list .admin-card-tags { display:flex; flex-wrap:wrap; gap:7px; margin-top:9px; }
#video-list .admin-id-inline { display:flex; align-items:center; gap:6px; max-width:100%; margin-top:8px; color:#a0a3b4; font-size:10px; }
#video-list .admin-player-id { max-width:100%; overflow:hidden; color:#c8c3dd; text-overflow:ellipsis; }
#video-list .admin-copy-id-icon { display:grid; place-items:center; flex:0 0 34px; width:34px; height:32px; padding:0; border:1px solid #ffffff20; border-radius:7px; background:#ffffff08; color:#d2ccef; cursor:pointer; }
#video-list .admin-copy-id-icon svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
#video-list .admin-copy-id-icon:hover { border-color:#a48cff5c; background:#a48cff17; }
#video-list .creator-video-actions { display:flex; align-items:center; flex-wrap:wrap; gap:8px; width:100%; }
#video-list .creator-video-actions button,#video-list .creator-view-link { min-width:0; flex:0 1 auto; }
.creator-video-actions { gap:8px; }
.creator-video-actions button,.creator-view-link { min-width:104px; min-height:38px; padding:7px 12px; }
@media(max-width:760px) {
  #video-list .admin-video-card { grid-template-columns:112px minmax(0,1fr); gap:10px; }
}
@media(max-width:520px) {
  #video-list .admin-video-card { grid-template-columns:1fr; }
  #video-list .creator-video-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  #video-list .creator-video-actions button,#video-list .creator-view-link { width:100%; min-width:0; }
  #video-list .creator-video-actions .creator-delete-button { grid-column:1/-1; }
}

/* Finance confirmation dialog shared by revenue, withdrawal, and ad review actions. */
.finance-confirm-dialog { width:min(500px,calc(100vw - 28px)); max-height:min(88dvh,760px); padding:0; overflow:auto; border:1px solid var(--vidsh-line); border-radius:18px; background:linear-gradient(145deg,#171a27,#10131c); color:var(--vidsh-text); box-shadow:0 34px 110px #000b; }
.finance-confirm-dialog::backdrop { background:#05060be0; backdrop-filter:blur(6px); }
.finance-confirm-form { display:grid; gap:17px; padding:clamp(20px,5vw,30px); }
.finance-confirm-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }
.finance-confirm-heading h2 { margin:5px 0 0; color:#f3f0ff; font:700 clamp(1.35rem,4vw,1.7rem)/1.12 Manrope,system-ui,sans-serif; letter-spacing:-.04em; }
.finance-confirm-description,.finance-confirm-consequence { margin:0; color:#a5a7b8; font-size:.9rem; line-height:1.65; }
.finance-confirm-target { display:grid; gap:5px; padding:15px 16px; border:1px solid #a48cff28; border-radius:12px; background:#a48cff0b; }
.finance-confirm-target span { color:#9c9eb0; font-size:.72rem; }
.finance-confirm-target strong { overflow-wrap:anywhere; color:#eeeaff; font-size:1rem; }
.finance-confirm-consequence { padding-left:12px; border-left:2px solid var(--vidsh-accent); }
.finance-confirm-field { display:grid; gap:7px; color:#c7c5d4; font-size:.8rem; font-weight:650; }
.finance-confirm-field textarea,.finance-confirm-field input { width:100%; min-height:44px; padding:11px 12px; border:1px solid #ffffff20; border-radius:9px; background:#0a0d14; color:#f0eef8; font:inherit; }
.finance-confirm-field textarea { min-height:92px; resize:vertical; }
.finance-confirm-error { min-height:1em; margin:0; color:#ff9ba3; font-size:.78rem; }
.finance-confirm-actions { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:9px; padding-top:4px; }
.finance-confirm-actions button { min-height:42px; min-width:110px; padding:9px 15px; border:1px solid #ffffff1c; border-radius:9px; background:#ffffff0a; color:#d8d5e5; font-weight:650; }
.finance-confirm-actions button[type="submit"] { border-color:transparent; background:var(--vidsh-accent-strong); color:#fff; }
.finance-confirm-actions button[data-tone="danger"] { background:#d84b5d!important; }
.finance-confirm-actions button:disabled { cursor:wait; opacity:.55; }
.finance-toast { position:fixed; z-index:70; right:20px; bottom:max(20px,env(safe-area-inset-bottom)); width:min(440px,calc(100vw - 32px)); padding:13px 16px; border:1px solid #6bd2a13b; border-radius:11px; background:#101b18; color:#a9efcb; box-shadow:0 18px 56px #0008; font-size:.82rem; line-height:1.5; opacity:0; pointer-events:none; transform:translateY(8px); transition:opacity .18s,transform .18s; }
.finance-toast.is-visible { opacity:1; transform:translateY(0); }
.finance-toast[data-state="error"] { border-color:#ff7d8840; background:#221317; color:#ffb4bb; }
.creator-registration-settings { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px 20px; align-items:center; margin:18px 0 24px; padding:18px; border:1px solid var(--vidsh-line); border-radius:13px; background:#ffffff04; }
.creator-registration-settings>div p { margin:5px 0 0; color:var(--vidsh-muted); font-size:.78rem; }
.creator-registration-settings>div strong { color:var(--vidsh-text); }
.creator-registration-settings .field { grid-column:1/-1; margin:0; }
.creator-registration-settings>button { justify-self:start; min-height:40px; }
.creator-registration-settings #creator-registration-settings-message { grid-column:1/-1; margin:0; color:var(--vidsh-muted); font-size:.8rem; }
.creator-registration-settings #creator-registration-settings-message[data-state="success"] { color:var(--vidsh-success); }
.creator-registration-settings #creator-registration-settings-message[data-state="error"] { color:#ff9ba3; }
.creator-toggle { display:flex; align-items:center; gap:9px; color:#d4d1e0; font-size:.82rem; }
.creator-toggle input { width:18px; height:18px; accent-color:var(--vidsh-accent-strong); }
.creator-access-entry { margin-top:16px; text-align:center; }
.creator-access-entry a { color:#c1b3ff; font-weight:700; text-decoration:underline; text-underline-offset:3px; }
.creator-login-footnote a { color:#c1b3ff; text-decoration:underline; text-underline-offset:3px; }
.creator-oauth-options { display:grid; gap:9px; margin-top:18px; }
.creator-login-card [hidden],.creator-registration-settings [hidden] { display:none!important; }
.creator-folder-tools { display:grid; grid-template-columns:minmax(0,1fr) minmax(180px,.45fr); gap:12px; margin:14px 0; padding:14px; border:1px solid var(--vidsh-line); border-radius:12px; background:#ffffff04; }
.creator-folder-tools>form { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:10px; }
.creator-folder-tools .field { margin:0; }
.creator-folder-list { grid-column:1/-1; display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr)); gap:9px; max-height:300px; overflow:auto; overscroll-behavior:contain; }
.creator-folder-card,.creator-api-key-card { display:grid; gap:10px; padding:12px; border:1px solid var(--vidsh-line); border-radius:10px; background:#ffffff04; min-width:0; }
.creator-folder-rename { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:7px; }
.creator-folder-rename input { min-width:0; width:100%; }
.creator-folder-card-tools { display:flex; align-items:center; justify-content:space-between; gap:9px; }
.creator-folder-card-tools button { min-height:36px; }
.creator-video-folder-control { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:8px; color:#9da0b1; font-size:.75rem; }
.creator-video-folder-control select { min-width:0; width:100%; padding:7px 9px; border:1px solid #ffffff20; border-radius:8px; background:#0a0d14; color:#ddd9ed; }
.creator-api-key-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); gap:10px; margin:14px 0; max-height:430px; overflow:auto; overscroll-behavior:contain; }
.creator-api-key-card { grid-template-columns:minmax(0,1fr) auto; align-items:center; }
.creator-api-key-card>div:first-child { display:grid; min-width:0; gap:5px; }
.creator-api-key-card strong { color:#ece9f7; overflow-wrap:anywhere; }
.creator-api-key-card .creator-video-actions { display:grid; }
.creator-api-key-reveal { display:grid; gap:10px; margin:16px 0; padding:15px; border:1px solid #e8bb5c40; border-radius:11px; background:#e8bb5c0b; }
.creator-api-key-reveal strong { color:#efcf82; font-size:.83rem; }
.creator-api-key-reveal code { overflow-wrap:anywhere; color:#f3f0ff; padding:10px; border-radius:8px; background:#080a10; }
.creator-api-key-reveal button { justify-self:start; }
.creator-api-docs { margin-top:18px; border-top:1px solid var(--vidsh-line); padding-top:14px; color:#b7b5c5; }
.creator-api-docs summary { cursor:pointer; color:#d9d3ef; font-weight:700; }
.creator-api-docs pre { max-width:100%; overflow:auto; padding:14px; border:1px solid var(--vidsh-line); border-radius:10px; background:#080a10; color:#c8bcff; font-size:.78rem; }
.creator-api-docs p { line-height:1.7; font-size:.82rem; }
.creator-language-control select { max-width:148px; min-height:36px; padding:6px 8px; border:1px solid #ffffff20; border-radius:8px; background:#0a0d14; color:#d7d3e5; font-size:.74rem; }
.creator-body [id^="creator-"] { scroll-margin-top:78px; }
.creator-body { scroll-behavior:smooth; }
.admin-mobile-nav { overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:thin; }
.creator-file-picker-field { display:grid; grid-template-columns:1fr auto; align-items:center; gap:8px 12px; padding:13px; border:1px dashed #ffffff25; border-radius:11px; background:#ffffff03; }
.creator-file-picker-field>span:first-child { color:#d4d1e0; }
.creator-file-picker-field .admin-field-help { grid-column:1/-1; }
.creator-file-picker-field button { min-height:40px; }
.creator-file-picker-field img { grid-column:1/-1; width:min(100%,300px); max-height:170px; object-fit:contain; border-radius:8px; }
#creator-forgot-message[data-state="success"] { color:#83d9ad; }
#creator-forgot-message[data-state="error"] { color:#ff9ba3; }
html[dir="rtl"] { direction:rtl; }
html[dir="rtl"] .admin-body { text-align:right; }
html[dir="rtl"] .admin-mobile-nav { direction:rtl; }
html[dir="rtl"] .finance-confirm-target,html[dir="rtl"] .creator-history-panel { text-align:right; }

@media(max-width:1040px) {
  .admin-video-card { grid-template-columns:112px minmax(0,1fr) minmax(245px,auto); gap:10px; }
  .admin-card-actions { flex-wrap:wrap; justify-content:flex-end; }
  .admin-card-actions button { min-width:96px; }
}
@media(max-width:700px) {
  .home-body .home-header-inner { grid-template-columns:1fr auto auto; gap:14px; }
  .home-body .home-nav { display:none; }
  .home-body .home-mobile-menu { position:relative; display:block; color:#d2ccef; font-size:.76rem; }
  .home-body .home-mobile-menu summary { padding:8px 0; }
  .home-body .home-hero h1 { font-size:clamp(2.85rem,11vw,4.3rem); }
  .home-body .home-economy,.home-body .home-platform-layers,.home-body .home-ecosystem { padding:55px 0; }
  .home-body .home-layer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
  .home-body .home-layer-grid article { min-height:145px; padding:15px; }
  .home-body .home-ecosystem-grid { grid-template-columns:1fr; }
  .home-body .home-integration { grid-template-columns:1fr; }
  .home-body .home-bottom-actions { width:100%; }
}
@media(max-width:760px) {
  .admin-video-card { grid-template-columns:112px minmax(0,1fr); }
  .admin-card-actions { grid-column:1/-1; justify-content:flex-start; }
  .creator-video-card { background:linear-gradient(145deg,#141722,#10131b)!important; }
}
@media(max-width:520px) {
  .home-body .home-header-inner { width:calc(100% - 32px); gap:10px; }
  .home-body .home-admin-link { padding:7px 9px; font-size:.68rem; }
  .home-body .home-mobile-menu { font-size:.7rem; }
  .home-body .home-layer-grid { grid-template-columns:1fr; }
  .home-body .home-layer-grid article { min-height:0; }
  .home-body .home-bottom-actions { align-items:flex-start; flex-direction:column; gap:14px; }
  .admin-login-layout { width:min(100%,460px); grid-template-columns:1fr; }
  .admin-login-intro { padding:0 3px; }
  .admin-login-visual { display:none; }
  .admin-video-card { grid-template-columns:1fr; }
  .admin-card-thumb { width:100%; aspect-ratio:16/9; }
  .admin-card-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; }
  .admin-card-actions button { width:100%; min-width:0; }
  .admin-card-actions .admin-delete-button { grid-column:1/-1; }
  .creator-video-card { grid-template-columns:1fr; }
  .creator-card-thumb { width:100%; max-height:none; }
  .creator-video-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; }
  .creator-video-actions button,.creator-view-link { width:100%; min-width:0; }
  .creator-video-actions .creator-delete-button { grid-column:1/-1; }
  .creator-shell #creator-withdrawal-form { grid-template-columns:1fr; }
  .creator-shell #creator-withdrawal-form .field,.creator-shell #creator-withdrawal-form #creator-withdrawal-minimum,.creator-shell #creator-withdrawal-form button { grid-column:1; grid-row:auto; }
  .creator-withdrawal-card { grid-template-columns:minmax(0,1fr) auto; }
  .finance-confirm-actions { display:grid; grid-template-columns:1fr 1fr; }
  .finance-confirm-actions button { min-width:0; }
  .creator-registration-settings { grid-template-columns:1fr; gap:11px; padding:15px; }
  .creator-registration-settings .field,.creator-registration-settings>button,.creator-registration-settings #creator-registration-settings-message { grid-column:1; }
  .creator-folder-tools { grid-template-columns:1fr; }
  .creator-folder-list { grid-column:1; max-height:250px; }
  .creator-api-key-card { grid-template-columns:1fr; }
  .creator-api-key-card .creator-video-actions { grid-template-columns:1fr 1fr; }
  .creator-language-control select { max-width:105px; }
}
.creator-upload-preview-wrap { display:grid; gap:10px; max-width:720px; }
.creator-url-import-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; padding:18px; border:1px solid var(--admin-border,#2b2e3a); border-radius:18px; background:rgba(255,255,255,.025); margin:0 0 22px; }
.creator-url-import-form .field:nth-child(3) { grid-column:1/-1; }
.creator-transfer-progress { grid-column:1/-1; display:grid; grid-template-columns:minmax(120px,1fr) auto; align-items:center; gap:10px; color:var(--admin-muted,#a5a7b3); font-size:.82rem; }
.creator-transfer-progress progress { width:100%; height:9px; accent-color:#9a7bff; }
.creator-url-import-actions { grid-column:1/-1; display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.creator-url-import-actions #creator-url-import-cancel { margin-left:auto; }
.creator-upload-progress { display:flex; align-items:center; gap:12px; color:var(--admin-muted,#a5a7b3); }
.creator-upload-progress progress { width:min(100%,420px); accent-color:#a56bff; }
.creator-thumbnail-picker-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:8px; }
.creator-upload-preview-wrap video { width:min(100%,640px); max-height:360px; border:1px solid var(--admin-border,#2b2e3a); border-radius:16px; background:#08090e; }
.creator-frame-dialog { width:min(900px,calc(100vw - 32px)); max-height:min(92dvh,900px); overflow:auto; }
.creator-frame-dialog video { display:block; width:100%; max-height:58dvh; object-fit:contain; border-radius:16px; background:#07080c; }
.creator-history-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:22px; }
.creator-history-actions button { display:grid; gap:6px; text-align:left; padding:18px; min-height:88px; }
.creator-history-actions span { color:var(--admin-muted,#a5a7b3); font-size:.84rem; font-weight:400; }
.creator-history-dialog { width:min(900px,calc(100vw - 32px)); max-height:min(90dvh,900px); overflow:hidden; }
.creator-history-dialog>div[aria-live] { max-height:calc(78dvh - 150px); overflow:auto; overscroll-behavior:contain; padding:4px 8px 4px 0; }
.creator-history-dialog .finance-pagination { position:sticky; bottom:0; background:var(--admin-panel,#141722); padding:12px 0 0; }
.creator-payment-method-list { display:grid; gap:12px; max-height:440px; overflow:auto; margin-top:16px; padding-right:6px; }
.creator-payment-method-card { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:16px; border:1px solid var(--admin-border,#2b2e3a); border-radius:16px; background:rgba(255,255,255,.025); }
.creator-payment-method-card>span { color:var(--admin-muted,#a5a7b3); }
.admin-profile-trigger { display:flex; align-items:center; gap:12px; border:0; background:transparent; color:inherit; cursor:pointer; }
.admin-profile-drawer:not([open]) { display:none; }
.admin-profile-drawer[open] {
  position:fixed;
  inset:0 16px 0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-content:start;
  gap:18px;
  width:min(420px,calc(100vw - 32px));
  height:fit-content;
  max-height:min(560px,calc(100dvh - 32px));
  margin:auto 0;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  padding:24px;
  border:1px solid var(--vidsh-line);
  border-radius:20px;
  background:linear-gradient(155deg,#151722,#10121a 72%);
  color:var(--vidsh-text);
  box-shadow:0 24px 80px #0009;
}
.admin-profile-drawer::backdrop { background:#05060ab5; backdrop-filter:blur(5px); }
.admin-profile-drawer .creator-dialog-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; margin:0; }
.admin-profile-heading .admin-eyebrow { margin:0 0 5px; }
.admin-profile-heading h2 { margin:0; color:#f3f0fb; font-size:22px; letter-spacing:-.035em; line-height:1.2; }
.admin-profile-drawer .creator-icon-button { flex:0 0 40px; width:40px; height:40px; display:grid; place-items:center; border-color:#ffffff1e; border-radius:11px; background:#ffffff08; color:#d7d3e3; }
.admin-profile-drawer .creator-icon-button:hover { border-color:#a48cff70; background:#a48cff13; color:#fff; }
.admin-profile-identity { display:grid; gap:11px; padding:16px; border:1px solid #ffffff17; border-radius:14px; background:linear-gradient(135deg,#ffffff08,#ffffff03); }
.admin-profile-role { color:#b6a9ef; font-size:10px; font-weight:750; letter-spacing:.1em; text-transform:uppercase; }
.admin-profile-username { display:grid; gap:4px; min-width:0; }
.admin-profile-username>span { color:#9194a5; font-size:10px; }
.admin-profile-username>strong { overflow-wrap:anywhere; color:#f0edf8; font-size:14px; font-weight:650; }
.admin-profile-drawer .admin-profile-language { display:grid; gap:8px; margin:0; color:#d5d2e2; font-size:11px; font-weight:650; }
.admin-profile-drawer .admin-profile-language select { box-sizing:border-box; width:100%; min-width:0; min-height:42px; padding:8px 11px; border:1px solid #ffffff20; border-radius:9px; background:#0b0d15; color:#eeecf5; font-size:12px; }
.admin-profile-drawer .admin-profile-language select:focus-visible { border-color:#a48cff; outline:3px solid #a48cff32; outline-offset:2px; }
.admin-profile-note { margin:0; padding:10px 12px; border:1px solid #ffffff12; border-radius:10px; background:#ffffff04; color:#9699aa; font-size:10px; line-height:1.5; }
.admin-profile-drawer #logout { width:100%; min-height:44px; padding:9px 14px; border:1px solid #ff7d884d!important; border-radius:10px; background:linear-gradient(135deg,#a93949,#872b3b)!important; color:#fff0f1!important; font-size:12px; font-weight:700; box-shadow:0 7px 18px #a52e3b24; }
.admin-profile-drawer #logout:hover { border-color:#ff919b!important; background:linear-gradient(135deg,#bd4655,#993646)!important; }
@media(max-width:520px) {
  .admin-profile-drawer[open] { inset:0 12px 0 auto; width:calc(100vw - 24px); max-height:calc(100dvh - 24px); gap:16px; padding:18px; border-radius:18px; }
  .admin-profile-identity { padding:14px; }
}
.creator-admin-list { max-height:680px; overflow:auto; display:grid; gap:12px; align-content:start; padding:4px 8px 4px 0; }
.creator-admin-card { min-height:0; }
.creator-admin-stats { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px 14px; }
.creator-admin-search { margin:18px 0; max-width:680px; }
html[dir="rtl"] .creator-shell,html[dir="rtl"] .admin-shell { text-align:right; }
main section[id] { scroll-margin-top:100px; }
@media(max-width:620px) { .creator-history-actions { grid-template-columns:1fr; } .creator-payment-method-card { align-items:stretch; flex-direction:column; } .creator-history-dialog { padding:16px; } .creator-url-import-form { grid-template-columns:1fr; padding:14px; } .creator-url-import-form .field:nth-child(3) { grid-column:1; } .creator-transfer-progress,.creator-url-import-actions { grid-column:1; } .creator-url-import-actions>* { flex:1 1 140px; } .creator-url-import-actions #creator-url-import-cancel { margin-left:0; } .creator-thumbnail-picker-actions>* { flex:1 1 150px; } }

/* Unified login: one accessible form and a responsive product preview. */
.vidsh-login-body { min-height:100vh; display:grid; place-items:center; padding:clamp(18px,3vw,44px); background:radial-gradient(ellipse at 15% 10%,#282047 0,transparent 36rem),#090a12; color:#f4f2fb; }
.vidsh-login-shell { position:relative; isolation:isolate; display:grid; grid-template-columns:minmax(0,1.12fr) minmax(370px,.88fr); width:min(100%,1320px); min-height:min(790px,calc(100vh - 48px)); overflow:hidden; border:1px solid #ffffff18; border-radius:28px; background:#10111b; box-shadow:0 35px 120px #0007; }
.vidsh-login-showcase { position:relative; isolation:isolate; display:flex; flex-direction:column; min-width:0; overflow:hidden; padding:clamp(30px,5vw,72px); background:linear-gradient(140deg,#171529 0%,#141423 54%,#11121c 100%); }
.vidsh-login-orb { position:absolute; z-index:-1; width:390px; aspect-ratio:1; border-radius:50%; pointer-events:none; filter:blur(1px); }
.vidsh-login-orb-one { top:-210px; left:-190px; background:radial-gradient(circle,#8060e938,transparent 69%); }
.vidsh-login-orb-two { right:-190px; bottom:-220px; background:radial-gradient(circle,#5e49d62d,transparent 70%); }
.vidsh-login-brand,.vidsh-login-mobile-brand { display:inline-flex; align-items:center; align-self:flex-start; color:#f5f2ff!important; font-size:1.2rem; font-weight:800; text-decoration:none; }
.vidsh-login-brand .brand-mark,.vidsh-login-mobile-brand .brand-mark { display:grid; place-items:center; width:34px; height:34px; margin-right:10px; border:1px solid #b9a8ff38; border-radius:11px; background:linear-gradient(145deg,#a78bfa38,#6254d91c); color:#c4b5fd; box-shadow:0 8px 22px #7554d32b; }
.vidsh-login-brand .brand-period,.vidsh-login-mobile-brand .brand-period { color:#a78bfa; }
.vidsh-login-pitch { position:relative; z-index:1; margin:clamp(36px,6vh,72px) 0 8px; }
.vidsh-login-pitch .admin-eyebrow,.vidsh-login-form-wrap .admin-eyebrow { margin:0 0 17px; color:#ae9cff; font-size:.66rem; font-weight:800; letter-spacing:.19em; }
.vidsh-login-pitch h2 { max-width:640px; margin:0; color:#f4f0ff; font:750 clamp(2.2rem,4.3vw,4rem)/1.09 Manrope,system-ui,sans-serif; letter-spacing:-.055em; }
.vidsh-login-pitch h2 span { color:#aa95ff; }
.vidsh-login-pitch>p:last-child { max-width:480px; margin:18px 0 0; color:#a5a3b7; font-size:.94rem; line-height:1.7; }
.vidsh-preview { position:relative; width:min(100%,590px); margin:clamp(27px,5vh,54px) auto 0; padding:0 22px 19px; }
.vidsh-preview-window { position:relative; z-index:1; overflow:hidden; border:1px solid #ffffff21; border-radius:15px; background:linear-gradient(155deg,#202131,#171924); box-shadow:0 26px 65px #0005; transform:perspective(1200px) rotateY(4deg) rotateX(1deg); }
.vidsh-preview-topbar { display:flex; align-items:center; justify-content:space-between; height:43px; padding:0 14px; border-bottom:1px solid #ffffff13; color:#85869a; font-size:.53rem; font-weight:800; letter-spacing:.12em; }
.vidsh-preview-topbar b { margin-left:5px; padding:3px 5px; border:1px solid #a995ff35; border-radius:4px; color:#b6a5ff; font-size:.45rem; letter-spacing:.08em; }
.vidsh-preview-dots { display:flex; gap:4px; }
.vidsh-preview-dots i { width:6px; height:6px; border-radius:50%; background:#716c81; }
.vidsh-preview-dots i:first-child { background:#ff8f9b; }.vidsh-preview-dots i:nth-child(2) { background:#f6ca70; }.vidsh-preview-dots i:last-child { background:#6bd4a1; }
.vidsh-preview-avatar { display:grid; place-items:center; width:23px; height:23px; border-radius:8px; background:#7162ce; color:white; font-size:.65rem; letter-spacing:0; }
.vidsh-preview-content { padding:19px; }
.vidsh-preview-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; }
.vidsh-preview-heading>div { display:grid; gap:4px; }.vidsh-preview-heading>div span { color:#88899e; font-size:.48rem; font-weight:700; letter-spacing:.12em; }.vidsh-preview-heading strong { color:#f0edf8; font-size:.95rem; }
.vidsh-preview-add { padding:7px 9px; border:1px solid #9f8cff42; border-radius:7px; background:#8975ff1c; color:#c6b9ff; font-size:.54rem; font-weight:700; white-space:nowrap; }
.vidsh-preview-video { display:grid; grid-template-columns:112px minmax(0,1fr) auto; align-items:center; gap:13px; min-width:0; padding:10px; border:1px solid #ffffff13; border-radius:10px; background:#ffffff05; }
.vidsh-preview-thumb { display:grid; place-items:center; align-content:center; gap:6px; aspect-ratio:16/10; border-radius:6px; background:radial-gradient(ellipse at 65% 35%,#8271d45c,transparent 45%),linear-gradient(135deg,#25253b,#171a29); color:#9c94c0; font-size:.42rem; font-weight:800; letter-spacing:.1em; }
.vidsh-preview-play { display:grid; place-items:center; width:25px; height:25px; padding-left:2px; border:1px solid #ffffff38; border-radius:50%; background:#ffffff17; color:#fff; font-size:.58rem; }
.vidsh-preview-video-info { display:grid; min-width:0; gap:7px; }.vidsh-preview-video-info strong { overflow:hidden; color:#e9e6f2; font-size:.67rem; text-overflow:ellipsis; white-space:nowrap; }.vidsh-preview-video-info>span { color:#999bad; font-size:.54rem; }.vidsh-preview-video-info i { display:inline-block; width:5px; height:5px; margin-right:4px; border-radius:50%; background:#d8b568; }
.vidsh-preview-more { align-self:start; color:#aaa5bb; font-size:.6rem; letter-spacing:.08em; }
.vidsh-preview-tools { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-top:10px; }
.vidsh-preview-tool { display:flex; align-items:center; gap:9px; min-width:0; padding:10px; border:1px solid #ffffff11; border-radius:8px; background:#ffffff04; }
.vidsh-preview-tool-icon,.vidsh-float-icon { display:grid; flex:0 0 auto; place-items:center; width:26px; height:26px; border-radius:8px; background:#9381ff1e; color:#b7a7ff; font-size:.62rem; }
.vidsh-preview-tool>span:last-child,.vidsh-preview-float>span:last-child { display:grid; min-width:0; gap:3px; }.vidsh-preview-tool b,.vidsh-preview-float b { overflow:hidden; color:#e9e6f2; font-size:.59rem; text-overflow:ellipsis; white-space:nowrap; }.vidsh-preview-tool small,.vidsh-preview-float small { overflow:hidden; color:#9798a9; font-size:.49rem; text-overflow:ellipsis; white-space:nowrap; }
.vidsh-preview-float { position:absolute; z-index:2; display:flex; align-items:center; gap:9px; padding:10px 12px; border:1px solid #ffffff22; border-radius:10px; background:#1c1c2cf2; box-shadow:0 14px 38px #0005; backdrop-filter:blur(12px); }
.vidsh-preview-float-player { top:18%; right:-5px; }.vidsh-preview-float-share { bottom:0; left:-6px; }.vidsh-login-showcase-foot { position:relative; z-index:1; margin:auto 0 0; padding-top:20px; color:#89899c; font-size:.71rem; }
.vidsh-login-panel { display:flex; flex-direction:column; justify-content:center; min-width:0; padding:clamp(30px,5.3vw,76px); background:linear-gradient(150deg,#141521,#10111a); }
.vidsh-login-mobile-brand { display:none; }
.vidsh-login-form-wrap { width:min(100%,410px); margin:0 auto; }
.vidsh-login-form-wrap h1 { margin:0; color:#f6f3fc; font:750 clamp(1.8rem,3vw,2.35rem)/1.15 Manrope,system-ui,sans-serif; letter-spacing:-.045em; }
.vidsh-login-intro { margin:13px 0 31px; color:#9c9dad; font-size:.88rem; line-height:1.7; }
.vidsh-login-form-wrap form { display:grid; gap:17px; margin:0; }
.vidsh-login-form-wrap .field { display:grid; gap:8px; margin:0; color:#d4d0df; font-size:.76rem; font-weight:650; }
.vidsh-login-form-wrap .field input { width:100%; min-width:0; min-height:49px; padding:12px 14px; border:1px solid #ffffff20; border-radius:10px; outline:none; background:#0b0c14; color:#f5f2fc; font:inherit; font-size:.86rem; transition:border-color .16s,box-shadow .16s; }
.vidsh-login-form-wrap .field input::placeholder { color:#727487; }
.vidsh-login-form-wrap .field input:focus-visible { border-color:#a38cff; box-shadow:0 0 0 3px #a38cff2b; }
.vidsh-login-form-wrap form>button { min-height:49px; margin-top:3px; border:1px solid #9d8cff; border-radius:10px; background:linear-gradient(110deg,#7563e9,#6653d5); color:#fff; font-size:.84rem; font-weight:750; cursor:pointer; box-shadow:0 9px 25px #6653d52e; transition:filter .15s,transform .15s,box-shadow .15s; }
.vidsh-login-form-wrap form>button:hover { filter:brightness(1.08); box-shadow:0 12px 30px #6653d548; transform:translateY(-1px); }
.vidsh-login-form-wrap form>button:focus-visible,.vidsh-login-links a:focus-visible { outline:3px solid #b9aaff; outline-offset:3px; }
.vidsh-login-form-wrap form>button:disabled { cursor:wait; opacity:.65; transform:none; }
.vidsh-login-error { margin:-4px 0 0; color:#ffabb2; font-size:.78rem; line-height:1.5; }
.vidsh-login-form-wrap [hidden] { display:none!important; }
.vidsh-login-links { display:grid; gap:20px; margin-top:21px; color:#9b9bac; font-size:.76rem; }
.vidsh-login-links a { color:#c1b3ff; font-weight:650; text-decoration:none; text-underline-offset:4px; }.vidsh-login-links a:hover { text-decoration:underline; }
.vidsh-login-links>p { margin:0; color:#9697a8; }.vidsh-login-security { display:flex; align-items:center; justify-content:center; gap:7px; margin:40px 0 0; color:#77798c; font-size:.67rem; }.vidsh-login-security span { color:#a48fff; }
@media(max-width:1050px) {
  .vidsh-login-shell { grid-template-columns:minmax(0,1.04fr) minmax(340px,.96fr); min-height:calc(100vh - 40px); }
  .vidsh-login-showcase { padding:34px; }.vidsh-login-pitch { margin-top:48px; }.vidsh-login-pitch h2 { font-size:clamp(2.15rem,4.5vw,3.35rem); }
  .vidsh-preview { padding:0 9px 14px; }.vidsh-preview-float-player { right:-2px; }.vidsh-login-panel { padding:clamp(28px,4vw,52px); }
}
@media(max-width:760px) {
  .vidsh-login-body { display:block; min-height:100dvh; padding:0; }
  .vidsh-login-shell { display:flex; flex-direction:column; width:100%; min-height:100dvh; overflow:clip; border:0; border-radius:0; }
  .vidsh-login-showcase { flex:0 0 auto; min-height:235px; padding:24px clamp(20px,6vw,34px) 20px; }
  .vidsh-login-brand { display:none; }.vidsh-login-pitch { margin:0; }.vidsh-login-pitch .admin-eyebrow { margin-bottom:9px; font-size:.57rem; }.vidsh-login-pitch h2 { max-width:500px; font-size:clamp(1.55rem,5.7vw,2.15rem); }.vidsh-login-pitch>p:last-child { max-width:430px; margin-top:9px; font-size:.77rem; }
  .vidsh-preview { position:absolute; right:14px; bottom:12px; width:150px; margin:0; padding:0; opacity:.74; transform:scale(.76); transform-origin:right bottom; }.vidsh-preview-window { transform:none; }.vidsh-preview-content { padding:8px; }.vidsh-preview-topbar { height:26px; padding:0 7px; font-size:.38rem; }.vidsh-preview-topbar b,.vidsh-preview-dots,.vidsh-preview-video,.vidsh-preview-float,.vidsh-preview-tools { display:none; }.vidsh-preview-heading { margin:0; }.vidsh-preview-heading strong { font-size:.64rem; }.vidsh-preview-heading>div span { font-size:.38rem; }.vidsh-preview-add { padding:4px; font-size:.4rem; }.vidsh-login-showcase-foot { display:none; }
  .vidsh-login-panel { flex:1 0 auto; justify-content:flex-start; padding:27px clamp(22px,7vw,40px) max(24px,env(safe-area-inset-bottom)); background:#10111b; }.vidsh-login-mobile-brand { display:inline-flex; margin:0 auto 28px 0; font-size:1.04rem; }.vidsh-login-mobile-brand .brand-mark { width:30px; height:30px; }.vidsh-login-form-wrap { width:100%; max-width:460px; }.vidsh-login-form-wrap .admin-eyebrow { margin-bottom:11px; font-size:.58rem; }.vidsh-login-form-wrap h1 { font-size:1.8rem; }.vidsh-login-intro { margin:10px 0 23px; font-size:.8rem; }.vidsh-login-form-wrap form { gap:15px; }.vidsh-login-form-wrap .field input { min-height:48px; }.vidsh-login-security { justify-content:flex-start; margin:30px 0 0; }
}
@media(max-width:420px) {
  .vidsh-login-showcase { min-height:205px; padding-top:22px; }.vidsh-login-pitch h2 { max-width:285px; font-size:1.55rem; }.vidsh-login-pitch>p:last-child { max-width:250px; font-size:.72rem; }.vidsh-preview { right:5px; bottom:7px; width:120px; opacity:.53; transform:scale(.66); }
  .vidsh-login-panel { padding-top:23px; }.vidsh-login-mobile-brand { margin-bottom:23px; }.vidsh-login-intro { margin-bottom:20px; }.vidsh-login-links { gap:17px; }
}
#video-list .admin-video-card { grid-template-columns:172px minmax(0,1fr); grid-auto-rows:auto; align-items:start; min-height:0; }
#video-list .admin-video-card>.creator-card-thumb { width:100%; max-height:none; aspect-ratio:16/9; align-self:start; }
#video-list .admin-video-card>.creator-video-details { display:flex; flex-direction:column; align-items:flex-start; gap:0; min-width:0; }
#video-list .admin-video-card .creator-video-heading { display:flex; flex-wrap:wrap; align-items:center; gap:8px; max-width:100%; }
#video-list .admin-video-card .admin-card-tags,#video-list .admin-video-card .admin-id-inline { position:static; margin-top:8px; }
#video-list .admin-video-card .creator-video-actions { position:static; display:flex; flex-wrap:wrap; justify-content:flex-start; gap:8px; width:100%; margin-top:12px; padding:0; }
#video-list .admin-video-card .creator-video-actions>* { flex:0 1 auto; min-width:96px; max-width:100%; }
@media(max-width:760px) { #video-list .admin-video-card { grid-template-columns:112px minmax(0,1fr); gap:10px; } }
@media(max-width:520px) { #video-list .admin-video-card { grid-template-columns:minmax(0,1fr); } #video-list .admin-video-card>.creator-card-thumb { width:100%; max-width:100%; } #video-list .admin-video-card .creator-video-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); } #video-list .admin-video-card .creator-video-actions>* { min-width:0; width:100%; } }

/* Unified workspace login context; sessionStorage only influences navigation, never authorization. */
.vidsh-login-resolving .vidsh-login-shell { visibility:hidden; }
.vidsh-login-body:has(.vidsh-login-resolving) { min-height:100vh; }
/* Creator Upload keeps the complete Creator forms and switches between them in one workspace. */
.vidsh-creator-upload-tabs { display:flex; flex-wrap:wrap; gap:7px; width:max-content; max-width:100%; margin:0 0 18px; padding:5px; border:1px solid var(--vidsh-line); border-radius:13px; background:#090b12; }
.vidsh-creator-upload-tabs [role=tab] { min-height:39px; padding:8px 15px; border:1px solid transparent; border-radius:9px; background:transparent; color:#a3a5b4; font-weight:650; cursor:pointer; }
.vidsh-creator-upload-tabs [role=tab][aria-selected=true] { background:var(--vidsh-accent-strong); color:#fff; box-shadow:0 5px 18px #7658ef40; }
.vidsh-creator-upload-panel[hidden] { display:none!important; }
.vidsh-creator-upload-panel #creator-upload-form { padding:18px; border:1px solid var(--vidsh-line); border-radius:16px; background:#ffffff03; }
.vidsh-creator-upload-panel .creator-url-import-form { margin:0; }
/* Creator management remains data-driven while using the shared dark workspace surfaces. */
.creator-create-form { border-color:var(--vidsh-line)!important; border-radius:14px!important; background:#ffffff04!important; }
.creator-admin-section .creator-registration-settings { border-color:var(--vidsh-line)!important; background:#ffffff04!important; }
.creator-admin-section .creator-admin-search input { border-color:#ffffff20; background:#0a0d14; color:#f0eef8; }
.creator-admin-card { border-radius:13px!important; padding:16px!important; }
.creator-admin-details span,.creator-admin-details small,.creator-admin-stats { color:#a0a3b4!important; }
.creator-status { border:1px solid #6bd2a138; background:#6bd2a111; color:#7de0b1; }
.creator-status-suspended { border-color:#ff7d8840; background:#ff7d8810; color:#ff9ba3; }
.creator-admin-videos { border-color:var(--vidsh-line)!important; background:#ffffff04!important; }
.creator-admin-video-row { border-color:#ffffff12!important; color:#d2d0df; }
.creator-admin-video-row code { color:#aaa9ba; }
.creator-admin-video-row a { color:#b9aaff; }
@media(max-width:520px) {
  .vidsh-creator-upload-tabs { width:100%; }
  .vidsh-creator-upload-tabs [role=tab] { flex:1; padding-inline:8px; }
  .vidsh-creator-upload-panel #creator-upload-form { padding:13px; }
}

/* Finish the shared Vidsh theme across Admin upload controls and Creator feedback states. */
.admin-body .admin-advanced { border-color:var(--vidsh-line); border-radius:13px; background:linear-gradient(145deg,#121520,#0e1119); color:var(--vidsh-text); }
.admin-body .admin-advanced summary { color:#dedbed; }
.admin-body .admin-advanced summary small { color:#9295a7; }
.admin-body .admin-advanced-content { border-color:var(--vidsh-line); }
.admin-body .admin-advanced-content>#new { border-color:#ffffff20; background:#ffffff08; color:#d2ccef; }
.admin-body .admin-filters select,.admin-body .admin-search { border-color:#ffffff20; background:#0a0d14; color:#d2d0df; }
.admin-body .admin-search input { border-color:transparent; background:transparent; color:#f0eef8; }
.admin-body .admin-search input::placeholder { color:#85899c; }
.admin-body .admin-search:focus-within,.admin-body .admin-filters select:focus-visible { border-color:#a48cff; box-shadow:0 0 0 3px #9a82ff24; outline:none; }
.creator-toast { border-color:#6bd2a138; background:#101820; color:#8de1b4; box-shadow:0 12px 42px #0008; }
.creator-toast[data-state=error] { border-color:#ff7d8840; background:#211317; color:#ff9ba3; }
.creator-form-message[data-state=success],.creator-editor-message[data-state=success] { color:#7de0b1; }
.creator-form-message[data-state=error],.creator-editor-message[data-state=error] { color:#ff9ba3; }

body.admin-body #vidsh-url-import label { display:grid; gap:7px; color:#c2c1d0; font-size:11px; font-weight:650; }
body.admin-body #vidsh-url-import input,body.admin-body #vidsh-url-import textarea { width:100%; min-height:42px; padding:10px 12px; border:1px solid #ffffff20; border-radius:9px; background:#0a0d14!important; color:#f0eef8!important; font:inherit; }
body.admin-body #vidsh-url-import input:focus,body.admin-body #vidsh-url-import textarea:focus { border-color:#a48cff; box-shadow:0 0 0 3px #9a82ff24; outline:none; }
body.admin-body #vidsh-url-import input::placeholder,body.admin-body #vidsh-url-import textarea::placeholder { color:#85899c; }
body.admin-body #vidsh-url-import .vidsh-url-import-help { color:#9497a9; }

/* Creator's local media input uses the same accessible Vidsh dropzone as Admin. */
#creator-upload-form>.creator-local-file-picker { position:relative; display:flex; grid-column:1/-1; min-width:0; min-height:102px; align-items:center; cursor:pointer; }
.creator-local-file-picker .creator-local-file-input { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; clip-path:inset(50%)!important; white-space:nowrap!important; }
.creator-local-file-picker:focus-within { outline:3px solid #a891ff; outline-offset:3px; }
.creator-local-file-picker .admin-file-icon { display:grid; flex:0 0 42px; place-items:center; }
.creator-local-file-picker .admin-file-icon svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.creator-local-file-picker .admin-file-picker-copy { display:grid; min-width:0; gap:5px; }
.creator-local-file-picker .admin-file-picker-copy strong { color:#f0ecfa; }
.creator-local-file-picker .admin-file-picker-copy small { color:#aaa5b8; line-height:1.45; }
.creator-local-file-picker .admin-file-browse { flex:0 0 auto; margin-left:auto; }
.creator-local-file-picker:hover .admin-file-browse { border-color:#a891ff75; background:#322a4c; }
.creator-upload-duration,.creator-upload-selection { grid-column:1/-1; margin:0; }
.creator-upload-selection:empty { display:none; }
@media(max-width:520px) {
  #creator-upload-form>.creator-local-file-picker { gap:10px; min-height:90px; padding:12px; }
  .creator-local-file-picker .admin-file-picker-copy small { max-width:190px; }
  .creator-local-file-picker .admin-file-browse { margin-left:auto; padding:7px 9px; font-size:10px; }
}

/* Keep Creator creation fields and action aligned inside one dark Vidsh card. */
.admin-body .creator-create-form {
  box-sizing:border-box;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(132px,.48fr);
  align-items:start;
  gap:14px;
  min-width:0;
  padding:18px clamp(16px,2vw,24px);
  border-color:var(--vidsh-line)!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,#ffffff06,#ffffff02)!important;
}
.admin-body .creator-create-form>.field {
  min-width:0;
  margin:0;
  align-content:start;
}
.admin-body .creator-create-form>.field input {
  box-sizing:border-box;
  width:100%;
  min-width:0;
  min-height:42px;
}
.admin-body .creator-create-form>.field .admin-field-help {
  min-height:1.4em;
  line-height:1.4;
}
.admin-body .creator-create-form>button {
  box-sizing:border-box;
  width:100%;
  min-width:0;
  min-height:42px;
  align-self:start;
  margin-top:23px;
  padding:0 12px;
  border:1px solid #8f79fa;
  border-radius:9px;
  background:linear-gradient(135deg,#8064f1,#684cdb);
  color:#fff;
  font-size:12px;
  font-weight:680;
  white-space:nowrap;
  box-shadow:0 5px 16px #7658ef24;
}
.admin-body .creator-create-form>button:hover { background:linear-gradient(135deg,#917aff,#7458e7); }
@media(max-width:1100px) {
  .admin-body .creator-create-form {
    grid-template-columns:minmax(0,1fr);
    gap:13px;
    padding:16px;
  }
  .admin-body .creator-create-form>button { margin-top:0; }
}
@media(max-width:520px) {
  .admin-body .creator-create-form { gap:12px; padding:14px; }
}

/* Keep Admin's imported-video result and manual editor in the dark workspace. */
.admin-body .admin-upload-result {
  min-width:0;
  border-color:var(--vidsh-line);
  border-radius:14px;
  background:linear-gradient(145deg,#171b28,#11141d);
  color:var(--vidsh-text);
  box-shadow:0 14px 38px #0003;
}
.admin-body .admin-result-content h3 { color:#f1eff8; }
.admin-body .admin-result-label { color:#a2a4b4; }
.admin-body .admin-player-id,.admin-body .admin-embed-value { color:#d2ceea; }
.admin-body .admin-copy-button {
  border-color:#ffffff20;
  background:#ffffff08;
  color:#d2ccef;
}
.admin-body .admin-copy-button:hover { border-color:#a48cff5c; background:#a48cff17; }
.admin-body .admin-result-download { color:#a7a9b8; }
.admin-body .admin-manual-form {
  display:grid;
  gap:16px;
  border-color:var(--vidsh-line);
  border-radius:14px;
  background:linear-gradient(145deg,#171b28,#11141d);
  color:var(--vidsh-text);
  box-shadow:inset 0 1px #ffffff08;
}
.admin-body .admin-manual-form h3 { margin:0; color:#f1eff8; font-size:1.05rem; }
.admin-body .admin-manual-form .form-grid {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.admin-body .admin-manual-form .field { min-width:0; display:grid; gap:7px; }
.admin-body .admin-manual-form .actions { display:flex; flex-wrap:wrap; gap:9px; margin:0; }
.admin-body .admin-manual-form [data-vidsh-video-controls] { border-color:var(--vidsh-line)!important; background:#0d1018!important; }
.admin-body .admin-advanced-content { display:grid; gap:14px; }
@media(max-width:620px) {
  .admin-body .admin-upload-result { grid-template-columns:minmax(0,1fr); }
  .admin-body .admin-result-thumb { max-width:320px; }
  .admin-body .admin-manual-form { padding:14px; }
  .admin-body .admin-manual-form .form-grid { grid-template-columns:minmax(0,1fr); gap:12px; }
  .admin-body .admin-manual-form .actions>* { flex:1 1 130px; }
}