/* ========================================================================== AIOX UI — "Cinematic editorial" design system (s3.921) One stylesheet for every app page. Scoped to the app view so the dashboard chrome is untouched; selectors are specific (and !important only where the dashboard theme itself uses !important) so theme resets cannot strip it. ========================================================================== */ /* ---- type: Viblu's pair - Montserrat (display) + Inter (UI). SIL OFL 1.1, self-hosted in assets/fonts - no request leaves the site ---- */ @font-face{font-family:"Montserrat";font-style:normal;font-weight:300 900;font-display:swap;src:url("../fonts/montserrat/montserrat-var-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:"Montserrat";font-style:normal;font-weight:300 900;font-display:swap;src:url("../fonts/montserrat/montserrat-var-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:"Inter";font-style:normal;font-weight:300 700;font-display:swap;src:url("../fonts/inter/inter-var-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:"Inter";font-style:normal;font-weight:300 700;font-display:swap;src:url("../fonts/inter/inter-var-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} /* ---- tokens ------------------------------------------------------------ */ html body .aiox-app-view-wrapper.aiox-ui-v2{ --ui-bg:#020617; --ui-surface:#0b1222; --ui-surface-2:#0f172a; --ui-surface-3:#172033; --ui-line:rgba(226,232,240,.08); --ui-line-2:rgba(226,232,240,.15); --ui-text:#f1f5f9; --ui-text-2:#94a3b8; --ui-text-3:#64748b; /* s3.974 - Viblu blue (viblu.com: #38bdf8, headline gradient #38bdf8 -> #818cf8, slate neutrals); amber stays for warnings */ --ui-accent:#38bdf8; --ui-accent-ink:#020617; --ui-accent-soft:rgba(56,189,248,.13); --ui-accent-line:rgba(56,189,248,.45); --ui-ok:#6cc59a; --ui-warn:#e6a94f; --ui-bad:#e8705f; --ui-info:#a5b4fc; --ui-r-lg:18px; --ui-r:12px; --ui-r-sm:8px; --ui-display:"Montserrat","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; --ui-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; --ui-mono:"Courier Prime","Courier New",Courier,monospace; /* the legacy tokens every app already reads, re-pointed at the system */ --aiox-accent:var(--ui-accent); --aiox-accent-soft:var(--ui-accent-soft); --aiox-accent-strong:var(--ui-accent); --aiox-fg:var(--ui-text); --aiox-fg-soft:var(--ui-text-2); --aiox-fg-mute:var(--ui-text-3); --aiox-bg:var(--ui-surface); --aiox-bg-soft:var(--ui-surface-2); --aiox-bg-card:var(--ui-surface); --aiox-border:var(--ui-line); --aiox-border-strong:var(--ui-line-2); --aiox-border-color:var(--ui-line); --aiox-radius:var(--ui-r); --aiox-radius-sm:var(--ui-r-sm); --aiox-shadow:none; --aiox-shadow-md:0 10px 30px rgba(0,0,0,.35); background:var(--ui-bg) !important; color:var(--ui-text); font-family:var(--ui-sans); -webkit-font-smoothing:antialiased;font-optical-sizing:auto; } /* ---- page header -------------------------------------------------------- */ html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-view-header{padding:34px 40px 8px !important;gap:14px !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-view-header h1, html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-view-header h2{font-family:var(--ui-display) !important;font-weight:600 !important;font-size:40px !important;letter-spacing:-.015em !important;line-height:1.05 !important;color:var(--ui-text) !important;-webkit-text-fill-color:var(--ui-text) !important;margin:0 !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-view-header > span:first-child{font-size:26px !important;opacity:.9;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-view-body{padding:8px 40px 56px !important;font-size:14px;line-height:1.6;color:var(--ui-text-2);} /* ---- typography inside apps -------------------------------------------- */ html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-view-body h2{font-family:var(--ui-display);font-weight:600;font-size:24px;letter-spacing:-.01em;color:var(--ui-text);} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-view-body h3{font-family:var(--ui-sans);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ui-text-3);} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-view-body p{color:var(--ui-text-2);} html body .aiox-app-view-wrapper.aiox-ui-v2 a{color:var(--ui-accent);} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-meta{color:var(--ui-text-3) !important;} /* ---- sections / cards ---------------------------------------------------- */ html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-section{background:var(--ui-surface) !important;border:1px solid var(--ui-line) !important;border-radius:var(--ui-r-lg) !important;padding:26px 28px !important;box-shadow:none !important;margin-bottom:20px !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-section--soft{background:var(--ui-surface-2) !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-section--hero{background:radial-gradient(120% 140% at 0% 0%,rgba(56,189,248,.10) 0%,var(--ui-surface) 55%) !important;border-color:var(--ui-accent-line) !important;} /* ---- buttons -------------------------------------------------------------- */ html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-btn{min-height:40px !important;padding:0 18px !important;border-radius:999px !important;font-size:13px !important;font-weight:600 !important;letter-spacing:.005em; background:transparent !important;border:1px solid var(--ui-line-2) !important;color:var(--ui-text) !important;-webkit-text-fill-color:var(--ui-text) !important;box-shadow:none !important;transition:background .15s,border-color .15s,transform .15s !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-btn:hover{background:var(--ui-surface-3) !important;border-color:var(--ui-text-3) !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-btn--primary{background:var(--ui-accent) !important;border-color:var(--ui-accent) !important;color:var(--ui-accent-ink) !important;-webkit-text-fill-color:var(--ui-accent-ink) !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-btn--primary:hover{background:#7dd3fc !important;border-color:#7dd3fc !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-btn--secondary{background:var(--ui-accent-soft) !important;border-color:var(--ui-accent-line) !important;color:var(--ui-accent) !important;-webkit-text-fill-color:var(--ui-accent) !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-btn--ghost{background:transparent !important;border-color:transparent !important;color:var(--ui-text-2) !important;-webkit-text-fill-color:var(--ui-text-2) !important;padding:0 10px !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-btn--ghost:hover{color:var(--ui-text) !important;-webkit-text-fill-color:var(--ui-text) !important;background:var(--ui-surface-2) !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-btn--danger{border-color:rgba(232,112,95,.45) !important;color:var(--ui-bad) !important;-webkit-text-fill-color:var(--ui-bad) !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-btn:disabled{opacity:.45 !important;cursor:not-allowed !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-btn--sm{min-height:32px !important;padding:0 13px !important;font-size:12px !important;} /* ---- fields ---------------------------------------------------------------- */ html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-input, html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-textarea, html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-select, html body .aiox-app-view-wrapper.aiox-ui-v2 select, html body .aiox-app-view-wrapper.aiox-ui-v2 input[type=text], html body .aiox-app-view-wrapper.aiox-ui-v2 textarea{background:var(--ui-surface-2) !important;border:1px solid var(--ui-line) !important;border-radius:var(--ui-r-sm) !important;color:var(--ui-text) !important;-webkit-text-fill-color:var(--ui-text) !important; font-size:13.5px !important;min-height:40px;padding:8px 12px !important;box-shadow:none !important;transition:border-color .15s,box-shadow .15s !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 textarea{line-height:1.55 !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-input:focus,html body .aiox-app-view-wrapper.aiox-ui-v2 select:focus,html body .aiox-app-view-wrapper.aiox-ui-v2 input[type=text]:focus,html body .aiox-app-view-wrapper.aiox-ui-v2 textarea:focus{ outline:none !important;border-color:var(--ui-accent-line) !important;box-shadow:0 0 0 3px var(--ui-accent-soft) !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 ::placeholder{color:var(--ui-text-3) !important;-webkit-text-fill-color:var(--ui-text-3) !important;opacity:1;} html body .aiox-app-view-wrapper.aiox-ui-v2 label{color:var(--ui-text-2);} /* ---- notices, pills, empty, kpi, tables ------------------------------------- */ html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-notice{background:var(--ui-surface-2) !important;border:1px solid var(--ui-line) !important;border-left:3px solid var(--ui-text-3) !important;border-radius:var(--ui-r) !important;color:var(--ui-text-2) !important;padding:13px 16px !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-notice--info{border-left-color:var(--ui-info) !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-notice--success{border-left-color:var(--ui-ok) !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-notice--warning{border-left-color:var(--ui-warn) !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-notice--error{border-left-color:var(--ui-bad) !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-pill{background:var(--ui-surface-3) !important;color:var(--ui-text-2) !important;border-radius:999px;font-size:11px;font-weight:600;padding:3px 10px;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-pill--accent{background:var(--ui-accent-soft) !important;color:var(--ui-accent) !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-pill--success{background:rgba(108,197,154,.14) !important;color:var(--ui-ok) !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-pill--warning{background:rgba(230,169,79,.15) !important;color:var(--ui-warn) !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-pill--error{background:rgba(232,112,95,.15) !important;color:var(--ui-bad) !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-empty{background:var(--ui-surface) !important;border:1px dashed var(--ui-line-2) !important;border-radius:var(--ui-r-lg) !important;color:var(--ui-text-3) !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-kpi{background:var(--ui-surface) !important;border:1px solid var(--ui-line) !important;border-radius:var(--ui-r) !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-kpi__value{font-family:var(--ui-display);font-weight:600 !important;font-size:30px !important;color:var(--ui-text) !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-table th{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ui-text-3);font-weight:700;text-align:left;padding:10px 12px;border-bottom:1px solid var(--ui-line);} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-table td{padding:12px;border-bottom:1px solid var(--ui-line);color:var(--ui-text-2);} /* ---- Director & DP (s3.920 components on the system tokens) ----------------- */ html body .aiox-app-view-wrapper.aiox-ui-v2 .dd2{--dd-line:var(--ui-line);--dd-card:var(--ui-surface);--dd-muted:var(--ui-text-3);--dd-acc:var(--ui-accent);} html body .aiox-app-view-wrapper.aiox-ui-v2 .dd2 .dd-top{background:rgba(11,18,34,.92) !important;backdrop-filter:blur(10px);border-color:var(--ui-line) !important;border-radius:var(--ui-r-lg) !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .dd2 .dd-tab[aria-selected="true"] .dd-tab__n{color:var(--ui-accent-ink) !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .dd2 .dd-card{background:var(--ui-surface-2) !important;border-color:var(--ui-line) !important;border-radius:var(--ui-r) !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .dd2 .dd-card[aria-checked="true"]{background:linear-gradient(180deg,rgba(56,189,248,.10),rgba(56,189,248,.03)) !important;border-color:var(--ui-accent-line) !important;box-shadow:inset 0 0 0 1px var(--ui-accent-line) !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .dd2 .dd-card__name{font-family:var(--ui-display);font-weight:600;font-size:18px;} html body .aiox-app-view-wrapper.aiox-ui-v2 .dd2 .dd-step__t{font-family:var(--ui-display);font-weight:600;font-size:21px;} html body .aiox-app-view-wrapper.aiox-ui-v2 .dd2 .dd-step__n{background:var(--ui-accent-soft);color:var(--ui-accent);} html body .aiox-app-view-wrapper.aiox-ui-v2 .dd2 .dd-prev{background:var(--ui-surface) !important;border-color:var(--ui-line) !important;border-left-color:var(--ui-accent) !important;border-radius:var(--ui-r-lg) !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .dd2 .dd-prev p{font-family:var(--ui-mono);color:var(--ui-text-2);} html body .aiox-app-view-wrapper.aiox-ui-v2 .dd2 .dd-box,html body .aiox-app-view-wrapper.aiox-ui-v2 .dd2 .dd-looks,html body .aiox-app-view-wrapper.aiox-ui-v2 .dd2 .dd-method{border-radius:var(--ui-r-lg) !important;border-color:var(--ui-line) !important;background:var(--ui-surface) !important;padding:24px 26px !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .dd2 .dd-acc{background:var(--ui-surface-2) !important;border-color:var(--ui-line) !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .dd2 .dd-chip{background:var(--ui-surface-3);color:var(--ui-text-2);} html body .aiox-app-view-wrapper.aiox-ui-v2 .dd2 .dd-flag--own{background:var(--ui-accent-soft);color:var(--ui-accent);} /* ---- page frame: the pipeline is the top menu ---------------------------------- */ html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-view-top{padding:26px 40px 0;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-view-header > span:first-child{display:none !important;} html body .aiox-app-view-wrapper.aiox-ui-v2.aiox-app--kb-projects:has(.aiox-pnav--v2) .aiox-app-view-header{display:none !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-balance-bar .aiox-app-pill{background:transparent !important;border:1px solid var(--ui-line-2);color:var(--ui-text-2) !important;} /* ---- pipeline bar (aiox_app_pipeline_nav_v2) ------------------------------------ */ html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav--v2{display:block !important;padding:0 !important;margin:0 !important;background:none !important;border:0 !important;box-shadow:none !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav__top{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:0 0 14px;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav--v2 .aiox-pnav__back{font-size:12.5px !important;font-weight:500 !important;color:var(--ui-text-3) !important;text-decoration:none !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav--v2 .aiox-pnav__back:hover{color:var(--ui-text) !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav__menu{position:relative;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav__menu > summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:10px;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav__menu > summary::-webkit-details-marker{display:none;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav--v2 .aiox-pnav__film{background:none !important;padding:0 !important;font-family:var(--ui-display) !important;font-size:22px !important;font-weight:600 !important;letter-spacing:-.01em;color:var(--ui-text) !important;white-space:nowrap;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav__dots{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--ui-line-2);font-family:var(--ui-sans);font-size:11px;letter-spacing:1px;color:var(--ui-text-2);} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav__menu[open] .aiox-pnav__dots,html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav__menu > summary:hover .aiox-pnav__dots{border-color:var(--ui-accent-line);color:var(--ui-accent);} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav__panel{position:absolute;top:calc(100% + 10px);left:0;z-index:60;min-width:270px;padding:6px;background:var(--ui-surface-2);border:1px solid var(--ui-line-2);border-radius:14px;box-shadow:0 24px 60px rgba(0,0,0,.55);} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav__panel form{margin:0;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav__panel .aiox-pnav__item{display:block !important;width:100% !important;box-sizing:border-box;text-align:left !important;padding:9px 12px !important;margin:0 !important;border:0 !important;border-radius:9px !important;background:transparent !important; font:500 13px/1.4 var(--ui-sans) !important;color:var(--ui-text-2) !important;-webkit-text-fill-color:var(--ui-text-2) !important;text-decoration:none !important;cursor:pointer;min-height:0 !important;box-shadow:none !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav__panel .aiox-pnav__item:hover{background:var(--ui-surface-3) !important;color:var(--ui-text) !important;-webkit-text-fill-color:var(--ui-text) !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav__panel .aiox-pnav__item--danger{color:var(--ui-bad) !important;-webkit-text-fill-color:var(--ui-bad) !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav__sep{border:0;border-top:1px solid var(--ui-line);margin:5px 4px;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav--v2 .aiox-pnav__next{margin-left:auto;display:inline-flex !important;align-items:center;gap:6px;padding:9px 18px !important;border-radius:999px !important;border:1px solid var(--ui-accent-line) !important; background:var(--ui-accent-soft) !important;color:var(--ui-accent) !important;font-size:12.5px !important;font-weight:650 !important;text-decoration:none !important;filter:none !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav--v2 .aiox-pnav__next:hover{background:var(--ui-accent) !important;color:var(--ui-accent-ink) !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav--v2 .aiox-pnav__chain{display:flex !important;flex-wrap:nowrap;gap:2px;overflow-x:auto;scrollbar-width:none;padding:0 0 0;border-bottom:1px solid var(--ui-line);counter-reset:step;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav--v2 .aiox-pnav__chain::-webkit-scrollbar{display:none;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav--v2 .aiox-pnav__s{counter-increment:step;display:inline-flex !important;align-items:center;gap:8px;padding:11px 14px 13px !important;margin:0 0 -1px !important;border:0 !important;border-bottom:2px solid transparent !important;border-radius:0 !important;background:none !important; font-size:13px !important;font-weight:500 !important;color:var(--ui-text-3) !important;text-decoration:none !important;white-space:nowrap;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav--v2 .aiox-pnav__s::before{content:counter(step);font-size:10.5px;font-weight:700;color:var(--ui-text-3);font-variant-numeric:tabular-nums;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav--v2 .aiox-pnav__s:hover{color:var(--ui-text) !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav--v2 .aiox-pnav__s.is-done{color:var(--ui-text-2) !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav--v2 .aiox-pnav__s.is-done::before{content:"✓";color:var(--ui-ok);} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav--v2 .aiox-pnav__s.is-here{color:var(--ui-text) !important;border-bottom-color:var(--ui-accent) !important;font-weight:600 !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-pnav--v2 .aiox-pnav__s.is-here::before{color:var(--ui-accent);} /* ---- Screenplay (view_screenplay) ---------------------------------------------- */ html body .aiox-app-view-wrapper.aiox-ui-v2 .sp{display:flex;flex-direction:column;gap:26px;padding-top:28px;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-hero{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:end;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-cover{width:120px;height:170px;border-radius:12px;overflow:hidden;border:1px solid var(--ui-line-2);background:linear-gradient(160deg,#1e293b 0%,#0b1222 70%);box-shadow:0 18px 40px rgba(0,0,0,.45);display:flex;align-items:flex-end;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-cover img{width:100%;height:100%;object-fit:cover;display:block;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-cover span{padding:12px;font-family:var(--ui-display);font-size:14px;line-height:1.15;color:var(--ui-text);} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ui-accent);} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-title{font-family:var(--ui-display) !important;font-weight:600 !important;font-size:46px !important;line-height:1.02 !important;letter-spacing:-.02em !important;color:var(--ui-text) !important;margin:8px 0 10px !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-lede{font-size:15px;color:var(--ui-text-2) !important;max-width:62ch;margin:0 !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-ro{margin:10px 0 0 !important;font-size:13px;color:var(--ui-warn) !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-hero__actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-facts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:var(--ui-line);border:1px solid var(--ui-line);border-radius:var(--ui-r-lg);overflow:hidden;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-facts > div{background:var(--ui-surface);padding:18px 20px;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-facts b{display:block;font-family:var(--ui-display);font-weight:600;font-size:32px;line-height:1.1;color:var(--ui-text);letter-spacing:-.01em;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-facts span{font-size:10.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--ui-text-3);} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-replace{border:1px solid var(--ui-line);border-radius:var(--ui-r-lg);background:var(--ui-surface);} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-replace > summary{list-style:none;cursor:pointer;padding:16px 22px;font-weight:600;color:var(--ui-text);} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-replace > summary::-webkit-details-marker{display:none;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-replace > summary::after{content:"+";float:right;color:var(--ui-text-3);} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-replace[open] > summary::after{content:"–";} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-form{padding:0 22px 22px;display:flex;flex-direction:column;gap:14px;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-drop{display:flex;flex-direction:column;gap:6px;padding:26px;border:1px dashed var(--ui-line-2);border-radius:var(--ui-r);background:var(--ui-surface-2);cursor:pointer;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-drop:hover{border-color:var(--ui-accent-line);} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-drop__t{font-family:var(--ui-display);font-size:19px;color:var(--ui-text);} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-drop__s{font-size:12.5px;color:var(--ui-text-3);} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-drop input[type=file]{margin-top:8px;color:var(--ui-text-2);font-size:12.5px;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-paste > summary{cursor:pointer;font-size:12.5px;color:var(--ui-text-3);} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-paste textarea{width:100%;margin-top:8px;box-sizing:border-box;font-family:var(--ui-mono) !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-form__row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-split{display:grid;grid-template-columns:290px minmax(0,1fr);gap:24px;align-items:start;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-side{position:sticky;top:18px;display:flex;flex-direction:column;gap:16px;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-card{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:var(--ui-r-lg);padding:18px 20px;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-card--list{padding:16px 8px 8px;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-card__h,html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-sec{margin:0 0 10px !important;font-family:var(--ui-sans) !important;font-size:10.5px !important;font-weight:700 !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:var(--ui-text-3) !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-card--list .sp-card__h{padding:0 12px;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-src__name{font-size:13px;color:var(--ui-text);word-break:break-all;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-src__meta{font-size:12px;color:var(--ui-text-3);margin-top:4px;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-src__ok{font-size:12.5px;color:var(--ui-ok);margin-top:10px;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-scenes{list-style:none;margin:0;padding:0;max-height:62vh;overflow:auto;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-scenes a{display:grid;grid-template-columns:32px 1fr;gap:6px;padding:7px 12px;border-radius:8px;font-size:12px;line-height:1.35;color:var(--ui-text-2) !important;text-decoration:none !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-scenes a:hover{background:var(--ui-surface-2);color:var(--ui-text) !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-scenes b{font-weight:600;color:var(--ui-text-3);font-variant-numeric:tabular-nums;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-page{background:#f4efe5;border-radius:4px;padding:64px 80px 72px;max-width:820px;margin:0 auto;box-shadow:0 30px 80px rgba(0,0,0,.5);font:14.5px/1.5 var(--ui-mono);} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-page,html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-page *{color:#1d1a15 !important;-webkit-text-fill-color:#1d1a15 !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-page .sp-sh{position:relative;font-weight:700;text-transform:uppercase;margin:30px 0 12px;scroll-margin-top:24px;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-page .sp-sh:first-child{margin-top:0;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-page .sp-no{position:absolute;left:-52px;width:40px;text-align:right;font-weight:400;opacity:.45;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-page .sp-ac{margin:0 0 12px !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-page .sp-ch{margin:16px 0 0 38%;text-transform:uppercase;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-page .sp-pa{margin:0 0 0 30%;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-page .sp-dl{margin:0 17% 0 22%;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-page .sp-dl + :not(.sp-dl):not(.sp-pa){margin-top:12px;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-page .sp-tr{text-align:right;text-transform:uppercase;margin:14px 0;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-page .sp-ce{text-align:center;margin:14px 0;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-next{display:flex;justify-content:space-between;align-items:center;gap:16px;max-width:820px;margin:26px auto 0;padding:22px 26px;border-radius:var(--ui-r-lg);border:1px solid var(--ui-accent-line);text-decoration:none !important;background:radial-gradient(120% 160% at 100% 0%,rgba(56,189,248,.14),var(--ui-surface) 60%);} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-next b{display:block;font-family:var(--ui-display);font-weight:600;font-size:22px;color:var(--ui-text);margin-top:4px;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-next__go{font-size:22px;color:var(--ui-accent);} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-files{border-top:1px solid var(--ui-line);padding-top:24px;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-files__head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-files__head .sp-sec{margin:0 auto 0 0 !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-files__head form{margin:0;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-table{width:100%;border-collapse:collapse;font-size:13px;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-table th{text-align:left;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ui-text-3);font-weight:700;padding:9px 10px;border-bottom:1px solid var(--ui-line);} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-table td{padding:10px;border-bottom:1px solid var(--ui-line);color:var(--ui-text-2);vertical-align:middle;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-table__t{display:flex;align-items:center;gap:10px;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-table__t img{width:36px;height:36px;object-fit:cover;border-radius:6px;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-table__t a{color:var(--ui-text) !important;text-decoration:none !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-table__a{text-align:right;white-space:nowrap;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-table__a form{display:inline;margin:0 0 0 12px;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-table__a a{font-size:12.5px;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-tag{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ui-accent);margin-left:6px;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-link{background:none !important;border:0 !important;padding:0 !important;margin:0 !important;min-height:0 !important;font:500 12.5px var(--ui-sans) !important;color:var(--ui-accent) !important;-webkit-text-fill-color:var(--ui-accent) !important;cursor:pointer;box-shadow:none !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-link--danger{color:var(--ui-bad) !important;-webkit-text-fill-color:var(--ui-bad) !important;} @media (max-width:900px){ html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-view-top{padding:18px 16px 0;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-view-header{padding:22px 16px 6px !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .aiox-app-view-body{padding:8px 16px 40px !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-hero{grid-template-columns:1fr;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-cover{display:none;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-hero__actions{justify-content:flex-start;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-facts{grid-template-columns:repeat(2,minmax(0,1fr));} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-split{grid-template-columns:1fr;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-side{position:static;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-page{padding:32px 22px;font-size:13px;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-page .sp-no{display:none;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-page .sp-ch{margin-left:30%;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-page .sp-dl{margin:0 6% 0 12%;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-page .sp-pa{margin-left:22%;} } /* ---- Home page (AIOX_Home_V2) ---------------------------------------------------- */ #tab-home .hm{--ui-bg:#020617;--ui-surface:#0b1222;--ui-surface-2:#0f172a;--ui-surface-3:#172033;--ui-line:rgba(226,232,240,.08);--ui-line-2:rgba(226,232,240,.15); --ui-text:#f1f5f9;--ui-text-2:#94a3b8;--ui-text-3:#64748b;--ui-accent:#38bdf8;--ui-accent-ink:#020617;--ui-accent-soft:rgba(56,189,248,.13);--ui-accent-line:rgba(56,189,248,.45); --ui-display:"Montserrat","Inter",-apple-system,BlinkMacSystemFont,sans-serif;--ui-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; font-family:var(--ui-sans);color:var(--ui-text-2);display:flex;flex-direction:column;gap:64px;padding:8px 0 80px;-webkit-font-smoothing:antialiased;} #tab-home .hm a{color:inherit;text-decoration:none;} #tab-home .hm h1,#tab-home .hm h2{margin:0;font-family:var(--ui-display);font-weight:600;color:var(--ui-text);letter-spacing:-.015em;} #tab-home .hm-eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ui-accent);} #tab-home .hm-sub{font-size:13px;color:var(--ui-text-3);} /* hero */ #tab-home .hm-hero{position:relative;min-height:min(66vh,640px);border-radius:24px;overflow:hidden;display:flex;align-items:flex-end;background:#000;} #tab-home .hm-hero__media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;} #tab-home .hm-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,6,23,.86) 0%,rgba(2,6,23,.55) 42%,rgba(2,6,23,0) 75%),linear-gradient(0deg,rgba(2,6,23,.9) 0%,rgba(2,6,23,0) 55%);} #tab-home .hm-hero__text{position:relative;padding:56px 60px;max-width:760px;} #tab-home .hm-h1{font-size:clamp(38px,5vw,68px);line-height:1.02;font-weight:700 !important;letter-spacing:-.025em !important;margin:14px 0 18px !important;} #tab-home .hm-lede{font-size:17px;line-height:1.55;color:#e2e8f0;max-width:56ch;margin:0 0 30px;} #tab-home .hm-ctas{display:flex;gap:12px;flex-wrap:wrap;} #tab-home .hm-btn{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 22px;border-radius:999px;border:1px solid rgba(226,232,240,.28);color:var(--ui-text) !important;font-weight:600;font-size:14px;backdrop-filter:blur(6px);background:rgba(2,6,23,.35);transition:background .15s,border-color .15s;} #tab-home .hm-btn:hover{background:rgba(226,232,240,.08);border-color:rgba(226,232,240,.5);} #tab-home .hm .hm-btn--primary{background:var(--ui-accent) !important;border-color:var(--ui-accent) !important;color:var(--ui-accent-ink) !important;} #tab-home .hm .hm-btn--primary:hover{background:#7dd3fc !important;border-color:#7dd3fc !important;} /* sections */ #tab-home .hm-sec__h{display:flex;align-items:baseline;gap:16px;margin:0 0 22px;} #tab-home .hm-sec__h h2{font-size:26px;letter-spacing:-.02em;} #tab-home .hm-sec__h a{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--ui-text-2);} #tab-home .hm-sec__h a:hover{color:var(--ui-accent);} /* films */ #tab-home .hm-films{display:grid;grid-auto-flow:column;grid-auto-columns:188px;gap:22px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin;} #tab-home .hm-film{display:flex;flex-direction:column;gap:6px;} #tab-home .hm-poster{aspect-ratio:2/3;border-radius:12px;overflow:hidden;background:var(--ui-surface-2);border:1px solid var(--ui-line);position:relative;transition:transform .2s,box-shadow .2s;} #tab-home .hm-poster img{width:100%;height:100%;object-fit:cover;display:block;} #tab-home .hm-film:hover .hm-poster{transform:translateY(-3px);box-shadow:0 20px 40px rgba(0,0,0,.5);border-color:var(--ui-line-2);} #tab-home .hm-poster.is-type{display:flex;align-items:flex-end;padding:16px;background:radial-gradient(120% 90% at 20% 0%,#1e2a44 0%,#0b1222 60%);} #tab-home .hm-poster__t{font-family:var(--ui-display);font-weight:700;font-size:19px;line-height:1.1;letter-spacing:-.01em;color:var(--ui-text);} #tab-home .hm-poster.is-new{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:transparent;border:1px dashed var(--ui-line-2);color:var(--ui-text-3);font-size:14px;font-weight:600;} #tab-home .hm-film--new:hover .hm-poster{color:var(--ui-accent);border-color:var(--ui-accent-line);} #tab-home .hm-film__t{margin-top:8px;font-family:var(--ui-display);font-weight:600;font-size:15px;line-height:1.2;color:var(--ui-text);} #tab-home .hm-film__m{font-size:12px;color:var(--ui-text-3);} #tab-home .hm-prog{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;margin-top:6px;} #tab-home .hm-prog i{height:3px;border-radius:2px;background:var(--ui-surface-3);} #tab-home .hm-prog i.on{background:var(--ui-accent);} #tab-home .hm-film__n{font-size:12px;color:var(--ui-text-2);} /* start */ #tab-home .hm-starts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;} #tab-home .hm-start{position:relative;display:flex;flex-direction:column;gap:10px;padding:26px 26px 28px;border-radius:18px;background:var(--ui-surface);border:1px solid var(--ui-line);transition:border-color .15s,background .15s;} #tab-home .hm-start:hover{border-color:var(--ui-accent-line);background:linear-gradient(180deg,rgba(56,189,248,.07),var(--ui-surface));} #tab-home .hm-start__i{color:var(--ui-accent);} #tab-home .hm-start__t{font-family:var(--ui-display);font-weight:600;font-size:21px;color:var(--ui-text);} #tab-home .hm-start__d{font-size:14px;line-height:1.5;color:var(--ui-text-2);max-width:34ch;} /* originals */ #tab-home .hm-originals{display:grid;grid-auto-flow:column;grid-auto-columns:230px;gap:22px;overflow-x:auto;} #tab-home .hm-orig{display:flex;flex-direction:column;gap:10px;} #tab-home .hm-orig img,#tab-home .hm-orig video{width:100%;aspect-ratio:var(--r,2/3);object-fit:cover;border-radius:12px;border:1px solid var(--ui-line);transition:transform .2s;} #tab-home .hm-orig:hover img{transform:translateY(-3px);} #tab-home .hm-orig__t{font-family:var(--ui-display);font-weight:600;font-size:16px;color:var(--ui-text);} /* feature banner */ #tab-home .hm-feature{position:relative;border-radius:24px;overflow:hidden;min-height:380px;display:flex;align-items:flex-end;} #tab-home .hm-feature img,#tab-home .hm-feature video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;} #tab-home .hm-feature__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,6,23,.9) 0%,rgba(2,6,23,.35) 60%,rgba(2,6,23,.1) 100%);} #tab-home .hm-feature__text{position:relative;padding:48px 56px;max-width:620px;} #tab-home .hm-feature__text h2{font-size:34px;line-height:1.1;letter-spacing:-.02em;margin:12px 0 12px;} #tab-home .hm-feature__text p{font-size:15px;line-height:1.55;color:#e2e8f0;margin:0 0 22px;} /* studio directory */ #tab-home .hm-read .hm-dept__h{display:flex;align-items:center;gap:10px;padding-bottom:12px;margin-bottom:6px;border-bottom:1px solid var(--ui-line);color:var(--ui-accent);} #tab-home .hm-read .hm-dept__h span{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ui-text-2);} #tab-home .hm-dept ul,#tab-home .hm-read ul{list-style:none;margin:0;padding:0;} #tab-home .hm-reads{display:grid;grid-template-columns:1fr 1fr;gap:48px;} #tab-home .hm-read li a{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid rgba(226,232,240,.05);font-size:14.5px;color:var(--ui-text);} #tab-home .hm-read li a svg{color:var(--ui-text-3);} #tab-home .hm-read li a:hover{color:var(--ui-accent);} @media(max-width:1100px){#tab-home .hm-depts{column-count:2;}#tab-home .hm-starts{grid-template-columns:1fr;}} @media(max-width:700px){#tab-home .hm-depts{column-count:1;}#tab-home .hm-reads{grid-template-columns:1fr;}#tab-home .hm-hero__text{padding:30px 22px;}#tab-home .hm-feature__text{padding:28px 22px;}#tab-home .hm-films{grid-auto-columns:150px;}#tab-home .hm-originals{grid-auto-columns:170px;}} /* the dashboard frame around it, in the same palette */ #tab-home{background:transparent !important;} /* the theme forces link colours/fills with !important; text inside the home follows its own colour */ #tab-home .hm, #tab-home .hm *:not(input){-webkit-text-fill-color:currentColor !important;} #tab-home .hm a{background-image:none;} #tab-home .hm-start__row{display:flex;gap:8px;margin-top:6px;} #tab-home .hm .hm-start__row input{-webkit-text-fill-color:var(--ui-text) !important;flex:1;min-width:0;height:42px;padding:0 14px;border-radius:999px;border:1px solid var(--ui-line-2);background:var(--ui-surface-2);color:var(--ui-text);font:inherit;font-size:14px;outline:none;} #tab-home .hm-start__row input:focus{border-color:var(--ui-accent-line);box-shadow:0 0 0 3px var(--ui-accent-soft);} #tab-home .hm .hm-start__row .hm-start__go{position:static;height:42px !important;min-height:0 !important;padding:0 18px !important;border-radius:999px !important;border:0 !important;background:var(--ui-accent) !important;color:var(--ui-accent-ink) !important;-webkit-text-fill-color:var(--ui-accent-ink) !important;font:600 13.5px var(--ui-sans) !important;cursor:pointer;box-shadow:none !important;width:auto !important;} #tab-home .hm .hm-start__row .hm-start__go:hover{background:#7dd3fc !important;} #tab-home .hm-start__more{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:10px;font-size:13.5px;font-weight:600;color:var(--ui-accent);} #tab-home .hm-read__soon{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid rgba(226,232,240,.05);font-size:14.5px;color:var(--ui-text-2);} #tab-home .hm-read__soon em{font-style:normal;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ui-text-3);} /* s3.926 - The studio: departments flow as a masonry of cards (no holes beside short departments) */ #tab-home .hm-depts{display:block !important;column-count:3;column-gap:20px;} #tab-home .hm-dept{break-inside:avoid;-webkit-column-break-inside:avoid;display:block;width:100%;margin:0 0 20px;padding:18px 12px 10px;border-radius:18px;background:var(--ui-surface);border:1px solid var(--ui-line);} #tab-home .hm-dept .hm-dept__h{display:flex;align-items:center;gap:12px;padding:0 8px 14px;} #tab-home .hm-dept__i{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--ui-accent-soft);color:var(--ui-accent);flex:none;} #tab-home .hm-dept__t{flex:1;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ui-text);} #tab-home .hm-dept__h em{font-style:normal;font-size:12px;font-weight:600;color:var(--ui-text-3);font-variant-numeric:tabular-nums;} #tab-home .hm-tool{display:grid;grid-template-columns:34px minmax(0,1fr) 18px;gap:12px;align-items:center;padding:10px 8px;border-radius:12px;transition:background .15s;} #tab-home .hm-tool:hover{background:var(--ui-surface-2);} #tab-home .hm-tool__i{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;border:1px solid var(--ui-line-2);color:var(--ui-text-2);} #tab-home .hm-tool__i svg{width:17px;height:17px;} #tab-home .hm-tool:hover .hm-tool__i{border-color:var(--ui-accent-line);color:var(--ui-accent);} #tab-home .hm-tool__b{display:flex;flex-direction:column;gap:2px;min-width:0;} #tab-home .hm-tool__b b{font-size:14px;font-weight:600;color:var(--ui-text);line-height:1.3;} #tab-home .hm-tool__b span{font-size:12.5px;line-height:1.4;color:var(--ui-text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #tab-home .hm-tool__go{color:var(--ui-text-3);opacity:0;transform:translateX(-4px);transition:opacity .15s,transform .15s;} #tab-home .hm-tool:hover .hm-tool__go{opacity:1;transform:none;color:var(--ui-accent);} @media(max-width:1100px){#tab-home .hm-depts{column-count:2;}} @media(max-width:700px){#tab-home .hm-depts{column-count:1;}} /* ---- s3.927 - the visitor page (AIOX_Home_V2::render_visitor) ------------------------------ Signed out, the dashboard is a landing page: .aiox-guest drops the app rail and the credits pill, the page brings its own top bar. The theme forces every span to #fafafa and greys svg icons, so spans inherit here and each coloured span class re-states its colour. */ .aiox-guest .aiox-sidebar,.aiox-guest .aiox-mobile-bar,.aiox-guest .aiox-mobile-backdrop,.aiox-guest .aiox-token-pill{display:none !important;} html body .aiox-dashboard-wide.aiox-guest .aiox-main-content{margin-left:0 !important;padding:0 !important;width:100% !important;max-width:none !important;} .aiox-guest #tab-home{padding:0 !important;} #tab-home .vp section,#tab-home .vp [id]{scroll-margin-top:84px;} #tab-home .vp{--ui-bg:#020617;--ui-surface:#0b1222;--ui-surface-2:#0f172a;--ui-surface-3:#172033;--ui-line:rgba(226,232,240,.08);--ui-line-2:rgba(226,232,240,.15);--ui-text:#f1f5f9;--ui-text-2:#94a3b8;--ui-text-3:#64748b;--ui-accent:#38bdf8;--ui-accent-ink:#020617;--ui-accent-soft:rgba(56,189,248,.13);--ui-accent-line:rgba(56,189,248,.45);--ui-ok:#8fbf8a;--ui-display:"Montserrat","Inter",-apple-system,BlinkMacSystemFont,sans-serif;--ui-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased;--vp-g:32px;background:var(--ui-bg);color:var(--ui-text);font-family:var(--ui-sans);padding:0 0 0;} #tab-home .vp *{box-sizing:border-box;-webkit-text-fill-color:currentColor;} #tab-home :where(.vp) span{color:inherit !important;} #tab-home .vp svg{color:inherit !important;stroke:currentColor;} #tab-home .vp-hc__h .vp-ic,#tab-home .vp-checks .vp-ic{color:var(--ui-accent) !important;} #tab-home .vp a{text-decoration:none !important;color:inherit;} #tab-home .vp h1,#tab-home .vp h2,#tab-home .vp h3{margin:0 !important;padding:0 !important;border:0 !important;background:none !important;color:inherit !important;} #tab-home .vp img{max-width:none;} #tab-home .vp-ic{display:inline-flex;flex:none;} /* top bar */ #tab-home .vp-bar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:28px;height:68px;padding:0 var(--vp-g);background:rgba(2,6,23,.72);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid rgba(226,232,240,.06);} #tab-home .vp-logo{display:block;width:78px;height:32px;flex:none;} #tab-home .vp-logo img{width:78px;height:32px;object-fit:cover;display:block;} #tab-home .vp-links{display:flex;gap:26px;font-size:14px;font-weight:500;color:var(--ui-text-2);} #tab-home .vp-links a:hover{color:var(--ui-text) !important;} #tab-home .vp-bar__sp{flex:1;} #tab-home .vp-login{font-size:14px;font-weight:600;color:var(--ui-text) !important;padding:0 6px;} #tab-home .vp-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 18px;border-radius:999px;background:var(--ui-accent) !important;color:var(--ui-accent-ink) !important;font-size:14px;font-weight:700;letter-spacing:.01em;transition:background .15s,transform .15s;} #tab-home .vp-cta:hover{background:#7dd3fc !important;transform:translateY(-1px);} #tab-home .vp-cta--lg{height:52px;padding:0 26px;font-size:15.5px;} #tab-home .vp-ghost{display:inline-flex;align-items:center;gap:8px;height:52px;padding:0 24px;border-radius:999px;border:1px solid rgba(226,232,240,.22);color:var(--ui-text) !important;font-size:15.5px;font-weight:600;background:rgba(2,6,23,.35);backdrop-filter:blur(6px);} #tab-home .vp-ghost:hover{border-color:rgba(226,232,240,.45);} #tab-home .vp-sec{padding:84px var(--vp-g) 0;} #tab-home .vp-sec--row{padding-top:64px;} #tab-home .vp-h2{font-family:var(--ui-display) !important;font-weight:800 !important;font-size:40px !important;line-height:1.02 !important;letter-spacing:-.015em !important;text-transform:uppercase;} #tab-home .vp-h2 em{font-style:normal;color:var(--ui-accent) !important;} #tab-home .vp-lede{margin:10px 0 0;font-size:16px;line-height:1.55;color:var(--ui-text-2);max-width:640px;} #tab-home .vp-sec__h{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px;} /* hero */ #tab-home .vp-hero{position:relative;margin:18px var(--vp-g) 0;min-height:min(820px,calc(100vh - 100px));border-radius:28px;overflow:hidden;overflow:clip;isolation:isolate;background:#020617;display:flex;flex-direction:column;padding:0 0 26px;} #tab-home .vp-hero .vp-hero__m{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.62;max-width:none;} #tab-home .vp-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 60% 55% at 50% 48%,rgba(2,6,23,.78),rgba(2,6,23,.2) 70%),linear-gradient(180deg,rgba(2,6,23,.55) 0%,rgba(2,6,23,0) 30%,rgba(2,6,23,0) 62%,rgba(2,6,23,.85) 100%);} #tab-home .vp-hero::after{content:"";position:absolute;left:-10%;right:-10%;bottom:-38%;height:62%;z-index:-1;background:radial-gradient(ellipse at 50% 100%,rgba(56,189,248,.55),rgba(129,140,248,.18) 45%,transparent 70%);filter:blur(10px);} #tab-home .vp-hero__c{position:relative;margin:auto;padding:96px 24px 44px;width:min(920px,100%);text-align:center;display:flex;flex-direction:column;align-items:center;} #tab-home .vp-eyebrow{font-size:12px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--ui-accent);} #tab-home .vp-hero h1{margin-top:18px !important;font-family:var(--ui-display) !important;font-weight:800 !important;font-size:clamp(40px,4.6vw,68px) !important;line-height:.98 !important;letter-spacing:-.025em !important;text-transform:uppercase;text-shadow:0 4px 40px rgba(0,0,0,.5);} #tab-home .vp-hero h1 span{display:block;color:var(--ui-accent) !important;} /* s3.974 - the accent line of the headline in viblu.com's own gradient (#38bdf8 -> #818cf8); the flat blue above stays the fallback */ @supports ((-webkit-background-clip:text) or (background-clip:text)){#tab-home .vp-hero h1 span{background:linear-gradient(90deg,#38bdf8,#818cf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent !important;color:transparent !important;text-shadow:none !important;width:fit-content;margin-left:auto;margin-right:auto;}} #tab-home .vp-hero p{margin:22px 0 0;font-size:18px;line-height:1.55;color:#e2e8f0;max-width:540px;} #tab-home .vp-hero__cta{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap;justify-content:center;} /* floating product cards */ /* s3.929 - hero cards: one scrolling row along the foot of the hero, every card the same size */ #tab-home .vp-hc-wrap{position:relative;} #tab-home .vp-hc-row{display:grid;grid-auto-flow:column;grid-auto-columns:286px;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:0 26px;padding:6px 26px 8px;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 26px,#000 calc(100% - 26px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 26px,#000 calc(100% - 26px),transparent 100%);} #tab-home .vp-hc-row::-webkit-scrollbar{display:none;} #tab-home .vp-hc{scroll-snap-align:start;display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:18px;background:rgba(11,18,34,.62);border:1px solid rgba(226,232,240,.12);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);box-shadow:0 18px 50px rgba(0,0,0,.4);transition:transform .2s,border-color .2s;} #tab-home a.vp-hc:hover{transform:translateY(-3px);border-color:rgba(56,189,248,.4);} #tab-home .vp-hc__h{display:flex;align-items:center;gap:8px;font-size:13px;line-height:1.3;color:var(--ui-text) !important;} #tab-home .vp-hc__h b{font-weight:600;min-width:0;} #tab-home .vp-hc__h em{margin-left:auto;padding-left:8px;font-style:normal;font-size:11.5px;font-weight:600;white-space:nowrap;color:var(--ui-text-3) !important;} #tab-home .vp-hc__m{display:block;position:relative;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#000;} #tab-home .vp-hc__m img,#tab-home .vp-hc__m video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none;} #tab-home .vp-hc__m .vp-page{position:absolute;inset:0;border-radius:0;overflow:hidden;} #tab-home .vp-hc__m .vp-page::after{content:"";position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(180deg,rgba(244,239,230,0),#f4efe6 85%);} #tab-home .vp-hc__cap{display:block;font-size:12px;line-height:1.4;color:var(--ui-text-2) !important;} #tab-home .vp-hc-btn{position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-top:-20px;border-radius:50%;background:rgba(2,6,23,.78);border:1px solid rgba(226,232,240,.2);color:var(--ui-text) !important;cursor:pointer;backdrop-filter:blur(8px);transition:border-color .15s,color .15s;} #tab-home .vp-hc-btn[hidden]{display:none;} #tab-home .vp-hc-btn:hover,#tab-home .vp-hc-btn:focus-visible{border-color:var(--ui-accent);color:var(--ui-accent) !important;outline:none;} #tab-home .vp-hc-btn--prev{left:10px;} #tab-home .vp-hc-btn--prev svg{transform:rotate(180deg);} #tab-home .vp-hc-btn--next{right:10px;} @media (hover:none){#tab-home .vp-hc-btn{display:none !important;}} #tab-home .vp-page{background:#f4efe6;border-radius:8px;padding:12px 14px;font:10.5px/1.5 "Courier Prime","Courier New",monospace;} #tab-home .vp-page,#tab-home .vp-page *{color:#1d1a15 !important;-webkit-text-fill-color:#1d1a15 !important;} #tab-home .vp-page b{display:block;font-weight:700;margin-bottom:6px;text-transform:uppercase;} #tab-home .vp-look{display:flex;flex-direction:column;gap:8px;font-size:12px;} #tab-home .vp-look>b{color:var(--ui-text);font-weight:600;} #tab-home .vp-look>span{color:var(--ui-text-2) !important;line-height:1.45;} #tab-home .vp-look>.vp-look__row{display:flex;justify-content:space-between;color:var(--ui-text-2) !important;} #tab-home .vp-look__row b{color:var(--ui-text);font-weight:600;} #tab-home .vp-look>.vp-meter{display:block;height:5px;border-radius:5px;background:rgba(226,232,240,.1);overflow:hidden;} #tab-home .vp-meter i{display:block;height:100%;background:var(--ui-accent);border-radius:5px;} /* media cards row */ #tab-home .vp-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(420px,1fr);gap:20px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;} #tab-home .vp-row::-webkit-scrollbar{display:none;} #tab-home .vp-card{display:flex;flex-direction:column;gap:6px;min-width:0;} #tab-home .vp-card__m{position:relative;aspect-ratio:16/10;border-radius:18px;overflow:hidden;background:var(--ui-surface-2);margin-bottom:10px;} #tab-home .vp-card__m img,#tab-home .vp-card__m video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease;} #tab-home .vp-card:hover .vp-card__m img{transform:scale(1.035);} #tab-home .vp-card__k{font-size:11.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ui-accent) !important;} #tab-home .vp-card__t{font-family:var(--ui-display);font-weight:800;font-size:19px;line-height:1.15;letter-spacing:-.005em;text-transform:uppercase;color:var(--ui-text) !important;} #tab-home .vp-card__d{font-size:14.5px;line-height:1.5;color:var(--ui-text-3) !important;} /* early access + pipeline */ #tab-home .vp-join{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.6fr);gap:20px;} #tab-home .vp-access{position:relative;border-radius:24px;overflow:hidden;isolation:isolate;padding:40px 38px;display:flex;flex-direction:column;justify-content:flex-end;min-height:440px;} #tab-home .vp-access>.vp-access__m{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;} #tab-home .vp-access::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(2,6,23,.92) 0%,rgba(2,6,23,.7) 55%,rgba(2,6,23,.35) 100%),linear-gradient(0deg,rgba(2,6,23,.8),transparent 60%);} #tab-home .vp-access .vp-h2{font-size:38px !important;} #tab-home .vp-checks{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;} #tab-home .vp-checks li{display:flex;gap:10px;align-items:center;font-size:15px;color:#e2e8f0;} #tab-home .vp-checks .vp-ic{color:var(--ui-accent) !important;} #tab-home .vp-mail{display:flex;gap:8px;margin-top:28px;max-width:470px;padding:6px;border-radius:999px;background:rgba(2,6,23,.7);border:1px solid rgba(226,232,240,.16);} #tab-home .vp-mail input{flex:1;min-width:0;height:44px !important;min-height:0 !important;margin:0 !important;padding:0 16px !important;border:0 !important;border-radius:999px !important;background:transparent !important;box-shadow:none !important;color:var(--ui-text) !important;font:15px var(--ui-sans) !important;outline:none;} #tab-home .vp-mail input::placeholder{color:var(--ui-text-3);-webkit-text-fill-color:var(--ui-text-3);} #tab-home .vp-mail .vp-cta{height:44px;} #tab-home .vp-access--plain{background:var(--ui-surface);border:1px solid var(--ui-line);} #tab-home .vp-access--plain::before{display:none;} #tab-home .vp-note{display:block;margin-top:12px;font-size:12.5px;line-height:1.5;color:var(--ui-text-3);max-width:470px;} #tab-home .vp-note.is-ok{color:var(--ui-accent);} #tab-home .vp-note.is-err{color:#e88a7a;} #tab-home .vp-hp{position:absolute !important;left:-9999px;width:1px;height:1px;overflow:hidden;} #tab-home .vp-join__cta{justify-content:flex-start;} #tab-home .vp-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;} #tab-home .vp-step{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:28px;min-height:210px;padding:22px;border-radius:20px;background:var(--ui-surface);border:1px solid var(--ui-line);transition:border-color .15s,background .15s,transform .15s;} #tab-home .vp-step:hover{background:var(--ui-surface-2);border-color:rgba(56,189,248,.35);transform:translateY(-2px);} #tab-home .vp-step__top{display:flex;justify-content:space-between;align-items:flex-start;} #tab-home .vp-step__i{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--ui-accent-soft);color:var(--ui-accent) !important;} #tab-home .vp-step__n{font-family:var(--ui-display);font-weight:700;font-size:13px;color:var(--ui-text-3) !important;font-variant-numeric:tabular-nums;} #tab-home .vp-step b{display:block;font-size:17px;font-weight:700;color:var(--ui-text);margin-bottom:6px;} #tab-home .vp-step__b{display:block;} #tab-home .vp-step__d{display:block;font-size:13.5px;line-height:1.5;color:var(--ui-text-3) !important;} /* made in viblu wall */ #tab-home .vp-wall{position:relative;display:grid;grid-template-columns:repeat(var(--vp-cols,4),minmax(0,1fr));gap:12px;} #tab-home .vp-clip{position:relative;aspect-ratio:21/9;border-radius:14px;overflow:hidden;background:#000;} #tab-home .vp-clip video,#tab-home .vp-clip img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;} #tab-home .vp-clip__cap{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 11px;background:linear-gradient(0deg,rgba(0,0,0,.75),transparent);font-size:12.5px;color:#f1f5f9 !important;opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s;} #tab-home .vp-clip__cap b{font-weight:600;} #tab-home .vp-clip:hover .vp-clip__cap{opacity:1;transform:none;} /* originals */ #tab-home .vp-orig{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:40px;align-items:center;padding:56px;border-radius:28px;background:radial-gradient(ellipse 70% 90% at 0% 100%,rgba(56,189,248,.14),transparent 60%),#030a1a;border:1px solid var(--ui-line);} #tab-home .vp-orig__t .vp-h2{font-size:52px !important;} #tab-home .vp-orig__posters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;} #tab-home .vp-poster{display:flex;flex-direction:column;gap:10px;} #tab-home .vp-poster img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.5);transition:transform .3s;} #tab-home .vp-poster:hover img{transform:translateY(-4px);} #tab-home .vp-poster b{font-size:15px;font-weight:600;color:var(--ui-text);} #tab-home .vp-poster span{font-size:12.5px;color:var(--ui-text-3) !important;margin-top:-8px;} /* studio (moved from the live page) */ #tab-home .vp .hm-sec{margin:0 !important;padding:84px var(--vp-g) 0 !important;} #tab-home .vp .hm-sec__h{display:block !important;margin:0 0 28px !important;} #tab-home .vp .hm-sec__h h2{font-family:var(--ui-display) !important;font-weight:800 !important;font-size:40px !important;line-height:1.02 !important;letter-spacing:-.015em !important;text-transform:uppercase;color:var(--ui-text) !important;} #tab-home .vp .hm-sec__h .hm-sub{display:block;margin-top:10px;font-size:16px;color:var(--ui-text-2);} /* footer */ #tab-home .vp-foot{margin-top:110px;padding:64px var(--vp-g) 30px;background:var(--ui-accent);color:var(--ui-accent-ink);} #tab-home .vp-foot *{color:var(--ui-accent-ink) !important;-webkit-text-fill-color:var(--ui-accent-ink) !important;} #tab-home .vp-foot__g{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(var(--vp-fcols,4),minmax(0,1fr));gap:28px;} #tab-home .vp-foot__brand{font-family:var(--ui-display);font-weight:800;font-size:40px;line-height:1;letter-spacing:-.02em;text-transform:uppercase;} #tab-home .vp-foot__brand small{display:block;margin-top:14px;font-family:var(--ui-sans);font-size:14px;font-weight:500;letter-spacing:0;text-transform:none;opacity:.75;max-width:280px;line-height:1.5;} #tab-home .vp-foot h4{margin:0 0 14px !important;font:600 13px var(--ui-sans) !important;opacity:.6;} #tab-home .vp-foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;} #tab-home .vp-foot li a{font-size:15px;font-weight:600;} #tab-home .vp-foot li a:hover{text-decoration:underline !important;} #tab-home .vp-foot__b{display:flex;justify-content:space-between;margin-top:56px;padding-top:20px;border-top:1px solid rgba(2,6,23,.2);font-size:13px;font-weight:500;} #tab-home .vp-foot__b span{opacity:.7;} /* responsive */ @media (max-width:1100px){#tab-home .vp-join{grid-template-columns:1fr;}#tab-home .vp-wall{grid-template-columns:repeat(2,minmax(0,1fr));}#tab-home .vp-orig{grid-template-columns:1fr;padding:40px;}#tab-home .vp-foot__g{grid-template-columns:repeat(2,minmax(0,1fr));}#tab-home .vp-foot__brand{grid-column:1/-1;}#tab-home .vp-links{display:none;}} @media (max-width:700px){ #tab-home .vp{--vp-g:16px;} #tab-home .vp-bar{gap:12px;height:60px;} #tab-home .vp-cta{height:38px;padding:0 14px;font-size:13px;} #tab-home .vp-hero{border-radius:20px;min-height:0;margin-top:10px;padding-bottom:16px;} #tab-home .vp-hero__c{padding:56px 18px 30px;} #tab-home .vp-hc-row{grid-auto-columns:76%;padding:4px 16px 6px;scroll-padding:0 16px;} #tab-home .vp-hero h1{font-size:31px !important;} #tab-home .vp-hero p{font-size:16px;} #tab-home .vp-cta--lg,#tab-home .vp-ghost{height:48px;font-size:15px;} #tab-home .vp-sec{padding-top:60px;} #tab-home .vp .hm-sec{padding-top:60px !important;} #tab-home .vp-h2,#tab-home .vp .hm-sec__h h2{font-size:30px !important;} #tab-home .vp-sec__h{flex-direction:column;align-items:flex-start;} #tab-home .vp-row{grid-auto-columns:82%;} #tab-home .vp-access{padding:28px 22px;min-height:0;} #tab-home .vp-access .vp-h2{font-size:30px !important;} #tab-home .vp-mail{flex-direction:column;border-radius:18px;} #tab-home .vp-steps{grid-template-columns:1fr;} #tab-home .vp-step{min-height:0;flex-direction:row;align-items:flex-start;gap:16px;padding:18px;} #tab-home .vp-steps{gap:12px;} #tab-home .vp-step__n{display:none;} #tab-home .vp-step b{font-size:16px;margin-bottom:4px;} #tab-home .vp-wall{grid-template-columns:1fr;} #tab-home .vp-orig{padding:26px 20px;border-radius:20px;} #tab-home .vp-orig__t .vp-h2{font-size:36px !important;} #tab-home .vp-foot{margin-top:70px;} #tab-home .vp-foot__g{grid-template-columns:1fr 1fr;} #tab-home .vp-foot__b{flex-direction:column;gap:8px;} } /* ---- s3.931 - the sign-in window on the visitor page ("We launch soon") ---------------------- The window embeds the whole standalone sign-in page (site bar, brand header, launch panel, tabs, forms, site footer), themed long before this design. Restyled here, scoped to the modal and loaded only where aiox-ui.css is: an image column (the early-access card's picture, set by render_visitor as --vp-modal-img) beside the form; the waiting list leads while launch mode is on and signing in is the quieter second part. The theme styles buttons, inputs and spans with !important, so these rules do too. */ html body #aiox-auth-modal{--m-bg:#0b1222;--m-2:#0f172a;--m-3:#172033;--m-line:rgba(226,232,240,.1);--m-line2:rgba(226,232,240,.18);--m-text:#f1f5f9;--m-text2:#94a3b8;--m-text3:#64748b;--m-acc:#38bdf8;--m-ink:#020617;align-items:center;padding:28px 16px;} html body #aiox-auth-modal .aiox-auth-modal__backdrop{background:rgba(2,6,23,.78) !important;backdrop-filter:blur(8px) saturate(1.2);-webkit-backdrop-filter:blur(8px) saturate(1.2);} html body #aiox-auth-modal .aiox-auth-modal__panel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);max-width:980px;min-height:560px;overflow:hidden;overflow:clip;border-radius:26px !important;background:var(--m-bg) !important;border:1px solid var(--m-line) !important;box-shadow:0 40px 100px rgba(0,0,0,.6) !important;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:var(--m-text);-webkit-font-smoothing:antialiased;} html body #aiox-auth-modal .aiox-auth-modal__panel::before{content:"";display:block;min-height:100%;background:linear-gradient(180deg,rgba(2,6,23,.05) 30%,rgba(2,6,23,.8)),var(--vp-modal-img,radial-gradient(ellipse at 30% 100%,rgba(56,189,248,.35),transparent 60%)) center/cover no-repeat,#020617;} html body #aiox-auth-modal .aiox-auth-modal__body{min-width:0;padding:40px 44px 34px;} html body #aiox-auth-modal .aiox-auth-modal__close{top:16px !important;right:16px !important;width:40px !important;height:40px !important;padding:0 !important;border-radius:50% !important;background:rgba(2,6,23,.7) !important;border:1px solid var(--m-line2) !important;color:var(--m-text) !important;-webkit-text-fill-color:var(--m-text) !important;font-size:24px !important;line-height:1 !important;box-shadow:none !important;} html body #aiox-auth-modal .aiox-auth-modal__close:hover{border-color:var(--m-acc) !important;color:var(--m-acc) !important;-webkit-text-fill-color:var(--m-acc) !important;} /* the standalone page's own chrome has no place in a window */ html body #aiox-auth-modal .aiox-ah-topnav,html body #aiox-auth-modal .aiox-site-foot,html body #aiox-auth-modal .aiox-site-bar{display:none !important;} html body #aiox-auth-modal .aiox-auth-tabs:has(> .aiox-auth-tab:only-child){display:none !important;} html body #aiox-auth-modal:has(.aiox-launch-panel) .aiox-ah-brand-tagline{display:none !important;} html body #aiox-auth-modal .aiox-auth-wrapper,html body #aiox-auth-modal .aiox-auth-content-area,html body #aiox-auth-modal .aiox-ah,html body #aiox-auth-modal .aiox-launch-panel,html body #aiox-auth-modal .aiox-launch-card,html body #aiox-auth-modal .aiox-login-container,html body #aiox-auth-modal .aiox-login-card{background:none !important;border:0 !important;box-shadow:none !important;padding:0 !important;margin:0 !important;max-width:none !important;width:auto !important;text-align:left !important;min-height:0 !important;} html body #aiox-auth-modal .aiox-ah-brand{display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:flex-start !important;gap:12px !important;margin:0 0 30px !important;padding:0 !important;text-align:left !important;background:none !important;} html body #aiox-auth-modal .aiox-ah-brand-logo{height:30px !important;width:72px !important;object-fit:cover;margin:0 !important;} html body #aiox-auth-modal .aiox-ah-brand-title{font-size:11px !important;font-weight:700 !important;letter-spacing:.22em !important;text-transform:uppercase;color:var(--m-acc) !important;-webkit-text-fill-color:var(--m-acc) !important;margin:0 !important;} html body #aiox-auth-modal .aiox-ah-brand-tagline{margin:0 !important;font-size:13px !important;color:var(--m-text3) !important;} /* the waiting list */ html body #aiox-auth-modal .aiox-launch-heading{margin:0 0 12px !important;font-family:"Montserrat","Inter",sans-serif !important;font-weight:800 !important;font-size:36px !important;line-height:1.02 !important;letter-spacing:-.015em !important;text-transform:uppercase;color:var(--m-text) !important;-webkit-text-fill-color:var(--m-text) !important;} html body #aiox-auth-modal .aiox-launch-message{margin:0 0 22px !important;font-size:15px !important;line-height:1.55 !important;color:var(--m-text2) !important;opacity:1 !important;} html body #aiox-auth-modal .aiox-launch-label{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);} html body #aiox-auth-modal .aiox-launch-row{display:flex !important;flex-wrap:nowrap !important;gap:6px !important;padding:6px;border-radius:999px;background:rgba(2,6,23,.6);border:1px solid var(--m-line2);} html body #aiox-auth-modal .aiox-launch-row input[type=email]{flex:1;min-width:0 !important;height:44px !important;margin:0 !important;padding:0 16px !important;border:0 !important;border-radius:999px !important;background:transparent !important;box-shadow:none !important;color:var(--m-text) !important;-webkit-text-fill-color:var(--m-text) !important;font:15px "Inter",sans-serif !important;outline:none !important;} html body #aiox-auth-modal .aiox-launch-row input[type=email]::placeholder{color:var(--m-text3);-webkit-text-fill-color:var(--m-text3);} /* s4.040 - AUTOFILL (operator, 2 Oct 2026: "text is not visible in the login box"). Chrome paints a saved email / password on its own light ground; the field rules here say box-shadow:none !important, which beat the dashboard's inset-shadow repaint, so the light text sat on a light field. Repainted with the field's own colours, one step more specific than those rules. */ html body #aiox-auth-modal .aiox-launch-row input[type]:-webkit-autofill,html body #aiox-auth-modal .aiox-launch-row input[type]:-webkit-autofill:hover,html body #aiox-auth-modal .aiox-launch-row input[type]:-webkit-autofill:focus,html body #aiox-auth-modal .aiox-launch-row input[type]:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px var(--m-bg) inset !important;box-shadow:0 0 0 1000px var(--m-bg) inset !important;-webkit-text-fill-color:var(--m-text) !important;caret-color:var(--m-text);transition:background-color 9999s ease-in-out 0s;} html body #aiox-auth-modal .aiox-launch-row button[type=submit]{flex:none;height:44px !important;padding:0 20px !important;margin:0 !important;border:0 !important;border-radius:999px !important;background:var(--m-acc) !important;color:var(--m-ink) !important;-webkit-text-fill-color:var(--m-ink) !important;font:700 14px "Inter",sans-serif !important;letter-spacing:.01em;box-shadow:none !important;text-transform:none !important;cursor:pointer;} html body #aiox-auth-modal .aiox-launch-row button[type=submit]:hover{background:#7dd3fc !important;filter:none !important;} html body #aiox-auth-modal .aiox-launch-note{margin:10px 0 0 !important;font-size:13px !important;color:var(--m-text3) !important;} html body #aiox-auth-modal .aiox-launch-note.ok{color:var(--m-acc) !important;} html body #aiox-auth-modal .aiox-launch-note.err{color:#e88a7a !important;} /* signing in: the quieter second part while the waiting list leads */ html body #aiox-auth-modal .aiox-auth-section#tab-login,html body #aiox-auth-modal .aiox-auth-section#tab-reset{margin-top:30px !important;padding-top:26px !important;border-top:1px solid var(--m-line) !important;} html body #aiox-auth-modal .aiox-auth-section h3{margin:0 0 16px !important;font-family:"Montserrat","Inter",sans-serif !important;font-weight:700 !important;font-size:18px !important;letter-spacing:-.005em;text-align:left !important;color:var(--m-text) !important;-webkit-text-fill-color:var(--m-text) !important;} html body #aiox-auth-modal .aiox-auth-section .form-field{margin:0 0 12px !important;} html body #aiox-auth-modal .aiox-auth-section p{margin:0 0 16px !important;text-align:left !important;font-size:14px !important;line-height:1.5 !important;color:var(--m-text2) !important;-webkit-text-fill-color:var(--m-text2) !important;} html body #aiox-auth-modal .aiox-auth-section label{display:block;margin:0 0 6px !important;font-size:12px !important;font-weight:600 !important;letter-spacing:.02em;color:var(--m-text2) !important;-webkit-text-fill-color:var(--m-text2) !important;} html body #aiox-auth-modal .aiox-auth-section input[type=email],html body #aiox-auth-modal .aiox-auth-section input[type=password],html body #aiox-auth-modal .aiox-auth-section input[type=text]{width:100% !important;height:46px !important;margin:0 !important;padding:0 14px !important;border-radius:12px !important;border:1px solid var(--m-line2) !important;background:var(--m-2) !important;box-shadow:none !important;color:var(--m-text) !important;-webkit-text-fill-color:var(--m-text) !important;font:15px "Inter",sans-serif !important;outline:none !important;} html body #aiox-auth-modal .aiox-auth-section input:focus{border-color:var(--m-acc) !important;} html body #aiox-auth-modal .aiox-auth-section input::placeholder{color:var(--m-text3) !important;-webkit-text-fill-color:var(--m-text3) !important;opacity:1;} html body #aiox-auth-modal .aiox-auth-section input[type]:-webkit-autofill,html body #aiox-auth-modal .aiox-auth-section input[type]:-webkit-autofill:hover,html body #aiox-auth-modal .aiox-auth-section input[type]:-webkit-autofill:focus,html body #aiox-auth-modal .aiox-auth-section input[type]:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px var(--m-2) inset !important;box-shadow:0 0 0 1000px var(--m-2) inset !important;-webkit-text-fill-color:var(--m-text) !important;caret-color:var(--m-text);transition:background-color 9999s ease-in-out 0s;} /* s4.040 - autofill, as above */ html body #aiox-auth-modal .aiox-form-checkbox{display:flex !important;align-items:center;gap:8px;margin:4px 0 16px !important;} html body #aiox-auth-modal .aiox-form-checkbox label{display:inline !important;margin:0 !important;font-weight:500 !important;} html body #aiox-auth-modal .aiox-form-checkbox input{accent-color:var(--m-acc);width:16px;height:16px;margin:0 !important;} html body #aiox-auth-modal .aiox-auth-section button[type=submit]{width:100% !important;height:48px !important;margin:0 !important;padding:0 20px !important;border-radius:999px !important;border:1px solid var(--m-acc) !important;background:var(--m-acc) !important;color:var(--m-ink) !important;-webkit-text-fill-color:var(--m-ink) !important;font:700 15px "Inter",sans-serif !important;box-shadow:none !important;text-transform:none !important;cursor:pointer;} html body #aiox-auth-modal:has(.aiox-launch-panel) .aiox-auth-section button[type=submit]{background:transparent !important;border-color:var(--m-line2) !important;color:var(--m-text) !important;-webkit-text-fill-color:var(--m-text) !important;} html body #aiox-auth-modal .aiox-auth-section button[type=submit]:hover{border-color:var(--m-acc) !important;} html body #aiox-auth-modal .aiox-auth-section button[type=submit] span{color:inherit !important;-webkit-text-fill-color:currentColor !important;background:none !important;} html body #aiox-auth-modal .aiox-auth-link{margin-top:14px !important;text-align:center !important;} html body #aiox-auth-modal .aiox-auth-link a,html body #aiox-auth-modal .aiox-auth-section a{color:var(--m-acc) !important;-webkit-text-fill-color:var(--m-acc) !important;font-size:13px !important;font-weight:600;text-decoration:none !important;} html body #aiox-auth-modal #auth-messages:empty{display:none;} @media (max-width:760px){ html body #aiox-auth-modal{padding:12px;align-items:flex-start;} html body #aiox-auth-modal .aiox-auth-modal__panel{grid-template-columns:1fr;min-height:0;border-radius:20px !important;} html body #aiox-auth-modal .aiox-auth-modal__panel::before{min-height:150px;} html body #aiox-auth-modal .aiox-auth-modal__body{padding:26px 22px 26px;} html body #aiox-auth-modal .aiox-launch-heading{font-size:28px !important;} html body #aiox-auth-modal .aiox-launch-row{flex-direction:column;border-radius:18px;} html body #aiox-auth-modal .aiox-launch-row button[type=submit]{width:100%;} } /* s3.932 - reading lists on the visitor page (the signed-in home's markup; spans there inherit) */ #tab-home .vp .hm-read .hm-dept__h span{color:var(--ui-text-2) !important;} #tab-home .vp .hm-read__soon{color:var(--ui-text-2) !important;} #tab-home .vp .hm-read__soon em{color:var(--ui-text-3) !important;} /* ---- s3.934 - the Scenes workspace (new design) ------------------------------------------- A scrolling scene list that folds away, and one scene's page: player and takes, Assets, the Narrated walkthrough (parts, cuts, slugs), screenplay. Scoped to #sw so it outranks the theme's forced span and link colours. */ #sw span{color:inherit !important;} #sw svg{color:inherit !important;stroke:currentColor;} #sw{display:grid !important;grid-template-columns:304px minmax(0,1fr);gap:0;align-items:start;background:var(--ui-bg) !important;border-radius:18px;overflow:clip;border:1px solid var(--ui-line);min-height:calc(100vh - 120px);} #sw *{-webkit-text-fill-color:currentColor;} #sw a{text-decoration:none;color:inherit;} /* scene list column */ #sw .sw-list{position:sticky;top:0;height:calc(100vh - 90px);display:flex;flex-direction:column;background:var(--ui-surface);border-right:1px solid var(--ui-line);} #sw .sw-list__head{padding:22px 18px 12px;border-bottom:1px solid var(--ui-line);} #sw .sw-list__film{font-family:var(--ui-display);font-weight:600;font-size:20px;color:var(--ui-text);letter-spacing:-.01em;} #sw .sw-list__sub{font-size:12px;color:var(--ui-text-3);margin:2px 0 14px;} #sw .sw-search{display:flex;align-items:center;gap:8px;height:38px;padding:0 12px;border-radius:10px;background:var(--ui-surface-2);border:1px solid var(--ui-line);color:var(--ui-text-3);} #sw .sw-search input{flex:1;min-width:0;border:0 !important;background:transparent !important;box-shadow:none !important;padding:0 !important;min-height:0 !important;color:var(--ui-text) !important;font:13px var(--ui-sans) !important;outline:none;} #sw .sw-filter{display:flex;gap:16px;margin-top:12px;font-size:12.5px;} #sw .sw-filter a{color:var(--ui-text-3);padding-bottom:6px;border-bottom:2px solid transparent;} #sw .sw-filter a.is-on{color:var(--ui-text);border-bottom-color:var(--ui-accent);} #sw .sw-list__rows{flex:1;overflow-y:auto;padding:6px 0 20px;scrollbar-width:thin;scrollbar-color:var(--ui-surface-3) transparent;} #sw .sw-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 16px 10px 14px;border-left:2px solid transparent;} #sw .sw-row:hover{background:var(--ui-surface-2);} #sw .sw-row.is-on{background:var(--ui-accent-soft);border-left-color:var(--ui-accent);} #sw .sw-row__n{font-family:var(--ui-display);font-weight:600;font-size:15px;color:var(--ui-text-2);font-variant-numeric:tabular-nums;text-align:right;} #sw .sw-row.is-on .sw-row__n{color:var(--ui-accent);} #sw .sw-row__b{display:flex;flex-direction:column;min-width:0;} #sw .sw-row__p{font-size:13.5px;font-weight:600;color:var(--ui-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #sw .sw-row__m{font-size:11.5px;color:var(--ui-text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #sw .sw-row.is-todo .sw-row__p{color:var(--ui-text-2);font-weight:500;} #sw .sw-row__t img{width:58px;height:25px;object-fit:cover;border-radius:4px;display:block;} /* main */ #sw .sw-main{min-width:0;} #sw .sw-card{padding:26px 36px 60px;display:flex;flex-direction:column;gap:22px;} #sw .sw-head{display:grid;grid-template-columns:1fr auto;grid-template-areas:"nav actions" "title actions" "meta actions";gap:4px 20px;align-items:end;} #sw .sw-head__nav{grid-area:nav;display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ui-accent);} #sw .sw-title{grid-area:title;margin:4px 0 0 !important;font-family:var(--ui-display) !important;font-weight:600 !important;font-size:36px !important;line-height:1.08 !important;letter-spacing:-.02em !important;color:var(--ui-text) !important;} #sw .sw-meta{grid-area:meta;font-size:14px;color:var(--ui-text-2);} #sw .sw-actions{grid-area:actions;display:flex;gap:10px;align-items:center;} #sw .sw-btn{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;border-radius:999px;border:1px solid var(--ui-line-2);color:var(--ui-text) !important;font-size:13.5px;font-weight:600;} #sw .sw-btn:hover{background:var(--ui-surface-2);} #sw .sw-btn--primary{background:var(--ui-accent) !important;border-color:var(--ui-accent);color:var(--ui-accent-ink) !important;} #sw .sw-btn--danger{color:var(--ui-bad) !important;border-color:rgba(232,112,95,.4);}#sw .sw-btn--danger:hover{background:rgba(232,112,95,.09);} /* s3.991 - Reset scene */ #sw .sw-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--ui-line-2);color:var(--ui-text-2) !important;} #sw .sw-head__nav .sw-iconbtn{width:26px;height:26px;} #sw .sw-iconbtn:hover{color:var(--ui-text) !important;border-color:var(--ui-text-3);} #sw .sw-tabs{display:flex;gap:26px;border-bottom:1px solid var(--ui-line);font-size:14px;} #sw .sw-tabs a{padding:10px 0 12px;margin-bottom:-1px;border-bottom:2px solid transparent;color:var(--ui-text-3);font-weight:500;} #sw .sw-tabs a span{font-size:12px;color:var(--ui-text-3);margin-left:4px;} #sw .sw-tabs a.is-on{color:var(--ui-text);border-bottom-color:var(--ui-accent);font-weight:600;} /* player + takes */ #sw .sw-player video{width:100%;aspect-ratio:auto;max-height:72vh;display:block;border-radius:16px;background:#000;box-shadow:0 30px 70px rgba(0,0,0,.45);} #sw .sw-player__cap{margin-top:10px;font-size:13px;color:var(--ui-text-2);display:flex;align-items:center;gap:6px;flex-wrap:wrap;} #sw .sw-player__cap b{color:var(--ui-text);} #sw .sw-ok{display:inline-flex;align-items:center;gap:4px;color:var(--ui-ok);font-weight:600;} #sw .sw-takes{display:grid;grid-auto-flow:column;grid-auto-columns:230px;gap:16px;overflow-x:auto;padding-bottom:6px;} #sw .sw-take{display:flex;flex-direction:column;gap:4px;} #sw .sw-take__img{position:relative;aspect-ratio:16/9;border-radius:10px;overflow:hidden;border:1px solid var(--ui-line);background:var(--ui-surface-2);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;color:var(--ui-text-3);font-size:12.5px;font-weight:600;} #sw .sw-take__img img{width:100%;height:100%;object-fit:cover;} #sw .sw-take.is-on .sw-take__img{border-color:var(--ui-accent);box-shadow:inset 0 0 0 1px var(--ui-accent);} #sw .sw-take__len{position:absolute;right:8px;bottom:8px;font-size:11px;font-weight:600;padding:2px 6px;border-radius:4px;background:rgba(0,0,0,.65);color:#fff;} #sw .sw-take__t{margin-top:4px;font-size:13.5px;font-weight:600;color:var(--ui-text);} #sw .sw-take__m{font-size:12px;color:var(--ui-text-3);} #sw .sw-take__m b{color:var(--ui-ok);font-weight:600;} #sw .sw-take--new .sw-take__img{border-style:dashed;border-color:var(--ui-line-2);} #sw .sw-take--new:hover .sw-take__img{color:var(--ui-accent);border-color:var(--ui-accent-line);} /* blocks */ #sw .sw-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:22px;align-items:start;margin-top:10px;} #sw .sw-block{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:18px;padding:22px;} #sw .sw-block__h{display:flex;align-items:baseline;gap:10px;margin:0 0 14px;} #sw .sw-block__h h3{margin:0 !important;display:inline-flex;align-items:center;gap:7px;font-family:var(--ui-sans) !important;font-size:11px !important;font-weight:700 !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:var(--ui-text-2) !important;} #sw .sw-block__h span{font-size:12px;color:var(--ui-text-3);} #sw .sw-bigimg{width:100%;display:block;border-radius:12px;} #sw .sw-plate img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;display:block;} #sw .sw-plate div{display:flex;flex-direction:column;gap:2px;margin-top:10px;} #sw .sw-plate b{font-size:14.5px;color:var(--ui-text);} #sw .sw-plate span{font-size:12.5px;line-height:1.45;color:var(--ui-text-3);} #sw .sw-syn{font-size:14px;line-height:1.6;color:var(--ui-text-2);margin:0;} #sw .sw-props{list-style:none;margin:0;padding:0;} #sw .sw-props li{display:flex;flex-direction:column;gap:2px;padding:10px 0;border-bottom:1px solid var(--ui-line);} #sw .sw-props b{font-size:13.5px;color:var(--ui-text);font-weight:600;} #sw .sw-props span{font-size:12.5px;color:var(--ui-text-3);line-height:1.45;} #sw .sw-script.sp-page{max-width:none !important;margin:0 !important;padding:40px 44px 44px !important;font-size:13.5px !important;box-shadow:none !important;} #sw .sw-script .sp-sh{font-weight:700;text-transform:uppercase;margin:0 0 12px;} #sw .sw-script .sp-ch{margin:14px 0 0 36%;text-transform:uppercase;} #sw .sw-script .sp-pa{margin:0 0 0 28%;} #sw .sw-script .sp-dl{margin:0 14% 0 20%;} #sw .sw-script .sp-ac{margin:0 0 12px;} #sw .sw-script, #sw .sw-script *{color:#1d1a15 !important;-webkit-text-fill-color:#1d1a15 !important;} /* the scene list folds away (s3.93x mockup) */ #sw{transition:grid-template-columns .25s ease;} #sw.is-folded{grid-template-columns:0 minmax(0,1fr);} #sw.is-folded .sw-list{visibility:hidden;border-right:0;overflow:hidden;} #sw .sw-list__top{display:flex;align-items:center;justify-content:space-between;} #sw .sw-fold{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;color:var(--ui-text-3) !important;cursor:pointer;} #sw .sw-fold:hover{background:var(--ui-surface-2);color:var(--ui-text) !important;} #sw .sw-unfold{display:none;align-items:center;gap:6px;height:28px;padding:0 12px 0 10px;border-radius:999px;border:1px solid var(--ui-line-2);font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:none;color:var(--ui-text) !important;cursor:pointer;margin-right:6px;} #sw.is-folded .sw-unfold{display:inline-flex;} #sw .sw-unfold:hover{border-color:var(--ui-accent);color:var(--ui-accent) !important;} /* round 2: Assets and the Narrated walkthrough */ #sw .sw-btn--sm{height:32px;padding:0 12px;font-size:12.5px;gap:6px;} #sw .sw-block__h{flex-wrap:wrap;} #sw .sw-assets,#sw .sw-walk{margin-top:6px;} #sw .as-tally{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ui-text-2);} #sw .as-tally i,#sw .as-st i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-left:8px;} #sw .as-tally i.ok{background:#8fbf8a;} #sw .as-tally i.desc{background:#64748b;} #sw .as-tally i.miss{background:#e0786a;} #sw .as-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px;} #sw .as-group h4{margin:0 0 6px !important;font:700 11px var(--ui-sans) !important;letter-spacing:.14em !important;text-transform:uppercase;color:var(--ui-text-3) !important;display:flex;align-items:center;gap:6px;} #sw .as-group--sound p{margin:0 0 8px;font-size:13px;line-height:1.5;color:var(--ui-text-2);} #sw .as-sfx{display:inline-block;margin:0 6px 6px 0;padding:3px 9px;border-radius:6px;background:var(--ui-surface-2);font-size:12px;color:var(--ui-text-2) !important;} #sw .as-row{display:grid;grid-template-columns:64px minmax(0,1fr) auto;grid-template-areas:"pic b st" "pic acts acts";gap:2px 12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--ui-line);} #sw .as-pic{grid-area:pic;width:64px;height:40px;border-radius:7px;overflow:hidden;background:var(--ui-surface-2);display:flex;align-items:center;justify-content:center;color:var(--ui-text-3) !important;} #sw .as-pic img{width:100%;height:100%;object-fit:cover;display:block;} #sw .as-b{grid-area:b;display:flex;flex-direction:column;min-width:0;} #sw .as-b b{font-size:13.5px;font-weight:600;color:var(--ui-text);} #sw .as-b span{font-size:11.5px;color:var(--ui-text-3) !important;font-family:ui-monospace,Menlo,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #sw .as-st{grid-area:st;display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;white-space:nowrap;} #sw .as-st--ok{color:#8fbf8a !important;} #sw .as-st--desc{color:var(--ui-text-3) !important;} #sw .as-st--miss{color:#e0786a !important;} #sw .as-acts{grid-area:acts;display:flex;gap:14px;font-size:12px;} #sw .as-acts a{color:var(--ui-text-3) !important;} #sw .as-acts a:hover{color:var(--ui-accent) !important;} #sw .as-add{display:inline-block;margin:10px 14px 0 0;font-size:12.5px;font-weight:600;color:var(--ui-accent) !important;} #sw .wt-acts{margin-left:auto;display:flex;flex-wrap:wrap;gap:8px;} #sw .wt-legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin:0 0 14px;font-size:12px;color:var(--ui-text-3);} #sw .wt-legend i{font-style:normal;} #sw .wt-sum{margin-left:auto;color:var(--ui-text-2);font-weight:600;} #sw .wt-slug{font-family:ui-monospace,Menlo,monospace;font-size:.92em;padding:0 3px;border-radius:4px;cursor:pointer;} #sw .wt-slug--ok{color:#9fd49a !important;background:rgba(143,191,138,.1);} #sw .wt-slug--desc{color:var(--ui-text-2) !important;background:rgba(226,232,240,.06);} #sw .wt-slug--miss{color:#f08b7c !important;background:rgba(224,120,106,.14);text-decoration:underline wavy rgba(224,120,106,.7);text-underline-offset:3px;} /* s3.961 - the scene's pipeline checks */ #sw .sw-chk-sum{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:11px 14px;border-radius:12px;background:rgba(230,169,79,.09);border:1px solid rgba(230,169,79,.35);color:var(--ui-warn) !important;font-size:13px;text-decoration:none !important;} #sw .sw-chk-sum.is-bad{background:rgba(232,112,95,.09);border-color:rgba(232,112,95,.35);color:var(--ui-bad) !important;} #sw .sw-chk-sum b{flex:1;font-weight:600;color:var(--ui-text) !important;} #sw .sw-chk-sum em{font-style:normal;font-weight:600;color:var(--ui-text-2) !important;} #sw .sw-checks{margin:0 0 18px;} #sw .sw-chk{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-top:1px solid var(--ui-line);font-size:13.5px;line-height:1.55;color:var(--ui-text-2);} #sw .sw-chk:first-of-type{border-top:0;} #sw .sw-chk i{flex:none;width:9px;height:9px;margin-top:6px;border-radius:50%;background:var(--ui-info);} #sw .sw-chk--error i{background:var(--ui-bad);} #sw .sw-chk--warn i{background:var(--ui-warn);} #sw .sw-chk--ok i{background:var(--ui-ok);} #sw .sw-chk--info{color:var(--ui-text-3);} #sw .sw-chk b{color:var(--ui-text);font-weight:600;margin-right:4px;} #sw .sw-chk em{display:block;margin-top:3px;font-style:normal;font-size:12.5px;color:var(--ui-text-3);} #sw .wt-alert{display:flex;align-items:center;gap:12px;margin:0 0 12px;padding:12px 14px;border-radius:12px;background:rgba(224,120,106,.08);border:1px solid rgba(224,120,106,.3);color:#f0b3a9 !important;font-size:13px;} #sw .wt-alert span{flex:1;color:var(--ui-text-2) !important;} #sw .wt-alert b{color:var(--ui-text);font-family:ui-monospace,Menlo,monospace;font-weight:600;} #sw .wt-body{max-height:none;} #sw .wt-part{margin:0 0 4px;padding:16px 18px 8px;border-radius:14px;background:var(--ui-surface-2);border:1px solid var(--ui-line);} #sw .wt-part__h{display:flex;align-items:baseline;gap:12px;margin:0 0 10px;} #sw .wt-part__h b{font-family:var(--ui-display);font-size:15px;font-weight:700;color:var(--ui-text);} #sw .wt-part__h span{font-size:12px;color:var(--ui-text-3) !important;} #sw .wt-part__h em{margin-left:auto;font-style:normal;font-size:12px;font-weight:600;color:var(--ui-text-3) !important;} #sw .wt-part__h em.is-done{color:#8fbf8a !important;} #sw .wt-open{margin:0 0 12px;padding:8px 12px;border-left:2px solid var(--ui-accent-line);font-size:12.5px;line-height:1.5;color:var(--ui-text-3);} #sw .wt-open span{font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:10.5px;color:var(--ui-accent) !important;margin-right:6px;} #sw .wt-p{margin:0 0 4px;font-size:14px;line-height:1.65;color:var(--ui-text-2);} #sw .wt-splithere{height:18px;display:flex;align-items:center;justify-content:center;opacity:.55;transition:opacity .15s;} /* s3.964 - visible: it was 0 until hovered, and nobody found it */ #sw .wt-splithere:hover{opacity:1;} #sw .wt-splithere a{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--ui-text-3) !important;} #sw .wt-hint{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:12.5px;color:var(--ui-text-3);} #sw .wt-hint span{color:var(--ui-text-3) !important;} #sw .wt-hint b{color:var(--ui-text-2) !important;font-weight:600;} #sw .wt-hint svg{color:var(--ui-accent) !important;flex:none;} #sw .wt-cut{display:flex;align-items:center;gap:12px;margin:10px 0;font-size:12px;font-weight:700;color:var(--ui-accent);} #sw .wt-cut span{display:inline-flex;align-items:center;gap:6px;color:var(--ui-accent) !important;} #sw .wt-cut::after{content:"";flex:1;height:1px;background:var(--ui-accent-line);} #sw .wt-cut a{order:3;font-weight:500;color:var(--ui-text-3) !important;} @media (max-width:1100px){#sw .as-grid{grid-template-columns:1fr;}} /* s3.934 - states the mockup did not have, and the page on a phone */ #sw .sw-filter span{color:var(--ui-text-3);padding-bottom:6px;border-bottom:2px solid transparent;cursor:pointer;} #sw .sw-filter span.is-on{color:var(--ui-text);border-bottom-color:var(--ui-accent);} #sw .sw-row[hidden]{display:none;} #sw .sw-row__p{letter-spacing:.01em;} #sw .sw-note{margin:-8px 0 0;display:block;font-size:12.5px;line-height:1.5;color:var(--ui-text-3);} #sw .sw-note svg{vertical-align:-2px;margin-right:4px;} #sw .sw-head__nav > span:not(.sw-unfold){white-space:nowrap;} #sw .sw-tabs{scrollbar-width:none;} #sw #sw-top,#sw #sw-assets,#sw #sw-walk,#sw #sw-script{scroll-margin-top:84px;} #sw .sw-tabs::-webkit-scrollbar{display:none;} #sw .sw-note a{color:var(--ui-accent) !important;font-weight:600;} #sw .sw-take{cursor:pointer;} #sw .sw-take__img video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;} #sw .sw-player--empty{aspect-ratio:16/9;max-height:52vh;border-radius:16px;border:1px dashed var(--ui-line-2);background:var(--ui-surface);display:flex;align-items:center;justify-content:center;text-align:center;color:var(--ui-text-3);} #sw .sw-player--empty div{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:360px;padding:0 20px;} #sw .sw-player--empty b{font-family:var(--ui-display);font-size:20px;font-weight:600;color:var(--ui-text);} #sw .sw-player--empty span{font-size:13px;line-height:1.5;} #sw .as-st--base{color:#f2b35b !important;} #sw .as-tally i.base{background:#f2b35b;} #sw .wt-slug--base{color:#f5c27a !important;background:rgba(242,179,91,.12);} #sw .wt-alert--base{background:rgba(242,179,91,.08);border-color:rgba(242,179,91,.3);color:#f5c27a !important;} #sw .wt-alert .sw-btn{flex:none;} #sw .wt-part--one{padding-top:14px;} #sw .sw-grid--text{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);} #sw.sw--empty{display:block !important;min-height:0;padding:48px 36px;} #sw .sw-empty h2{margin:0 0 6px !important;font-family:var(--ui-display) !important;font-size:28px !important;color:var(--ui-text) !important;} #sw .sw-empty p{margin:0 0 16px;color:var(--ui-text-2);} #sw .sw-empty ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px;} #sw .sw-empty li a{display:inline-flex;height:40px;align-items:center;padding:0 16px;border-radius:999px;border:1px solid var(--ui-line-2);color:var(--ui-text) !important;font-weight:600;} #sw .sw-empty li a:hover{border-color:var(--ui-accent);} @media (max-width:1100px){ #sw .sw-grid,#sw .sw-grid--text{grid-template-columns:1fr;} #sw .sw-head{grid-template-columns:1fr;grid-template-areas:"nav" "title" "meta" "actions";} #sw .sw-actions{margin-top:10px;} } @media (max-width:760px){ #sw{grid-template-columns:1fr !important;border-radius:14px;min-height:0;} #sw .sw-list{position:relative;height:auto;max-height:62vh;border-right:0;border-bottom:1px solid var(--ui-line);} #sw.is-folded .sw-list{display:none;} #sw .sw-unfold{display:inline-flex;} #sw:not(.is-folded) .sw-unfold{display:none;} #sw .sw-card{padding:18px 16px 40px;gap:18px;} #sw .sw-title{font-size:28px !important;} #sw .sw-head__nav{letter-spacing:.06em;gap:8px;} #sw .sw-actions .sw-btn{flex:1;justify-content:center;padding:0 12px;white-space:nowrap;font-size:13px;} #sw .sw-actions{flex-wrap:wrap;}#sw .sw-actions .sw-btn--danger{flex:1 0 100%;} /* s3.991 - Reset scene takes its own row on a phone */ #sw .sw-tabs{gap:18px;overflow-x:auto;white-space:nowrap;} #sw .sw-takes{grid-auto-columns:180px;} #sw .sw-block{padding:16px;} #sw .as-row{grid-template-columns:52px minmax(0,1fr);grid-template-areas:"pic b" "pic st" "acts acts";} #sw .as-pic{width:52px;} #sw .wt-part{padding:12px 12px 6px;} #sw .wt-part__h{flex-wrap:wrap;} #sw .wt-alert{flex-wrap:wrap;} #sw .sw-script.sp-page{padding:24px 18px !important;} #sw .sw-script .sp-ch{margin-left:24%;} #sw .sw-script .sp-dl{margin:0 4% 0 10%;} #sw .sw-script .sp-pa{margin-left:18%;} } /* the workspace carries its own title: the app page's "Scene List" heading goes */ .aiox-app-view-wrapper:has(#sw) > .aiox-app-view-header{display:none !important;} /* while a scene's page loads: a still outline on first open, the last scene dimmed when switching */ #sw .sw-card--wait{gap:16px;} #sw .sw-skel{display:block;border-radius:12px;background:linear-gradient(90deg,var(--ui-surface) 0%,var(--ui-surface-2) 50%,var(--ui-surface) 100%);background-size:200% 100%;animation:sw-shine 1.4s linear infinite;} #sw .sw-skel--t{height:40px;width:46%;margin-top:8px;} #sw .sw-skel--m{height:16px;width:62%;border-radius:6px;} #sw .sw-skel--p{aspect-ratio:16/9;max-height:62vh;width:100%;border-radius:16px;margin-top:10px;} #sw .sw-skel--r{height:120px;width:100%;} @keyframes sw-shine{to{background-position:-200% 0;}} #sw .sw-main.is-loading .sw-card:not(.sw-card--wait){opacity:.45;transition:opacity .2s;pointer-events:none;} @media (prefers-reduced-motion:reduce){#sw .sw-skel{animation:none;}} #sw .as-b .as-look{font-style:normal;font-size:12px;color:var(--ui-text-2);} #sw .wt-p{margin:0 0 10px;} /* s3.935 - the workspace's own controls: walkthrough edit, AI fix, cuts, busy state */ #sw [role="button"]{cursor:pointer;user-select:none;} #sw .sw-btn[data-sw-primary]{background:var(--ui-accent) !important;border-color:var(--ui-accent);color:var(--ui-accent-ink) !important;} #sw .sw-btn.is-busy,#sw [data-sw-do].is-busy{opacity:.55;pointer-events:none;} #sw .sw-btn.is-busy::after{content:"";width:12px;height:12px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:sw-spin .8s linear infinite;} @keyframes sw-spin{to{transform:rotate(360deg);}} #sw .wt-status{margin:-4px 0 12px;min-height:0;font-size:12.5px;color:var(--ui-text-2);} #sw .wt-status:empty{display:none;} #sw .wt-status.is-bad{color:#f0b3a9;} #sw .wt-fixrow{display:flex;gap:8px;align-items:center;margin:0 0 12px;} #sw .wt-fixrow[hidden],#sw .wt-edit[hidden],#sw .wt-body[hidden]{display:none !important;} #sw .wt-fixrow input{flex:1;min-width:0;height:36px !important;padding:0 12px !important;border-radius:10px !important;border:1px solid var(--ui-line-2) !important;background:var(--ui-surface-2) !important;color:var(--ui-text) !important;font:13px var(--ui-sans) !important;box-shadow:none !important;} /* s4.009 - the fix box is multi-line now */ #sw .wt-fixrow textarea,#sw .wt-edit .wt-fixrow textarea{flex:1;min-width:0;min-height:36px !important;padding:8px 12px !important;border-radius:10px !important;border:1px solid var(--ui-line-2) !important;background:var(--ui-surface-2) !important;color:var(--ui-text) !important;font:13px var(--ui-sans) !important;box-shadow:none !important;;resize:vertical;font:inherit;line-height:1.4;} #sw .wt-edit textarea{width:100%;box-sizing:border-box;min-height:260px;padding:14px 16px !important;border-radius:12px !important;border:1px solid var(--ui-accent-line) !important;background:var(--ui-surface-2) !important;color:var(--ui-text) !important;font:14px/1.65 var(--ui-sans) !important;box-shadow:none !important;resize:vertical;} #sw .wt-edit__acts{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 0;} #sw .wt-edit__acts > span:last-child{flex:1;min-width:220px;font-size:12px;color:var(--ui-text-3);} #sw .wt-splithere span{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--ui-text-3) !important;padding:0 8px;border-radius:999px;} #sw .wt-splithere span:hover,#sw .wt-splithere span:focus-visible{color:var(--ui-accent) !important;} #sw .wt-splithere:focus-within{opacity:1;} #sw .wt-cut__x{order:3;display:inline-flex !important;align-items:center;gap:4px;font-weight:500;color:var(--ui-text-3) !important;} #sw .wt-cut__x:hover{color:#f0b3a9 !important;} #sw .wt-alert .sw-btn{flex:none;} @media (hover:none){#sw .wt-splithere{opacity:.7;}} /* asset actions, the look menu, the exterior row */ #sw .as-acts{flex-wrap:wrap;align-items:center;gap:6px 14px;} #sw .as-acts > span[role="button"],#sw .as-acts > a,#sw .as-look > span[role="button"]{color:var(--ui-text-3) !important;font-size:12px;} #sw .as-acts > span[role="button"]:hover,#sw .as-acts > a:hover,#sw .as-look > span[role="button"]:hover{color:var(--ui-accent) !important;} #sw .as-st--spec{color:#f2b35b !important;} #sw .as-look{position:relative;display:inline-flex;} #sw .as-menu{position:absolute;left:0;top:calc(100% + 6px);z-index:30;min-width:240px;max-height:320px;overflow:auto;padding:6px;border-radius:12px;background:var(--ui-surface-2);border:1px solid var(--ui-line-2);box-shadow:0 18px 50px rgba(0,0,0,.5);display:flex;flex-direction:column;gap:2px;} #sw .as-menu[hidden]{display:none;} #sw .as-menu__o{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;font-size:12.5px;color:var(--ui-text) !important;} #sw .as-menu__o:hover,#sw .as-menu__o:focus-visible{background:var(--ui-surface-3,rgba(255,255,255,.06));} #sw .as-menu__o.is-on{background:var(--ui-accent-soft);} #sw .as-menu__o img,#sw .as-menu__o i{width:40px;height:40px;border-radius:6px;object-fit:cover;flex:none;background:var(--ui-surface);} #sw .as-ext{display:grid;grid-template-columns:64px minmax(0,1fr);gap:4px 12px;align-items:start;padding:10px 0;border-bottom:1px solid var(--ui-line);} #sw .as-ext .as-pic{grid-area:1 / 1 / 3 / 2;} #sw .as-ext .as-b{grid-area:1 / 2 / 2 / 3;} #sw .as-ext__c{grid-area:2 / 2 / 3 / 3;min-width:0;display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--ui-text-3);} #sw .as-ext__c label{display:flex;flex-wrap:wrap;align-items:center;gap:8px;} #sw .as-ext__c select{height:30px !important;padding:0 8px !important;border-radius:8px !important;border:1px solid var(--ui-line-2) !important;background:var(--ui-surface-2) !important;color:var(--ui-text) !important;font:12px var(--ui-sans) !important;max-width:100%;} #sw .as-ext__c > span[role="button"]{align-self:flex-start;color:var(--ui-accent) !important;font-weight:600;} #sw .as-note{color:var(--ui-text-2);} /* take actions */ #sw .sw-take__a{display:flex;gap:12px;font-size:12px;} #sw .sw-take__a span[role="button"]{display:inline-flex;align-items:center;gap:4px;color:var(--ui-text-3) !important;} #sw .sw-take__a span[role="button"]:hover{color:var(--ui-accent) !important;} #sw .sw-take__a span[data-sw-do="take-delete"]:hover{color:#f0b3a9 !important;} #sw .wt-part__r{display:inline-flex;align-items:center;gap:5px;margin-left:12px;font-size:12px;font-weight:600;color:var(--ui-accent) !important;white-space:nowrap;} #sw .wt-part__h em{margin-left:auto;} /* the note that says what happened */ #sw .sw-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:2147482000;max-width:min(560px,calc(100vw - 32px));padding:12px 18px;border-radius:12px;background:var(--ui-surface-2);border:1px solid var(--ui-line-2);box-shadow:0 18px 50px rgba(0,0,0,.5);font-size:13px;line-height:1.45;color:var(--ui-text);cursor:pointer;} #sw .sw-toast[hidden]{display:none;} #sw .sw-toast.is-bad{border-color:rgba(224,120,106,.5);color:#f0b3a9;} /* a window over the page */ #sw .sw-modal{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;background:rgba(0,0,0,.62);} #sw .sw-modal__box{width:100%;max-width:820px;max-height:86vh;overflow:auto;box-sizing:border-box;padding:20px 22px;border-radius:16px;background:var(--ui-surface);border:1px solid var(--ui-line-2);box-shadow:0 30px 80px rgba(0,0,0,.6);} #sw .sw-modal__h{display:flex;align-items:center;gap:12px;} #sw .sw-modal__h b{flex:1;font-family:var(--ui-display);font-size:19px;font-weight:600;color:var(--ui-text);} #sw .sw-modal__x{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;color:var(--ui-text-3) !important;} #sw .sw-modal__x:hover{background:var(--ui-surface-2);color:var(--ui-text) !important;} #sw .sw-modal__sub{margin:6px 0 14px;font-size:12.5px;line-height:1.5;color:var(--ui-text-3);} #sw .sw-modal__sub:empty{display:none;} #sw .sw-modal__q{margin:0 0 12px;font-size:14px;line-height:1.5;color:var(--ui-text);} #sw .sw-modal__wait{margin:10px 0;font-size:13px;color:var(--ui-text-2);} #sw .sw-modal__ta{width:100%;box-sizing:border-box;min-height:160px;padding:12px 14px !important;border-radius:12px !important;border:1px solid var(--ui-line-2) !important;background:var(--ui-surface-2) !important;color:var(--ui-text) !important;font:13.5px/1.6 var(--ui-sans) !important;box-shadow:none !important;resize:vertical;} #sw .sw-modal__acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;} #sw .sw-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;} #sw .sw-pick__o{display:flex;flex-direction:column;border-radius:10px;overflow:hidden;border:1px solid var(--ui-line);background:var(--ui-surface-2);} #sw .sw-pick__o:hover,#sw .sw-pick__o:focus-visible{border-color:var(--ui-accent);} #sw .sw-pick__o.is-look{border-color:var(--ui-accent-line);} #sw .sw-pick__o img,#sw .sw-pick__o i{width:100%;height:104px;object-fit:cover;display:block;background:var(--ui-surface);} #sw .sw-pick__o > span{padding:7px 9px;font-size:12px;line-height:1.35;color:var(--ui-text);} #sw .sw-pick__o em{font-style:normal;color:var(--ui-text-3);} @media (max-width:760px){ #sw .sw-modal__box{padding:16px;border-radius:14px;max-height:90vh;} #sw .sw-pick{grid-template-columns:repeat(2,minmax(0,1fr));} #sw .as-menu{position:fixed;left:16px;right:16px;top:auto;bottom:16px;min-width:0;} #sw .sw-toast{bottom:16px;} } /* s3.936 - the card's render window and Process, run over this page */ #sw .sw-embed{position:fixed;inset:0;z-index:2147482500;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.55);} #sw .sw-embed__frame{position:fixed;inset:0;width:100%;height:100%;border:0;background:transparent;color-scheme:normal;opacity:0;pointer-events:none;} #sw .sw-embed.is-open{background:transparent;} #sw .sw-embed.is-open .sw-embed__frame{opacity:1;pointer-events:auto;} #sw .sw-embed.is-open .sw-embed__wait{display:none;} #sw .sw-embed__wait{display:flex;align-items:center;gap:14px;max-width:min(520px,calc(100vw - 32px));padding:16px 20px;border-radius:14px;background:var(--ui-surface-2);border:1px solid var(--ui-line-2);box-shadow:0 20px 60px rgba(0,0,0,.5);} #sw .sw-embed__wait > span:nth-child(2){display:flex;flex-direction:column;gap:3px;flex:1;min-width:0;} #sw .sw-embed__wait b{font-size:14px;font-weight:600;color:var(--ui-text);line-height:1.4;} #sw .sw-embed__wait em{font-style:normal;font-size:12px;color:var(--ui-text-3);font-variant-numeric:tabular-nums;} #sw .sw-embed__x{font-size:12px;font-weight:600;color:var(--ui-text-3) !important;padding:6px 10px;border-radius:8px;} #sw .sw-embed__x:hover{background:var(--ui-surface);color:var(--ui-text) !important;} /* a Process runs in the background: a bar at the foot, the page stays usable */ #sw .sw-embed--process.is-running{inset:auto 16px 16px auto;background:transparent;display:block;} #sw .sw-embed--process .sw-embed__frame{width:1px;height:1px;inset:auto;left:-10px;top:-10px;} #sw .sw-spin{width:18px;height:18px;flex:none;border-radius:50%;border:2px solid var(--ui-accent);border-right-color:transparent;animation:sw-spin .8s linear infinite;} #sw .sw-take--busy .sw-take__img{border-style:dashed;color:var(--ui-text-2);font-size:12px;} @media (prefers-reduced-motion:reduce){#sw .sw-spin{animation:none;}} /* s3.937 - Process greyed out when nothing has changed since the last one */ #sw .sw-btn.is-off{opacity:.45;cursor:default;} /* s3.965 - a Render button per part, under the scene head */ #sw .sw-rparts{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin:-6px 0 0;} #sw .sw-rparts .sw-btn em{font-style:normal;font-size:11.5px;font-weight:500;opacity:.65;} @media (max-width:1100px){ #sw .sw-rparts{justify-content:flex-start;margin:0;} } #sw .sw-unprocessed{margin:-6px 0 0;} /* s3.938 - the Screenplay tab's Process panel */ html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc{margin:18px 0 0;padding:20px 22px;border-radius:var(--ui-r-lg,18px);background:var(--ui-surface);border:1px solid var(--ui-line);} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc.is-busy{border-color:var(--ui-accent-line);} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc__h{display:flex;align-items:flex-start;gap:18px;flex-wrap:wrap;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc__t{flex:1;min-width:260px;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc__t b{display:block;margin:4px 0 4px;font-family:var(--ui-display);font-size:20px;font-weight:600;color:var(--ui-text);} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc__t p{margin:0;font-size:13px;line-height:1.55;color:var(--ui-text-2);max-width:78ch;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc__acts{display:flex;gap:8px;flex-wrap:wrap;align-items:center;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc__acts[hidden],html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc [hidden]{display:none !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc__out:empty{display:none;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc__out{margin-top:14px;padding-top:14px;border-top:1px solid var(--ui-line);font-size:13px;color:var(--ui-text-2);} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc__list{margin:0 0 10px;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc__list li{padding-left:18px;position:relative;line-height:1.5;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc__list li::before{content:"";position:absolute;left:2px;top:.55em;width:7px;height:7px;border-radius:50%;background:var(--ui-text-3);} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc__list li.is-ok::before{background:#8fbf8a;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc__list li.is-warn::before{background:#f2b35b;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc__good{color:#9fd49a;margin:0 0 10px;font-weight:600;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc__bad{color:#f0b3a9;margin:0 0 10px;font-weight:600;line-height:1.5;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc__wait{margin:0;color:var(--ui-text-2);} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc__sub{margin:10px 0 4px;font-size:12px;color:var(--ui-text-3);} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc__more summary{cursor:pointer;color:var(--ui-text-3);font-size:12.5px;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc__more p{margin:6px 0;font-size:12.5px;line-height:1.5;color:var(--ui-text-3);word-break:break-word;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc__words{width:100%;border-collapse:collapse;margin:0 0 12px;font-size:12.5px;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc__words td{padding:6px 8px;border-bottom:1px solid var(--ui-line);vertical-align:top;color:var(--ui-text-2);} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc__words td:first-child{font-family:ui-monospace,Menlo,monospace;color:var(--ui-text);white-space:nowrap;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc__words td:nth-child(2){white-space:nowrap;color:var(--ui-text-3);} @media (max-width:760px){html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc{padding:16px;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-proc__words td:nth-child(3){display:none;}} /* s3.939 - the Bible row under the Process */ html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-bible{margin-top:16px;padding-top:16px;border-top:1px solid var(--ui-line);} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-bible[hidden]{display:none !important;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-bible__bar{height:6px;margin-top:12px;border-radius:999px;background:var(--ui-surface-2);overflow:hidden;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-bible__bar i{display:block;height:100%;width:0;background:var(--ui-accent);border-radius:999px;transition:width .4s ease;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-bible .sp-proc__out:empty{display:none;} html body .aiox-app-view-wrapper.aiox-ui-v2 .sp-bible .sp-proc__out{border-top:0;padding-top:0;margin-top:10px;} /* s3.974 - THE FRAME AROUND A NEW-DESIGN PAGE TAKES THE SAME SLATE. The dashboard shell (sidebar, the page behind the app) is styled by the shared template in zinc greys; next to the Viblu-blue app it read as a grey frame around a navy panel. Scoped with :has() to a frame that holds a new-design page, so every other dashboard keeps its own colours. */ .aiox-fullscreen-app:has(.aiox-ui-v2), .aiox-fullscreen-app:has(.aiox-ui-v2) .aiox-dashboard-wide, .aiox-fullscreen-app:has(.aiox-ui-v2) .aiox-main-content{background-color:#020617 !important;} .aiox-fullscreen-app:has(.aiox-ui-v2) .aiox-sidebar{background-image:linear-gradient(180deg,#020617 0%,#0b1222 100%) !important;border-color:rgba(226,232,240,.08) !important;}