/* Generated by deploy/build-styles.py. Edit the listed source files. */

/* Source: design-tokens.css */
/* Vidia foundations. Theme roles are defined here; page styles consume them. */
@font-face {
  font-family: Montserrat;
  src: url('../montserrat.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --font-sans: Montserrat, Arial, sans-serif;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --control-font: 14px;
  --control-height: 44px;
  --control-height-large: 52px;
  --control-radius: 10px;
  --card-radius: 20px;
  --dialog-radius: 20px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --action-bg: #176f89;
  --action-hover: #115c74;
  --action-text: #ffffff;
  --action-gradient: linear-gradient(115deg, #075b7e, #117c9b 50%, #096688);
  --action-glow: 0 0 20px #46c9f32b;
  --transition-fast: 160ms;
  --transition-base: 240ms;

}
:root, [data-color-scheme] {
  /* Compatibility aliases keep legacy layouts on the same semantic roles. */
  --theme-accent: var(--shell-accent);
  --surface: var(--theme-surface);
  --surface-raised: var(--theme-surface-raised);
  --border: var(--theme-line);
  --text: var(--theme-text);
  --text-primary: var(--theme-text);
  --text-muted: var(--theme-muted);
  --muted: var(--theme-muted);
  --ink: var(--theme-text);
  --line: var(--theme-line);
  --soft: var(--theme-control);
}
html[data-theme="dark"], [data-color-scheme="dark"] {
  color-scheme: dark;
  --theme-bg: #101112;
  --theme-surface: #1a1b1d;
  --theme-surface-raised: #242527;
  --theme-line: #45464b;
  --theme-text: #f5f5f5;
  --theme-muted: #b0b0b5;
  --theme-control: #242527;
  --theme-control-line: #65666d;
  --shell-accent: #7eddf3;
  --theme-selected: #263b44;
  --theme-on-selected: #f5f5f5;
  --theme-danger: #ffb8b8;
  --theme-danger-surface: #3e252c;
  --theme-success: #98e6c4;
  --theme-success-surface: #193b31;
}
html[data-theme="light"] {
  color-scheme: light;
  --theme-bg: #f4f4f5;
  --theme-surface: #ffffff;
  --theme-surface-raised: #eaeaec;
  --theme-line: #d1d1d6;
  --theme-text: #18191b;
  --theme-muted: #626269;
  --theme-control: #f4f4f6;
  --theme-control-line: #85858d;
  --shell-accent: #146d89;
  --theme-selected: #d9edf4;
  --theme-on-selected: #183b4c;
  --theme-danger: #a71932;
  --theme-danger-surface: #ffedf0;
  --theme-success: #156644;
  --theme-success-surface: #e2f5eb;
}

/* Source: app.css */
:root{--navy:#07141f;--navy-2:#0b2437;--navy-3:#103b58;--blue:#5a9aee;--blue-deep:#1a6fae;--cyan:#41b3e0;--cyan-bright:#61d0eb;--white:#fff;--green:#1aa77a;--violet:#7968d6;--shadow:0 22px 60px rgba(5,38,59,.1);--radius:28px;--sidebar:266px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:var(--font-sans);background:#f4f7f8;-webkit-font-smoothing:antialiased}
body:before{position:fixed;inset:0;z-index:-1;content:"";opacity:.44;background-image:linear-gradient(rgba(30,106,158,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(30,106,158,.025) 1px,transparent 1px);background-size:80px 80px;pointer-events:none}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button,a{touch-action:manipulation}
svg{display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.skip-link{position:fixed;left:20px;top:12px;z-index:1000;padding:12px 18px;color:#fff;border-radius:999px;background:var(--blue-deep);transform:translateY(-150%);transition:transform .2s}.skip-link:focus{transform:translateY(0)}
.app-shell{display:flex;min-height:100vh}
.sidebar{position:fixed;inset:0 auto 0 0;z-index:100;display:flex;flex-direction:column;width:var(--sidebar);padding:28px 20px 22px;color:#c6d3db;background:radial-gradient(circle at 10% 0,rgba(56,148,201,.22),transparent 28%),linear-gradient(180deg,#07141f,#06111a 72%);box-shadow:12px 0 50px rgba(0,20,33,.12)}
.brand-lockup{display:flex;align-items:center;gap:13px;padding:0 10px 30px;color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
.brand-lockup>span:last-child{display:flex;flex-direction:column;gap:3px}.brand-lockup strong{font-size:14px;font-weight:720;letter-spacing:-.02em}.brand-lockup small{color:#6f8795;font-size:var(--text-xs);font-weight:680;letter-spacing:.16em;text-transform:uppercase}
.brand-mark{position:relative;display:grid;grid-template-columns:repeat(3,7px);align-items:end;gap:3px;width:32px;height:32px;padding:7px;border:1px solid rgba(109,212,238,.25);border-radius:10px;background:linear-gradient(145deg,rgba(65,179,224,.22),rgba(90,154,238,.08));box-shadow:inset 0 1px rgba(255,255,255,.08)}
.brand-mark i{display:block;border-radius:2px 2px 1px 1px;background:linear-gradient(#5ac7e4,#438ed8)}.brand-mark i:nth-child(1){height:8px}.brand-mark i:nth-child(2){height:15px}.brand-mark i:nth-child(3){height:11px}
.sidebar-nav{display:flex;flex-direction:column;gap:5px;padding-top:26px}.nav-label{padding:0 13px 9px;color:#566e7c;font-size:var(--text-xs);font-weight:700;letter-spacing:.16em;text-transform:uppercase}.nav-label--spaced{margin-top:20px}.nav-item{display:flex;align-items:center;gap:13px;min-height:45px;padding:0 13px;color:#91a6b3;font-size:12px;font-weight:570;border:1px solid transparent;border-radius:14px;transition:color .2s,background .2s,border-color .2s,transform .2s}.nav-item svg{width:19px;height:19px;opacity:.72}.nav-item:hover{color:#fff;background:rgba(255,255,255,.05);transform:translateX(2px)}.nav-item.is-active{color:#fff;border-color:rgba(89,196,226,.13);background:linear-gradient(100deg,rgba(41,130,184,.32),rgba(65,179,224,.08));box-shadow:inset 3px 0 #47bddf}.nav-item.is-active svg{color:#62d0e8;opacity:1}
.sidebar-status{display:flex;align-items:flex-start;gap:11px;margin-top:auto;padding:17px 14px;border:1px solid rgba(122,192,221,.11);border-radius:17px;background:rgba(255,255,255,.035)}.sidebar-status>span:last-child{display:flex;flex-direction:column;gap:5px}.sidebar-status strong{color:#c9d8df;font-size:var(--text-xs)}.sidebar-status small{color:#647b88;font-size:var(--text-xs);line-height:1.5}.status-dot{width:7px;height:7px;margin-top:3px;border-radius:50%;background:#28bd8a;box-shadow:0 0 0 4px rgba(40,189,138,.1)}
.app-main{min-width:0;width:calc(100% - var(--sidebar));margin-left:var(--sidebar)}
.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;height:76px;padding:0 38px;border-bottom:1px solid rgba(25,91,132,.08);background:rgba(247,249,250,.86);backdrop-filter:blur(18px)}
.breadcrumbs{color:#9aa6ad;font-size:var(--text-xs);font-weight:620;letter-spacing:.03em}.breadcrumbs span{margin:0 9px;color:#c6cdd1}.breadcrumbs strong{color:#43525c;font-weight:650}.topbar-actions{display:flex;align-items:center;gap:12px}.model-chip{display:flex;align-items:center;gap:8px;padding:10px 13px;color:#5d6b73;font-size:var(--text-xs);font-weight:680;border:1px solid var(--line);border-radius:999px;background:#fff}.model-chip>span{width:6px;height:6px;border-radius:50%;background:#2bbd8d;box-shadow:0 0 0 4px rgba(43,189,141,.1)}.mobile-menu{display:none}
.content-wrap{width:min(1480px,100%);margin:0 auto;padding:34px 38px 80px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:var(--control-height);padding:0 20px;font-size:var(--control-font);font-weight:720;letter-spacing:.015em;border:1px solid transparent;border-radius:var(--control-radius);cursor:pointer;transition:color .2s,background .2s,border-color .2s,box-shadow .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button svg{width:16px;height:16px}.button--primary{color:var(--action-text);background:var(--action-gradient);box-shadow:0 11px 25px rgba(24,113,170,.2)}.button--primary:hover{box-shadow:0 16px 30px rgba(24,113,170,.3)}.button--secondary{color:#31566e;border-color:#d5e1e8;background:#fff}.button--secondary:hover{border-color:#98bed3;background:#f9fcfd}.button--light{color:#0c3e5b;background:#fff;box-shadow:0 15px 35px rgba(0,15,26,.26)}.button--ghost-light{color:#e8f7fb;border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.06)}.button--compact{min-height:var(--control-height);padding:0 16px;border-radius:var(--control-radius);}.button--wide{width:100%}
.eyebrow{display:flex;align-items:center;gap:8px;color:var(--shell-accent);font-size:var(--text-xs);font-weight:760;letter-spacing:.16em;text-transform:uppercase}.eyebrow i{width:17px;height:1px;background:currentColor}.eyebrow--light{color:var(--shell-accent);}
.dashboard-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);align-items:center;min-height:410px;padding:48px 58px;overflow:hidden;color:#fff;border-radius:36px;background:radial-gradient(circle at 15% 0,rgba(69,177,225,.2),transparent 33%),linear-gradient(120deg,#07141f,#0b2c44 60%,#0d4f70);box-shadow:0 30px 70px rgba(3,31,48,.22)}
.dashboard-hero:after{position:absolute;inset:0;content:"";opacity:.17;background-image:radial-gradient(circle,rgba(150,221,240,.7) 0 .7px,transparent .9px);background-size:22px 22px;mask-image:linear-gradient(90deg,transparent,#000)}.dashboard-hero__glow{position:absolute;right:-150px;top:-180px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(64,179,224,.26),transparent 67%)}.dashboard-hero__content{position:relative;z-index:2;max-width:660px}.dashboard-hero h1{margin:24px 0 18px;font-size:clamp(38px,4.3vw,66px);font-weight:460;line-height:1.03;letter-spacing:-.055em}.dashboard-hero h1 span{color:#66d0e7}.dashboard-hero p{max-width:600px;margin:0;color:#afc0ca;font-size:13px;line-height:1.8}.hero-actions{display:flex;gap:11px;margin-top:29px}
.prompt-orbit{position:relative;z-index:2;width:400px;height:290px;justify-self:end}.prompt-orbit:before,.prompt-orbit:after{position:absolute;left:50%;top:50%;content:"";border:1px solid rgba(109,208,233,.16);border-radius:50%;transform:translate(-50%,-50%)}.prompt-orbit:before{width:255px;height:255px}.prompt-orbit:after{width:170px;height:170px}.orbit-center{position:absolute;left:50%;top:50%;z-index:3;display:flex;align-items:center;justify-content:center;flex-direction:column;width:118px;height:118px;border:1px solid rgba(108,211,235,.35);border-radius:50%;background:radial-gradient(circle at 35% 25%,#1b7398,#0b314a 68%);box-shadow:0 0 55px rgba(69,190,220,.22),inset 0 0 30px rgba(255,255,255,.05);transform:translate(-50%,-50%)}.orbit-center i{position:absolute;inset:-9px;border:1px dashed rgba(109,214,236,.3);border-radius:50%}.orbit-center strong{font-size:15px;letter-spacing:.1em}.orbit-center small{margin-top:4px;color:#72cde2;font-size:var(--text-xs);letter-spacing:.18em}.orbit-card{position:absolute;z-index:4;display:flex;flex-direction:column;justify-content:center;width:126px;height:78px;padding:15px;border:1px solid rgba(134,211,235,.16);border-radius:17px;background:rgba(9,38,57,.76);box-shadow:0 14px 35px rgba(0,15,27,.28);backdrop-filter:blur(12px)}.orbit-card span{color:#55c5e1;font-size:var(--text-xs);font-weight:700;letter-spacing:.13em}.orbit-card strong{margin-top:5px;font-size:var(--text-xs)}.orbit-card small{margin-top:3px;color:#6f8d9b;font-size:var(--text-xs)}.orbit-card--one{left:0;top:18px}.orbit-card--two{right:0;top:70px}.orbit-card--three{left:12px;bottom:2px}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px}.stat-card{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:15px;min-height:112px;padding:20px 21px;border:1px solid rgba(23,92,136,.09);border-radius:23px;background:rgba(255,255,255,.88);box-shadow:0 12px 35px rgba(5,48,74,.045);transition:transform .25s,box-shadow .25s}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.stat-icon{display:grid;place-items:center;width:45px;height:45px;color:#2e7eb3;border-radius:14px;background:#e8f2fc}.stat-icon--cyan{color:#1499b9;background:#e7f8fa}.stat-icon--green{color:#168767;background:#e7f8f1}.stat-icon--violet{color:#6857bc;background:#f0edfc}.stat-icon svg{width:21px;height:21px}.stat-card>div:nth-child(2){display:flex;align-items:baseline;gap:8px}.stat-card strong{font-size:26px;font-weight:570;letter-spacing:-.04em}.stat-card span{color:#344750;font-size:var(--text-xs);font-weight:660}.stat-card>small{grid-column:2;color:#96a1a7;font-size:var(--text-xs)}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.65fr);gap:20px;margin-top:20px}.panel{padding:28px;border:1px solid rgba(22,88,130,.09);border-radius:var(--radius);background:rgba(255,255,255,.9);box-shadow:0 16px 50px rgba(5,48,73,.055)}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.panel-heading h2,.section-heading h2{margin:8px 0 0;font-size:23px;font-weight:540;letter-spacing:-.04em}.text-link,.card-link{display:inline-flex;align-items:center;gap:7px;color:var(--shell-accent);font-size:var(--text-xs);font-weight:700}.text-link svg,.card-link svg{width:13px;height:13px;transition:transform .2s}.text-link:hover svg,.card-link:hover svg{transform:translateX(3px)}
.project-table{overflow:hidden;border:1px solid #e6edf1;border-radius:19px}.project-row{display:grid;grid-template-columns:40px minmax(180px,1fr) auto auto auto 18px;align-items:center;gap:13px;min-height:65px;padding:10px 15px;border-bottom:1px solid #eaf0f3;transition:background .2s}.project-row:last-child{border-bottom:0}.project-row:hover{background:#f6fafc}.project-avatar{display:grid;place-items:center;width:39px;height:39px;color:#fff;font-size:var(--text-xs);font-weight:720;border-radius:13px;background:linear-gradient(145deg,#2b7eaf,#4bb9d7)}.project-main{display:flex;min-width:0;flex-direction:column;gap:4px}.project-main strong{overflow:hidden;font-size:var(--text-xs);font-weight:670;text-overflow:ellipsis;white-space:nowrap}.project-main small{overflow:hidden;color:var(--theme-muted);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap}.table-tag{padding:7px 9px;color:#307ba8;font-size:var(--text-xs);font-weight:700;border-radius:999px;background:#edf6fb;white-space:nowrap}.table-tag--muted{color:#718087;background:#f1f4f5}.status-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:max-content;padding:7px 10px;color:#9a7e43;font-size:var(--text-xs);font-weight:740;border-radius:999px;background:#fff7e5;white-space:nowrap}.status-pill i{width:5px;height:5px;border-radius:50%;background:#e6a527}.status-pill--ready{color:#147b5c;background:#e6f7f1}.status-pill--ready i{background:#20ac7c}.row-arrow{width:14px;height:14px;color:#9aaab2}.project-table--full .project-row{grid-template-columns:42px minmax(260px,1fr) auto auto auto auto 18px;min-height:75px;padding:11px 20px}
.flow-list{margin:0;padding:0;list-style:none}.flow-list li{position:relative;display:flex;align-items:center;gap:14px;min-height:58px}.flow-list li:not(:last-child):after{position:absolute;left:16px;top:44px;width:1px;height:28px;content:"";background:#dce7ec}.flow-list li>span{display:grid;z-index:1;place-items:center;width:33px;height:33px;color:#2e84b5;font-size:var(--text-xs);font-weight:760;border:1px solid #cfe4ef;border-radius:11px;background:#f3fafd}.flow-list li>div{display:flex;flex-direction:column;gap:4px}.flow-list strong{font-size:var(--text-xs)}.flow-list small{color:#9ba6ab;font-size:var(--text-xs)}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin:42px 0 18px}.section-heading p,.page-heading p{max-width:680px;margin:9px 0 0;color:#758188;font-size:var(--text-xs);line-height:1.7}.avatar-mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.avatar-mini-card{display:flex;align-items:center;gap:13px;min-height:92px;padding:16px;border:1px solid rgba(27,96,137,.1);border-radius:21px;background:#fff;box-shadow:0 13px 35px rgba(6,44,67,.045);transition:transform .25s,box-shadow .25s}.avatar-mini-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.avatar-portrait{position:relative;display:grid;place-items:center;flex:0 0 53px;width:53px;height:58px;overflow:hidden;color:#fff;font-size:14px;font-weight:650;border-radius:15px;background:linear-gradient(145deg,#1e6e9e,#49b2cf)}.avatar-portrait img{width:100%;height:100%;object-fit:cover}.avatar-portrait i{position:absolute;right:4px;bottom:4px;width:8px;height:8px;border:2px solid #fff;border-radius:50%;background:#22b783}.avatar-meta{display:flex;min-width:0;flex:1;flex-direction:column;gap:5px}.avatar-meta strong{font-size:var(--text-xs)}.avatar-meta small{overflow:hidden;color:#94a0a6;font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap}.readiness-ring{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:conic-gradient(#3eb3d7 calc(var(--progress) * 3.6deg),#eaf0f3 0)}.readiness-ring:before{position:absolute;width:34px;height:34px;content:"";border-radius:50%;background:#fff}.readiness-ring strong{position:relative;font-size:var(--text-xs)}.avatar-mini-card--add{border-style:dashed;background:transparent}.empty-icon{display:grid;place-items:center;width:42px;height:42px;color:#2d80af;border-radius:14px;background:#eaf5fb}.empty-icon svg{width:20px;height:20px}
.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin:10px 0 30px}.page-heading h1{margin:11px 0 0;font-size:clamp(32px,3.6vw,52px);font-weight:480;letter-spacing:-.055em}.page-heading--compact{align-items:center;margin-bottom:24px}.back-link{display:inline-block;margin-bottom:13px;color:var(--shell-accent);font-size:var(--text-xs);font-weight:680}.back-link--light{color:var(--shell-accent);}
.avatar-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.avatar-card{overflow:hidden;border:1px solid rgba(23,90,132,.1);border-radius:28px;background:#fff;box-shadow:0 16px 45px rgba(5,47,72,.06);transition:transform .28s,box-shadow .28s}.avatar-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.avatar-card__media{position:relative;display:grid;place-items:center;height:275px;overflow:hidden;color:#fff;font-size:52px;font-weight:550;background:linear-gradient(140deg,#0e3d5b,#1978a7 58%,#42b3d5)}.avatar-card__media>img{width:100%;height:100%;object-fit:cover}.avatar-card__media>.status-pill{position:absolute;right:16px;top:16px;z-index:2}.avatar-card__shade{position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(3,18,28,.82))}.avatar-card__title{position:absolute;left:22px;right:22px;bottom:20px;z-index:2;display:flex;flex-direction:column;gap:4px}.avatar-card__title strong{font-size:21px;font-weight:530}.avatar-card__title small{color:#c3d6df;font-size:var(--text-xs)}.avatar-card__body{padding:20px 22px 22px}.avatar-data{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.avatar-data>span{display:flex;flex-direction:column;gap:4px}.avatar-data strong{font-size:14px;font-weight:590}.avatar-data small{color:var(--theme-muted);font-size:var(--text-xs)}.progress-track{height:4px;margin:16px 0;overflow:hidden;border-radius:999px;background:#e9eff2}.progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#277bb1,#51c1df)}.avatar-card .card-link{display:flex;justify-content:space-between;padding-top:14px;border-top:1px solid #edf1f3}.empty-state{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:270px;padding:35px;text-align:center}.empty-state h3{margin:18px 0 6px;font-size:16px}.empty-state p{max-width:390px;margin:0 0 20px;color:var(--theme-muted);font-size:var(--text-xs);line-height:1.7}.empty-state--wide{grid-column:1/-1;border:1px dashed #cbdde6;border-radius:28px}.empty-state--output{min-height:520px}.empty-state--output .spark-icon{width:62px;height:62px}
.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 318px;align-items:start;gap:22px}.editor-main{display:flex;flex-direction:column;gap:18px}.form-section{position:relative;padding:34px 36px;border:1px solid rgba(23,89,131,.09);border-radius:28px;background:rgba(255,255,255,.94);box-shadow:0 16px 48px rgba(5,48,73,.045)}.form-section__index{position:absolute;right:30px;top:28px;color:#e4edf2;font-size:38px;font-weight:550;letter-spacing:-.06em}.form-section__heading{margin-bottom:28px}.form-section__heading>span{color:var(--theme-accent);font-size:var(--text-xs);font-weight:750;letter-spacing:.15em;text-transform:uppercase}.form-section__heading h2{margin:8px 0 7px;font-size:25px;font-weight:520;letter-spacing:-.04em}.form-section__heading p{margin:0;color:#87939a;font-size:var(--text-xs);line-height:1.65}.form-grid{display:grid;grid-template-columns:1fr;gap:18px}.form-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.field-group{display:flex;min-width:0;flex-direction:column;gap:8px}.field-group--2{grid-column:span 2}.field-group--3{grid-column:span 3}.field-group>label,.option-field>label{color:#43545e;font-size:var(--text-xs);font-weight:680}.field-group>small,.option-field>small{color:#96a1a6;font-size:var(--text-xs);line-height:1.5}.field-control,.field-group input:not([type=checkbox]):not([type=file]),.field-group textarea,.field-group select,.duration-control input{width:100%;min-height:45px;padding:11px 13px;color:#243641;font-size:var(--text-xs);line-height:1.55;border:1px solid #dce6eb;border-radius:13px;outline:none;background:#fbfcfd;transition:border-color .2s,box-shadow .2s,background .2s}.field-group textarea.field-control,.field-group textarea{resize:vertical}.field-control:hover,.field-group input:hover,.field-group textarea:hover,.field-group select:hover{border-color:#bfd5e1}.field-control:focus,.field-group input:focus,.field-group textarea:focus,.field-group select:focus,.duration-control input:focus{border-color:#55add3;box-shadow:0 0 0 4px rgba(65,179,224,.1);background:#fff}.errorlist{margin:0;padding:0;color:#b44747;font-size:var(--text-xs);list-style:none}.form-errors{padding:15px;color:#a33f3f;font-size:var(--text-xs);border:1px solid #efcaca;border-radius:13px;background:#fff1f1}
.upload-zone{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:210px;padding:28px;text-align:center;border:1.5px dashed #bcd8e6;border-radius:22px;background:linear-gradient(145deg,#f7fbfd,#eef7fb);transition:border-color .2s,background .2s}.upload-zone:hover,.upload-zone.is-dragging{border-color:#3e9fc8;background:#edf8fc}.upload-zone>svg{width:34px;height:34px;margin-bottom:13px;color:#2e88b7}.upload-zone>input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-zone strong{font-size:var(--text-xs)}.upload-zone>small{margin-top:6px;color:#8ba0ab;font-size:var(--text-xs)}.file-list{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:12px}.file-list span{padding:6px 8px;color:#2c7399;font-size:var(--text-xs);border-radius:999px;background:#fff;box-shadow:0 4px 12px rgba(20,88,126,.08)}
.editor-aside{position:sticky;top:98px;display:flex;flex-direction:column;gap:14px}.aside-card{padding:27px;border-radius:25px}.aside-card--dark{color:#fff;background:radial-gradient(circle at 100% 0,rgba(65,179,224,.19),transparent 34%),linear-gradient(145deg,#081a27,#0d344c);box-shadow:0 22px 50px rgba(3,29,45,.18)}.aside-card h3{margin:17px 0 22px;font-size:21px;font-weight:520;line-height:1.25;letter-spacing:-.04em}.check-list{margin:0;padding:0;list-style:none}.check-list li{display:flex;align-items:center;gap:11px;padding:11px 0;color:#abc0ca;font-size:var(--text-xs);border-bottom:1px solid rgba(255,255,255,.07)}.check-list li:last-child{border-bottom:0}.check-list span{display:grid;place-items:center;width:24px;height:24px;color:#64cee5;font-size:var(--text-xs);border:1px solid rgba(98,205,230,.23);border-radius:8px;background:rgba(80,188,216,.09)}.consent-card{display:flex;align-items:flex-start;gap:11px;padding:17px;cursor:pointer;border:1px solid #dce6eb;border-radius:18px;background:#fff}.consent-card input{margin-top:2px;accent-color:var(--blue-deep)}.consent-card>span{display:flex;flex-direction:column;gap:4px}.consent-card strong{font-size:var(--text-xs)}.consent-card small{color:var(--theme-muted);font-size:var(--text-xs);line-height:1.5}.inline-action{display:inline-block;margin-top:16px;color:#277dab;font-size:var(--text-xs);font-weight:650}
.profile-hero,.project-hero{position:relative;display:flex;align-items:center;gap:27px;min-height:245px;padding:38px 43px;overflow:hidden;color:#fff;border-radius:33px;background:radial-gradient(circle at 85% 0,rgba(64,179,224,.26),transparent 33%),linear-gradient(120deg,#07141f,#0c3450 70%,#0f5777);box-shadow:0 24px 65px rgba(3,29,47,.18)}.profile-hero:after,.project-hero:after{position:absolute;inset:0;content:"";opacity:.15;background-image:radial-gradient(circle,rgba(145,218,238,.75) 0 .7px,transparent .9px);background-size:22px 22px;mask-image:linear-gradient(90deg,transparent,#000)}.profile-portrait{position:relative;z-index:2;display:grid;place-items:center;flex:0 0 145px;width:145px;height:165px;overflow:hidden;color:#fff;font-size:35px;border:1px solid rgba(255,255,255,.18);border-radius:27px;background:linear-gradient(145deg,#1c6b99,#49b5d2);box-shadow:0 18px 40px rgba(0,16,29,.3)}.profile-portrait img{width:100%;height:100%;object-fit:cover}.profile-portrait i{position:absolute;right:10px;bottom:10px;width:13px;height:13px;border:3px solid #0c3048;border-radius:50%;background:#28bc87}.profile-copy{position:relative;z-index:2;flex:1}.profile-copy h1{margin:13px 0 5px;font-size:45px;font-weight:480;letter-spacing:-.055em}.profile-copy>p{margin:0;color:#adc2cc;font-size:var(--text-xs)}.profile-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}.profile-chips span{padding:8px 11px;color:#b9d6e0;font-size:var(--text-xs);border:1px solid rgba(136,209,231,.16);border-radius:999px;background:rgba(255,255,255,.05)}.profile-score{position:relative;z-index:2;width:210px;padding:22px;border:1px solid rgba(123,205,229,.17);border-radius:22px;background:rgba(4,23,35,.32)}.profile-score>span,.profile-score>small{display:block;color:#86a7b6;font-size:var(--text-xs)}.profile-score strong{display:block;margin-top:5px;font-size:31px;font-weight:540}.profile-score .progress-track{background:rgba(255,255,255,.12)}.profile-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);align-items:start;gap:20px;margin-top:20px}.reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.reference-card{margin:0;overflow:hidden;border:1px solid #e3eaee;border-radius:17px;background:#f8fafb}.reference-card img{display:block;width:100%;height:175px;object-fit:cover}.reference-card figcaption{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;color:#54646d;font-size:var(--text-xs)}.reference-card figcaption span{padding:4px 6px;color:#1a7fa3;font-size:var(--text-xs);border-radius:999px;background:#e7f7fa}.empty-inline{grid-column:1/-1;padding:35px;text-align:center;border:1px dashed #cbdde6;border-radius:18px}.empty-inline strong,.empty-inline small{display:block}.empty-inline strong{font-size:var(--text-xs)}.empty-inline small{margin-top:5px;color:#94a1a8;font-size:var(--text-xs)}.inline-form{display:grid;grid-template-columns:1.2fr .8fr auto auto;align-items:end;gap:10px;margin-top:18px;padding-top:18px;border-top:1px solid #edf1f3}.compact-check{display:flex;align-items:center;gap:6px;min-height:45px;color:#53636c;font-size:var(--text-xs);white-space:nowrap}.stack{display:flex;flex-direction:column;gap:16px}.detail-card h3{margin:12px 0 17px;font-size:19px;font-weight:540;letter-spacing:-.035em}.detail-card>p{margin:0;color:#69777f;font-size:var(--text-xs);line-height:1.75}.clamp-text{display:-webkit-box;overflow:hidden;-webkit-line-clamp:8;-webkit-box-orient:vertical;white-space:pre-line}.detail-status{display:flex;flex-wrap:wrap;gap:8px;margin-top:19px;padding-top:16px;border-top:1px solid #eaf0f3}.account-list{margin:0}.account-list>div{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid #edf1f3}.account-list>div:last-child{border-bottom:0}.account-list dt{color:#98a3a9;font-size:var(--text-xs)}.account-list dd{margin:0;max-width:62%;font-size:var(--text-xs);font-weight:650;text-align:right}.single-form-card{width:min(830px,100%);padding:38px;margin:0 auto;border:1px solid rgba(20,85,126,.1);border-radius:30px;background:#fff;box-shadow:var(--shadow)}.single-form-card h2{margin:12px 0 28px;font-size:27px;font-weight:520}.form-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:28px;padding-top:20px;border-top:1px solid #edf1f3}
.step-indicator{display:flex;align-items:center;gap:7px}.step-indicator span{display:grid;place-items:center;width:29px;height:29px;color:var(--theme-muted);font-size:var(--text-xs);font-weight:700;border:1px solid #d4e0e6;border-radius:50%;background:#fff}.step-indicator span.is-active,.step-indicator span.is-done{color:#fff;border-color:transparent;background:linear-gradient(145deg,#247ab0,#41b3d7)}.step-indicator i{width:21px;height:1px;background:#d4e0e6}.wizard-step{display:none}.wizard-step.is-active{display:block;animation:stepIn .35s cubic-bezier(.22,1,.36,1)}@keyframes stepIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.wizard-actions{display:flex;align-items:center;justify-content:space-between;margin-top:28px;padding-top:20px;border-top:1px solid #edf1f3}.action-pair{display:flex;gap:9px}.script-field{position:relative}.script-metrics{display:flex;gap:9px;position:absolute;right:9px;bottom:9px}.script-metrics span{padding:6px 8px;color:var(--theme-muted);font-size:var(--text-xs);border-radius:999px;background:#edf4f7}.script-metrics strong{color:var(--theme-accent)}.script-field textarea{padding-bottom:48px}.option-field{margin-bottom:20px}.segmented{display:flex;gap:8px;margin-top:9px}.segmented button{min-height:41px;padding:0 15px;color:#62727a;font-size:var(--text-xs);font-weight:680;border:1px solid #dce6eb;border-radius:12px;background:#fff;cursor:pointer}.segmented button.is-active{color:#1d6f9c;border-color:#84bfd6;background:#eaf7fb;box-shadow:0 0 0 3px rgba(65,179,224,.08)}.duration-control{display:flex;align-items:center;gap:8px;width:170px;margin-top:10px}.duration-control input{width:95px}.duration-control span{color:#89969d;font-size:var(--text-xs)}.toggle-card{position:relative;display:flex;align-items:center;gap:13px;padding:16px;border:1px solid #dce6eb;border-radius:16px;background:#f9fbfc;cursor:pointer}.toggle-card input{position:absolute;opacity:0}.toggle-card>span{display:flex;flex:1;flex-direction:column;gap:4px}.toggle-card strong{font-size:var(--text-xs)}.toggle-card small{color:#89969e;font-size:var(--text-xs)}.toggle-card>i{position:relative;width:38px;height:21px;border-radius:999px;background:#c9d4da;transition:background .2s}.toggle-card>i:after{position:absolute;left:3px;top:3px;width:15px;height:15px;content:"";border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.15);transition:transform .2s}.toggle-card input:checked~i{background:#2993bd}.toggle-card input:checked~i:after{transform:translateX(17px)}.generation-summary{display:flex;align-items:center;gap:16px;margin-top:23px;padding:18px;border:1px solid #cfe5ef;border-radius:18px;background:linear-gradient(120deg,#f2fafd,#f9fcfd)}.spark-icon{display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;color:#2b83b1;border-radius:14px;background:linear-gradient(145deg,#dceffa,#e4f8fa)}.spark-icon svg{width:23px;height:23px}.generation-summary>div:last-child{display:flex;flex-direction:column;gap:5px}.generation-summary strong{font-size:var(--text-xs)}.generation-summary small{color:#7e8d94;font-size:var(--text-xs);line-height:1.5}.summary-list{margin:0}.summary-list>div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07)}.summary-list dt{color:#708e9d;font-size:var(--text-xs)}.summary-list dd{margin:0;color:#dce9ee;font-size:var(--text-xs);font-weight:630;text-align:right}.aside-separator{height:1px;margin:19px 0;background:rgba(255,255,255,.08)}.included-list{display:flex;flex-direction:column;gap:10px}.included-list>span{margin-bottom:3px;color:var(--theme-muted);font-size:var(--text-xs);font-weight:680;letter-spacing:.1em;text-transform:uppercase}.included-list small{display:flex;align-items:center;gap:8px;color:#a8bdc7;font-size:var(--text-xs)}.included-list i{width:5px;height:5px;border-radius:50%;background:#4cc0dc}.tip-card{display:flex;align-items:flex-start;gap:11px;padding:16px;color:#62727b;border:1px solid #dce6eb;border-radius:18px;background:#fff}.tip-card svg{flex:0 0 18px;width:18px;height:18px;color:#3888b2}.tip-card p{margin:0;font-size:var(--text-xs);line-height:1.65}.tip-card strong{display:block;color:#40535e;font-size:var(--text-xs)}
.project-hero{justify-content:space-between;min-height:230px}.project-hero>div{position:relative;z-index:2}.project-hero .status-pill{margin:0 0 13px 0}.project-hero h1{margin:0;font-size:clamp(32px,4vw,52px);font-weight:480;letter-spacing:-.055em}.project-hero p{margin:10px 0 0;color:#abc2ce;font-size:var(--text-xs)}.project-hero__actions{display:flex;align-items:center;gap:9px}.output-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.55fr);align-items:start;gap:20px;margin-top:20px}.output-main{overflow:hidden;border:1px solid rgba(20,87,128,.1);border-radius:28px;background:#fff;box-shadow:0 18px 50px rgba(5,45,70,.06)}.output-toolbar,.output-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px;border-bottom:1px solid #e8eef1}.output-toolbar h2{margin:7px 0 0;font-size:23px;font-weight:530}.output-meta{display:flex;gap:8px}.output-meta span{padding:7px 9px;color:#56717f;font-size:var(--text-xs);border-radius:999px;background:#eef4f6}.prompt-output{max-height:720px;margin:0;padding:30px;overflow:auto;color:#cad9e1;font-family:var(--font-sans);font-size:var(--text-xs);line-height:1.75;white-space:pre-wrap;background:radial-gradient(circle at 90% 0,rgba(57,155,201,.13),transparent 24%),#07141f;scrollbar-color:#2e6682 #0b1d29}.output-bottom{border-top:1px solid #e8eef1;border-bottom:0}.output-bottom>span{color:#718087;font-size:var(--text-xs)}.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.settings-help{margin-top:18px!important;padding:14px;border-radius:12px;background:#f4f8fa}.settings-help code{color:#1a739f;font-size:var(--text-xs)}
.integration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.integration-card{display:flex;flex-direction:column;min-height:385px;padding:28px;border:1px solid rgba(21,86,127,.1);border-radius:28px;background:#fff;box-shadow:0 16px 45px rgba(5,47,72,.055);transition:transform .25s,box-shadow .25s}.integration-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.integration-card--featured{color:#fff;border-color:rgba(95,199,226,.22);background:radial-gradient(circle at 100% 0,rgba(66,181,224,.22),transparent 30%),linear-gradient(145deg,#071722,#0d354e)}.integration-card__head{display:flex;align-items:center;justify-content:space-between}.provider-mark{display:grid;place-items:center;width:48px;height:48px;color:#fff;font-size:var(--text-xs);font-weight:780;letter-spacing:.03em;border-radius:15px;background:linear-gradient(145deg,#1f7cae,#51bdd9)}.provider-mark--openai{background:linear-gradient(145deg,#172c37,#2f5a67)}.provider-mark--eleven{background:linear-gradient(145deg,#5f53b2,#8979df)}.integration-card h2{margin:25px 0 10px;font-size:22px;font-weight:540;letter-spacing:-.04em}.integration-card>p{min-height:48px;margin:0;color:#77858c;font-size:var(--text-xs);line-height:1.7}.integration-card--featured>p{color:#9fb7c2}.connection-list{display:flex;flex-direction:column;gap:7px;margin:20px 0}.connection-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #e7eef1;border-radius:13px;background:#f9fbfc}.integration-card--featured .connection-list>div{border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.04)}.connection-list span{display:flex;flex-direction:column;gap:4px}.connection-list strong{font-size:var(--text-xs)}.connection-list small{color:var(--theme-muted);font-size:var(--text-xs)}.connection-state{width:7px;height:7px;border-radius:50%;background:#b8c2c7}.connection-state.is-on{background:#25b884;box-shadow:0 0 0 4px rgba(37,184,132,.1)}.integration-card .card-link{justify-content:space-between;margin-top:auto;padding-top:18px;border-top:1px solid #edf1f3}.integration-card--featured .card-link{color:var(--shell-accent);border-top-color:rgba(255,255,255,.09)}.security-note{display:flex;align-items:center;gap:17px;margin-top:18px;padding:20px 23px;border:1px solid #d6e5eb;border-radius:20px;background:#f8fbfc}.security-note svg{flex:0 0 24px;width:24px;height:24px;color:#2d82ae}.security-note strong{display:block;font-size:var(--text-xs)}.security-note p{margin:5px 0 0;color:var(--theme-muted);font-size:var(--text-xs)}.toast-stack{position:fixed;right:26px;top:91px;z-index:200;display:flex;width:min(420px,calc(100vw - 40px));flex-direction:column;gap:9px}.toast{display:flex;align-items:center;gap:10px;padding:15px 17px;color:#eaf4f8;font-size:var(--text-xs);line-height:1.5;border:1px solid rgba(125,203,228,.2);border-radius:16px;background:#0b2638;box-shadow:0 17px 40px rgba(0,22,35,.25);animation:toastIn .3s}.toast>span{flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:#45bddd}.toast--success>span{background:#25bd86}.toast--warning>span{background:#e2a938}.toast button{margin-left:auto;color:#a9bfca;font-size:18px;border:0;background:transparent;cursor:pointer}@keyframes toastIn{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}.reveal{animation:reveal .55s cubic-bezier(.22,1,.36,1) both}@keyframes reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:1200px){:root{--sidebar:235px}.content-wrap{padding-right:26px;padding-left:26px}.topbar{padding:0 26px}.dashboard-hero{grid-template-columns:1fr 340px;padding:42px}.prompt-orbit{width:340px;transform:scale(.9)}.stats-grid{grid-template-columns:repeat(2,1fr)}.avatar-mini-grid{grid-template-columns:repeat(2,1fr)}.project-row{grid-template-columns:40px minmax(160px,1fr) auto auto}.project-row>.table-tag--muted,.project-row>.row-arrow{display:none}.integration-grid{grid-template-columns:1fr 1fr}.integration-card:last-child{grid-column:1/-1}.settings-grid{grid-template-columns:1fr 1fr}}
@media(max-width:940px){:root{--sidebar:0px}.sidebar{width:250px;transform:translateX(-105%);transition:transform .25s}.sidebar.is-open{transform:none}.app-main{width:100%;margin-left:0}.mobile-menu{display:grid}.topbar{padding:0 20px}.icon-button{place-items:center;width:39px;height:39px;color:#365869;border:1px solid #dae5ea;border-radius:12px;background:#fff}.icon-button svg{width:20px;height:20px}.breadcrumbs{display:none}.content-wrap{padding:24px 20px 60px}.dashboard-hero{grid-template-columns:1fr;min-height:0}.prompt-orbit{display:none}.dashboard-grid,.profile-grid,.output-layout{grid-template-columns:1fr}.quick-flow{order:2}.editor-layout{grid-template-columns:1fr}.editor-aside{position:static}.editor-aside--wizard{grid-row:1}.avatar-library{grid-template-columns:repeat(2,1fr)}.integration-grid,.settings-grid{grid-template-columns:1fr}.integration-card:last-child{grid-column:auto}.reference-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.topbar{height:66px}.model-chip{display:none}.content-wrap{padding:18px 14px 50px}.dashboard-hero{padding:32px 24px;border-radius:27px}.dashboard-hero h1{font-size:37px}.dashboard-hero p{font-size:var(--text-xs)}.hero-actions{align-items:stretch;flex-direction:column}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{grid-template-columns:auto 1fr;min-height:94px;padding:14px;gap:10px}.stat-icon{width:37px;height:37px}.stat-card strong{font-size:21px}.stat-card>small{display:none}.dashboard-grid{gap:14px}.panel{padding:20px;border-radius:22px}.project-row{grid-template-columns:37px minmax(0,1fr) auto;padding:9px}.project-row>.table-tag,.project-row>.status-pill,.project-row>.row-arrow{display:none}.section-heading,.page-heading{align-items:flex-start;flex-direction:column}.avatar-mini-grid,.avatar-library{grid-template-columns:1fr}.form-section{padding:27px 19px;border-radius:22px}.form-section__index{right:18px;top:22px;font-size:29px}.form-section__heading{padding-right:40px}.form-section__heading h2{font-size:21px}.form-grid--2,.form-grid--3{grid-template-columns:1fr}.field-group--2,.field-group--3{grid-column:auto}.wizard-actions{align-items:stretch;flex-direction:column-reverse;gap:8px}.wizard-actions>.button,.action-pair,.action-pair .button{width:100%}.action-pair{flex-direction:column-reverse}.step-indicator{align-self:center}.profile-hero,.project-hero{align-items:flex-start;flex-direction:column;padding:28px 22px;border-radius:27px}.profile-portrait{width:100px;height:115px;flex-basis:115px}.profile-score{width:100%}.project-hero__actions{width:100%}.project-hero__actions .button,.project-hero__actions form{flex:1}.project-hero__actions form .button{width:100%}.reference-grid{grid-template-columns:repeat(2,1fr)}.inline-form{grid-template-columns:1fr}.output-toolbar,.output-bottom{align-items:flex-start;flex-direction:column;padding:20px}.prompt-output{padding:20px;font-size:var(--text-xs)}.output-bottom .button{width:100%}.project-table--full .project-row{grid-template-columns:38px minmax(0,1fr) auto;padding:10px}.project-table--full .status-pill{display:inline-flex}.single-form-card{padding:24px 18px}.form-footer{flex-direction:column-reverse}.form-footer .button{width:100%}.security-note{align-items:flex-start}.security-note p{line-height:1.5}.sidebar-status{display:none}}
@media(max-width:390px){.stats-grid{grid-template-columns:1fr}.topbar-actions .button{padding:0 12px}.topbar-actions .button svg{display:none}.reference-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{animation:none}}

/* Source: refactor.css */
/* Vidia Creative System — product refactor
   A calmer editorial workspace: fewer surfaces, stronger type and deliberate blue. */
:root{
  --sidebar:232px;
  --navy:#081722;
  --navy-2:#0d2534;
  --navy-3:#17394d;
  --blue:#5a9aee;
  --blue-deep:#176fae;
  --cyan:#41b3e0;
  --cyan-bright:#65cbe5;
  --ink:#18262e;
  --muted:#65757e;
  --muted-2:#8b989f;
  --soft:#f5f7f8;
  --line:#dfe7eb;
  --line-strong:#cdd9df;
  --white:#fff;
  --green:#15956e;
  --shadow:0 12px 34px rgba(16,48,66,.07);
  --shadow-hover:0 18px 44px rgba(16,48,66,.11);
  --radius:20px;
}

html{scroll-padding-top:88px}
body{color:var(--ink);font-size:14px;background:#f6f8f9}
body:before{opacity:0}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
::selection{color:#fff;background:#247bad}
a,button,input,select,textarea{outline-offset:3px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(65,179,224,.34);outline-offset:2px}
.mobile-label{display:none}

/* Shell */
.sidebar{width:var(--sidebar);padding:24px 16px 18px;color:#aebec7;background:linear-gradient(180deg,#091923 0%,#07141d 100%);box-shadow:none}
.brand-lockup{gap:12px;padding:0 8px 24px;border-bottom-color:rgba(255,255,255,.07)}
.brand-lockup strong{font-size:13px;font-weight:680;letter-spacing:-.015em}
.brand-lockup small{color:#68808e;font-size:var(--text-xs);letter-spacing:.13em}
.brand-mark{width:30px;height:30px;padding:6px;border-radius:9px;box-shadow:none}
.sidebar-nav{gap:3px;padding-top:22px}
.nav-label{padding:0 11px 8px;color:#607785;font-size:var(--text-xs);letter-spacing:.13em}
.nav-label--spaced{margin-top:17px}
.nav-item{gap:12px;min-height:42px;padding:0 11px;color:#91a5b0;font-size:12px;font-weight:560;border-radius:11px}
.nav-item svg{width:18px;height:18px}
.nav-item:hover{color:#f5fafc;background:rgba(255,255,255,.045);transform:none}
.nav-item.is-active{color:#fff;border-color:rgba(70,181,222,.19);background:#102b3b;box-shadow:inset 2px 0 var(--cyan)}
.sidebar-status{gap:10px;padding:14px 12px;border-radius:13px;background:rgba(255,255,255,.025)}
.sidebar-status strong{font-size:var(--text-xs)}.sidebar-status small{font-size:var(--text-xs)}
.app-main{width:calc(100% - var(--sidebar));margin-left:var(--sidebar)}
.topbar{height:66px;padding:0 32px;border-bottom-color:#e6ecef;background:rgba(249,250,251,.92);backdrop-filter:blur(16px)}
.breadcrumbs{font-size:var(--text-xs)}.breadcrumbs strong{color:#384a54}
.model-chip{padding:8px 11px;color:#60727b;font-size:var(--text-xs);border-color:#dce5e9;background:#fff}
.content-wrap{width:min(1320px,100%);padding:38px 42px 72px}

/* Core components */
.button{min-height:var(--control-height);padding:0 17px;font-size:var(--control-font);font-weight:680;letter-spacing:0;border-radius:var(--control-radius);box-shadow:none}
.button:hover{transform:none}
.button--primary{background:var(--action-gradient);box-shadow:0 8px 20px rgba(23,111,174,.18)}
.button--primary:hover{background:var(--action-gradient);box-shadow:0 10px 24px rgba(23,111,174,.24)}
.button--secondary{color:#314b5a;border-color:#d6e0e5;background:#fff}
.button--secondary:hover{border-color:#aebfc8;background:#fbfcfd}
.button--light{color:#164c6c;background:#fff;box-shadow:none}
.button--ghost-light{color:#dcedf4;border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.035)}
.button--compact{min-height:var(--control-height);padding:0 14px;border-radius:var(--control-radius);}
.eyebrow{gap:9px;color:var(--shell-accent);font-size:var(--text-xs);font-weight:720;letter-spacing:.13em}
.eyebrow i{width:20px}
.eyebrow--light{color:var(--shell-accent);}
.panel{padding:26px;border-color:#e1e8ec;border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}
.panel-heading{align-items:center;margin-bottom:20px}
.panel-heading h2,.section-heading h2{margin-top:7px;font-size:24px;font-weight:570;letter-spacing:-.035em}
.text-link,.card-link{gap:6px;color:var(--shell-accent);font-size:var(--text-xs);font-weight:670}
.status-pill{padding:6px 9px;font-size:var(--text-xs);font-weight:680}
.table-tag{padding:6px 8px;font-size:var(--text-xs)}
.project-avatar{width:40px;height:40px;font-size:var(--text-xs);border-radius:12px;background:#60b5d4}
.project-main strong{font-size:var(--text-xs)}.project-main small{font-size:var(--text-xs)}
.project-table{border-color:#e4eaed;border-radius:14px}
.project-row{min-height:66px;padding:10px 14px;border-bottom-color:#e8edef}
.project-row:hover{background:#f8fafb}

/* Home */
.home-intro{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(360px,.7fr);align-items:stretch;gap:24px;margin-top:8px}
.home-intro__copy{padding:28px 6px 22px 0}
.home-intro h1{max-width:720px;margin:18px 0 16px;font-size:clamp(42px,4.2vw,62px);font-weight:470;line-height:1.04;letter-spacing:-.055em}
.home-intro h1 span{color:#55717f}
.home-intro p{max-width:670px;margin:0;color:#5f7079;font-size:14px;line-height:1.8}
.hero-actions{display:flex;gap:10px;margin-top:25px}
.continue-card{display:flex;justify-content:center;flex-direction:column;min-height:270px;padding:25px;border:1px solid rgba(91,163,203,.22);border-radius:22px;background:#0d2635;color:#fff;box-shadow:0 18px 42px rgba(6,31,45,.14)}
.continue-card__top{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#8eabb9;font-size:var(--text-xs)}
.continue-card__project{display:grid;grid-template-columns:44px minmax(0,1fr) 18px;align-items:center;gap:13px;margin-top:20px;padding:15px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.continue-card__project .project-avatar{width:44px;height:44px}
.continue-card__project>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:5px}
.continue-card__project strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.continue-card__project small{color:#819da9;font-size:var(--text-xs)}
.continue-card__project>svg{width:17px;height:17px;color:#70bdd9}
.continue-card__meta{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.continue-card__meta>span{display:flex;flex-direction:column;gap:5px}.continue-card__meta small{color:#6f8c99;font-size:var(--text-xs)}.continue-card__meta strong{font-size:var(--text-xs);font-weight:570}
.continue-card__empty{font-size:18px}.continue-card .text-link{margin-top:12px;color:#75c7df}
.metric-strip{display:flex;align-items:center;gap:22px;min-height:86px;margin-top:24px;padding:17px 22px;border:1px solid #e0e7ea;border-radius:17px;background:#fff}
.metric-strip>div{display:flex;align-items:baseline;gap:8px}.metric-strip strong{font-size:23px;font-weight:560;letter-spacing:-.04em}.metric-strip span{color:#718088;font-size:var(--text-xs)}.metric-strip>i{width:1px;height:28px;background:#e5ebee}.metric-strip>a{display:flex;align-items:center;gap:6px;margin-left:auto;color:var(--theme-accent);font-size:var(--text-xs);font-weight:650}.metric-strip>a svg{width:14px;height:14px}
.workspace-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.55fr);align-items:start;gap:20px;margin-top:20px}
.quick-actions-panel{padding-bottom:15px}.quick-action{display:grid;grid-template-columns:40px minmax(0,1fr) 16px;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #e8edef}
.quick-action:last-child{border-bottom:0}.quick-action__icon{display:grid;place-items:center;width:38px;height:38px;color:#247dad;border-radius:11px;background:#edf6fa}.quick-action__icon svg{width:18px;height:18px}.quick-action>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:4px}.quick-action strong{font-size:var(--text-xs)}.quick-action small{color:#85939a;font-size:var(--text-xs)}.quick-action>svg{width:15px;height:15px;color:#99a8af}.quick-action:hover>svg{color:#176fae;transform:translateX(2px)}
.section-heading{margin:38px 0 16px}.section-heading p,.page-heading p{color:var(--theme-muted);font-size:12px;line-height:1.65}
.avatar-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.avatar-mini-card{display:grid;grid-template-columns:52px minmax(0,1fr) auto 16px;gap:13px;min-height:84px;padding:14px;border-color:#e1e8eb;border-radius:16px;box-shadow:0 6px 20px rgba(16,48,66,.045)}
.avatar-mini-card:hover{transform:none;border-color:#b9ced8;box-shadow:var(--shadow)}
.avatar-portrait{width:52px;height:56px;flex-basis:52px;border-radius:12px}
.avatar-meta strong{font-size:var(--text-xs)}.avatar-meta small{font-size:var(--text-xs)}
.avatar-completion{display:flex;align-items:flex-end;flex-direction:column;gap:3px}.avatar-completion strong{font-size:var(--text-xs)}.avatar-completion small{color:var(--theme-muted);font-size:var(--text-xs)}
.avatar-mini-card>.row-arrow{display:block}

/* Page headings and libraries */
.page-heading{align-items:center;margin:7px 0 28px}
.page-heading h1{margin-top:10px;font-size:clamp(34px,3.3vw,48px);font-weight:490;letter-spacing:-.05em}
.page-heading--compact{margin-bottom:22px}
.back-link{margin-bottom:12px;font-size:var(--text-xs)}
.avatar-library{gap:18px}.avatar-card{border-color:#e0e8eb;border-radius:20px;box-shadow:var(--shadow)}.avatar-card:hover{transform:none;border-color:#b8ccd6;box-shadow:var(--shadow-hover)}
.avatar-card__media{height:250px;font-size:46px}.avatar-card__title strong{font-size:20px}.avatar-card__title small{font-size:var(--text-xs)}.avatar-card__body{padding:18px 20px 20px}.avatar-data strong{font-size:15px}.avatar-data small{font-size:var(--text-xs)}.avatar-card .card-link{font-size:var(--text-xs)}

/* Forms and wizard */
.editor-layout{grid-template-columns:minmax(0,1fr) 300px;gap:20px}
.editor-main{gap:16px}.form-section{padding:32px 34px;border-color:#e0e7eb;border-radius:20px;box-shadow:var(--shadow)}
.form-section__index{right:27px;top:24px;color:#e3ebef;font-size:34px}.form-section__heading{margin-bottom:25px}.form-section__heading>span{font-size:var(--text-xs)}.form-section__heading h2{margin-top:7px;font-size:25px;font-weight:560}.form-section__heading p{color:#718088;font-size:var(--text-xs)}
.form-grid{gap:17px}.field-group{gap:7px}.field-group>label,.option-field>label{color:#344953;font-size:var(--text-xs);font-weight:650}.field-group>small,.option-field>small{color:var(--theme-muted);font-size:var(--text-xs)}
.field-control,.field-group input:not([type=checkbox]):not([type=file]),.field-group textarea,.field-group select,.duration-control input{min-height:44px;padding:10px 12px;color:#21343e;font-size:12px;border-color:#d6e0e5;border-radius:10px;background:#fff}
.field-control::placeholder,.field-group textarea::placeholder,.field-group input::placeholder{color:#9eabb1}
.field-control:focus,.field-group input:focus,.field-group textarea:focus,.field-group select:focus,.duration-control input:focus{border-color:#3b96c1;box-shadow:0 0 0 3px rgba(65,179,224,.12)}
.field-group input[type=file]{min-height:44px;padding:9px;color:#62747e;font-size:var(--text-xs);border:1px solid #d6e0e5;border-radius:10px;background:#fff}
.field-group input[type=file]::file-selector-button{margin-right:10px;padding:7px 9px;color:#294d61;border:0;border-radius:7px;background:#edf3f6;cursor:pointer}
.upload-zone{min-height:190px;border-color:#b9d2de;border-radius:16px;background:#f8fbfc}.upload-zone>svg{width:30px;height:30px}.upload-zone strong{font-size:var(--text-xs)}.upload-zone>small{font-size:var(--text-xs)}.file-list span{font-size:var(--text-xs)}
.editor-aside{top:86px;gap:12px}.aside-card{padding:24px;border-radius:18px}.aside-card--dark{background:#102b3b;box-shadow:0 14px 34px rgba(6,31,44,.12)}.aside-card h3{margin:14px 0 19px;font-size:20px;font-weight:550}.check-list li{font-size:var(--text-xs)}.consent-card{padding:15px;border-radius:14px}.consent-card strong{font-size:var(--text-xs)}.consent-card small{font-size:var(--text-xs)}
.step-indicator span{width:30px;height:30px;font-size:var(--text-xs)}.step-indicator span.is-active,.step-indicator span.is-done{background:#267eac}
.wizard-actions{margin-top:25px;padding-top:18px}.script-metrics span{font-size:var(--text-xs)}.segmented button{font-size:var(--text-xs);border-radius:10px}.toggle-card{border-radius:12px}.toggle-card strong{font-size:var(--text-xs)}.toggle-card small{font-size:var(--text-xs)}.generation-summary{border-radius:14px}.generation-summary strong{font-size:var(--text-xs)}.generation-summary small{font-size:var(--text-xs)}.summary-list dt,.summary-list dd,.included-list small{font-size:var(--text-xs)}.included-list>span{font-size:var(--text-xs)}.tip-card p{font-size:var(--text-xs)}.tip-card strong{font-size:var(--text-xs)}
.single-form-card{padding:34px;border-radius:20px;box-shadow:var(--shadow)}.single-form-card h2{font-size:26px}

/* Profiles and output */
.profile-hero,.project-hero{min-height:215px;padding:32px 36px;border-radius:22px;background:#102b3b;box-shadow:0 16px 40px rgba(6,31,44,.13)}
.profile-hero:after,.project-hero:after{display:none}.profile-portrait{flex-basis:126px;width:126px;height:145px;border-radius:19px}.profile-copy h1{font-size:40px}.profile-copy>p{font-size:var(--text-xs)}.profile-chips span{font-size:var(--text-xs)}.profile-score{padding:19px;border-radius:16px}.profile-score>span,.profile-score>small{font-size:var(--text-xs)}.profile-score strong{font-size:28px}.profile-score>a{display:inline-block;margin-top:13px;color:#70c8e0;font-size:var(--text-xs);font-weight:650}.profile-grid{gap:18px}.reference-card{border-radius:13px}.reference-card figcaption{font-size:var(--text-xs)}.detail-card h3{font-size:19px}.detail-card>p{font-size:var(--text-xs)}.account-list dt,.account-list dd{font-size:var(--text-xs)}.inline-form{grid-template-columns:1.2fr .8fr auto auto}.compact-check{font-size:var(--text-xs)}
.project-hero p{font-size:var(--text-xs)}.output-layout{gap:18px}.output-main{border-radius:20px;box-shadow:var(--shadow)}.output-toolbar h2{font-size:23px}.output-meta span{font-size:var(--text-xs)}.prompt-output{font-size:var(--text-xs);line-height:1.82;background:#0b202d}.output-bottom>span{font-size:var(--text-xs)}.detail-status{gap:7px}

/* Connections */
.provider-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}
.provider-overview>article{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:13px;padding:18px;border:1px solid #e0e7eb;border-radius:16px;background:#fff}
.provider-mark{width:42px;height:42px;font-size:var(--text-xs);border-radius:11px;background:#337fa8}.provider-mark--openai{background:#273a43}.provider-mark--higgsfield,.provider-mark--higgs{background:#277fae}.provider-mark--elevenlabs,.provider-mark--eleven{background:#625ba5}
.provider-overview>article>div{display:flex;min-width:0;flex-direction:column;gap:4px}.provider-overview strong{font-size:var(--text-xs)}.provider-overview small{color:var(--theme-muted);font-size:var(--text-xs)}.provider-count{display:grid;place-items:center;width:28px;height:28px;color:var(--theme-text);font-size:var(--text-xs);border-radius:9px;background:var(--theme-surface-raised);}
.connections-panel{padding-bottom:14px}.account-table{border-top:1px solid #e7edef}.account-row{display:grid;grid-template-columns:40px minmax(180px,1fr) auto auto auto auto;align-items:center;gap:14px;min-height:68px;padding:11px 0;border-bottom:1px solid #e7edef}.account-row:last-child{border-bottom:0}.account-row .provider-mark{width:38px;height:38px}.account-row__main{display:flex;min-width:0;flex-direction:column;gap:4px}.account-row__main strong{font-size:var(--text-xs)}.account-row__main small,.account-secret{color:var(--theme-muted);font-size:var(--text-xs)}.connection-badge{display:inline-flex;align-items:center;gap:6px;color:var(--theme-muted);font-size:var(--text-xs)}.connection-badge i{width:6px;height:6px;border-radius:50%;background:#d9a23f}.connection-badge.is-on{color:var(--theme-success)}.connection-badge.is-on i{background:#21a979}.text-button{padding:6px;color:var(--theme-accent);font-size:var(--text-xs);font-weight:650;border:0;background:transparent;cursor:pointer}.security-note{border-radius:15px}.security-note strong{font-size:var(--text-xs)}.security-note p{font-size:var(--text-xs)}

/* Settings */
.settings-heading{align-items:flex-end}.settings-layout{display:grid;grid-template-columns:205px minmax(0,1fr);align-items:start;gap:24px}
.settings-nav{position:sticky;top:88px;display:flex;flex-direction:column;padding:7px;border:1px solid #e0e7eb;border-radius:14px;background:#fff}
.settings-nav a{padding:11px 12px;color:#6b7b84;font-size:var(--text-xs);font-weight:580;border-radius:9px}.settings-nav a:hover,.settings-nav a.is-active{color:#185f89;background:#edf6fa}
.settings-form{display:flex;min-width:0;flex-direction:column;gap:16px}
.settings-section{padding:28px;border:1px solid #e0e7eb;border-radius:18px;background:#fff;box-shadow:0 8px 26px rgba(16,48,66,.045);scroll-margin-top:88px}
.settings-section__heading{display:grid;grid-template-columns:33px minmax(0,1fr) auto;align-items:start;gap:13px;margin-bottom:24px}.settings-section__heading>span{display:grid;place-items:center;width:31px;height:31px;color:var(--theme-accent);font-size:var(--text-xs);font-weight:720;border-radius:9px;background:#edf6fa}.settings-section__heading h2{margin:1px 0 6px;font-size:20px;font-weight:590;letter-spacing:-.025em}.settings-section__heading p{margin:0;color:#74838b;font-size:var(--text-xs);line-height:1.55}
.model-selector-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:22px}.model-selector-card{padding:17px;border:1px solid #dce7ec;border-radius:14px;background:linear-gradient(145deg,#f8fbfc,#f2f8fa)}.model-selector-card:focus-within{border-color:#5d9fbe;box-shadow:0 0 0 3px rgba(35,126,170,.1)}.model-selector-card__top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px;color:var(--theme-muted);font-size:var(--text-xs);font-weight:680;letter-spacing:.06em;text-transform:uppercase}.model-selector-card__top strong{padding:5px 8px;color:var(--theme-accent);font-size:var(--text-xs);letter-spacing:.02em;border-radius:999px;background:#e5f2f7}.model-selector-card .field-group label{font-size:var(--text-xs)}.model-selector-card .field-control{background:#fff}.model-selector-card .field-group small{font-size:var(--text-xs);line-height:1.55}.settings-defaults-grid{padding-top:21px;border-top:1px solid #e7edef}
.settings-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.settings-fields--3{grid-template-columns:repeat(3,minmax(0,1fr))}.field-group--full{grid-column:1/-1}.settings-toggles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid #e7edef}.settings-toggle{position:relative;display:flex;align-items:center;gap:13px;padding:15px;border:1px solid #dce5e9;border-radius:12px;cursor:pointer}.settings-toggle input{position:absolute;opacity:0}.settings-toggle>span{display:flex;min-width:0;flex:1;flex-direction:column;gap:4px}.settings-toggle strong{font-size:var(--text-xs)}.settings-toggle small{color:var(--theme-muted);font-size:var(--text-xs);line-height:1.45}.settings-toggle>i{position:relative;width:37px;height:21px;border-radius:999px;background:#c9d4d9}.settings-toggle>i:after{position:absolute;left:3px;top:3px;width:15px;height:15px;content:"";border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.15);transition:transform .2s}.settings-toggle input:checked~i{background:#237eaa}.settings-toggle input:checked~i:after{transform:translateX(16px)}
.settings-accounts{border-top:1px solid #e7edef}.settings-account{display:grid;grid-template-columns:38px minmax(0,1fr) auto auto auto;align-items:center;gap:12px;min-height:63px;border-bottom:1px solid #e7edef}.settings-account:last-child{border-bottom:0}.settings-account .provider-mark{width:35px;height:35px;font-size:var(--text-xs)}.settings-account__name{display:flex;min-width:0;flex-direction:column;gap:4px}.settings-account__name strong{font-size:var(--text-xs)}.settings-account__name small{color:var(--theme-muted);font-size:var(--text-xs)}.settings-savebar{position:sticky;bottom:14px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 15px;border:1px solid rgba(40,103,139,.2);border-radius:14px;background:rgba(248,251,252,.94);box-shadow:0 10px 30px rgba(12,48,68,.13);backdrop-filter:blur(12px)}.settings-savebar>span{color:#71818a;font-size:var(--text-xs)}

/* Feedback */
.toast{font-size:var(--text-xs);border-radius:13px}.toast--error>span{background:#dc6262}.errorlist{font-size:var(--text-xs)}.form-errors{font-size:var(--text-xs)}.empty-state h3{font-size:16px}.empty-state p{font-size:var(--text-xs)}.empty-inline strong{font-size:var(--text-xs)}.empty-inline small{font-size:var(--text-xs)}
.reveal{animation-duration:.34s;animation-timing-function:cubic-bezier(.22,1,.36,1)}

@media(max-width:1180px){
  :root{--sidebar:218px}
  .content-wrap{padding-right:28px;padding-left:28px}
  .topbar{padding:0 28px}
  .home-intro{grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr)}
  .metric-strip{gap:15px}
  .metric-strip>div{gap:5px}.metric-strip span{font-size:var(--text-xs)}
  .avatar-mini-grid{grid-template-columns:repeat(2,1fr)}
  .settings-fields--3{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:940px){
  :root{--sidebar:0px}
  .sidebar{width:244px}
  .app-main{width:100%;margin-left:0}
  .content-wrap{padding:26px 22px 60px}
  .topbar{padding:0 22px}
  .home-intro{grid-template-columns:1fr}
  .home-intro__copy{padding-right:0}
  .continue-card{min-height:220px}
  .workspace-grid,.profile-grid,.output-layout{grid-template-columns:1fr}
  .settings-layout{grid-template-columns:1fr}
  .settings-nav{position:static;flex-direction:row;overflow:auto;white-space:nowrap}
  .editor-layout{grid-template-columns:1fr}
  .editor-aside--wizard{grid-row:auto}
  .provider-overview{grid-template-columns:1fr}
}

@media(max-width:680px){
  html,body{max-width:100%;overflow-x:hidden}
  .topbar{height:62px;padding:0 14px}
  .topbar-actions{gap:7px}.topbar-actions .button{min-width:0;padding:0 13px}
  .desktop-label{display:none}.mobile-label{display:inline}.model-chip{display:none}
  .content-wrap{padding:22px 14px 52px}
  .home-intro{gap:16px;margin-top:0}
  .home-intro__copy{padding:12px 2px 8px}
  .home-intro h1{max-width:100%;margin:15px 0 14px;font-size:36px;line-height:1.06;overflow-wrap:anywhere}
  .home-intro p{font-size:12px;line-height:1.7}
  .hero-actions{align-items:stretch;flex-direction:column;margin-top:20px}.hero-actions .button{width:100%}
  .continue-card{min-height:0;padding:20px;border-radius:17px}
  .continue-card__project{grid-template-columns:40px minmax(0,1fr) 16px}.continue-card__project .project-avatar{width:40px;height:40px}
  .continue-card__meta{gap:12px}
  .metric-strip{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:14px;padding:8px 16px}
  .metric-strip>div{min-height:60px}.metric-strip>i{display:none}.metric-strip>a{grid-column:1/-1;justify-content:center;margin:0;padding:13px 0;border-top:1px solid #e6ecef}
  .metric-strip strong{font-size:20px}.metric-strip span{font-size:var(--text-xs)}
  .workspace-grid{gap:14px;margin-top:14px}.panel{padding:19px;border-radius:16px}.panel-heading h2,.section-heading h2{font-size:21px}
  .project-row{grid-template-columns:38px minmax(0,1fr) auto;gap:10px}.project-row>.table-tag,.project-row>.status-pill,.project-row>.row-arrow{display:none}.project-main strong{font-size:var(--text-xs)}.project-main small{font-size:var(--text-xs)}
  .quick-actions-panel{padding-bottom:8px}.quick-action{grid-template-columns:38px minmax(0,1fr) 15px}
  .section-heading{align-items:flex-start;flex-direction:column;margin-top:30px}.section-heading .button{width:100%}
  .avatar-mini-grid{grid-template-columns:1fr}.avatar-mini-card{grid-template-columns:50px minmax(0,1fr) auto 14px}
  .page-heading{align-items:flex-start;flex-direction:column;margin-bottom:21px}.page-heading h1{font-size:34px}.page-heading>.button,.settings-heading>.button{width:100%}
  .page-heading--compact{gap:18px}.step-indicator{align-self:flex-start;width:100%}.step-indicator i{flex:1}
  .editor-aside--wizard{display:none}
  .form-section{padding:25px 18px;border-radius:16px}.form-section__index{right:17px;top:19px;font-size:28px}.form-section__heading{padding-right:38px}.form-section__heading h2{font-size:22px}.form-section__heading p{font-size:var(--text-xs)}
  .form-grid--2,.form-grid--3{grid-template-columns:1fr}.field-group--2,.field-group--3{grid-column:auto}
  .field-group>label,.option-field>label{font-size:var(--text-xs)}.field-control,.field-group input:not([type=checkbox]):not([type=file]),.field-group textarea,.field-group select,.duration-control input{font-size:13px}
  .wizard-actions{align-items:stretch;flex-direction:column-reverse}.wizard-actions>span{display:none}.wizard-actions>.button,.action-pair,.action-pair>.button{width:100%}.action-pair{flex-direction:column-reverse}
  .segmented{display:grid;grid-template-columns:1fr 1fr 1fr}.segmented button{padding:0 8px}
  .profile-hero,.project-hero{align-items:flex-start;flex-direction:column;min-height:0;padding:24px 20px;border-radius:18px}.profile-copy h1{font-size:34px}.profile-score{width:100%}.project-hero__actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.project-hero__actions .button,.project-hero__actions form,.project-hero__actions form .button{width:100%}
  .profile-grid,.output-layout{gap:14px}.reference-grid{grid-template-columns:1fr 1fr}.inline-form{grid-template-columns:1fr}.prompt-output{font-size:var(--text-xs)}
  .provider-overview{gap:9px}.provider-overview>article{padding:14px}.account-row{grid-template-columns:38px minmax(0,1fr) auto;gap:10px}.account-secret,.account-row>.connection-badge,.account-row>form{display:none}.connections-panel .panel-heading{align-items:flex-start;flex-direction:column}
  .settings-nav{margin-bottom:-2px}.settings-section{padding:22px 17px;border-radius:15px}.settings-section__heading{grid-template-columns:31px minmax(0,1fr);gap:10px}.settings-section__heading>.button{grid-column:1/-1;width:100%}.model-selector-grid,.settings-fields,.settings-fields--3,.settings-toggles{grid-template-columns:1fr}.model-selector-card{padding:15px}.settings-account{grid-template-columns:35px minmax(0,1fr) auto}.settings-account>.connection-badge,.settings-account>.text-button:first-of-type{display:none}.settings-savebar{bottom:8px}.settings-savebar>span{display:none}.settings-savebar .button{width:100%}
  .single-form-card{padding:24px 17px;border-radius:16px}.form-footer{align-items:stretch;flex-direction:column-reverse}.form-footer .button{width:100%}
}

@media(max-width:390px){
  .home-intro h1{font-size:32px}
  .metric-strip{grid-template-columns:1fr}.metric-strip>div:nth-of-type(n+3){border-top:1px solid #e7edef}
  .reference-grid{grid-template-columns:1fr}
  .project-hero__actions{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){.reveal{animation:none}.quick-action>svg{transform:none!important}}

/* Leonardo browser production */
.page-heading__actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.provider-overview{grid-template-columns:repeat(4,minmax(0,1fr))}
.provider-wordmark--leonardo{display:grid;place-items:center;color:#fff;font-size:var(--text-xs);font-weight:750;letter-spacing:-.02em;border-radius:11px;background:linear-gradient(145deg,#7457e8,#ad49c3)}
.provider-symbol--leonardo{color:#fff;background:linear-gradient(145deg,#7457e8,#ad49c3)}
.button--leonardo{min-height:var(--control-height);color:#fff;border-color:#7256dc;background:linear-gradient(135deg,#7054dc,#a944bb);box-shadow:0 8px 20px rgba(112,84,220,.2)}
.button--leonardo:hover{color:#fff;border-color:#6248ca;box-shadow:0 10px 25px rgba(112,84,220,.28);transform:translateY(-1px)}
.leonardo-account-form{max-width:860px;margin-inline:auto}.leonardo-form-intro{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:13px;margin-bottom:26px;padding-bottom:20px;border-bottom:1px solid #e4eaed}.leonardo-form-intro>div{display:flex;flex-direction:column;gap:4px}.leonardo-form-intro strong{font-size:13px}.leonardo-form-intro small{color:#718089;font-size:var(--text-xs)}.secure-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;color:#176d51;font-size:var(--text-xs);font-weight:650;border-radius:999px;background:#eaf8f2}.secure-chip i{width:6px;height:6px;border-radius:50%;background:#27a979}.credential-privacy-note,.generation-consent{display:flex;align-items:flex-start;gap:12px;margin-top:20px;padding:14px;color:#425762;border:1px solid #dbe6eb;border-radius:12px;background:#f7fafb}.credential-privacy-note svg,.generation-consent svg{flex:0 0 20px;width:20px;height:20px;color:#357fa5;fill:none;stroke:currentColor;stroke-width:1.7}.credential-privacy-note span,.generation-consent span{display:flex;flex-direction:column;gap:4px}.credential-privacy-note strong,.generation-consent strong{font-size:var(--text-xs)}.credential-privacy-note small,.generation-consent small{color:#71828b;font-size:var(--text-xs);line-height:1.55}
.leonardo-panel{scroll-margin-top:88px}.leonardo-panel__heading{display:flex;align-items:center;gap:12px;margin-bottom:13px}.leonardo-panel__heading .provider-symbol{width:40px;height:40px}.leonardo-panel__heading h3{margin:3px 0 0}.leonardo-panel>p{margin:0 0 14px}.leonardo-runs{display:flex;flex-direction:column;gap:10px;margin-top:18px;padding-top:17px;border-top:1px solid #e5ebee}.leonardo-run{padding:12px;border:1px solid #e0e7eb;border-radius:12px;background:#fbfcfd}.leonardo-run__top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.leonardo-run__top>span{display:flex;min-width:0;flex-direction:column;gap:3px}.leonardo-run__top strong{font-size:var(--text-xs)}.leonardo-run__top small{color:#7c8b93;font-size:var(--text-xs)}.leonardo-run__top em{flex:0 0 auto;padding:4px 7px;color:#7b632f;font-size:var(--text-xs);font-style:normal;font-weight:650;border-radius:999px;background:#fff4d9}.leonardo-run.is-completed .leonardo-run__top em{color:#176d51;background:#e8f7f0}.leonardo-run.is-failed .leonardo-run__top em,.leonardo-run.is-action_required .leonardo-run__top em{color:#9d3e3e;background:#fff0f0}.leonardo-progress{height:4px;margin-top:10px;overflow:hidden;border-radius:99px;background:#e6ecef}.leonardo-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7054dc,#b349bc);transition:width .35s ease}.leonardo-run>p{margin:8px 0 0;color:#687a84;font-size:var(--text-xs);line-height:1.5}.leonardo-run__result{margin-top:11px}.leonardo-run__result video{display:block;width:100%;max-height:260px;border-radius:9px;background:#07141f}.leonardo-run__result .text-link{display:inline-block;margin-top:8px;font-size:var(--text-xs)}.leonardo-run__actions{display:flex;align-items:center;gap:8px;margin-top:8px}.leonardo-run__actions form{margin:0}.text-button--danger{color:#a33f3f}
.leonardo-dialog{width:min(620px,calc(100vw - 28px));max-height:calc(100vh - 32px);padding:0;overflow:auto;color:#20333d;border:0;border-radius:20px;background:#fff;box-shadow:0 28px 80px rgba(5,24,36,.3)}.leonardo-dialog::backdrop{background:rgba(5,20,31,.7);backdrop-filter:blur(4px)}.leonardo-dialog form{padding:27px}.leonardo-dialog__head{display:grid;grid-template-columns:42px minmax(0,1fr) 44px;align-items:center;gap:12px}.leonardo-dialog__head .provider-symbol{width:42px;height:42px}.leonardo-dialog__head h2{margin:3px 0 0;font-size:23px;letter-spacing:-.035em}.leonardo-dialog__head .icon-button{width:44px;height:44px;font-size:21px}.leonardo-dialog__intro{margin:18px 0;color:#667983;font-size:var(--text-xs);line-height:1.6}.leonardo-dialog .form-footer{margin-top:20px}.leonardo-dialog[open]{animation:leonardo-dialog-in .18s ease-out}@keyframes leonardo-dialog-in{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}

@media(max-width:1180px){.provider-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.page-heading__actions{width:100%;align-items:stretch;flex-direction:column}.page-heading__actions .button{width:100%}.provider-overview{grid-template-columns:1fr}.account-row>.text-button{grid-column:2/4;grid-row:2;justify-self:start;min-height:36px}.account-row>.button{grid-column:3;grid-row:1}.leonardo-form-intro{grid-template-columns:42px minmax(0,1fr)}.secure-chip{grid-column:1/-1;justify-self:start}.leonardo-dialog form{padding:21px 17px}.leonardo-dialog__head{grid-template-columns:38px minmax(0,1fr) 44px}.leonardo-dialog__head h2{font-size:20px}.leonardo-dialog .form-footer{align-items:stretch;flex-direction:column-reverse}.leonardo-dialog .form-footer .button{width:100%}}
@media(max-width:680px){.account-row{align-items:start}.account-row>.account-secret{display:flex;grid-column:2/4;grid-row:2}.account-row>.connection-badge{display:inline-flex;grid-column:2;grid-row:3;align-self:center}.account-row>form{display:block;grid-column:3;grid-row:3}.account-row>.text-button{grid-row:4}}
@media(prefers-reduced-motion:reduce){.leonardo-dialog[open]{animation:none}.leonardo-progress i{transition:none}}

/* Source: authority.css */
/* Vidia — authority layer
   Quiet confidence, editorial hierarchy and production-grade feedback. */
:root{
  --brand-sky:#46b9dd;
  --brand-blue:#4c8de3;
  --brand-navy:#071722;
  --surface-glass:rgba(255,255,255,.88);
  --ease-out:cubic-bezier(.22,1,.36,1);
}

html,body{max-width:100%;overflow-x:clip}
body{min-height:100vh;background:
  radial-gradient(circle at 78% -10%,rgba(70,185,221,.075),transparent 27rem),
  linear-gradient(180deg,#f8fafb 0%,#f5f8f9 100%)}
.app-main{position:relative;min-height:100vh;isolation:isolate}
.topbar,.content-wrap{position:relative;z-index:2}
.content-wrap{min-height:calc(100vh - 66px)}
.panel,.profile-grid>*,.output-layout>*,.workspace-grid>*{min-width:0}
.account-list>div,.account-list dd{min-width:0}.account-list dd{overflow-wrap:anywhere}

/* Brand signature: the full official lock-up belongs in navigation; the icon is ambient only. */
.brand-lockup{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:13px}
.brand-logo{display:block;width:58px;height:34px;object-fit:contain;filter:drop-shadow(0 5px 14px rgba(64,176,218,.08))}
.brand-lockup>span{display:flex;min-width:0;flex-direction:column;gap:4px}
.brand-lockup strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.brand-background{position:fixed;z-index:1;display:block;pointer-events:none;background:url('../brand/vidia-icon.svg') center/contain no-repeat;filter:saturate(.8) contrast(.92)}
.brand-background--large{top:76px;right:-88px;width:440px;height:440px;opacity:.105;transform:rotate(7deg)}
.brand-background--small{bottom:18px;left:calc(var(--sidebar) + 20px);width:156px;height:156px;opacity:.085;transform:rotate(-13deg)}
.brand-background-disabled .brand-background{display:none}
.mobile-brand{display:none;width:27px;height:27px;object-fit:contain}

/* Top-level wayfinding */
.command-trigger{display:flex;align-items:center;gap:8px;min-height:36px;padding:0 9px;color:#5f717b;font:inherit;font-size:var(--text-xs);border:1px solid #dce5e9;border-radius:9px;background:#fff;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.command-trigger:hover{border-color:#b5cad4;box-shadow:0 6px 18px rgba(20,62,82,.07)}
.command-trigger svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}
.command-trigger kbd{padding:3px 5px;color:#87959b;font-family:inherit;font-size:var(--text-xs);border:1px solid #e0e7ea;border-radius:5px;background:#f6f8f9;box-shadow:0 1px 0 #d9e1e5}
.model-chip b{font-weight:620}
.model-chip.is-saving span{background:#d99b2b;animation:statusPulse 1s infinite}
.model-chip.is-saved span{background:#23a77a}
.model-chip.is-error span{background:#d65a5a}
.mobile-bottom-nav{display:none}

/* Command palette */
.command-palette{width:min(610px,calc(100vw - 32px));max-height:min(680px,80vh);padding:0;overflow:hidden;color:var(--ink);border:1px solid rgba(29,73,96,.16);border-radius:20px;background:rgba(255,255,255,.97);box-shadow:0 32px 90px rgba(4,26,40,.27);backdrop-filter:blur(18px)}
.command-palette::backdrop{background:rgba(3,18,28,.44);backdrop-filter:blur(3px)}
.command-palette[open]{animation:paletteIn .2s var(--ease-out)}
.command-palette__head{display:grid;grid-template-columns:21px 1fr auto;align-items:center;gap:11px;padding:16px 18px;border-bottom:1px solid #e6edef}
.command-palette__head svg{width:20px;height:20px;fill:none;stroke:#477084;stroke-width:1.7}
.command-palette__head input{width:100%;height:38px;padding:0;color:#1e3039;font:inherit;font-size:13px;border:0;background:transparent;outline:0}
.command-palette__head button{padding:5px 7px;color:#73838b;font-size:var(--text-xs);border:1px solid #dce5e9;border-radius:6px;background:#f5f8f9;cursor:pointer}
.command-palette__body{max-height:520px;padding:10px;overflow:auto}
.command-group-label{display:block;padding:10px 10px 6px;color:#849299;font-size:var(--text-xs);font-weight:720;letter-spacing:.13em;text-transform:uppercase}
.command-palette__body>a{display:grid;grid-template-columns:37px minmax(0,1fr);align-items:center;gap:11px;padding:10px;color:#263943;border-radius:11px}
.command-palette__body>a:hover,.command-palette__body>a:focus{background:#eef6f9;outline:0}
.command-palette__body>a>span:last-child{display:flex;min-width:0;flex-direction:column;gap:3px}
.command-palette__body strong{font-size:var(--text-xs)}.command-palette__body small{color:#7e8d94;font-size:var(--text-xs)}
.command-item-icon,.command-avatar{display:grid;place-items:center;width:35px;height:35px;color:#186c99;font-size:15px;font-weight:650;border-radius:10px;background:#eaf5f9}
.command-item-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7}
.command-empty{padding:28px;color:#77868d;font-size:var(--text-xs);text-align:center}

/* Generation feedback */
.generation-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:rgba(4,20,30,.66);backdrop-filter:blur(7px)}
.generation-overlay[hidden]{display:none}
.generation-overlay__panel{position:relative;width:min(440px,100%);padding:34px;border:1px solid rgba(102,201,229,.17);border-radius:23px;background:#0a2230;color:#fff;box-shadow:0 35px 90px rgba(0,0,0,.36);overflow:hidden}
.generation-overlay__panel>img{position:absolute;right:-45px;top:-35px;width:180px;height:180px;object-fit:contain;opacity:.055;transform:rotate(11deg)}
.generation-overlay__panel h2{position:relative;margin:14px 0 22px;font-size:27px;font-weight:510;letter-spacing:-.035em}
.generation-overlay__panel ol{position:relative;display:grid;gap:0;margin:0;padding:0;list-style:none;counter-reset:steps}
.generation-overlay__panel li{position:relative;padding:11px 0 11px 32px;color:#6f8b99;font-size:var(--text-xs);border-left:1px solid rgba(255,255,255,.1);counter-increment:steps;transition:color .25s}
.generation-overlay__panel li:before{position:absolute;left:-10px;top:7px;display:grid;place-items:center;width:19px;height:19px;content:counter(steps);font-size:var(--text-xs);border:1px solid #315062;border-radius:50%;background:#0a2230}
.generation-overlay__panel li.is-active{color:#fff}.generation-overlay__panel li.is-active:before{color:#071722;border-color:var(--brand-sky);background:var(--brand-sky);box-shadow:0 0 0 5px rgba(70,185,221,.09)}
.generation-overlay__panel li.is-done{color:#7dbed0}.generation-overlay__panel li.is-done:before{content:'✓';color:#071722;border-color:#5fc4dd;background:#5fc4dd}
.generation-overlay__panel>small{display:block;margin-top:20px;color:#6f8996;font-size:var(--text-xs)}

/* Dashboard authority and system readiness */
.studio-health{display:grid;grid-template-columns:270px minmax(0,1fr);align-items:center;gap:30px;margin-top:23px;padding:23px 25px;border:1px solid #dfe8ec;border-radius:18px;background:rgba(255,255,255,.85);box-shadow:0 10px 30px rgba(16,48,66,.045);backdrop-filter:blur(8px)}
.studio-health__intro h2{margin:8px 0 5px;font-size:18px;font-weight:580;letter-spacing:-.025em}.studio-health__intro p{margin:0;color:var(--theme-muted);font-size:var(--text-xs);line-height:1.55}
.studio-health__items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.health-item{display:grid;grid-template-columns:25px minmax(0,1fr);gap:3px 8px;align-items:center;min-height:57px;padding:10px;color:#465b65;border:1px solid #e2e9ec;border-radius:11px;background:#f9fbfc;transition:border-color .2s,background .2s}
.health-item:hover{border-color:#bcd3dd;background:#f4f9fb}.health-item>span{grid-row:1/3;display:grid;place-items:center;width:25px;height:25px;color:#9b793e;font-size:var(--text-xs);font-weight:700;border-radius:8px;background:#fff2d8}
.health-item strong{font-size:var(--text-xs)}.health-item small{color:#89979d;font-size:var(--text-xs)}.health-item.is-done>span{color:#126b4c;background:#dcf4ea}
.project-avatar--photo{overflow:hidden}.project-avatar--photo img,.project-avatar img{width:100%;height:100%;object-fit:cover}

/* Lists and discovery */
.project-filters{display:grid;grid-template-columns:minmax(210px,1.7fr) repeat(4,minmax(120px,.7fr)) auto auto;align-items:center;gap:8px;margin-bottom:17px;padding:11px;border:1px solid #e1e8eb;border-radius:15px;background:rgba(255,255,255,.86);box-shadow:0 7px 22px rgba(16,48,66,.035)}
.project-filters .field-control{width:100%;min-height:38px;padding:0 10px;font-size:var(--text-xs);border:1px solid #d9e3e7;border-radius:9px;background:#fff}.project-filter-search{position:relative}.project-filter-search svg{position:absolute;left:11px;top:50%;z-index:1;width:15px;height:15px;fill:none;stroke:#84969e;stroke-width:1.7;transform:translateY(-50%)}.project-filter-search input{padding-left:34px!important}.project-filters>.text-button{text-align:center}
.branded-empty{position:relative;overflow:hidden}.brand-empty-mark,.rn-generation-mark{display:block;background:url('../brand/vidia-icon.svg') center/contain no-repeat}
.brand-empty-mark{width:64px;height:64px;margin:0 auto 14px;opacity:.26;filter:saturate(.75)}

/* Wizard: named progress, speech fit, presets and preflight */
.step-indicator{display:flex;align-items:center;gap:8px}
.step-indicator>button{display:flex;align-items:center;gap:7px;padding:0;color:var(--theme-muted);border:0;background:transparent;cursor:pointer}
.step-indicator>button>span{display:grid;place-items:center;width:29px;height:29px;font-size:var(--text-xs);font-weight:680;border:1px solid #d1dce1;border-radius:50%;background:#fff;transition:.2s}
.step-indicator>button>small{font-size:var(--text-xs);font-weight:630}.step-indicator>i{width:17px;height:1px;background:#d9e2e6}
.step-indicator>button.is-active{color:var(--theme-accent)}.step-indicator>button.is-active>span,.step-indicator>button.is-done>span{color:#fff;border-color:#267eac;background:#267eac}
.step-indicator>button.is-done>span:after{content:''}
.speech-fit{display:grid;grid-template-columns:minmax(90px,160px) auto minmax(190px,1fr);align-items:center;gap:11px;margin-top:15px;padding:12px 14px;border:1px solid #e0e8eb;border-radius:11px;background:#f8fafb}
.speech-fit>div{height:5px;overflow:hidden;border-radius:999px;background:#e2e9ec}.speech-fit>div>span{display:block;width:0;height:100%;border-radius:inherit;background:#3e9bc1;transition:width .25s,background .25s}
.speech-fit strong{font-size:var(--text-xs)}.speech-fit small{color:var(--theme-muted);font-size:var(--text-xs);line-height:1.45}.speech-fit.is-tight>div>span{background:#d59b35}.speech-fit.is-over>div>span{background:#d25858}
.preset-group{display:flex;align-items:flex-start;gap:14px;margin-bottom:17px}.preset-group>span{padding-top:7px;color:#708088;font-size:var(--text-xs);font-weight:700;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
.preset-chips{display:flex;flex-wrap:wrap;gap:6px}.preset-chips button{padding:7px 10px;color:#41606f;font:inherit;font-size:var(--text-xs);font-weight:620;border:1px solid #d6e2e7;border-radius:999px;background:#fff;cursor:pointer;transition:.18s}.preset-chips button:hover,.preset-chips button.is-active{color:#135f8d;border-color:#9ccbe0;background:#edf8fb}
.advanced-disclosure{margin-top:18px;border:1px solid #dfe7eb;border-radius:13px;background:#fbfcfd;overflow:hidden}.advanced-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;cursor:pointer;list-style:none}.advanced-disclosure>summary::-webkit-details-marker{display:none}.advanced-disclosure>summary>span{display:flex;flex-direction:column;gap:3px}.advanced-disclosure summary strong{font-size:var(--text-xs)}.advanced-disclosure summary small{color:#829098;font-size:var(--text-xs)}.advanced-disclosure summary svg{width:16px;height:16px;fill:none;stroke:#6e818a;stroke-width:1.7;transition:transform .2s}.advanced-disclosure[open] summary svg{transform:rotate(180deg)}.advanced-disclosure>.form-grid,.advanced-disclosure>.settings-fields{padding:3px 16px 18px}
.preflight{margin-top:20px;padding:18px;border:1px solid #dce6ea;border-radius:15px;background:#f9fbfc}.preflight__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.preflight__head h3{margin:6px 0 0;font-size:16px;font-weight:580}.preflight__head>strong{font-size:20px;font-weight:550;color:#267da7}
.preflight__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.preflight__grid>span{display:grid;grid-template-columns:20px minmax(0,1fr);gap:2px 7px;align-items:center;padding:9px;border:1px solid #e3eaed;border-radius:9px;background:#fff}.preflight__grid i{grid-row:1/3;width:18px;height:18px;border:1px solid #ccd9df;border-radius:50%}.preflight__grid b{font-size:var(--text-xs)}.preflight__grid small{color:var(--theme-muted);font-size:var(--text-xs)}.preflight__grid>span.is-done i{position:relative;border-color:#40a77f;background:#40a77f}.preflight__grid>span.is-done i:after{position:absolute;inset:0;display:grid;place-items:center;content:'✓';color:#fff;font-style:normal;font-size:var(--text-xs)}.preflight__grid>span.is-done small{color:#27805f}
.rn-generation-mark{flex:0 0 43px;width:43px;height:43px;opacity:.46}

/* Prompt as a production document */
.output-main{overflow:visible}.version-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 22px;border-top:1px solid #e5ebee;border-bottom:1px solid #e5ebee;background:#f8fafb}.version-bar>div{display:flex;align-items:center;gap:6px}.version-bar strong,.version-bar>span{color:#7b8990;font-size:var(--text-xs)}.version-bar a,.version-bar>div>span{padding:5px 7px;color:#627680;font-size:var(--text-xs);border:1px solid #dce5e9;border-radius:7px;background:#fff}.version-bar a.is-active{color:#fff;border-color:#237ca8;background:#237ca8}
.prompt-reader{display:grid;grid-template-columns:190px minmax(0,1fr);align-items:start;min-height:520px;background:#0b202d}.prompt-toc{position:sticky;top:66px;display:flex;flex-direction:column;gap:2px;padding:22px 15px}.prompt-toc>span{padding:0 8px 10px;color:#5f7c8c;font-size:var(--text-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.prompt-toc a{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:6px;padding:8px;color:#8da3ae;font-size:var(--text-xs);border-radius:7px}.prompt-toc a:hover{color:#d8ebf3;background:rgba(255,255,255,.045)}.prompt-toc small{color:#4f7183;font-size:var(--text-xs)}
.prompt-document{min-width:0;border-left:1px solid rgba(255,255,255,.07)}.prompt-section{border-bottom:1px solid rgba(255,255,255,.075)}.prompt-section>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 20px;color:#cbdde5;cursor:pointer;list-style:none}.prompt-section>summary::-webkit-details-marker{display:none}.prompt-section>summary>span:first-child{display:flex;align-items:center;gap:9px}.prompt-section>summary small{color:#4f7689;font-size:var(--text-xs)}.prompt-section>summary strong{font-size:var(--text-xs);font-weight:630;letter-spacing:.015em}.prompt-section__actions{display:flex;align-items:center;gap:8px}.prompt-section__actions button{padding:5px 7px;color:#6f98aa;font:inherit;font-size:var(--text-xs);border:1px solid rgba(125,177,199,.16);border-radius:6px;background:transparent;cursor:pointer}.prompt-section__actions button:hover{color:#d8f1f7;border-color:rgba(125,207,228,.35)}.prompt-section__actions svg{width:14px;height:14px;fill:none;stroke:#587989;stroke-width:1.6;transition:transform .2s}.prompt-section[open] .prompt-section__actions svg{transform:rotate(180deg)}
.prompt-section pre{margin:0;padding:2px 20px 22px;color:#b9cbd4;font:400 var(--text-xs)/1.82 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;word-break:break-word}.version-compare{margin:14px;border:1px solid #dde6ea;border-radius:12px;overflow:hidden}.version-compare>summary{padding:12px 14px;color:#315767;font-size:var(--text-xs);font-weight:650;cursor:pointer}.version-compare>div{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #e2e9ec}.version-compare article{min-width:0;padding:13px}.version-compare article+article{border-left:1px solid #e2e9ec}.version-compare article>span{font-size:var(--text-xs);font-weight:700}.version-compare pre{max-height:300px;overflow:auto;font:var(--text-xs)/1.65 ui-monospace,monospace;white-space:pre-wrap}
.preflight-score{display:flex;align-items:baseline;gap:6px;margin:14px 0}.preflight-score strong{font-size:27px;font-weight:520}.preflight-score span{color:#78878e;font-size:var(--text-xs)}.readiness-list{display:grid;gap:7px;margin:0 0 16px;padding:0;list-style:none}.readiness-list li{display:grid;grid-template-columns:25px minmax(0,1fr);align-items:center;gap:9px;padding:8px;border-radius:9px;background:#f6f8f9}.readiness-list li>i{display:grid;place-items:center;width:24px;height:24px;color:#936c2b;font-size:var(--text-xs);font-style:normal;border-radius:8px;background:#fff1d6}.readiness-list li>span{display:flex;flex-direction:column;gap:2px}.readiness-list strong{font-size:var(--text-xs)}.readiness-list small{color:#85939a;font-size:var(--text-xs)}.readiness-list li.is-done>i{color:#136a4b;background:#dff4eb}.readiness-list--compact{gap:4px}.readiness-list--compact li{padding:6px}
.production-card{padding-bottom:16px}.production-action{display:grid;grid-template-columns:35px minmax(0,1fr) 15px;align-items:center;gap:10px;width:100%;padding:10px 0;color:#2e444f;text-align:left;border:0;border-top:1px solid #e8edef;background:transparent;cursor:pointer}.production-action>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:3px}.production-action strong{font-size:var(--text-xs)}.production-action small{overflow:hidden;color:#839198;font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap}.production-action>svg{width:14px;height:14px;fill:none;stroke:#91a1a8;stroke-width:1.7}.provider-symbol{display:grid;place-items:center;width:34px;height:34px;color:#fff;font-size:var(--text-xs);font-weight:720;border-radius:9px;background:#477588}.provider-symbol--openai{background:#273a43}.provider-symbol--higgsfield{background:linear-gradient(145deg,#247fab,#43b3d2)}.provider-symbol--elevenlabs{background:#5c57a3}.activity-list{display:grid;gap:11px;margin:16px 0 0;padding:0;list-style:none}.activity-list li{display:grid;grid-template-columns:8px minmax(0,1fr);align-items:center;gap:9px}.activity-list li>i{width:7px;height:7px;border-radius:50%;background:#5b9dbb}.activity-list li>span{display:flex;flex-direction:column;gap:2px}.activity-list strong{font-size:var(--text-xs)}.activity-list small{color:#86949a;font-size:var(--text-xs)}.activity-list li.is-failed>i{background:#d55d5d}

/* Character trust: reference coverage, voice and consent */
.angle-matrix{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.angle-slot{position:relative;min-width:0;padding:13px 9px;border:1px solid #e1e8eb;border-radius:11px;background:#f9fbfc;text-align:center}.angle-silhouette{position:relative;display:block;width:30px;height:34px;margin:0 auto 8px}.angle-silhouette:before{position:absolute;left:8px;top:0;width:14px;height:14px;content:'';border-radius:50%;background:#cbd7dc}.angle-silhouette:after{position:absolute;left:3px;bottom:0;width:24px;height:17px;content:'';border-radius:13px 13px 6px 6px;background:#d7e1e5}.angle-slot strong,.angle-slot small{display:block}.angle-slot strong{font-size:var(--text-xs)}.angle-slot small{min-height:22px;margin-top:3px;color:#89969c;font-size:var(--text-xs);line-height:1.45}.angle-slot b{display:inline-block;margin-top:7px;padding:4px 6px;color:#8a6a35;font-size:var(--text-xs);border-radius:5px;background:#fff0d7}.angle-slot.is-done{border-color:#b8ddcf;background:#f4fbf8}.angle-slot.is-done b{color:#176e51;background:#dff4eb}.subsection-heading{margin-top:25px;padding-top:20px;border-top:1px solid #e7edef}.subsection-heading h3{margin:0;font-size:14px}.subsection-heading p{margin:5px 0 13px;color:#7f8d93;font-size:var(--text-xs)}
.angle-upload-guide,.voice-quality-guide{display:grid;gap:7px;margin-bottom:15px}.angle-upload-guide{grid-template-columns:repeat(5,1fr)}.angle-upload-guide>span,.voice-quality-guide>span{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:2px 8px;padding:9px;border:1px solid #e1e9ec;border-radius:10px;background:#f9fbfc}.angle-upload-guide i{grid-row:1/3;display:block;width:22px;height:27px;border-radius:12px 12px 8px 8px;background:linear-gradient(#c7d5db 46%,#dce5e8 47%)}.angle-upload-guide strong,.voice-quality-guide strong{font-size:var(--text-xs)}.angle-upload-guide small,.voice-quality-guide small{color:#87959b;font-size:var(--text-xs)}.voice-quality-guide{grid-template-columns:repeat(3,1fr)}.voice-quality-guide i{grid-row:1/3;display:grid;place-items:center;width:24px;height:24px;color:#247da8;font-size:var(--text-xs);font-style:normal;border-radius:8px;background:#eaf5f9}.consent-fields{display:grid;gap:10px;padding:12px;border:1px solid #dbe5e9;border-radius:14px;background:rgba(255,255,255,.8)}.consent-fields .consent-card{margin:0}.inline-action{display:inline-flex;margin-top:13px;color:#18729f;font-size:var(--text-xs);font-weight:650}
.voice-card audio{width:100%;height:34px;margin:11px 0}.voice-waveform{display:flex;align-items:center;justify-content:center;gap:3px;height:45px;margin-top:12px;padding:0 8px;border-radius:10px;background:#eef6f9}.voice-waveform i{width:3px;height:12px;border-radius:3px;background:#4fa6c8}.voice-waveform i:nth-child(2n){height:24px}.voice-waveform i:nth-child(3n){height:17px}.voice-waveform i:nth-child(5n){height:31px}.voice-file-meta{display:flex;justify-content:space-between;gap:8px}.voice-file-meta span,.voice-file-meta small{font-size:var(--text-xs)}.voice-file-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-file-meta small{color:#839198}.voice-empty{margin:12px 0;padding:14px;border:1px dashed #cbd9df;border-radius:10px;background:#f8fafb}.voice-empty strong,.voice-empty small{display:block}.voice-empty strong{font-size:var(--text-xs)}.voice-empty small{margin-top:4px;color:#809097;font-size:var(--text-xs)}.voice-profile-text{margin:13px 0}.voice-profile-text summary{color:#247aa3;font-size:var(--text-xs);font-weight:650;cursor:pointer}.voice-profile-text p{max-height:230px;overflow:auto;color:#65777f;font-size:var(--text-xs);line-height:1.6}.consent-record-card{background:linear-gradient(145deg,#fff,#f5fafb)}

/* Connection clarity and settings simplicity */
.provider-wordmark{display:grid;place-items:center;min-height:42px;padding:0 8px;color:#263a44;font-size:var(--text-xs);font-weight:720;letter-spacing:-.025em;border-radius:10px;background:#edf2f4}.provider-wordmark--openai{font-size:12px}.provider-wordmark--higgsfield{color:#fff;background:#176f9e}.provider-wordmark--elevenlabs{gap:2px;font-size:var(--text-xs)}.provider-wordmark--elevenlabs b{font-size:12px}
.account-row__main em{color:var(--theme-muted);font-size:var(--text-xs);font-style:normal}.account-secret{display:flex;flex-direction:column;gap:3px}.account-secret strong{color:#4f626c;font-size:var(--text-xs)}.settings-nav__tools{margin-top:7px;padding-top:7px;border-top:1px solid #e7edef}.settings-nav__tools a,.settings-nav__tools button{display:block;width:100%;padding:9px 12px;color:var(--theme-muted);font:inherit;font-size:var(--text-xs);text-align:left;border:0;border-radius:8px;background:transparent;cursor:pointer}.settings-nav__tools button:hover,.settings-nav__tools a:hover{color:#185f89;background:#edf6fa}.settings-toggles--3{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-advanced{margin-top:20px}.settings-account .provider-symbol{width:34px;height:34px}.settings-savebar>div{display:flex;align-items:center;gap:8px}.settings-savebar.is-dirty{border-color:rgba(39,135,177,.42);background:rgba(250,253,254,.97)}

/* Micro polish and motion discipline */
.button,.quick-action,.health-item,.avatar-mini-card,.avatar-card,.production-action{transition:color .18s,background .18s,border-color .18s,box-shadow .18s,transform .18s var(--ease-out)}
.button:active,.production-action:active{transform:translateY(1px)}
.text-link svg,.row-arrow{transition:transform .18s var(--ease-out)}.text-link:hover svg,.project-row:hover .row-arrow,.production-action:hover>svg{transform:translateX(2px)}
@keyframes paletteIn{from{opacity:0;transform:translateY(-8px) scale(.985)}to{opacity:1;transform:none}}
@keyframes statusPulse{50%{opacity:.45}}

@media(max-width:1180px){
  .project-filters{grid-template-columns:repeat(3,minmax(0,1fr))}
  .studio-health{grid-template-columns:225px minmax(0,1fr);gap:20px}.health-item{grid-template-columns:22px minmax(0,1fr);padding:8px}.health-item>span{width:22px;height:22px}
  .angle-matrix{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:940px){
  .brand-background--small{left:18px;opacity:.07}.brand-background--large{right:-120px;opacity:.09}
  .studio-health{grid-template-columns:minmax(0,1fr)}.profile-grid,.output-layout,.workspace-grid{grid-template-columns:minmax(0,1fr)}.project-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
  .settings-toggles--3{grid-template-columns:1fr}
}
@media(max-width:680px){
  body{padding-bottom:68px}
  .breadcrumbs,.command-trigger span,.command-trigger kbd{display:none}.command-trigger{width:36px;justify-content:center;padding:0}.mobile-brand{display:block}.topbar{gap:9px}.topbar-actions{margin-left:auto}
  .brand-background--large{top:70px;right:-70px;width:245px;height:245px;opacity:.085}.brand-background--small{display:block;left:-28px;bottom:76px;width:112px;height:112px;opacity:.055}
  .mobile-bottom-nav{position:fixed;left:8px;right:8px;bottom:8px;z-index:50;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;height:58px;padding:5px 7px calc(5px + env(safe-area-inset-bottom));border:1px solid rgba(35,72,90,.14);border-radius:17px;background:rgba(8,25,35,.95);box-shadow:0 14px 40px rgba(5,25,37,.27);backdrop-filter:blur(14px)}
  .mobile-bottom-nav a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;height:46px;color:#718995;font-size:var(--text-xs)}.mobile-bottom-nav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}.mobile-bottom-nav a.is-active{color:#71cae0}.mobile-bottom-nav__create{align-self:center;width:48px!important;height:48px!important;margin:-24px auto 0;color:#061822!important;border:4px solid #f6f8f9;border-radius:16px;background:linear-gradient(145deg,var(--brand-sky),var(--brand-blue));box-shadow:0 8px 19px rgba(44,140,192,.35)}.mobile-bottom-nav__create span{display:none}.mobile-bottom-nav__create svg{width:20px;height:20px;stroke-width:2}
  .content-wrap{padding-bottom:38px}.command-palette{border-radius:16px}.generation-overlay__panel{padding:27px 22px}.generation-overlay__panel h2{font-size:23px}
  .studio-health{gap:16px;margin-top:15px;padding:19px 16px}.studio-health__items{grid-template-columns:1fr 1fr}.health-item small{font-size:var(--text-xs)}
  .project-filters{grid-template-columns:1fr}.project-filters>.button,.project-filters>.text-button{width:100%}
  .step-indicator{gap:4px;overflow-x:auto;padding-bottom:3px}.step-indicator>button{flex-direction:column;gap:3px}.step-indicator>button>small{font-size:var(--text-xs)}.step-indicator>i{min-width:8px}
  .speech-fit{grid-template-columns:1fr auto}.speech-fit small{grid-column:1/-1}.preset-group{flex-direction:column;gap:8px}.preset-group>span{padding:0}.preset-chips{width:100%}
  .preflight__grid{grid-template-columns:1fr 1fr}.preflight{padding:14px}.generation-summary{align-items:flex-start}
  .version-bar{align-items:flex-start;flex-direction:column;padding:10px 15px}.prompt-reader{grid-template-columns:1fr}.prompt-toc{position:static;display:flex;overflow-x:auto;flex-direction:row;padding:10px;border-bottom:1px solid rgba(255,255,255,.07)}.prompt-toc>span{display:none}.prompt-toc a{flex:0 0 auto;padding:7px 8px}.prompt-document{border-left:0}.prompt-section>summary{padding:14px}.prompt-section pre{padding:0 14px 18px;font-size:var(--text-xs)}.version-compare>div{grid-template-columns:1fr}.version-compare article+article{border-left:0;border-top:1px solid #e2e9ec}
  .angle-matrix,.angle-upload-guide{grid-template-columns:1fr 1fr}.angle-slot{padding:11px 7px}.inline-form{margin-top:15px}.voice-quality-guide{grid-template-columns:1fr}
  .provider-wordmark{min-height:38px}.settings-nav__tools{display:flex;margin:0 0 0 7px;padding:0 0 0 7px;border-top:0;border-left:1px solid #e7edef}.settings-nav__tools a,.settings-nav__tools button{width:auto;white-space:nowrap}.settings-toggles--3{grid-template-columns:1fr}.settings-savebar{bottom:74px}.settings-savebar>div{width:100%}.settings-savebar [data-settings-cancel]{display:none}
}
@media(max-width:390px){
  .studio-health__items,.preflight__grid,.angle-matrix{grid-template-columns:1fr}
  .mobile-bottom-nav{left:5px;right:5px;bottom:5px}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* Final legibility pass after multi-viewport audit. */
.health-item small,.preflight__grid small,.readiness-list small{font-size:var(--text-xs)}
@media(max-width:680px){.mobile-bottom-nav a{font-size:var(--text-xs)}}

/* Guided project creator — choices first, editable detail second. */
.choice-block{margin-top:22px}.choice-block:first-of-type{margin-top:0}
.choice-block__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:10px}.choice-block__heading label{color:#344953;font-size:var(--text-xs);font-weight:680}.choice-block__heading small{color:var(--theme-muted);font-size:var(--text-xs);text-align:right}
.js .choice-native-fallback{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.avatar-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.avatar-choice:first-child:last-child{grid-column:1/-1;width:min(100%,320px)}
.avatar-choice{display:grid;grid-template-columns:45px minmax(0,1fr) 18px;align-items:center;gap:11px;min-width:0;padding:10px;color:#314650;text-align:left;border:1px solid #dce6ea;border-radius:12px;background:#fff;cursor:pointer;transition:border-color .18s,background .18s,box-shadow .18s}
.avatar-choice:hover{border-color:#a9cad9;background:#f8fbfc}.avatar-choice.is-active{border-color:#62add0;background:#eef8fb;box-shadow:0 0 0 2px rgba(65,179,224,.08)}
.avatar-choice__photo{display:grid;place-items:center;width:45px;height:48px;overflow:hidden;color:#fff;font-size:var(--text-xs);font-weight:700;border-radius:10px;background:#4ba8cb}.avatar-choice__photo img{width:100%;height:100%;object-fit:cover}.avatar-choice>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:3px}.avatar-choice strong{overflow:hidden;font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap}.avatar-choice small{overflow:hidden;color:var(--theme-muted);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap}.avatar-choice>i,.visual-choice>i,.audio-choice-grid button>i{display:grid;place-items:center;width:16px;height:16px;border:1px solid #cbd8de;border-radius:50%;background:#fff}.avatar-choice.is-active>i,.visual-choice.is-active>i,.audio-choice-grid button.is-active>i{border-color:#2684af;background:#2684af}.avatar-choice.is-active>i:after,.visual-choice.is-active>i:after,.audio-choice-grid button.is-active>i:after{content:'✓';color:#fff;font-size:var(--text-xs);font-style:normal}.avatar-choice--empty{display:flex;justify-content:center}
.automation-note{display:flex;align-items:center;gap:11px;margin-top:13px;padding:11px 13px;color:#345d70;border:1px solid #d7e8ef;border-radius:11px;background:#f1f8fa}.automation-note svg{width:19px;height:19px;fill:none;stroke:#2787b0;stroke-width:1.5}.automation-note>span{display:flex;flex-direction:column;gap:2px}.automation-note strong{font-size:var(--text-xs)}.automation-note small{color:var(--theme-muted);font-size:var(--text-xs)}.compact-disclosure{margin-top:14px}
.segmented--large{gap:7px;padding:0;background:transparent}.segmented--large button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;min-height:58px;border:1px solid #d9e4e8!important;border-radius:11px!important;background:#fff!important}.segmented--large button strong{font-size:12px}.segmented--large button small{color:#84939a;font-size:var(--text-xs)}.segmented--large button.is-active{color:#176d98!important;border-color:#67b0d1!important;background:#edf8fb!important}
.visual-choice-grid{display:grid;gap:8px}.visual-choice-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-choice{display:grid;grid-template-columns:45px minmax(0,1fr) 18px;align-items:center;gap:11px;min-height:76px;padding:12px;color:#304650;text-align:left;border:1px solid #dbe5e9;border-radius:12px;background:#fff;cursor:pointer}.visual-choice:hover{border-color:#a9cad9;background:#f9fcfd}.visual-choice.is-active{border-color:#5ca9cd;background:#eef8fb}.visual-choice__icon{display:grid;place-items:center;width:43px;height:43px;color:#2b7fa6;border-radius:11px;background:#eaf5f9}.visual-choice__icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6}.visual-choice>span:nth-child(2){display:flex;flex-direction:column;gap:4px}.visual-choice strong{font-size:var(--text-xs)}.visual-choice small{color:var(--theme-muted);font-size:var(--text-xs);line-height:1.45}
.format-choice-row{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(190px,.65fr);gap:16px;margin-top:22px}.format-choice-row .choice-block{margin:0}
.ratio-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.ratio-choices button{display:flex;align-items:center;gap:9px;min-height:56px;padding:9px;color:#3d535e;text-align:left;border:1px solid #dce5e9;border-radius:10px;background:#fff;cursor:pointer}.ratio-choices button.is-active{color:#176d98;border-color:#65adcf;background:#eef8fb}.ratio-shape{display:block;border:1.5px solid currentColor;border-radius:2px}.ratio-shape--vertical{width:12px;height:21px}.ratio-shape--wide{width:23px;height:14px}.ratio-shape--square{width:18px;height:18px}.ratio-choices button>span{display:flex;flex-direction:column;gap:2px}.ratio-choices strong{font-size:var(--text-xs)}.ratio-choices small{color:#87969c;font-size:var(--text-xs)}
.language-choices{display:grid;grid-template-columns:1fr 1fr;gap:7px}.language-choices button{display:flex;align-items:center;gap:7px;min-height:56px;padding:9px;color:#3c535e;border:1px solid #dce5e9;border-radius:10px;background:#fff;cursor:pointer}.language-choices button.is-active{color:#176d98;border-color:#65adcf;background:#eef8fb}.language-choices strong{display:grid;place-items:center;width:26px;height:26px;font-size:var(--text-xs);border-radius:8px;background:#edf3f6}.language-choices span{font-size:var(--text-xs)}
.continuous-lock{display:grid;grid-template-columns:auto 38px minmax(0,1fr) 34px;align-items:center;gap:11px;margin-top:20px;padding:13px 15px;border:1px solid #cde4ed;border-radius:12px;background:#f2f9fb;cursor:pointer}.continuous-lock>input{position:absolute;opacity:0}.continuous-lock__icon{display:grid;place-items:center;width:36px;height:36px;color:#237fa8;border-radius:10px;background:#fff}.continuous-lock__icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7}.continuous-lock>span:nth-child(3){display:flex;flex-direction:column;gap:3px}.continuous-lock strong{font-size:var(--text-xs)}.continuous-lock small{color:#738a95;font-size:var(--text-xs)}.continuous-lock>i{position:relative;width:34px;height:20px;border-radius:99px;background:#bed0d8}.continuous-lock>i:after{position:absolute;left:3px;top:3px;width:14px;height:14px;content:'';border-radius:50%;background:#fff;transition:transform .2s}.continuous-lock input:checked~i{background:#2786af}.continuous-lock input:checked~i:after{transform:translateX(14px)}
.scene-preset-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.scene-preset-grid>button{position:relative;min-width:0;padding:8px;color:#314752;text-align:left;border:1px solid #dce5e9;border-radius:12px;background:#fff;cursor:pointer}.scene-preset-grid>button:hover{border-color:#a9cbd9}.scene-preset-grid>button.is-active{border-color:#57a8ce;background:#eef8fb;box-shadow:0 0 0 2px rgba(65,179,224,.08)}.scene-preset-grid>button>span:nth-child(2){display:flex;flex-direction:column;gap:3px;padding:8px 3px 3px}.scene-preset-grid strong{font-size:var(--text-xs)}.scene-preset-grid small{overflow:hidden;color:#809097;font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap}.scene-preset-grid b{position:absolute;right:8px;top:8px;display:none;width:17px;height:17px;color:#fff;font-size:var(--text-xs);border-radius:50%;background:#2786af}.scene-preset-grid button.is-active b{display:grid;place-items:center}.scene-preset-grid button.is-active b:after{content:'✓'}
.scene-preset__art{position:relative;display:block;height:56px;overflow:hidden;border-radius:8px;background:linear-gradient(145deg,#edf5f7,#dcebef)}.scene-preset__art:before,.scene-preset__art:after,.scene-preset__art i{position:absolute;display:block;content:'';background:#94bdcd}.scene-preset__art--clinic:before{left:13%;right:13%;bottom:10px;height:18px;border-radius:3px}.scene-preset__art--clinic:after{left:30%;top:9px;width:40%;height:18px;border:3px solid #a8cad7;background:transparent}.scene-preset__art--clinic i{left:20%;bottom:28px;width:7px;height:12px;border-radius:5px 5px 1px 1px}.scene-preset__art--car:before{left:10%;right:10%;bottom:13px;height:18px;border-radius:13px 16px 5px 5px}.scene-preset__art--car:after{left:25%;top:13px;width:50%;height:21px;border-radius:18px 18px 0 0;background:#abd0dc}.scene-preset__art--car i{left:20%;bottom:7px;width:11px;height:11px;border:3px solid #7eacbd;border-radius:50%;box-shadow:58px 0 0 -3px #e5f0f3,58px 0 0 0 #7eacbd}.scene-preset__art--home:before{left:18%;bottom:9px;width:64%;height:34px;clip-path:polygon(50% 0,100% 40%,100% 100%,0 100%,0 40%)}.scene-preset__art--home:after{left:43%;bottom:9px;width:14%;height:20px;background:#e7f1f4}.scene-preset__art--store:before{left:12%;right:12%;bottom:8px;height:34px;border-radius:3px}.scene-preset__art--store:after{left:8%;right:8%;top:10px;height:10px;background:repeating-linear-gradient(90deg,#75a9bd 0 12px,#c6dde5 12px 24px)}.scene-preset__art--store i{left:25%;bottom:8px;width:22%;height:20px;background:#e5f0f3}.scene-preset__art--outdoor:before{left:48%;bottom:8px;width:6px;height:29px;border-radius:3px}.scene-preset__art--outdoor:after{left:31%;top:7px;width:40%;height:30px;border-radius:50%;background:#a1c8b8}.scene-preset__art--outdoor i{left:5%;right:5%;bottom:6px;height:6px;border-radius:50%;background:#c5d9c4}
.ai-suggestion-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:17px;padding:14px;border:1px solid #cfe2eb;border-radius:14px;background:linear-gradient(135deg,#f7fbfc,#eef7fa)}.ai-suggestion-card__mark{display:grid;place-items:center;width:41px;height:41px;color:#267fa8;border-radius:11px;background:#fff;box-shadow:0 6px 18px rgba(25,93,122,.08)}.ai-suggestion-card__mark svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5}.ai-suggestion-card>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:3px}.ai-suggestion-card strong{font-size:var(--text-xs)}.ai-suggestion-card small{color:#748891;font-size:var(--text-xs)}.ai-suggestion-card em{color:#2b7f9f;font-size:var(--text-xs);font-style:normal}.ai-suggestion-card.is-complete{border-color:#a9d8c7;background:#f3fbf8}.ai-suggestion-card.has-error{border-color:#e3b9b9;background:#fff7f7}.ai-suggestion-card .button.is-loading{opacity:.65;cursor:wait}.ai-suggestion-card .button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5}
.action-choice-block{padding-top:3px}.action-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.action-choice-grid button{display:flex;align-items:center;gap:8px;min-height:57px;padding:9px;color:#3b515c;text-align:left;border:1px solid #dce5e9;border-radius:10px;background:#fff;cursor:pointer}.action-choice-grid button:hover,.action-choice-grid button.is-active{color:#176d98;border-color:#75b4d0;background:#f0f9fb}.action-choice-grid svg{flex:0 0 20px;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}.action-choice-grid button>span{display:flex;min-width:0;flex-direction:column;gap:2px}.action-choice-grid strong{font-size:var(--text-xs)}.action-choice-grid small{color:#87949a;font-size:var(--text-xs)}.direction-editor{margin-top:17px}
.scene-brief{overflow:hidden;margin-bottom:22px;color:#dcecf3;border:1px solid #244d61;border-radius:16px;background:#0d2a39}.scene-brief__top{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;padding:15px 17px;border-bottom:1px solid rgba(255,255,255,.08)}.scene-brief__number{display:grid;place-items:center;width:35px;height:35px;color:#83cee0;font-size:var(--text-xs);border:1px solid rgba(118,205,226,.25);border-radius:10px}.scene-brief__top>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:3px}.scene-brief__top small{color:#6f94a5;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em}.scene-brief__top strong{overflow:hidden;font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap}.scene-brief__top button{padding:6px 8px;color:#7fc7db;font:inherit;font-size:var(--text-xs);border:1px solid rgba(117,200,220,.2);border-radius:7px;background:transparent;cursor:pointer}.scene-brief>p{margin:0;padding:17px;color:#c0d5de;font-size:var(--text-xs);line-height:1.75}.scene-brief__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.08)}.scene-brief__facts>span{display:flex;min-width:0;flex-direction:column;gap:4px;padding:13px 16px}.scene-brief__facts>span+span{border-left:1px solid rgba(255,255,255,.08)}.scene-brief__facts small{color:#648797;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.09em}.scene-brief__facts strong{display:-webkit-box;overflow:hidden;color:#d3e5ec;font-size:var(--text-xs);font-weight:540;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.performance-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.performance-choice-grid button{display:flex;align-items:center;flex-direction:column;gap:5px;min-height:76px;padding:11px;color:#405660;border:1px solid #dce5e9;border-radius:11px;background:#fff;cursor:pointer}.performance-choice-grid button:hover,.performance-choice-grid button.is-active{color:#176d98;border-color:#6eb1cf;background:#eef8fb}.performance-choice-grid button>span{display:block;width:24px;height:17px;background:linear-gradient(90deg,transparent 0 8%,currentColor 8% 12%,transparent 12% 22%,currentColor 22% 30%,transparent 30% 45%,currentColor 45% 50%,transparent 50% 66%,currentColor 66% 78%,transparent 78% 90%,currentColor 90%)}.performance-choice-grid strong{font-size:var(--text-xs)}.performance-choice-grid small{color:#85939a;font-size:var(--text-xs)}
.audio-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.audio-choice-grid button{display:grid;grid-template-columns:34px minmax(0,1fr) 17px;align-items:center;gap:9px;min-height:66px;padding:10px;color:#3a515c;text-align:left;border:1px solid #dce5e9;border-radius:11px;background:#fff;cursor:pointer}.audio-choice-grid button.is-active{color:#176d98;border-color:#69aece;background:#eef8fb}.audio-choice-grid button>span:first-child{display:grid;place-items:center;width:34px;height:34px;color:#247ca5;font-size:var(--text-xs);font-weight:750;border-radius:9px;background:#eaf5f9}.audio-choice-grid button>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:3px}.audio-choice-grid strong{font-size:var(--text-xs)}.audio-choice-grid small{color:#819098;font-size:var(--text-xs)}.audio-choice-grid button>i{width:16px;height:16px}
.summary-list dd[data-summary-environment]{max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

@media(max-width:1180px){
  .avatar-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scene-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.action-choice-grid,.performance-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .choice-block__heading{align-items:flex-start;flex-direction:column;gap:4px}.choice-block__heading small{text-align:left}.avatar-choice-grid,.visual-choice-grid--2,.format-choice-row{grid-template-columns:minmax(0,1fr)}
  .avatar-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.avatar-choice{grid-template-columns:40px minmax(0,1fr) 16px;padding:8px}.avatar-choice__photo{width:40px;height:43px}
  .segmented--large{grid-template-columns:repeat(3,1fr)}.format-choice-row{gap:22px}.continuous-lock{grid-template-columns:36px minmax(0,1fr) 34px}.continuous-lock>input{position:absolute}.continuous-lock__icon{grid-column:1}.continuous-lock>span:nth-child(3){grid-column:2}.continuous-lock>i{grid-column:3}
  .scene-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-suggestion-card{grid-template-columns:38px minmax(0,1fr)}.ai-suggestion-card__mark{width:38px;height:38px}.ai-suggestion-card .button{grid-column:1/-1;width:100%}
  .action-choice-grid,.performance-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.audio-choice-grid{grid-template-columns:minmax(0,1fr)}
  .scene-brief__top{grid-template-columns:35px minmax(0,1fr)}.scene-brief__top button{grid-column:1/-1}.scene-brief__facts{grid-template-columns:minmax(0,1fr)}.scene-brief__facts>span+span{border-left:0;border-top:1px solid rgba(255,255,255,.08)}
}
@media(max-width:360px){.avatar-choice-grid,.scene-preset-grid,.action-choice-grid,.performance-choice-grid{grid-template-columns:minmax(0,1fr)}}

/* Project creator alignment and readability audit. */
.project-wizard .form-section{padding:38px 40px}
.project-wizard .form-section__heading{max-width:680px;margin-bottom:27px}
.project-wizard .form-section__heading>span{font-size:var(--text-xs)}
.project-wizard .form-section__heading h2{margin-top:9px;font-size:27px;line-height:1.12}
.project-wizard .form-section__heading p{max-width:600px;font-size:var(--text-xs);line-height:1.55}
.project-wizard .choice-block__heading{align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:4px;margin-bottom:12px}
.project-wizard .choice-block__heading label{font-size:var(--text-xs);line-height:1.35}
.project-wizard .choice-block__heading small{max-width:620px;font-size:var(--text-xs);line-height:1.45;text-align:left}

.project-wizard .avatar-choice{min-height:70px;padding:11px}
.project-wizard .avatar-choice strong{font-size:var(--text-xs)}
.project-wizard .avatar-choice small{font-size:var(--text-xs)}
.project-wizard .automation-note{padding:12px 14px}
.project-wizard .automation-note strong{font-size:var(--text-xs)}
.project-wizard .automation-note small{font-size:var(--text-xs);line-height:1.45}

.project-wizard .segmented--large{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,390px);margin-top:0}
.project-wizard .segmented--large button{min-height:62px;padding:8px 12px}
.project-wizard .segmented--large button strong{font-size:14px}
.project-wizard .segmented--large button small{font-size:var(--text-xs)}
.project-wizard .duration-control{display:none;width:min(100%,250px);margin-top:10px}
.project-wizard .option-field.is-custom-duration .duration-control{display:flex}
.project-wizard .visual-choice{min-height:84px;padding:13px}
.project-wizard .visual-choice strong{font-size:var(--text-xs)}
.project-wizard .visual-choice small{font-size:var(--text-xs);line-height:1.45}
.project-wizard .format-choice-row .choice-block__heading{min-height:47px}
.project-wizard .ratio-choices button,.project-wizard .language-choices button{min-height:62px;padding:10px}
.project-wizard .ratio-choices strong{font-size:var(--text-xs)}
.project-wizard .ratio-choices small{font-size:var(--text-xs)}
.project-wizard .language-choices strong{font-size:var(--text-xs)}
.project-wizard .language-choices span{font-size:var(--text-xs)}
.project-wizard .continuous-lock{grid-template-columns:40px minmax(0,1fr) 38px;gap:13px;min-height:78px;padding:13px 16px}
.project-wizard .continuous-lock>input{position:absolute}
.project-wizard .continuous-lock__icon{grid-column:1}
.project-wizard .continuous-lock>span:nth-child(3){grid-column:2}
.project-wizard .continuous-lock>i{grid-column:3;justify-self:end}
.project-wizard .continuous-lock strong{font-size:var(--text-xs)}
.project-wizard .continuous-lock small{font-size:var(--text-xs);line-height:1.45}

.project-wizard .scene-preset-grid>button{padding:9px}
.project-wizard .scene-preset-grid>button>span:nth-child(2){min-height:48px;justify-content:center;padding:9px 4px 4px}
.project-wizard .scene-preset-grid strong{font-size:var(--text-xs)}
.project-wizard .scene-preset-grid small{overflow:visible;font-size:var(--text-xs);line-height:1.35;text-overflow:clip;white-space:normal}
.project-wizard .ai-suggestion-card{padding:15px}
.project-wizard .ai-suggestion-card strong{font-size:var(--text-xs)}
.project-wizard .ai-suggestion-card small{font-size:var(--text-xs);line-height:1.4}
.project-wizard .ai-suggestion-card em{font-size:var(--text-xs)}
.project-wizard .action-choice-grid button{min-height:66px;padding:10px}
.project-wizard .action-choice-grid strong{font-size:var(--text-xs)}
.project-wizard .action-choice-grid small{font-size:var(--text-xs);line-height:1.35}

.project-wizard .scene-brief__top strong{font-size:var(--text-xs)}
.project-wizard .scene-brief__top small{font-size:var(--text-xs)}
.project-wizard .scene-brief__top button{font-size:var(--text-xs)}
.project-wizard .scene-brief>p{font-size:var(--text-xs);line-height:1.7}
.project-wizard .scene-brief__facts small{font-size:var(--text-xs)}
.project-wizard .scene-brief__facts strong{font-size:var(--text-xs)}
.project-wizard .performance-choice-grid button{min-height:84px;padding:12px 8px}
.project-wizard .performance-choice-grid strong{font-size:var(--text-xs)}
.project-wizard .performance-choice-grid small{font-size:var(--text-xs);text-align:center}
.project-wizard .audio-choice-grid button{min-height:74px;padding:11px}
.project-wizard .audio-choice-grid strong{font-size:var(--text-xs)}
.project-wizard .audio-choice-grid small{font-size:var(--text-xs);line-height:1.4}
.project-wizard .preflight__grid b{font-size:var(--text-xs)}
.project-wizard .preflight__grid small{font-size:var(--text-xs)}
.project-wizard .generation-summary strong{font-size:var(--text-xs)}
.project-wizard .generation-summary small{font-size:var(--text-xs)}

@media(min-width:941px){
  .project-create-heading{align-items:flex-end;gap:34px}
  .project-create-heading>div:first-child{min-width:0}
  .project-create-heading h1{max-width:760px;font-size:44px;line-height:1.04}
  .project-create-heading p{max-width:720px;font-size:12px;line-height:1.6}
  .project-create-heading .step-indicator{flex:0 0 auto;padding-bottom:3px}
}
@media(max-width:940px){
  .project-create-heading{align-items:flex-start;flex-direction:column;gap:20px}
  .project-create-heading .step-indicator{align-self:flex-start}
  .project-wizard .form-section{padding:34px 32px}
  .project-wizard .format-choice-row .choice-block__heading{min-height:0}
}
@media(max-width:650px){
  .project-create-heading{gap:18px;margin-bottom:22px}
  .project-create-heading h1{font-size:36px;line-height:1.06}
  .project-create-heading p{font-size:var(--text-xs);line-height:1.55}
  .project-create-heading .step-indicator{align-self:stretch;justify-content:space-between;width:100%}
  .project-wizard .form-section{padding:28px 20px}
  .project-wizard .form-section__heading{padding-right:38px}
  .project-wizard .form-section__heading h2{font-size:23px}
  .project-wizard .form-section__heading p{font-size:var(--text-xs)}
  .project-wizard .segmented--large{width:100%}
  .project-wizard .segmented--large button{min-height:59px;padding:7px 6px}
  .project-wizard .visual-choice{min-height:80px}
  .project-wizard .continuous-lock{grid-template-columns:36px minmax(0,1fr) 34px;padding:12px}
  .project-wizard .continuous-lock small{font-size:var(--text-xs)}
}
@media(max-width:360px){
  .project-create-heading h1{font-size:32px}
  .project-create-heading .step-indicator>button>small{display:none}
  .project-wizard .form-section{padding:26px 17px}
  .project-wizard .avatar-choice-grid{grid-template-columns:minmax(0,1fr)}
}

/* Environment selector: richer editorial illustrations and real-location references. */
.project-wizard .scene-preset-grid{gap:9px}
.project-wizard .scene-preset-grid>button{padding:9px;border-radius:14px;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s}
.project-wizard .scene-preset-grid>button:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(25,72,94,.08)}
.project-wizard .scene-preset-grid>button:focus-visible{outline:2px solid #2588b5;outline-offset:3px}
.project-wizard .scene-preset__art{height:76px;border:1px solid #e0ebef;border-radius:10px;background:#f1f7f9}
.project-wizard .scene-preset__art:before,.project-wizard .scene-preset__art:after,.project-wizard .scene-preset__art>i{display:none!important;content:none!important}
.project-wizard .scene-preset__art svg{display:block;width:100%;height:100%}
.project-wizard .scene-illustration__surface{fill:#f8fbfc;stroke:#dbe8ed;stroke-width:1.25}
.project-wizard .scene-illustration__primary{fill:#88bdd1}
.project-wizard .scene-illustration__accent{fill:#4f9fbd}
.project-wizard .scene-illustration__muted{fill:#c7dee6}
.project-wizard .scene-illustration__line{fill:none;stroke:#5f8e9f;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.project-wizard .scene-preset-grid>button>span:nth-child(2){min-height:51px;padding-top:10px}
.project-wizard .scene-preset-grid strong{font-size:var(--text-xs);line-height:1.25}
.project-wizard .scene-preset-grid small{margin-top:2px;font-size:var(--text-xs);line-height:1.35}

.environment-reference-card{margin-top:16px;overflow:hidden;border:1px solid #cfe2ea;border-radius:15px;background:#f5fafc;transition:border-color .2s,box-shadow .2s}
.environment-reference-card[hidden]{display:none}
.environment-reference-card.is-attention{border-color:#62afd0;box-shadow:0 0 0 4px rgba(66,169,211,.09)}
.environment-reference-card.is-skipped{background:#fafcfd}
.environment-reference-card__head{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 15px}
.environment-reference-card__icon{display:grid;place-items:center;width:41px;height:41px;color:#237da6;border:1px solid #dcebf0;border-radius:11px;background:#fff}
.environment-reference-card__icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.environment-reference-card__head>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:4px}
.environment-reference-card__head strong{color:#263e4a;font-size:var(--text-xs)}
.environment-reference-card__head small{color:#718690;font-size:var(--text-xs);line-height:1.45}
.environment-reference-card__actions{display:flex;align-items:center;gap:8px}
.environment-reference-card__actions .button{min-height:var(--control-height);padding:0 13px;font-size:var(--control-font);white-space:nowrap}
.environment-reference-card__actions .text-button{padding:8px;font-size:var(--text-xs);white-space:nowrap}
.environment-reference-card__body{display:grid;grid-template-columns:190px minmax(0,1fr);align-items:start;gap:13px;padding:14px 15px;border-top:1px solid #dce9ee;background:#fff}
.environment-reference-card__body[hidden]{display:none}
.environment-dropzone{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-height:112px;padding:13px;color:#46616d;text-align:center;border:1px dashed #a9c9d6;border-radius:12px;background:#f7fafb;cursor:pointer;transition:border-color .2s,background .2s}
.environment-dropzone:hover,.environment-dropzone.is-dragging{border-color:#3e9fc4;background:#eef8fb}
.environment-dropzone:focus-within{outline:2px solid #2588b5;outline-offset:2px}
.environment-dropzone input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}
.environment-dropzone>span{display:grid;place-items:center;width:29px;height:29px;color:#237fa8;border-radius:9px;background:#e7f4f8}
.environment-dropzone svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.environment-dropzone strong{font-size:var(--text-xs)}.environment-dropzone small{color:#829198;font-size:var(--text-xs);line-height:1.4}
.environment-reference-previews{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-height:78px}
.environment-reference-thumb{position:relative;display:block;min-width:0;height:78px;margin:0;overflow:hidden;border:1px solid #d7e4e9;border-radius:10px;background:#eef4f6}
.environment-reference-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .2s,filter .2s}
.environment-reference-thumb input{position:absolute;width:1px;height:1px;opacity:0}
.environment-reference-thumb>span,.environment-reference-thumb>button{position:absolute;right:5px;top:5px;display:flex;align-items:center;gap:3px;min-height:23px;padding:0 6px;color:#fff;font:inherit;font-size:var(--text-xs);border:0;border-radius:7px;background:rgba(7,30,42,.82);cursor:pointer}
.environment-reference-thumb svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2}
.environment-reference-thumb.is-removed img{opacity:.28;filter:grayscale(1)}
.environment-reference-thumb.is-removed>span{background:#a84d4d}
.environment-reference-thumb.is-removed>span:after{content:' no salvar'}
.environment-reference-thumb figcaption{position:absolute;left:5px;right:5px;bottom:5px;overflow:hidden;padding:4px 5px;color:#fff;font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;border-radius:5px;background:rgba(7,30,42,.72)}
.environment-reference-meta{grid-column:2;display:flex;align-items:flex-end;justify-content:space-between;gap:14px;min-width:0}
.environment-reference-meta>small:last-child{max-width:310px;color:#6d818b;font-size:var(--text-xs);line-height:1.45;text-align:right}
.environment-reference-count{color:#55717d;font-size:var(--text-xs);font-weight:650;white-space:nowrap}
.environment-reference-error{margin:0;padding:0 15px 13px;list-style:none}
.wizard-progress-hint{display:flex;align-items:center;min-height:42px;margin:0 0 13px;padding:10px 13px;color:#734d20;font-size:var(--text-xs);line-height:1.45;border:1px solid #ecd8b4;border-radius:11px;background:#fff8e9}
.wizard-progress-hint:before{display:grid;place-items:center;flex:0 0 19px;width:19px;height:19px;margin-right:8px;content:'!';color:#80561e;font-size:var(--text-xs);font-weight:720;border-radius:50%;background:#f8e3ba}
.scene-preset-conflict{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:11px;margin-top:11px;padding:12px 13px;color:#3b535f;border:1px solid #e6cf9a;border-radius:13px;background:#fffaf0;box-shadow:0 8px 18px rgba(92,65,17,.045)}
.scene-preset-conflict[hidden]{display:none}
.scene-preset-conflict__icon{display:grid;place-items:center;width:35px;height:35px;color:#9a6e2c;border-radius:10px;background:#fff0cc}
.scene-preset-conflict__icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65}
.scene-preset-conflict>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:3px}.scene-preset-conflict strong{font-size:var(--text-xs)}.scene-preset-conflict small{color:#7b6a4f;font-size:var(--text-xs);line-height:1.4}
.scene-preset-conflict__actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.scene-preset-conflict__actions .button{min-height:var(--control-height);padding:0 10px;font-size:var(--control-font);white-space:nowrap}.scene-preset-conflict__actions .text-button{padding:6px;font-size:var(--text-xs);white-space:nowrap}

@media(max-width:940px){
  .environment-reference-card__body{grid-template-columns:180px minmax(0,1fr)}
  .environment-reference-previews{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:650px){
  .project-wizard .scene-preset__art{height:82px}
  .environment-reference-card__head{grid-template-columns:38px minmax(0,1fr);padding:13px}
  .environment-reference-card__icon{width:38px;height:38px}
  .environment-reference-card__actions{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;width:100%}
  .environment-reference-card__actions .button{width:100%}
  .environment-reference-card__body{grid-template-columns:minmax(0,1fr);padding:13px}
  .environment-dropzone{min-height:104px}
  .environment-reference-previews{grid-template-columns:repeat(2,minmax(0,1fr))}
  .environment-reference-thumb{height:94px}
  .environment-reference-meta{grid-column:1;align-items:flex-start;flex-direction:column;gap:6px}
   .environment-reference-meta>small:last-child{max-width:none;text-align:left}
   .scene-preset-conflict{grid-template-columns:35px minmax(0,1fr);padding:12px}
   .scene-preset-conflict__actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;width:100%}
   .scene-preset-conflict__actions .button{width:100%}
   .scene-preset-conflict__actions .text-button{grid-column:1/-1;justify-self:center}
}
@media(min-width:361px) and (max-width:650px){
  .project-wizard .scene-preset-grid>button:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - 5px)}
}

.scene-reference-detail h3{margin:9px 0 12px;font-size:14px;font-weight:580}
.scene-reference-detail>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.scene-reference-detail img{display:block;width:100%;height:62px;object-fit:cover;border:1px solid #dce6ea;border-radius:8px;background:#eef4f6}
.scene-reference-detail>a{display:inline-block;margin-top:12px;color:#237ca7;font-size:var(--text-xs);font-weight:680}

/* Navigation clearance and keyboard-safe workflow feedback. */
@media(max-width:680px){
  body{padding-bottom:104px}
  .content-wrap{padding-bottom:126px}
  .project-wizard .wizard-actions{scroll-margin-bottom:112px}
}

/* Private access and production session controls. */
.logout-form{display:flex;margin:0}
.logout-button{width:38px;height:38px;color:#5e747f;border:1px solid #dce5e9;background:#fff}
.logout-button:hover{color:#174f69;border-color:#b9d3df;background:#f5fafc}
.logout-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:520px){
  .logout-button{display:none}
}

/* Prompt creator UX: readable, guided and recoverable at every step. */
.form-error-summary{padding:18px 20px;color:#713a3a;border:1px solid #e7bcbc;border-radius:16px;background:#fff4f3;box-shadow:0 10px 24px rgba(111,46,46,.06)}
.form-error-summary:focus{outline:3px solid rgba(180,71,71,.22);outline-offset:3px}
.form-error-summary>div{display:flex;align-items:center;gap:10px}.form-error-summary>div>span{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;color:#fff;font-size:14px;font-weight:750;border-radius:50%;background:#b44747}
.form-error-summary h2{margin:0;font-size:17px;font-weight:650}.form-error-summary p{margin:8px 0;color:#784d4d;font-size:13px;line-height:1.5}.form-error-summary ul{display:grid;gap:5px;margin:0;padding-left:22px}.form-error-summary li,.form-error-summary a{color:#713a3a;font-size:13px;line-height:1.5}.form-error-summary a{text-decoration:underline;text-underline-offset:3px}
.objective-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.objective-choice-grid button{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:4px;min-height:68px;padding:11px 12px;color:#405761;text-align:left;border:1px solid #d9e5ea;border-radius:12px;background:#fff;cursor:pointer}.objective-choice-grid button:hover{border-color:#a9cad9;background:#f8fbfc}.objective-choice-grid button.is-active{color:#176d98;border-color:#62add0;background:#eef8fb;box-shadow:0 0 0 2px rgba(65,179,224,.08)}.objective-choice-grid strong{font-size:13px}.objective-choice-grid small{color:var(--theme-muted);font-size:var(--text-xs);line-height:1.4}
.script-field__heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.script-field__heading>label{color:#344953;font-size:14px;font-weight:680}.script-field__heading>span{padding:5px 8px;color:#176d98;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-radius:999px;background:#eaf6fa}
.script-starters{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.script-starters>span{margin-right:2px;color:#647780;font-size:12px}.script-starters button{min-height:36px;padding:0 11px;color:#315c70;font:inherit;font-size:12px;font-weight:620;border:1px solid #d5e3e9;border-radius:999px;background:#f8fbfc;cursor:pointer}.script-starters button:hover,.script-starters button.is-active{color:#176d98;border-color:#7bb7d0;background:#eaf7fb}.script-template-status{margin:0;color:var(--theme-muted);font-size:12px;line-height:1.45}.script-template-status.is-ready{color:#24785d}
.project-wizard .has-validation-error{outline:2px solid #b44747!important;outline-offset:3px}.project-wizard [aria-invalid="true"]{border-color:#b44747!important;box-shadow:0 0 0 3px rgba(180,71,71,.1)!important}
.project-wizard .button:disabled{cursor:not-allowed;opacity:.48;transform:none;box-shadow:none}.project-wizard .button:disabled:hover{transform:none;box-shadow:none}
.preflight__head>div>p{margin:5px 0 0;color:#71828a;font-size:12px;line-height:1.45}.preflight__grid>button{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:3px 9px;min-height:62px;padding:10px 11px;color:#354b55;text-align:left;font:inherit;border:1px solid #e0e9ed;border-radius:10px;background:#fff;cursor:pointer}.preflight__grid>button:hover{border-color:#a9cad9;background:#f8fbfc}.preflight__grid>button:focus-visible{outline:2px solid #2588b5;outline-offset:2px}.preflight__grid>button i{grid-row:1/3;width:20px;height:20px}.preflight__grid>button b{font-size:13px}.preflight__grid>button small{color:#74868e;font-size:var(--text-xs)}.preflight__grid>button.is-done i{position:relative;border-color:#318e6c;background:#318e6c}.preflight__grid>button.is-done i:after{position:absolute;inset:0;display:grid;place-items:center;content:'✓';color:#fff;font-size:var(--text-xs);font-style:normal}.preflight__grid>button.is-done small{color:#24785d}.generation-summary.is-ready{border-color:#a9ddc8;background:linear-gradient(120deg,#f0faf6,#f9fcfb)}

/* Legibility pass scoped to the creator; the former 7–10px labels were below a comfortable web size. */
.project-create-heading>div>p{font-size:14px;line-height:1.55}.project-create-heading .step-indicator>button{min-width:54px;min-height:48px}.project-create-heading .step-indicator>button>span{font-size:12px}.project-create-heading .step-indicator>button>small{font-size:var(--text-xs)}
.project-wizard .form-section__heading>span{font-size:var(--text-xs)}.project-wizard .form-section__heading p{font-size:14px;line-height:1.55}.project-wizard .choice-block__heading label{font-size:14px}.project-wizard .choice-block__heading small{font-size:12px;line-height:1.5}
.project-wizard .avatar-choice strong,.project-wizard .visual-choice strong,.project-wizard .continuous-lock strong,.project-wizard .ai-suggestion-card strong{font-size:13px}.project-wizard .avatar-choice small,.project-wizard .visual-choice small,.project-wizard .continuous-lock small,.project-wizard .ai-suggestion-card small{font-size:12px;line-height:1.45}.project-wizard .ai-suggestion-card em{font-size:var(--text-xs)}
.project-wizard .field-group>label,.project-wizard .option-field>label{font-size:14px}.project-wizard .field-group>small,.project-wizard .option-field>small{font-size:12px}.project-wizard .field-group input:not([type=checkbox]):not([type=file]),.project-wizard .field-group textarea,.project-wizard .field-group select,.project-wizard .duration-control input{font-size:14px}.project-wizard .errorlist{font-size:12px;line-height:1.45}
.project-wizard .automation-note strong,.project-wizard .generation-summary strong{font-size:13px}.project-wizard .automation-note small,.project-wizard .generation-summary small{font-size:12px;line-height:1.5}.project-wizard .script-metrics span{font-size:var(--text-xs)}.project-wizard .speech-fit strong{font-size:13px}.project-wizard .speech-fit small{font-size:12px}.project-wizard .button{font-size:var(--control-font);}
.project-wizard .segmented--large button small,.project-wizard .ratio-choices small,.project-wizard .language-choices span,.project-wizard .scene-preset-grid small,.project-wizard .action-choice-grid small,.project-wizard .performance-choice-grid small,.project-wizard .audio-choice-grid small{font-size:var(--text-xs)}.project-wizard .visual-choice-grid strong,.project-wizard .ratio-choices strong,.project-wizard .scene-preset-grid strong,.project-wizard .action-choice-grid strong,.project-wizard .performance-choice-grid strong,.project-wizard .audio-choice-grid strong{font-size:12px}
.project-wizard .scene-brief__top strong{font-size:14px}.project-wizard .scene-brief__top small,.project-wizard .scene-brief__facts small{font-size:var(--text-xs)}.project-wizard .scene-brief__top button{min-height:36px;font-size:var(--text-xs)}.project-wizard .scene-brief>p{font-size:13px;line-height:1.65}.project-wizard .scene-brief__facts strong{font-size:12px}.project-wizard .preflight__head h3{font-size:18px}.project-wizard .preflight__head>strong{font-size:22px}.project-wizard .summary-list dt,.project-wizard .summary-list dd,.project-wizard .included-list small,.project-wizard+.editor-aside .summary-list dt,.project-wizard+.editor-aside .summary-list dd{font-size:12px}
.editor-aside--wizard .summary-list dt,.editor-aside--wizard .summary-list dd,.editor-aside--wizard .included-list small,.editor-aside--wizard .tip-card p,.editor-aside--wizard .tip-card strong{font-size:var(--text-xs);line-height:1.45}

@media(max-width:940px){.editor-aside--wizard{grid-row:auto}}
@media(max-width:760px){.objective-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-wizard .form-section__heading p{font-size:13px}.project-wizard .field-group input:not([type=checkbox]):not([type=file]),.project-wizard .field-group textarea,.project-wizard .field-group select,.project-wizard .duration-control input{font-size:16px}.script-starters button{min-height:44px}.preflight__grid>button{min-height:66px}.project-create-heading .step-indicator>button{min-width:44px}}
@media(max-width:390px){.objective-choice-grid{grid-template-columns:minmax(0,1fr)}.script-starters>span{flex-basis:100%}.form-error-summary{padding:15px}}

/* Source: production.css */
/*
 * Production Studio additions.
 * Loaded after the existing Vidia shell styles; intentionally uses the current
 * design tokens and does not reset global layout or typography.
 */

:root {
  --production-accent: var(--blue-deep, #1a6fae);
  --production-accent-strong: #125b86;
  --production-accent-soft: #eaf6fb;
  --production-ink: var(--ink, #17232c);
  --production-muted: #526670;
  --production-line: var(--line, #dfe8ed);
  --production-surface: #fff;
  --production-surface-soft: #f6f9fa;
  --production-success: #176e50;
  --production-success-soft: #e8f7f0;
  --production-warning: #815713;
  --production-warning-soft: #fff6df;
  --production-danger: #9c3535;
  --production-danger-soft: #fff0f0;
  --production-focus: #1684b8;
  --production-shadow: 0 18px 46px rgba(5, 48, 73, 0.09);
}

[hidden] {
  display: none !important;
}

.asset-library-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.asset-library-grid > .empty-state {
  grid-column: 1 / -1;
}

.asset-library-card {
  display: flex;
  min-width: 0;
  overflow: hidden;
  color: var(--production-ink);
  border: 1px solid rgba(23, 90, 132, 0.14);
  border-radius: 24px;
  background: var(--production-surface);
  box-shadow: 0 12px 34px rgba(5, 47, 72, 0.06);
  cursor: pointer;
  flex-direction: column;
  transition:
    border-color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease;
}

.asset-library-card:hover {
  border-color: #9fc5d7;
  box-shadow: var(--production-shadow);
  transform: translateY(-3px);
}

.asset-library-card:focus-visible,
.advanced-panel > summary:focus-visible,
.direction-card > summary:focus-visible,
.storyboard-shot:focus-within,
[data-production-wizard] [data-go-step]:focus-visible {
  outline: 3px solid var(--production-focus);
  outline-offset: 3px;
}

.asset-library-card__preview {
  position: relative;
  display: grid;
  min-height: 210px;
  overflow: hidden;
  place-items: center;
  aspect-ratio: 16 / 10;
  background:
    linear-gradient(145deg, rgba(39, 126, 174, 0.12), rgba(65, 179, 224, 0.04)),
    #edf5f8;
}

.asset-library-card__preview img,
.scenario-hero-preview img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.asset-library-card__preview > i {
  position: absolute;
  top: 14px;
  left: 14px;
  max-width: calc(100% - 28px);
  padding: 7px 10px;
  overflow: hidden;
  color: #fff;
  font-size:var(--text-xs);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background: rgba(7, 31, 47, 0.82);
  backdrop-filter: blur(8px);
}

.asset-library-card__copy {
  display: flex;
  min-width: 0;
  min-height: 150px;
  padding: 21px 22px 22px;
  flex-direction: column;
}

.asset-library-card__copy > strong {
  overflow: hidden;
  font-size: 18px;
  font-weight: 650;
  letter-spacing: -0.025em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.asset-library-card__copy > small {
  display: -webkit-box;
  min-height: 42px;
  margin-top: 9px;
  overflow: hidden;
  color: var(--production-muted);
  font-size: 13px;
  line-height: 1.6;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.asset-library-card__copy > b {
  align-self: flex-start;
  margin-top: auto;
  padding: 7px 10px;
  color: #245f7e;
  font-size:var(--text-xs);
  font-weight: 700;
  border-radius: 999px;
  background: var(--production-accent-soft);
}

.asset-placeholder-mark {
  position: relative;
  display: block;
  width: 70px;
  height: 58px;
  color: #4c8eac;
  border: 2px solid currentColor;
  border-radius: 14px;
  opacity: 0.64;
}

.asset-placeholder-mark::before {
  position: absolute;
  right: 10px;
  top: 9px;
  width: 9px;
  height: 9px;
  content: "";
  border: 2px solid currentColor;
  border-radius: 50%;
}

.asset-placeholder-mark::after {
  position: absolute;
  right: 9px;
  bottom: 9px;
  left: 9px;
  height: 25px;
  content: "";
  background:
    linear-gradient(135deg, transparent 46%, currentColor 47% 52%, transparent 53%)
      left bottom / 38px 28px no-repeat,
    linear-gradient(45deg, transparent 46%, currentColor 47% 52%, transparent 53%)
      right bottom / 34px 24px no-repeat;
  opacity: 0.82;
}

.profile-hero--scenario {
  display: grid;
  grid-template-columns: minmax(170px, 220px) minmax(0, 1fr) minmax(220px, 300px);
  align-items: center;
  gap: 28px;
}

.scenario-hero-preview {
  display: grid;
  width: 100%;
  min-height: 160px;
  overflow: hidden;
  place-items: center;
  aspect-ratio: 4 / 3;
  border: 1px solid rgba(125, 208, 230, 0.24);
  border-radius: 22px;
  background:
    radial-gradient(circle at 20% 10%, rgba(65, 179, 224, 0.18), transparent 42%),
    rgba(255, 255, 255, 0.05);
}

.profile-hero--scenario .scenario-hero-preview .asset-placeholder-mark {
  color: #74c6df;
}

.split-action-panels {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid var(--production-line);
}

.split-action-panels > section {
  display: flex;
  min-width: 0;
  min-height: 100%;
  padding: 22px;
  border: 1px solid var(--production-line);
  border-radius: 18px;
  background: var(--production-surface-soft);
  flex-direction: column;
}

.split-action-panels > section h3 {
  margin: 11px 0 7px;
  font-size: 18px;
  font-weight: 620;
  letter-spacing: -0.025em;
}

.split-action-panels > section > p {
  margin: 0 0 18px;
  color: var(--production-muted);
  font-size: 13px;
  line-height: 1.65;
}

.split-action-panels form {
  display: grid;
  gap: 14px;
  margin-top: auto;
}

.split-action-panels form > label {
  display: grid;
  gap: 7px;
  color: #344b56;
  font-size: 13px;
  font-weight: 650;
}

.split-action-panels form > .button {
  justify-self: start;
}

.advanced-panel {
  overflow: clip;
  border: 1px solid var(--production-line);
  border-radius: 18px;
  background: var(--production-surface);
  box-shadow: 0 9px 28px rgba(5, 48, 73, 0.04);
}

.advanced-panel > summary {
  display: flex;
  min-height: 64px;
  padding: 14px 18px;
  color: var(--production-ink);
  cursor: pointer;
  list-style: none;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.advanced-panel > summary::-webkit-details-marker {
  display: none;
}

.advanced-panel > summary > span {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 4px;
}

.advanced-panel > summary strong {
  font-size: 14px;
  font-weight: 670;
}

.advanced-panel > summary small {
  color: var(--production-muted);
  font-size: 12px;
  line-height: 1.45;
}

.advanced-panel > summary > i {
  position: relative;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  border: 1px solid #cbdce4;
  border-radius: 50%;
}

.advanced-panel > summary > i::before,
.advanced-panel > summary > i::after {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 2px;
  content: "";
  border-radius: 999px;
  background: #4f7485;
  transform: translate(-50%, -50%);
  transition: transform 180ms ease;
}

.advanced-panel > summary > i::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.advanced-panel[open] > summary {
  border-bottom: 1px solid var(--production-line);
  background: #f9fbfc;
}

.advanced-panel[open] > summary > i::after {
  transform: translate(-50%, -50%) rotate(0);
}

.advanced-panel__body {
  display: grid;
  gap: 18px;
  padding: 20px;
}

.identity-flow {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 18px;
}

.identity-flow > span {
  position: relative;
  display: grid;
  min-width: 0;
  min-height: 118px;
  padding: 16px;
  border: 1px solid #dbe7ec;
  border-radius: 16px;
  background: #f8fbfc;
  grid-template-columns: 34px minmax(0, 1fr);
  align-content: start;
  column-gap: 11px;
}

.identity-flow > span > i {
  display: grid;
  width: 34px;
  height: 34px;
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 760;
  border-radius: 11px;
  background: linear-gradient(145deg, var(--production-accent), #42b2d2);
  grid-row: 1 / 3;
  place-items: center;
}

.identity-flow > span > strong {
  padding-top: 2px;
  font-size: 13px;
  line-height: 1.35;
}

.identity-flow > span > small {
  margin-top: 5px;
  color: var(--production-muted);
  font-size: 12px;
  line-height: 1.5;
}

.inline-note {
  position: relative;
  padding: 14px 16px 14px 44px;
  color: #345b6c;
  font-size: 13px;
  line-height: 1.55;
  border: 1px solid #cfe3ec;
  border-radius: 14px;
  background: #f0f8fb;
}

.inline-note::before {
  position: absolute;
  left: 15px;
  top: 14px;
  display: grid;
  width: 20px;
  height: 20px;
  content: "i";
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
  border-radius: 50%;
  background: var(--production-accent);
  place-items: center;
}

.reference-card {
  position: relative;
}

.reference-card.is-approved {
  border-color: #72b99b;
  box-shadow: 0 0 0 2px rgba(23, 110, 80, 0.12);
}

.reference-card.is-approved::after {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 6px 9px;
  content: "✓ Aprovada";
  color: #fff;
  font-size:var(--text-xs);
  font-weight: 760;
  letter-spacing: 0.02em;
  border: 1px solid rgba(255, 255, 255, 0.32);
  border-radius: 999px;
  background: #176e50;
  box-shadow: 0 5px 14px rgba(7, 46, 33, 0.2);
}

.reference-card > form {
  padding: 0 12px 12px;
}

.button--small {
  min-height:var(--control-height);
  padding: 0 14px;
  font-size:var(--control-font);
  border-radius:var(--control-radius);
}

.field-help {
  display: block;
  margin-top: 12px;
  color: var(--production-muted);
  font-size: 12px;
  line-height: 1.55;
}

/* Five-step production wizard */
.production-wizard,
[data-production-wizard] {
  --wizard-rail: 230px;
  min-width: 0;
}

.production-wizard__layout {
  display: grid;
  grid-template-columns: var(--wizard-rail) minmax(0, 1fr);
  align-items: start;
  gap: 22px;
}

.production-wizard__nav {
  position: sticky;
  top: 94px;
  display: grid;
  gap: 8px;
  padding: 12px;
  border: 1px solid var(--production-line);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 12px 34px rgba(5, 48, 73, 0.06);
}

.production-wizard__nav [data-go-step],
[data-production-wizard] .production-step-trigger {
  position: relative;
  display: grid;
  width: 100%;
  min-height: 52px;
  padding: 9px 11px;
  color: #48606b;
  text-align: left;
  border: 1px solid transparent;
  border-radius: 13px;
  background: transparent;
  cursor: pointer;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
}

.production-wizard__nav [data-go-step] > i,
.production-step-trigger > i {
  display: grid;
  width: 30px;
  height: 30px;
  color: #496b7b;
  font-size:var(--text-xs);
  font-style: normal;
  font-weight: 750;
  border: 1px solid #cbdce4;
  border-radius: 10px;
  background: #f8fbfc;
  place-items: center;
}

.production-wizard__nav [data-go-step] strong,
.production-step-trigger strong {
  display: block;
  font-size: 12px;
  font-weight: 650;
}

.production-wizard__nav [data-go-step] small,
.production-step-trigger small {
  display: block;
  margin-top: 2px;
  color: #6a7d86;
  font-size:var(--text-xs);
}

.production-wizard__nav [aria-current="step"],
.production-step-trigger[aria-current="step"] {
  color: #124f70;
  border-color: #9fc9dc;
  background: var(--production-accent-soft);
  box-shadow: inset 3px 0 var(--production-accent);
}

.production-wizard__nav [aria-current="step"] > i,
.production-step-trigger[aria-current="step"] > i {
  color: #fff;
  border-color: var(--production-accent);
  background: var(--production-accent);
}

.production-wizard__progress {
  display: grid;
  gap: 7px;
  margin-bottom: 16px;
}

.production-wizard__progress > span {
  color: var(--production-muted);
  font-size: 12px;
  font-weight: 650;
}

.production-wizard__track,
.job-progress__track {
  position: relative;
  width: 100%;
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: #dfe9ed;
}

.production-wizard__bar,
[data-wizard-progress],
.job-progress__bar,
[data-job-progress] {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--production-accent), #43b7d6);
  transition: width 220ms ease;
}

[data-production-wizard] [data-studio-step] {
  min-width: 0;
  animation: productionStepIn 220ms ease both;
}

[data-production-wizard] [data-studio-step] > :first-child {
  scroll-margin-top: 100px;
}

.production-wizard__actions {
  display: flex;
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid var(--production-line);
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

[data-production-wizard] [data-go-step] {
  min-height: 44px;
}

@keyframes productionStepIn {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

/* Direction presets and progressive advanced controls */
.direction-card-grid,
.direction-cards,
[data-direction-grid] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.direction-card {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 112px;
  padding: 16px;
  color: #314a56;
  text-align: left;
  border: 1px solid #d9e5ea;
  border-radius: 17px;
  background: #fff;
  cursor: pointer;
  flex-direction: column;
  gap: 7px;
  transition:
    border-color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease;
}

.direction-card:hover {
  border-color: #9ec7d9;
  box-shadow: 0 10px 26px rgba(5, 48, 73, 0.08);
  transform: translateY(-2px);
}

.direction-card.is-selected,
.direction-card[aria-pressed="true"],
.direction-card:not(details):has(input:checked) {
  padding-right: 84px;
  border-color: var(--production-accent);
  background: var(--production-accent-soft);
  box-shadow: inset 0 0 0 1px var(--production-accent);
}

.direction-card.is-selected::after,
.direction-card[aria-pressed="true"]::after,
.direction-card:not(details):has(input:checked)::after {
  position: absolute;
  top: 12px;
  right: 12px;
  padding: 5px 7px;
  content: "Selecionado";
  color: #fff;
  font-size:var(--text-xs);
  font-weight: 750;
  border-radius: 999px;
  background: var(--production-accent-strong);
}

details.direction-card {
  display: block;
  padding: 0;
  cursor: default;
}

details.direction-card > summary {
  display: flex;
  min-height: 64px;
  padding: 14px 16px;
  cursor: pointer;
  list-style: none;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

details.direction-card > summary::-webkit-details-marker {
  display: none;
}

details.direction-card > summary > span {
  display: grid;
  min-width: 0;
  gap: 3px;
}

details.direction-card > summary > i {
  position: relative;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  border: 1px solid #cbdce4;
  border-radius: 50%;
}

details.direction-card > summary > i::before,
details.direction-card > summary > i::after {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 2px;
  content: "";
  border-radius: 999px;
  background: #4f7485;
  transform: translate(-50%, -50%);
  transition: transform 180ms ease;
}

details.direction-card > summary > i::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

details.direction-card[open] {
  grid-column: span 1;
  border-color: #acd0df;
  box-shadow: 0 12px 30px rgba(5, 48, 73, 0.08);
}

details.direction-card[open] > summary {
  border-bottom: 1px solid var(--production-line);
  background: #f7fbfc;
}

details.direction-card[open] > summary > i::after {
  transform: translate(-50%, -50%);
}

details.direction-card .direction-card__body {
  padding: 16px;
}

.direction-card__icon {
  display: grid;
  width: 38px;
  height: 38px;
  color: var(--production-accent);
  border-radius: 12px;
  background: var(--production-accent-soft);
  place-items: center;
}

.direction-card__icon svg {
  width: 20px;
  height: 20px;
}

.direction-card strong {
  font-size: 13px;
  font-weight: 680;
}

.direction-card small {
  color: var(--production-muted);
  font-size:var(--text-xs);
  line-height: 1.45;
}

.direction-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 16px;
  padding: 18px;
  border: 1px solid var(--production-line);
  border-radius: 17px;
  background: var(--production-surface-soft);
}

[data-drone-controls],
[data-storyboard-controls],
[data-real-consent] {
  transition:
    opacity 180ms ease,
    transform 180ms ease;
}

/* Storyboard timeline */
.storyboard-timeline {
  position: relative;
  display: grid;
  gap: 14px;
  margin: 0;
  padding: 0 0 0 42px;
  list-style: none;
}

.storyboard-timeline::before {
  position: absolute;
  left: 17px;
  top: 18px;
  bottom: 18px;
  width: 2px;
  content: "";
  border-radius: 999px;
  background: #cadce4;
}

.storyboard-shot {
  position: relative;
  display: grid;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--production-line);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 9px 26px rgba(5, 48, 73, 0.05);
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
}

.storyboard-shot[data-shot-order]::before,
.storyboard-shot > .shot-order {
  position: absolute;
  left: -34px;
  top: 18px;
  display: grid;
  width: 28px;
  height: 28px;
  color: #fff;
  font-size:var(--text-xs);
  font-weight: 760;
  border: 4px solid #f4f7f8;
  border-radius: 50%;
  background: var(--production-accent);
  place-items: center;
}

.storyboard-shot[data-shot-order]::before {
  content: attr(data-shot-order);
}

.storyboard-shot > .shot-order {
  z-index: 1;
  line-height: 1;
}

.storyboard-editor {
  display: grid;
  gap: 16px;
  margin-top: 16px;
}

[data-storyboard-add] {
  justify-self: start;
  min-height: 44px;
}

.storyboard-shot.is-active {
  border-color: #80b9d1;
  box-shadow: 0 0 0 2px rgba(22, 132, 184, 0.12);
}

.storyboard-shot__body {
  min-width: 0;
}

.storyboard-shot__head {
  display: flex;
  margin-bottom: 12px;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.storyboard-shot__head h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 660;
}

.storyboard-shot__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.storyboard-shot__meta span {
  padding: 6px 8px;
  color: #3d6171;
  font-size:var(--text-xs);
  font-weight: 650;
  border-radius: 999px;
  background: #edf5f8;
}

.storyboard-shot__actions {
  display: flex;
  align-items: flex-start;
  gap: 6px;
}

.storyboard-shot__actions button,
.storyboard-add,
.preflight-item a,
.preflight-item button {
  min-width: 44px;
  min-height: 44px;
}

.storyboard-empty {
  padding: 30px 20px;
  color: var(--production-muted);
  text-align: center;
  border: 1px dashed #b9d1dc;
  border-radius: 18px;
  background: #f8fbfc;
}

/* Authoritative preflight */
.production-preflight,
.preflight-report {
  display: grid;
  gap: 16px;
}

.preflight-summary {
  display: flex;
  padding: 17px 18px;
  color: #324a55;
  border: 1px solid var(--production-line);
  border-radius: 16px;
  background: #fff;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.preflight-summary strong {
  font-size: 16px;
}

.preflight-summary span {
  color: var(--production-muted);
  font-size: 12px;
}

.preflight-group {
  display: grid;
  gap: 9px;
  padding: 15px;
  border: 1px solid var(--production-line);
  border-radius: 17px;
  background: #fff;
}

.preflight-group > h3 {
  margin: 0 0 3px;
  font-size: 14px;
  font-weight: 700;
}

.preflight-group--errors,
.preflight-group[data-severity="error"] {
  border-color: #e0aaaa;
  background: #fffafa;
}

.preflight-group--warnings,
.preflight-group[data-severity="warning"] {
  border-color: #e4cb94;
  background: #fffdf8;
}

.preflight-item {
  position: relative;
  display: grid;
  min-width: 0;
  min-height: 58px;
  padding: 11px 12px;
  color: #344a54;
  border: 1px solid #dde7eb;
  border-radius: 13px;
  background: #fff;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.preflight-item::before {
  display: grid;
  width: 28px;
  height: 28px;
  content: "✓";
  color: var(--production-success);
  font-size: 13px;
  font-weight: 800;
  border-radius: 9px;
  background: var(--production-success-soft);
  place-items: center;
}

.preflight-item.is-error::before,
.preflight-item[data-severity="error"]::before {
  content: "!";
  color: var(--production-danger);
  background: var(--production-danger-soft);
}

.preflight-item.is-warning::before,
.preflight-item[data-severity="warning"]::before {
  content: "!";
  color: var(--production-warning);
  background: var(--production-warning-soft);
}

.preflight-item.is-error,
.preflight-item[data-severity="error"] {
  border-left: 4px solid var(--production-danger);
}

.preflight-item.is-warning,
.preflight-item[data-severity="warning"] {
  border-left: 4px solid #b47b1f;
}

.preflight-item__copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 3px;
}

.preflight-item__copy strong {
  font-size: 12px;
}

.preflight-item__copy small {
  color: var(--production-muted);
  font-size:var(--text-xs);
  line-height: 1.45;
}

/* Local job status monitor */
.job-progress-card,
[data-job-monitor] {
  display: grid;
  gap: 13px;
  padding: 18px;
  border: 1px solid var(--production-line);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(5, 48, 73, 0.06);
}

[data-job-monitor] > .job-progress {
  position: relative;
  display: block;
  width: 100%;
  height: 8px;
  overflow: hidden;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: #dfe9ed;
  box-shadow: none;
}

.job-progress__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.job-progress__state,
[data-job-status] {
  display: inline-flex;
  min-height: 30px;
  padding: 6px 10px;
  color: #365d6e;
  font-size:var(--text-xs);
  font-weight: 720;
  border: 1px solid #cfe0e7;
  border-radius: 999px;
  background: #f1f7f9;
  align-items: center;
  gap: 7px;
}

.job-progress__state::before,
[data-job-status]::before {
  width: 8px;
  height: 8px;
  content: "";
  border: 2px solid #7ca8ba;
  border-top-color: var(--production-accent);
  border-radius: 50%;
  animation: productionSpin 900ms linear infinite;
}

[data-job-monitor].is-terminal [data-job-status]::before,
.job-progress-card.is-terminal .job-progress__state::before {
  display: grid;
  width: 16px;
  height: 16px;
  content: "✓";
  color: #fff;
  font-size:var(--text-xs);
  border: 0;
  border-radius: 50%;
  background: var(--production-success);
  animation: none;
  place-items: center;
}

[data-job-monitor].is-error [data-job-status]::before,
.job-progress-card.is-error .job-progress__state::before {
  content: "!";
  background: var(--production-danger);
}

.job-progress__message,
[data-job-message] {
  margin: 0;
  color: var(--production-muted);
  font-size: 12px;
  line-height: 1.55;
}

.job-progress__meta {
  display: flex;
  flex-wrap: wrap;
  color: #657983;
  font-size:var(--text-xs);
  gap: 8px 16px;
}

@keyframes productionSpin {
  to {
    transform: rotate(360deg);
  }
}

/* Long operations */
[data-long-action][aria-busy="true"],
[data-long-action].is-busy {
  cursor: wait;
}

[data-long-action][aria-busy="true"] .button,
[data-long-action].is-busy .button,
.button[aria-busy="true"] {
  position: relative;
  cursor: wait;
  opacity: 0.78;
  pointer-events: none;
}

[data-long-action][aria-busy="true"] .button::before,
[data-long-action].is-busy .button::before,
.button[aria-busy="true"]::before {
  width: 15px;
  height:auto;
  content: "";
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius:var(--control-radius);
  animation: productionSpin 800ms linear infinite;
}

[data-long-action] button:disabled,
[data-production-wizard] button:disabled {
  cursor: not-allowed;
  opacity: 0.58;
  transform: none;
}

.production-live-status {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
}

[data-estimate-result] {
  display: block;
  min-height: 24px;
  margin-top: 10px;
  color: var(--production-success);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
}

[data-estimate-result].is-error {
  color: var(--production-danger);
}

/* Existing server-rendered screens using the production components. */
.provider-setup-panel {
  display: grid;
  gap: 18px;
  margin-top: 22px;
  padding: 22px;
  border: 1px solid var(--production-line);
  border-radius: 20px;
  background: var(--production-surface-soft);
}

.provider-setup-panel__heading {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 13px;
}

.provider-setup-panel__heading > div {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 3px;
}

.provider-setup-panel__heading strong {
  color: var(--production-ink);
  font-size: 15px;
}

.provider-setup-panel__heading small {
  color: var(--production-muted);
  font-size: 12px;
  line-height: 1.5;
}

.workflow-mode-picker,
.single-shot-card {
  margin-bottom: 16px;
  padding: 17px 18px;
  border: 1px solid var(--production-line);
  border-radius: 16px;
  background: var(--production-surface-soft);
}

.workflow-mode-picker > label,
.single-shot-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.workflow-mode-picker label > span,
.single-shot-card > span:not(.shot-order) {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 3px;
}

.workflow-mode-picker strong,
.single-shot-card strong {
  color: var(--production-ink);
  font-size: 13px;
}

.workflow-mode-picker small,
.single-shot-card small {
  color: var(--production-muted);
  font-size:var(--text-xs);
  line-height: 1.45;
}

.preflight-result-list {
  display: grid;
  margin: 0;
  padding: 0;
  list-style: none;
  gap: 8px;
}

.production-preflight .preflight-item {
  grid-template-columns: 28px minmax(0, 1fr);
}

.production-preflight .preflight-item > a {
  grid-column: 2;
  min-width: 0;
  min-height: 32px;
  padding: 7px 10px;
  color: var(--production-accent-strong);
  font-size:var(--text-xs);
  font-weight: 700;
  border-radius: 9px;
  background: var(--production-accent-soft);
  justify-self: start;
}

.job-monitor-actions {
  display: grid;
  gap: 8px;
}

.job-monitor-actions form,
.job-monitor-actions .button {
  width: 100%;
}

.production-action:disabled,
.button:disabled {
  cursor: not-allowed;
  filter: grayscale(0.3);
  opacity: 0.55;
}

@media (max-width: 1120px) {
  .asset-library-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .profile-hero--scenario {
    grid-template-columns: 180px minmax(0, 1fr);
  }

  .profile-hero--scenario .profile-score {
    grid-column: 1 / -1;
    width: 100%;
  }
}

@media (max-width: 940px) {
  .production-wizard__layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .production-wizard__nav {
    position: static;
    display: flex;
    overflow-x: auto;
    padding: 8px;
    scroll-snap-type: x proximity;
  }

  .production-wizard__nav [data-go-step],
  [data-production-wizard] .production-step-trigger {
    flex: 0 0 176px;
    scroll-snap-align: start;
  }

  .direction-card-grid,
  .direction-cards,
  [data-direction-grid] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .asset-library-grid,
  .split-action-panels,
  .identity-flow,
  .direction-card-grid,
  .direction-cards,
  [data-direction-grid],
  .direction-fields {
    grid-template-columns: minmax(0, 1fr);
  }

  .asset-library-card__preview {
    min-height: 190px;
  }

  .profile-hero--scenario {
    display: flex;
    align-items: stretch;
    flex-direction: column;
  }

  .scenario-hero-preview {
    max-height: 260px;
  }

  .split-action-panels > section {
    padding: 18px;
  }

  .split-action-panels form > .button {
    width: 100%;
  }

  .identity-flow > span {
    min-height: 92px;
  }

  .production-wizard__actions,
  .preflight-summary,
  .job-progress__head {
    align-items: stretch;
    flex-direction: column;
  }

  .production-wizard__actions .button,
  .production-wizard__actions [data-go-step] {
    width: 100%;
  }

  .storyboard-timeline {
    padding-left: 35px;
  }

  .storyboard-timeline::before {
    left: 13px;
  }

  .storyboard-shot {
    grid-template-columns: minmax(0, 1fr);
  }

  .storyboard-shot[data-shot-order]::before,
  .storyboard-shot > .shot-order {
    left: -30px;
    width: 26px;
    height: 26px;
  }

  .storyboard-shot__actions {
    width: 100%;
  }

  .preflight-item {
    grid-template-columns: 28px minmax(0, 1fr);
  }

  .preflight-item > :last-child:not(.preflight-item__copy) {
    grid-column: 2;
    justify-self: start;
  }

  .provider-setup-panel__heading,
  .workflow-mode-picker > label,
  .single-shot-card {
    align-items: stretch;
    flex-direction: column;
  }
}

@media (max-width: 480px) {
  .asset-library-card {
    border-radius: 19px;
  }

  .asset-library-card__copy {
    min-height: 138px;
    padding: 18px;
  }

  .advanced-panel > summary,
  .advanced-panel__body,
  .job-progress-card,
  [data-job-monitor] {
    padding-right: 14px;
    padding-left: 14px;
  }

  .production-wizard__nav [data-go-step],
  [data-production-wizard] .production-step-trigger {
    flex-basis: 152px;
  }

  .direction-card.is-selected,
  .direction-card[aria-pressed="true"],
  .direction-card:not(details):has(input:checked) {
    padding-right: 16px;
    padding-top: 46px;
  }

  .button,
  .button--small,
  [data-production-wizard] button,
  .advanced-panel > summary {
    min-height:var(--control-height);
  }
}

@media (prefers-reduced-motion: reduce) {
  .asset-library-card,
  .advanced-panel > summary > i::before,
  .advanced-panel > summary > i::after,
  .direction-card,
  [data-drone-controls],
  [data-storyboard-controls],
  [data-real-consent],
  .production-wizard__bar,
  [data-wizard-progress],
  .job-progress__bar,
  [data-job-progress] {
    transition: none !important;
  }

  [data-production-wizard] [data-studio-step] {
    animation: none !important;
  }

  .job-progress__state::before,
  [data-job-status]::before,
  [data-long-action][aria-busy="true"] .button::before,
  [data-long-action].is-busy .button::before,
  .button[aria-busy="true"]::before {
    animation: none !important;
  }
}

@media (forced-colors: active) {
  .asset-library-card,
  .advanced-panel,
  .direction-card,
  .storyboard-shot,
  .preflight-item,
  .job-progress-card,
  [data-job-monitor] {
    border: 1px solid CanvasText;
  }

  .reference-card.is-approved,
  .direction-card.is-selected,
  .direction-card[aria-pressed="true"],
  .direction-card:not(details):has(input:checked) {
    outline: 2px solid Highlight;
  }
}

/* Source: premium.css */
/* Vidia — restrained creative workstation layer.
   Keep the product calm: solid surfaces, one accent, readable metadata. */
:root {
  --rn-premium-ink: #182126;
  --rn-premium-muted: #637079;
  --rn-premium-line: #dbe2e5;
  --rn-premium-page: #f3f5f4;
  --rn-premium-navy: #11191e;
  --rn-premium-accent: #2a9fc2;
  --rn-premium-accent-strong: var(--theme-accent);
  --rn-premium-success: #2d9870;
  --rn-premium-radius-card: 16px;
  --rn-premium-radius-control: 10px;
}

body { color: var(--rn-premium-ink); background: var(--rn-premium-page); }
body::before { display: none; }

/* Shared shell */
.sidebar {
  color: #b4c0c5;
  background: var(--rn-premium-navy);
  box-shadow: 8px 0 28px rgba(10, 20, 26, .08);
}
.brand-lockup { border-bottom-color: rgba(255, 255, 255, .09); }
.brand-lockup small { color: #73818a; }
.sidebar-nav { gap: 4px; }
.nav-label { color: #718089; }
.nav-item { border-radius: 10px; }
.nav-item:hover { color: #f4f7f8; background: rgba(255, 255, 255, .055); transform: none; }
.nav-item.is-active { color: #fff; border-color: rgba(87, 183, 213, .24); background: #1a303b; box-shadow: inset 2px 0 var(--rn-premium-accent); }
.nav-item.is-active svg { color: #71c7df; }
.sidebar-status { border-color: rgba(255, 255, 255, .1); background: rgba(255, 255, 255, .035); }
.topbar { height: 64px; background: rgba(248, 249, 248, .96); box-shadow: none; }
.breadcrumbs { color: #89959b; }
.breadcrumbs strong { color: #26353d; }
.model-chip { color: #5c6b73; border-color: #d7e0e3; background: #fff; }
.button { border-radius:var(--control-radius); transition: color .16s ease, background-color .16s ease, border-color .16s ease, box-shadow .16s ease; }
.button:hover { transform: none; }
.button--primary { background:var(--action-gradient); box-shadow: 0 6px 16px rgba(25, 125, 160, .16); }
.button--primary:hover { background:var(--action-gradient); box-shadow: 0 8px 20px rgba(25, 125, 160, .22); }
.button--secondary { border-color: #d2dde1; background: #fff; }
.button--secondary:hover { border-color: #9fb8c1; background: #f8faf9; }
.eyebrow { color: var(--rn-premium-accent-strong); }

/* Dashboard and production pages */
.content-wrap { background: transparent; }
.home-intro h1 { max-width: 650px; font-size: clamp(38px, 4vw, 54px); letter-spacing: -.05em; }
.home-intro p { color: #64737a; }
.continue-card { min-height: 242px; border-radius: var(--rn-premium-radius-card); background: #172932; box-shadow: 0 14px 30px rgba(13, 38, 49, .12); }
.metric-strip, .panel, .form-section, .avatar-card, .avatar-mini-card { border-radius: var(--rn-premium-radius-card); box-shadow: 0 8px 26px rgba(17, 41, 53, .045); }
.metric-strip { border-color: var(--rn-premium-line); }
.panel, .form-section { border-color: var(--rn-premium-line); }
.stat-card, .quick-action, .project-row, .avatar-mini-card { transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease; }
.stat-card:hover, .avatar-mini-card:hover { transform: none; box-shadow: 0 10px 30px rgba(17, 41, 53, .08); }
.project-row:hover, .quick-action:hover { background: #f7f9f8; }
.studio-health { border-radius: var(--rn-premium-radius-card); box-shadow: none; }
.home-intro + .studio-health { margin-top: 22px; }
.page-heading h1 { font-size: clamp(34px, 3.2vw, 48px); }
.form-section__heading h2 { font-size: 24px; }
.form-section, .panel { background: rgba(255, 255, 255, .98); }

/* Video workbench: graphite surfaces, restrained accent. */
body:has(.content-wrap--video) { background: #111416; }
body:has(.content-wrap--video) .sidebar { background: #11191e; box-shadow: 8px 0 24px rgba(0, 0, 0, .12); }
body:has(.content-wrap--video) .topbar { height: 64px; background: #11191e; border-bottom-color: #293239; }
body:has(.content-wrap--video) .breadcrumbs { color: #7e8c94; }
body:has(.content-wrap--video) .breadcrumbs span { color: #4b5a62; }
body:has(.content-wrap--video) .breadcrumbs strong { color: #e5ebed; }
body:has(.content-wrap--video) .command-trigger,
body:has(.content-wrap--video) .model-chip,
body:has(.content-wrap--video) .topbar .icon-button { color: #aebbc0; border-color: #303c43; background: #192329; }
body:has(.content-wrap--video) .command-trigger:hover,
body:has(.content-wrap--video) .topbar .icon-button:hover { color: #f4f7f8; border-color: #53646c; background: #202c32; }
.video-studio {
  --vs-bg: #111416;
  --vs-panel: #171d21;
  --vs-panel-raised: #1c2429;
  --vs-control: #1a2227;
  --vs-line: #293238;
  --vs-line-strong: #3a464d;
  --vs-text: #f0f3f4;
  --vs-muted: #9aa7ad;
  --vs-soft: #74838b;
  --vs-accent: #4bb7d4;
  --vs-accent-bright: #83d2e5;
  --vs-success: #55b88d;
  grid-template-columns: 400px minmax(0, 1fr);
  background: var(--vs-bg);
}
.video-studio__controls { background: #151b1f; border-right-color: var(--vs-line); }
.video-studio__controls::-webkit-scrollbar-thumb { background: #3b484f; }
.video-studio__brand { background: #151b1f; border-bottom-color: var(--vs-line); }
.video-studio__brand-icon { border-color: #3b6c7a; border-radius: 10px; background: #1c3038; box-shadow: none; }
.engine-status { color: #93a1a7; }
.engine-status.is-ready { color: var(--vs-success); }
.imported-project { border-color: #375664; border-radius: 11px; background: #1a2b32; }
.control-section { border-bottom-color: var(--vs-line); }
.section-title { color: #edf2f3; }
.section-title i { border-color: #3b5963; border-radius: 6px; background: #1d3037; }
.control-section__hint, .control-section__heading small, .control-section__heading > span[data-prompt-count] { color: #9aa7ad; }
.negative-prompt label, .field-stack > label { color: #b8c4c8; font-size:var(--text-xs); }
.video-studio .field-control,
.video-studio select,
.video-studio textarea { border-color: #354149; border-radius: var(--rn-premium-radius-control); background: #1a2227; }
.video-studio .field-control:hover,
.video-studio select:hover,
.video-studio textarea:hover { border-color: #53646c; background: #1e282e; }
.video-studio .field-control:focus,
.video-studio select:focus,
.video-studio textarea:focus { border-color: var(--vs-accent); box-shadow: 0 0 0 3px rgba(75, 183, 212, .15); }
.avatar-picker, .reference-card, .privacy-control { border-color: #354149; border-radius: 11px; background: #192125; }
.reference-card:hover { transform: none; border-color: #60747d; background: #202b31; }
.reference-card:has(input:checked) { border-color: var(--vs-accent); background: #1d363f; box-shadow: inset 0 0 0 1px rgba(131, 210, 229, .12); }
.reference-card__copy strong { font-size: 12px; }
.reference-card__copy small, .reference-upload small, .privacy-control small { font-size:var(--text-xs); }
.reference-upload { border-color: #526a73; border-radius: 11px; background: #19272c; }
.creation-submit { border-top-color: var(--vs-line); background: #151b1f; backdrop-filter: none; }
.generate-video-button { color:var(--action-text); border-radius:var(--control-radius); background:var(--action-gradient); box-shadow: none; }
.generate-video-button:hover:not(:disabled) { filter: brightness(1.04); box-shadow: 0 7px 18px rgba(42, 159, 194, .18); }
.generate-video-button:disabled { color: #819096; background: #29343a; }
.video-studio__workspace { background: #111416; }
.workspace-heading h1 { font-size: clamp(27px, 2.1vw, 35px); letter-spacing: -.04em; }
.workspace-heading p { color: #98a5ab; }
.video-studio .button--secondary { border-color: #3a474e; background: #192125; }
.video-studio .button--secondary:hover { border-color: #63747b; background: #202a30; }
.generation-stage { border-color: #3a464d; border-radius: 16px; background: #0d1113; box-shadow: none; }
.featured-generation__top, .featured-generation__footer { border-color: #293238; }
.featured-generation__footer { background: #11171a; }
.featured-generation__canvas { background: #0d1113; }
.featured-generation__canvas video { border-radius: 9px; box-shadow: 0 12px 36px rgba(0, 0, 0, .3); }
.generation-state i { box-shadow: none; }
.featured-generation.is-completed .generation-state i,
.featured-generation.is-failed .generation-state i,
.featured-generation.is-action_required .generation-state i { box-shadow: none; }
.empty-stage { padding: 40px 26px; }
.empty-stage__mark { width: 86px; height: 86px; margin-bottom: 18px; border-color: #3d5962; border-radius: 18px; background: #172328; box-shadow: none; }
.empty-stage__mark::before { display: none; }
.empty-stage__mark img { width: 48px; filter: none; opacity: .82; }
.empty-stage__badge { margin-bottom: 12px; padding: 0; color: #aab8bd; border: 0; border-radius: 0; background: transparent; font-size:var(--text-xs); font-weight: 650; letter-spacing: .02em; text-transform: none; }
.empty-stage h2 { font-size: clamp(24px, 2.3vw, 32px); }
.empty-stage p { color: #9aa7ad; }
.empty-stage > div { margin-top: 24px; color: #85949b; font-size:var(--text-xs); letter-spacing: .02em; text-transform: none; }
.empty-stage > div i { background: #45545b; }
.generation-history { margin-top: 28px; }
.generation-card { border-color: #293238; border-radius: 12px; background: #171d21; }
.generation-card:hover { transform: none; border-color: #5a747d; box-shadow: 0 10px 24px rgba(0, 0, 0, .2); }
.generation-card__media > i { border-color: #3a464d; background: #11181b; font-size:var(--text-xs); }
.generation-card__copy small { font-size:var(--text-xs); }
.video-studio a:focus-visible, .video-studio button:focus-visible, .video-studio label:has(input:focus-visible) { outline-color: #8ad8e8; }

/* Mobile creation is a two-surface workbench instead of one very long form. */
.video-studio__mobile-tabs { display: none; }
@media (max-width: 1280px) {
  .video-studio { grid-template-columns: 370px minmax(0, 1fr); }
}
@media (max-width: 680px) {
  .video-studio__mobile-tabs {
    position: sticky;
    top: 64px;
    z-index: 6;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
    padding: 7px 12px;
    border-bottom: 1px solid #293238;
    background: #11191e;
  }
  .video-studio__mobile-tabs button {
    min-height: 40px;
    color: #8f9ca2;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    font-size: 12px;
    font-weight: 650;
    cursor: pointer;
  }
  .video-studio__mobile-tabs button[aria-selected="true"] { color: #eef3f4; border-color: #3d5f69; background: #1d3037; }
  .video-studio:not(.is-mobile-preview) .video-studio__workspace { display: none; }
  .video-studio.is-mobile-preview .video-studio__controls { display: none; }
  .video-studio.is-mobile-preview .video-studio__workspace { display: block; }
  .video-studio__controls { border-bottom-color: var(--vs-line); }
  .video-studio__brand .engine-status { width: 12px; max-width: 12px; flex: 0 0 12px; gap: 0; overflow: hidden; font-size: 0; }
  .video-studio__workspace { padding: 22px 14px 48px; }
  .workspace-heading h1 { font-size: 27px; }
  .generation-stage { min-height: 520px; }
  .video-studio select, .video-studio textarea { font-size: 16px; }
}

@media (max-width: 940px) {
  .mobile-bottom-nav { border-color: #293d45; border-radius: 12px; background: #111c21; box-shadow: 0 10px 28px rgba(5, 18, 24, .24); backdrop-filter: none; }
  .mobile-bottom-nav a.is-active { color: #83d2e5; }
  .mobile-bottom-nav__create { border: 3px solid #e7eef0; border-radius: 12px; background: #4bb7d4; box-shadow: none; }
}

@media (prefers-reduced-motion: reduce) {
  body *, body *::before, body *::after { transition: none !important; }
}

/* Source: theme.css */
[hidden] { display: none !important; }

.theme-toggle { flex: 0 0 38px; }
.theme-toggle svg { width: 18px; height: 18px; }
.theme-switch {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 3px;
  color: #536b79;
  border: 1px solid #dce6eb;
  border-radius: 12px;
  background: #f4f8fa;
  box-shadow: inset 0 1px 1px rgba(20, 48, 65, .04);
}
.theme-switch__option {
  position: relative;
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 9px;
  color: #617987;
  border: 1px solid transparent;
  border-radius: 9px;
  background: transparent;
  font: inherit;
  font-size:var(--text-xs);
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transition: color .18s ease, border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
}
.theme-switch__option svg { width: 15px; height: 15px; flex: 0 0 15px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.theme-switch__option:hover { color: #1d7596; background: rgba(255, 255, 255, .7); }
.theme-switch__option[aria-pressed="true"] { color: #176f91; border-color: #d4e7ed; background: #fff; box-shadow: 0 1px 3px rgba(25, 67, 87, .1); }
.theme-switch__option:focus-visible { outline: 2px solid #3bb5dc; outline-offset: 2px; }
html[data-theme="dark"] .theme-switch { color: #b5c4ce; border-color: #31414f; background: #111b25; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .18); }
html[data-theme="dark"] .theme-switch__option { color: #a5b5c0; }
html[data-theme="dark"] .theme-switch__option:hover { color: #e4f8ff; background: #17232e; }
html[data-theme="dark"] .theme-switch__option[aria-pressed="true"] { color: #b7edff; border-color: #315265; background: #1a2c39; box-shadow: 0 1px 4px rgba(0, 0, 0, .2); }
.video-studio__brand-icon img { width: 23px; height: 23px; object-fit: contain; }
.topbar-token-balance { min-height: 38px; display: inline-flex; align-items: center; gap: 7px; padding: 0 11px; color: #197fa8; border: 1px solid #cfe6ef; border-radius: 12px; background: #f1fbff; text-decoration: none; transition: background .16s ease, border-color .16s ease, transform .16s ease; }
.topbar-token-balance:hover { border-color: #9ed6e8; background: #e8f8fe; transform: translateY(-1px); }
.topbar-token-balance svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.topbar-token-balance strong { color: #146f96; font-size: 12px; font-variant-numeric: tabular-nums; }
.topbar-token-balance span { font-size:var(--text-xs); font-weight: 700; white-space: nowrap; }
.topbar-token-balance--master { border-color: #b6e2ed; background: #e8faff; }

html[data-theme="dark"] body { color: var(--theme-text); background: var(--theme-bg); }
html[data-theme="dark"] .app-main { background: var(--theme-bg); }
html[data-theme="dark"] .topbar { color: #dbe7ef; border-bottom-color: #253440; background: rgba(11, 17, 24, .96); }
html[data-theme="dark"] .breadcrumbs { color: #8fa1af; }
html[data-theme="dark"] .breadcrumbs strong { color: #e5edf3; }
html[data-theme="dark"] .command-trigger,
html[data-theme="dark"] .model-chip,
html[data-theme="dark"] .topbar .icon-button { color: #afbfca; border-color: #31414f; background: #111b25; }
html[data-theme="dark"] .command-trigger:hover,
html[data-theme="dark"] .topbar .icon-button:hover { color: #f4f9fc; border-color: #4b6172; background: #17232e; }
html[data-theme="dark"] .command-trigger kbd { color: #a9b8c4; border-color: #3b4c5b; background: #17232d; }
html[data-theme="dark"] .content-wrap { color: var(--theme-text); }
html[data-theme="dark"] .page-heading,
html[data-theme="dark"] .section-heading,
html[data-theme="dark"] .dashboard-hero,
html[data-theme="dark"] .project-hero,
html[data-theme="dark"] .profile-hero { color: var(--theme-text); }
html[data-theme="dark"] .page-heading h1,
html[data-theme="dark"] .section-heading h2,
html[data-theme="dark"] .panel h1,
html[data-theme="dark"] .panel h2,
html[data-theme="dark"] .panel h3,
html[data-theme="dark"] .form-section h1,
html[data-theme="dark"] .form-section h2,
html[data-theme="dark"] .form-section h3,
html[data-theme="dark"] .dashboard-hero h1,
html[data-theme="dark"] .project-hero h1,
html[data-theme="dark"] .profile-hero h1 { color: #edf4f8; }
html[data-theme="dark"] .page-heading p,
html[data-theme="dark"] .section-heading p,
html[data-theme="dark"] .panel p,
html[data-theme="dark"] .form-section p,
html[data-theme="dark"] .form-help,
html[data-theme="dark"] .helptext { color: var(--theme-muted); }
html[data-theme="dark"] :is(.panel, .stat-card, .quick-flow, .project-table, .form-section, .single-form-card, .integration-card, .profile-card, .settings-card, .output-layout, .production-panel, .asset-card, .handoff-card, .avatar-card, .scenario-card, .project-card, .prompt-panel, .table-wrap) {
  color: var(--theme-text); border-color: var(--theme-line); background-color: var(--theme-surface);
}
html[data-theme="dark"] :is(.stat-card, .quick-flow, .project-table, .integration-card, .profile-card, .settings-card, .production-panel, .asset-card, .handoff-card, .avatar-card, .scenario-card, .project-card) { box-shadow: 0 12px 30px rgba(0, 0, 0, .16); }
html[data-theme="dark"] :is(.stat-card strong, .project-row strong, .avatar-card strong, .scenario-card strong, .integration-card h2, .settings-card h2, .panel strong) { color: #e7eff4; }
html[data-theme="dark"] :is(.stat-card small, .project-row small, .avatar-card small, .scenario-card small, .integration-card p, .settings-card p, .table-tag--muted) { color: var(--theme-muted); }
html[data-theme="dark"] :is(input:not([type="checkbox"]):not([type="radio"]), textarea, select, .field-control, .command-palette__head input) {
  color: #e7edf3; border-color: #344652; background-color: var(--theme-control);
}
html[data-theme="dark"] :is(input:not([type="checkbox"]):not([type="radio"]), textarea, select, .field-control)::placeholder { color: #8193a0; }
html[data-theme="dark"] :is(input:not([type="checkbox"]):not([type="radio"]), textarea, select, .field-control):focus { border-color: #36b9e4; }
html[data-theme="dark"] :is(.table, table) th { color: #9fb1be; border-color: var(--theme-line); }
html[data-theme="dark"] :is(.table, table) td { color: #d5e0e7; border-color: var(--theme-line); }
html[data-theme="dark"] .command-palette { color: var(--theme-text); border-color: var(--theme-line); background: #101923; }
html[data-theme="dark"] .command-palette__body a { color: #e7edf3; }
html[data-theme="dark"] .command-palette__body a:hover { background: #1a2a37; }
html[data-theme="dark"] .mobile-bottom-nav { border-color: var(--theme-line); background: rgba(12, 20, 28, .96); }
html[data-theme="dark"] .mobile-bottom-nav a { color: #a8b8c4; }
html[data-theme="dark"] .mobile-bottom-nav a.is-active { color: #83d8f2; }
html[data-theme="dark"] .topbar-token-balance { color: #a9e9ff; border-color: #28506a; background: #102638; }
html[data-theme="dark"] .topbar-token-balance strong { color: #c2f1ff; }
html[data-theme="dark"] .topbar-token-balance:hover { border-color: #3486a8; background: #15354a; }

/* Dashboard components have their own light surfaces in the base palette. */
html[data-theme="dark"] .studio-health {
  color: var(--theme-text);
  border-color: #263844;
  background: linear-gradient(135deg, #14212b, #101922);
  box-shadow: 0 14px 34px rgba(0, 0, 0, .16);
}
html[data-theme="dark"] .studio-health__intro h2 { color: #edf4f8; }
html[data-theme="dark"] .studio-health__intro p { color: #9aabb7; }
html[data-theme="dark"] .studio-health__advanced { color: #b9c8d1; }
html[data-theme="dark"] .studio-health__advanced summary:hover { color: #a8e8fb; }
html[data-theme="dark"] .health-item {
  color: #d9e4ea;
  border-color: #2b3d49;
  background: #17242e;
}
html[data-theme="dark"] .health-item:hover { border-color: #416174; background: #1b2d39; }
html[data-theme="dark"] .health-item strong { color: #e5edf2; }
html[data-theme="dark"] .health-item small { color: #9aabb6; }
html[data-theme="dark"] .health-item > span { color: #f0cb78; background: #3a301d; }
html[data-theme="dark"] .health-item.is-done > span { color: #8de3b9; background: #173b30; }
html[data-theme="dark"] .metric-strip {
  color: var(--theme-text);
  border-color: #263744;
  background: linear-gradient(120deg, #121e28, #101923);
}
html[data-theme="dark"] .metric-strip strong { color: #e5eef3; }
html[data-theme="dark"] .metric-strip span { color: #9aabb7; }
html[data-theme="dark"] .metric-strip > i { background: #2b3b47; }
html[data-theme="dark"] .metric-strip > a { color: #82d8f1; }
html[data-theme="dark"] .quick-action { border-color: #263743; }
html[data-theme="dark"] .quick-action strong { color: #e3edf2; }
html[data-theme="dark"] .quick-action small { color: #9aaab5; }
html[data-theme="dark"] .quick-action__icon { color: #8ddcf3; background: #173447; }
html[data-theme="dark"] .quick-action > svg { color: #718793; }
html[data-theme="dark"] .quick-action:hover { background: #15232d; }
html[data-theme="dark"] .avatar-mini-card {
  color: var(--theme-text);
  border-color: #2b3c48;
  background: #131f29;
  box-shadow: 0 8px 22px rgba(0, 0, 0, .14);
}
html[data-theme="dark"] .avatar-mini-card:hover { border-color: #456273; background: #172630; }
html[data-theme="dark"] .avatar-mini-card strong { color: #e5edf2; }
html[data-theme="dark"] .avatar-mini-card small { color: #9aabb6; }
html[data-theme="dark"] .avatar-mini-card .avatar-portrait { color: #c3d4dc; background: #23333e; }
html[data-theme="dark"] .avatar-mini-card .avatar-completion strong { color: #88d6f0; }
html[data-theme="dark"] .avatar-mini-card .row-arrow { color: #788e9a; }
html[data-theme="dark"] .avatar-mini-card--add { background: transparent; }
html[data-theme="dark"] .avatar-mini-card--add .empty-icon { color: #8ddcf3; background: #173447; }
html[data-theme="dark"] .continue-card__project { border-color: rgba(255, 255, 255, .1); }
html[data-theme="dark"] .continue-card__project strong,
html[data-theme="dark"] .continue-card__meta strong { color: #e5edf2; }

/* Video creation uses its own light palette when the user selects light mode. */
html[data-theme="light"] body:has(.content-wrap--video) { color: #193346; background: #f4f7fa; }
html[data-theme="light"] body:has(.content-wrap--video) .topbar { color: #294557; border-bottom-color: #dfe8ed; background: rgba(255, 255, 255, .96); box-shadow: 0 1px rgba(20, 45, 61, .03); }
html[data-theme="light"] body:has(.content-wrap--video) .breadcrumbs { color: #78909e; }
html[data-theme="light"] body:has(.content-wrap--video) .breadcrumbs span { color: #b7c6cf; }
html[data-theme="light"] body:has(.content-wrap--video) .breadcrumbs strong { color: #234256; }
html[data-theme="light"] body:has(.content-wrap--video) .command-trigger,
html[data-theme="light"] body:has(.content-wrap--video) .model-chip,
html[data-theme="light"] body:has(.content-wrap--video) .topbar .icon-button { color: #476273; border-color: #d9e4e9; background: #fff; }
html[data-theme="light"] body:has(.content-wrap--video) .command-trigger kbd { color: #708591; border-color: #d9e3e8; background: #f4f8fa; }
html[data-theme="light"] body:has(.content-wrap--video) .sidebar {
  color: #526d7d;
  border-right: 1px solid #e0e9ed;
  background: linear-gradient(180deg, #fff 0%, #f8fbfc 100%);
  box-shadow: 4px 0 18px rgba(35, 77, 99, .035);
}
html[data-theme="light"] body:has(.content-wrap--video) .brand-lockup { border-bottom-color: #e5edf0; }
html[data-theme="light"] body:has(.content-wrap--video) .brand-lockup small { color: #8397a2; }
html[data-theme="light"] body:has(.content-wrap--video) .nav-label { color: #80939e; }
html[data-theme="light"] body:has(.content-wrap--video) .nav-item { color: #617b89; }
html[data-theme="light"] body:has(.content-wrap--video) .nav-item svg { color: #688391; }
html[data-theme="light"] body:has(.content-wrap--video) .nav-item:hover { color: #176f91; border-color: #dcecf1; background: #eff9fc; }
html[data-theme="light"] body:has(.content-wrap--video) .nav-item:hover svg { color: #1884aa; }
html[data-theme="light"] body:has(.content-wrap--video) .nav-item.is-active { color: #126e90; border-color: #cbe8f0; background: linear-gradient(145deg, #e9f8fc, #f4fbfd); box-shadow: inset 0 0 0 1px rgba(41, 157, 190, .045); }
html[data-theme="light"] body:has(.content-wrap--video) .nav-item.is-active svg { color: #1387ad; }
html[data-theme="light"] body:has(.content-wrap--video) .sidebar-status { color: #526d7d; border-color: #dce8ed; background: #f6fafb; }
html[data-theme="light"] body:has(.content-wrap--video) .sidebar-status strong { color: #36586b; }
html[data-theme="light"] body:has(.content-wrap--video) .sidebar-status small { color: #7c909b; }
html[data-theme="light"] .video-studio {
  --vs-bg: #f4f7fa;
  --vs-panel: #fff;
  --vs-panel-raised: #fff;
  --vs-control: #fff;
  --vs-line: #dfe8ed;
  --vs-line-strong: #d4e1e8;
  --vs-text: #1c374a;
  --vs-muted: #6d8290;
  --vs-soft: #8a9ba6;
  --vs-accent: #149dd0;
  --vs-accent-bright: #148fbe;
  --vs-success: #1e9b70;
  color: #1c374a;
  background: var(--vs-bg);
}
html[data-theme="light"] .video-studio__controls { background: linear-gradient(180deg, #fff 0%, #f8fbfc 100%); border-right-color: #dfe8ed; }
html[data-theme="light"] .video-studio__brand { border-bottom-color: #e2ebef; background: rgba(255, 255, 255, .85); }
html[data-theme="light"] .video-studio__brand-icon { color: #1688ad; border-color: #cceaf3; background: linear-gradient(145deg, #e8faff, #f5fcff); box-shadow: 0 6px 18px rgba(43, 156, 194, .09); }
html[data-theme="light"] .video-studio__brand-icon img { width: 24px; height: 24px; object-fit: contain; }
html[data-theme="light"] .video-studio__brand strong,
html[data-theme="light"] .section-title { color: #1d3c51; }
html[data-theme="light"] .engine-status { color: #b77816; }
html[data-theme="light"] .engine-status.is-ready { color: #19815f; }
html[data-theme="light"] .imported-project { border-color: #cbeaf3; background: #effbff; }
html[data-theme="light"] .imported-project strong { color: #20475d; }
html[data-theme="light"] .imported-project > svg,
html[data-theme="light"] .imported-project a,
html[data-theme="light"] .control-section__heading a,
html[data-theme="light"] .text-control { color: #148db9; }
html[data-theme="light"] .control-section { border-bottom-color: #e4ebef; }
html[data-theme="light"] .video-studio .field-control,
html[data-theme="light"] .video-studio select,
html[data-theme="light"] .video-studio textarea { color: #203b4d; border-color: #d5e1e7; background: #fff; box-shadow: 0 1px 2px rgba(22, 54, 73, .025); }
html[data-theme="light"] .video-studio .field-control:hover,
html[data-theme="light"] .video-studio select:hover,
html[data-theme="light"] .video-studio textarea:hover { border-color: #b9d5e0; background: #fcfeff; }
html[data-theme="light"] .video-studio .field-control:focus,
html[data-theme="light"] .video-studio select:focus,
html[data-theme="light"] .video-studio textarea:focus { border-color: #21a8d4; box-shadow: 0 0 0 3px rgba(37, 171, 215, .12); }
html[data-theme="light"] .video-studio textarea::placeholder { color: #99aab4; }
html[data-theme="light"] .negative-prompt label,
html[data-theme="light"] .field-stack > label { color: #607888; }
html[data-theme="light"] .video-studio .errorlist { color: #b74455; }
html[data-theme="light"] .studio-form-errors { color: #913c4b; border-color: #f2c7cd; background: #fff5f6; }
html[data-theme="light"] .studio-form-errors a { color: #913c4b; }
html[data-theme="light"] .avatar-picker { border-color: #dce7ec; background: #fff; }
html[data-theme="light"] .avatar-picker__photo { color: #416477; border-color: #d5e2e8; background: #edf5f8; }
html[data-theme="light"] .avatar-picker select { color: #25465b; }
html[data-theme="light"] .avatar-references img { border-color: #d9e4e9; background: #f5f8fa; }
html[data-theme="light"] .reference-card { color: #3b5668; border-color: #dce6eb; background: #fff; }
html[data-theme="light"] .reference-card { grid-template-columns: 36px minmax(0, 1fr); gap: 7px; padding-right: 24px; }
html[data-theme="light"] .reference-card__copy strong { overflow: visible; white-space: normal; line-height: 1.2; }
html[data-theme="light"] .reference-card__copy small { display: -webkit-box; overflow: hidden; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.25; }
html[data-theme="light"] .reference-card:hover { border-color: #a9cedd; background: #f8fcfe; }
html[data-theme="light"] .reference-card:has(input:checked) { color: #19465d; border-color: #28a9d1; background: linear-gradient(135deg, #edfaff, #f7fcff); box-shadow: inset 0 0 0 1px rgba(40, 169, 209, .08); }
html[data-theme="light"] .reference-card__visual { color: #668293; border-color: #d7e5ea; background: #f3f8fa; }
html[data-theme="light"] .reference-card:has(input:checked) .reference-card__visual { color: #168bb5; border-color: #b2deeb; background: #eaf9fd; }
html[data-theme="light"] .reference-card__check { border-color: #d6e3e8; background: #fff; }
html[data-theme="light"] .reference-card:has(input:checked) .reference-card__check { color: #fff; border-color: #168fbd; background: #168fbd; }
html[data-theme="light"] .reference-upload { border-color: #aed9e7; background: #f5fcfe; }
html[data-theme="light"] .reference-upload:hover { background: #edfaff; }
html[data-theme="light"] .reference-upload__preview { color: #168fbd; background: #e8f8fd; }
html[data-theme="light"] .reference-upload__action { color: #148bb7; }
html[data-theme="light"] .duration-slider { border-color: #d7e5ea; background: #fff; }
html[data-theme="light"] .duration-slider input[type="range"]::-webkit-slider-runnable-track { background: linear-gradient(to right, #66cef0 0 var(--duration-fill, 12%), #dbe8ed var(--duration-fill, 12%) 100%); }
html[data-theme="light"] .duration-slider input[type="range"]::-moz-range-track { background: #dbe8ed; }
html[data-theme="light"] .duration-slider input[type="range"]::-moz-range-progress { background: #49bee6; }
html[data-theme="light"] .duration-slider input[type="range"]::-webkit-slider-thumb,
html[data-theme="light"] .duration-slider input[type="range"]::-moz-range-thumb { border-color: #e8faff; background: #1ca5d4; box-shadow: 0 0 0 4px rgba(35, 170, 213, .16), 0 2px 8px rgba(29, 80, 103, .2); }
html[data-theme="light"] .duration-slider__value { color: #147fa7; }
html[data-theme="light"] .creation-submit { border-top-color: #e1e9ed; background: linear-gradient(180deg, rgba(255, 255, 255, .88), #fff 30%); }
html[data-theme="light"] .credit-balance { color: #617987; }
html[data-theme="light"] .credit-balance strong { color: #22475d; }
html[data-theme="light"] .credit-balance small { color: #78909d; }
html[data-theme="light"] .token-estimate { border-color: #d5e7ed; background: #f7fcfe; }
html[data-theme="light"] .token-estimate__icon { color: #168fb9; border-color: #c7e9f2; background: #edfaff; }
html[data-theme="light"] .token-estimate__copy strong { color: #25495e; }
html[data-theme="light"] .token-estimate__amount strong { color: #167da4; }
html[data-theme="light"] .token-estimate.is-insufficient { border-color: #efc6c7; background: #fff7f7; }
html[data-theme="light"] .generate-video-button { color:var(--action-text); background:var(--action-gradient); box-shadow: 0 12px 28px rgba(23, 150, 201, .2), inset 0 1px rgba(255, 255, 255, .3); }
html[data-theme="light"] .generate-video-button:hover:not(:disabled) { box-shadow: 0 15px 32px rgba(23, 150, 201, .27), inset 0 1px rgba(255, 255, 255, .35); }
html[data-theme="light"] .generate-video-button:disabled { color: #fff; background: linear-gradient(115deg, #9bcbdc, #83bad0); box-shadow: none; opacity: .7; }
.generate-video-button { color:var(--action-text); }
.generate-video-button img { width: 20px; height:auto; object-fit: contain; filter: brightness(0) invert(1); }
.generation-signin-hint { display: block; margin-top: 8px; color: var(--vs-muted); font-size:var(--text-xs); line-height: 1.4; text-align: center; }
html[data-theme="dark"] .reference-card { grid-template-columns: 36px minmax(0, 1fr); gap: 7px; padding-right: 24px; }
html[data-theme="dark"] .reference-card__copy strong { overflow: visible; white-space: normal; line-height: 1.2; }
html[data-theme="dark"] .reference-card__copy small { display: -webkit-box; overflow: hidden; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.25; }
html[data-theme="light"] .control-section__heading a,
html[data-theme="light"] .control-section__hint,
html[data-theme="light"] .control-section__heading small,
html[data-theme="light"] .control-section__heading > span[data-prompt-count] { font-size: 12px; }
html[data-theme="light"] .field-stack > label,
html[data-theme="light"] .negative-prompt label { font-size:var(--text-xs); }
html[data-theme="light"] .reference-card__copy strong { font-size: 12px; }
html[data-theme="light"] .reference-card__copy small,
html[data-theme="light"] .duration-field__hint { font-size:var(--text-xs); }
html[data-theme="light"] .token-estimate__copy strong { font-size: 12px; }
html[data-theme="light"] .token-estimate__copy small { font-size:var(--text-xs); }
html[data-theme="light"] .generate-video-button { font-size:var(--control-font); }

html[data-theme="light"] .video-studio__workspace { background: radial-gradient(circle at 48% 10%, rgba(71, 193, 228, .09), transparent 37%), #f4f8fa; }
html[data-theme="light"] .workspace-heading h1 { color: #1d3c51; }
html[data-theme="light"] .workspace-heading p { color: #6e8491; }
html[data-theme="light"] .video-studio .button--secondary { color: #385769; border-color: #d8e4e9; background: #fff; box-shadow: 0 2px 6px rgba(20, 51, 67, .04); }
html[data-theme="light"] .video-studio .button--secondary:hover { color: #194c66; border-color: #bad8e2; background: #f8fcfd; }
html[data-theme="light"] .video-studio .section-title i,
html[data-theme="light"] .video-studio .control-section--character .section-title i,
html[data-theme="light"] .video-studio .control-section--prompt .section-title i,
html[data-theme="light"] .video-studio .control-section--settings .section-title i {
  color: #147da2;
  border-color: #cbeaf2;
  background: linear-gradient(145deg, #e7f9fd, #f4fcfe);
  box-shadow: 0 1px 2px rgba(31, 115, 143, .06);
}
html[data-theme="light"] .video-studio .empty-stage__mark {
  border-color: #cce8f0;
  background: linear-gradient(145deg, #f9feff, #e9f8fc);
  box-shadow: 0 16px 36px rgba(37, 128, 158, .1), inset 0 1px #fff;
}
html[data-theme="light"] .video-studio .empty-stage__mark img { opacity: 1; filter: drop-shadow(0 5px 12px rgba(18, 136, 175, .14)); }
html[data-theme="light"] .generation-stage { border-color: #d9e5ea; background: #edf3f6; box-shadow: 0 18px 50px rgba(37, 78, 98, .08), inset 0 1px #fff; }
html[data-theme="light"] .featured-generation__top,
html[data-theme="light"] .featured-generation__footer { color: #6b818e; border-color: #e1e9ed; }
html[data-theme="light"] .featured-generation__footer { background: rgba(255, 255, 255, .75); }
html[data-theme="light"] .featured-generation__footer strong { color: #24475c; }
html[data-theme="light"] .generation-state { color: #315469; }
html[data-theme="light"] .generation-specs b { color: #3b5b6e; }
html[data-theme="light"] .featured-generation__canvas { background: radial-gradient(circle at center, #fff 0%, #f0f6f8 55%, #eaf1f4 100%); }
html[data-theme="light"] .featured-generation__canvas video { box-shadow: 0 16px 40px rgba(26, 57, 74, .16); }
html[data-theme="light"] .stage-feedback h2,
html[data-theme="light"] .empty-stage h2 { color: #1c3d52; }
html[data-theme="light"] .stage-feedback p,
html[data-theme="light"] .empty-stage p { color: #6c8290; }
html[data-theme="light"] .stage-feedback small { color: #718794; }
html[data-theme="light"] .studio-progress { background: #dce9ee; box-shadow: inset 0 1px 2px rgba(20, 61, 80, .07); }
html[data-theme="light"] .empty-stage__badge { color: #177fa7; border-color: #c7e9f2; background: #f2fbfe; }
html[data-theme="light"] .empty-stage > div { color: #748b98; }
html[data-theme="light"] .empty-stage > div i { background: #cad9e0; }
html[data-theme="light"] .generation-history__heading h2 { color: #1e4055; }
html[data-theme="light"] .generation-history__heading > span { color: #6d8390; }
html[data-theme="light"] .generation-card { color: #24475c; border-color: #dce6eb; background: #fff; box-shadow: 0 4px 15px rgba(30, 67, 87, .045); }
html[data-theme="light"] .generation-card:hover { border-color: #abd6e4; box-shadow: 0 12px 26px rgba(30, 100, 129, .1); }
html[data-theme="light"] .generation-card__media { background: #e9f1f4; }
html[data-theme="light"] .generation-card__media > i { color: #e8f5fa; }
html[data-theme="light"] .generation-card__copy strong { color: #24475c; }
html[data-theme="light"] .generation-card__copy small.generation-card__cost { color: #1781a4; }
html[data-theme="light"] .generation-token-cost { color: #27536a; border-color: #dfebef; background: #f4fbfd; }
html[data-theme="light"] .generation-token-cost > svg { stroke: #198db5; }
html[data-theme="light"] .generation-token-cost small { color: #718794; }

.render-orbit { position: relative; isolation: isolate; }
.render-orbit::before { content: ""; position: absolute; inset: -8px; z-index: -1; border: 1px solid rgba(87, 205, 242, .32); border-right-color: transparent; border-bottom-color: transparent; border-radius: 34px; animation: renderOrbit 3s linear infinite; }
.render-orbit::after { content: ""; position: absolute; inset: -17px; z-index: -2; border: 1px solid rgba(87, 205, 242, .1); border-radius: 38px; animation: renderHalo 2.4s ease-in-out infinite; }
.studio-progress { position: relative; height: 7px; box-shadow: 0 0 18px rgba(55, 187, 231, .12); }
.studio-progress i { position: relative; overflow: hidden; background: linear-gradient(90deg, #1597d0, #51c8ed, #8ce5fa); box-shadow: 0 0 14px rgba(67, 200, 239, .42); }
.studio-progress i::after { content: ""; position: absolute; top: 0; bottom: 0; left: -45%; width: 38%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .75), transparent); animation: progressShimmer 1.7s ease-in-out infinite; }
.featured-generation.is-completed .featured-generation__canvas video { animation: videoReveal .9s cubic-bezier(.18, .82, .22, 1) both; }
.featured-generation.is-completed .featured-generation__canvas { animation: stageReveal .7s ease-out both; }
@keyframes renderOrbit { to { transform: rotate(360deg); } }
@keyframes renderHalo { 50% { opacity: .35; transform: scale(1.06); } }
@keyframes progressShimmer { to { left: 115%; } }
@keyframes videoReveal { from { opacity: 0; transform: translateY(15px) scale(.975); filter: blur(8px); } to { opacity: 1; transform: none; filter: blur(0); } }
@keyframes stageReveal { from { background-color: rgba(75, 202, 239, .1); } to { background-color: transparent; } }

.token-management-page { max-width: 1240px; margin: 0 auto; }
.token-management-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin: 22px 0; }
.token-management-card, .token-wallets-panel { padding: 24px; border: 1px solid #dce6eb; border-radius: 18px; background: #fff; box-shadow: 0 10px 28px rgba(29, 68, 88, .055); }
.token-management-card .section-heading, .token-wallets-panel .section-heading { margin-bottom: 18px; }
.token-management-card .section-heading h2, .token-wallets-panel .section-heading h2 { margin: 5px 0 0; color: #1b3b50; font-size: 19px; }
.token-management-form { display: grid; gap: 15px; }
.token-management-form .button { justify-self: start; min-height:var(--control-height); }
.token-management-intro { margin: -7px 0 16px; color: #617986; font-size: 13px; line-height: 1.55; }
.token-rate-example { display: flex; align-items: baseline; gap: 8px; padding: 12px 14px; color: #4f6b7a; border: 1px solid #d8eaf0; border-radius: 12px; background: #f3fbfd; font-size: 12px; }
.token-rate-example strong { color: #1383aa; font-size: 21px; font-variant-numeric: tabular-nums; }
.token-wallet-table-wrap { overflow-x: auto; }
.token-wallet-table { width: 100%; border-collapse: collapse; text-align: left; }
.token-wallet-table th { padding: 11px 12px; color:var(--theme-muted); border-bottom: 1px solid #e1eaee; font-size:var(--text-xs); font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }
.token-wallet-table td { padding: 13px 12px; color: #3b5666; border-bottom: 1px solid #edf1f3; font-size: 12px; }
.token-wallet-table td strong, .token-wallet-table td small { display: block; }
.token-wallet-table td small { margin-top: 3px; color:var(--theme-muted); font-size:var(--text-xs); }
.token-wallet-table td b { color:var(--theme-accent); font-size: 14px; font-variant-numeric: tabular-nums; }
.token-ledger-list { display: grid; }
.token-ledger-list article { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 12px 4px; border-bottom: 1px solid #edf1f3; }
.token-ledger-list__mark { width: 26px; height: 26px; display: grid; place-items: center; color: #18805f; border-radius: 9px; background: #e8f8f0; font-weight: 800; }
.token-ledger-list article > span:nth-child(2) { min-width: 0; display: grid; gap: 3px; }
.token-ledger-list article strong { color: #2e4b5d; font-size: 12px; }
.token-ledger-list article small { overflow: hidden; color:var(--theme-muted); font-size:var(--text-xs); text-overflow: ellipsis; white-space: nowrap; }
.token-ledger-list article > b { color:var(--theme-success); font-size: 12px; white-space: nowrap; }
html[data-theme="dark"] .token-management-card,
html[data-theme="dark"] .token-wallets-panel { color: var(--theme-text); border-color: var(--theme-line); background: var(--theme-surface); }
html[data-theme="dark"] .token-management-card .section-heading h2,
html[data-theme="dark"] .token-wallets-panel .section-heading h2 { color: #e5edf3; }
html[data-theme="dark"] .token-management-intro { color: var(--theme-muted); }
html[data-theme="dark"] .token-rate-example { color: #acc3cf; border-color: #294050; background: #142632; }
html[data-theme="dark"] .token-wallet-table th,
html[data-theme="dark"] .token-wallet-table td,
html[data-theme="dark"] .token-ledger-list article { border-color: var(--theme-line); }
html[data-theme="dark"] .token-wallet-table th { color: #9aadb9; }
html[data-theme="dark"] .token-wallet-table td { color: #cfdae1; }
html[data-theme="dark"] .token-wallet-table td b { color: #8bd9f2; }
html[data-theme="dark"] .token-ledger-list article strong { color: #e1eaf0; }
html[data-theme="dark"] .token-ledger-list article small { color: #9aaab5; }
html[data-theme="dark"] .token-ledger-list__mark { color: #90e4bb; background: #16392f; }

@media (max-width: 760px) {
  .topbar-token-balance { gap: 5px; padding-inline: 8px; }
  .topbar-token-balance span { display: none; }
  .token-management-grid { grid-template-columns: 1fr; }
  .token-management-card, .token-wallets-panel { padding: 19px; }
  .token-ledger-list article { grid-template-columns: 26px minmax(0, 1fr); }
  .token-ledger-list article > b { grid-column: 2; }
}

@media (max-width: 650px) {
  .theme-switch { min-height: 36px; gap: 2px; padding: 2px; border-radius: 11px; }
  .theme-switch__option { width: 32px; min-height: 30px; padding: 0; }
  .theme-switch__option span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
}

@media (prefers-reduced-motion: reduce) {
  .render-orbit::before, .render-orbit::after, .studio-progress i::after,
  .featured-generation.is-completed .featured-generation__canvas,
  .featured-generation.is-completed .featured-generation__canvas video { animation: none; }
}

/* 60 / 30 / 10: calm work surfaces, distinct panels, focused sky-blue accents. */
html[data-theme="light"] body:has(.content-wrap--video) { background: #f4f7f9; }
html[data-theme="light"] .video-studio {
  --vs-bg: #f4f7f9;
  --vs-panel: #fff;
  --vs-panel-raised: #fff;
  --vs-control: #fcfdfe;
  --vs-line: #e2eaee;
  --vs-line-strong: #d5e1e7;
  --vs-accent: #1486ad;
  --vs-accent-bright: #32b7dc;
  background: var(--vs-bg);
}
html[data-theme="light"] .video-studio__controls { background: linear-gradient(180deg, #fff 0%, #fbfcfd 100%); }
html[data-theme="light"] .video-studio__workspace { background: radial-gradient(circle at 88% 5%, rgba(71, 193, 228, .07), transparent 22%), #f4f7f9; }
html[data-theme="light"] body:has(.content-wrap--video) .nav-item.is-active {
  color: #0c678a;
  border-color: #bfe6f1;
  background: linear-gradient(145deg, #e1f7fc, #f1fbfe);
  box-shadow: inset 3px 0 #36b9dc, inset 0 0 0 1px rgba(30, 148, 181, .04), 0 4px 12px rgba(29, 147, 184, .08);
}
html[data-theme="light"] body:has(.content-wrap--video) .nav-item.is-active svg { color: #087da6; }
html[data-theme="light"] .theme-switch__option[aria-pressed="true"] { color: #116d91; border-color: #c4e6ef; background: linear-gradient(145deg, #fff, #eaf9fd); box-shadow: 0 2px 5px rgba(22, 124, 158, .12); }
html[data-theme="light"] .video-studio .section-title i {
  color: #fff;
  border-color: #1479a0;
  background: linear-gradient(145deg, #147fa5, #12699c);
  box-shadow: 0 3px 9px rgba(18, 117, 158, .18), inset 0 1px rgba(255, 255, 255, .28);
}
html[data-theme="light"] .video-studio .duration-slider { border-color: #d0e4ea; background: linear-gradient(145deg, #fff, #f8fcfd); }
html[data-theme="light"] .video-studio .duration-slider input[type="range"]::-webkit-slider-runnable-track { background: linear-gradient(to right, #43c1e5 0, #1688b5 var(--duration-fill, 12%), #dbe8ed var(--duration-fill, 12%) 100%); }
html[data-theme="light"] .video-studio .duration-slider input[type="range"]::-moz-range-progress { background: linear-gradient(90deg, #43c1e5, #1688b5); }
html[data-theme="light"] .video-studio .duration-slider__value {
  min-height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px 8px;
  color: #116b90;
  border: 1px solid #c1e7f0;
  border-radius: 9px;
  background: linear-gradient(145deg, #effbfe, #dcf5fb);
  box-shadow: inset 0 1px #fff;
}
html[data-theme="light"] .video-studio .generate-video-button { color:var(--action-text); background:var(--action-gradient); box-shadow: 0 9px 22px rgba(13, 112, 152, .2), inset 0 1px rgba(255, 255, 255, .24); }
html[data-theme="light"] .video-studio .generate-video-button:hover:not(:disabled) { box-shadow: 0 13px 27px rgba(13, 112, 152, .28), inset 0 1px rgba(255, 255, 255, .3); }
html[data-theme="light"] .video-studio .generate-video-button:disabled { color: #fff; background: linear-gradient(115deg, #347990, #326f89 52%, #315f7e); box-shadow: none; opacity: 1; }
html[data-theme="light"] .video-studio .empty-stage__mark { border-color: #b9e3ee; background: linear-gradient(145deg, #f7fdff, #ddf4fa 62%, #eaf8ff); box-shadow: 0 13px 30px rgba(37, 128, 158, .12), inset 0 1px #fff; }
html[data-theme="light"] .video-studio .generation-stage { border-color: #dce6eb; background: #f0f4f6; box-shadow: 0 18px 48px rgba(37, 78, 98, .07), inset 0 1px #fff; }
html[data-theme="light"] .video-studio .featured-generation__canvas { background: radial-gradient(circle at 50% 44%, #fff 0%, #f8fbfc 58%, #edf3f5 100%); }

html[data-theme="dark"] body:has(.content-wrap--video) { background: #0b1118; }
html[data-theme="dark"] .video-studio {
  --vs-bg: #0b1118;
  --vs-panel: #141d26;
  --vs-panel-raised: #192631;
  --vs-control: #101922;
  --vs-line: #263642;
  --vs-line-strong: #354752;
  --vs-text: #e7edf2;
  --vs-muted: #a0b0bb;
  --vs-accent: #36bce1;
  --vs-accent-bright: #83def6;
  background: var(--vs-bg);
}
html[data-theme="dark"] body:has(.content-wrap--video) .video-studio__workspace { background: radial-gradient(circle at 88% 5%, rgba(52, 181, 218, .09), transparent 23%), var(--vs-bg); }
html[data-theme="dark"] body:has(.content-wrap--video) .nav-item.is-active { border-color: rgba(65, 191, 225, .42); background: linear-gradient(145deg, #143b4b, #172a36); box-shadow: inset 3px 0 #42c0e2, inset 0 0 0 1px rgba(65, 191, 225, .08), 0 4px 14px rgba(24, 158, 190, .11); }
html[data-theme="dark"] .theme-switch__option[aria-pressed="true"] { background: linear-gradient(145deg, #1a3443, #172630); }
html[data-theme="dark"] .video-studio .section-title i { color: #d8f7ff; border-color: #28657d; background: linear-gradient(145deg, #155771, #163c54); box-shadow: 0 3px 10px rgba(22, 157, 190, .17), inset 0 1px rgba(255, 255, 255, .08); }
html[data-theme="dark"] .video-studio .duration-slider__value { min-height: 30px; display: flex; align-items: center; justify-content: center; padding: 3px 8px; color: #a7ecff; border: 1px solid #27546a; border-radius: 9px; background: linear-gradient(145deg, #153448, #142632); }
html[data-theme="dark"] .video-studio .duration-slider input[type="range"]::-webkit-slider-runnable-track { background: linear-gradient(to right, #57cce9 0, #148ab7 var(--duration-fill, 12%), #354855 var(--duration-fill, 12%) 100%); }
html[data-theme="dark"] .video-studio .duration-slider input[type="range"]::-moz-range-progress { background: linear-gradient(90deg, #57cce9, #148ab7); }
html[data-theme="dark"] .video-studio .generate-video-button { color:var(--action-text); background:var(--action-gradient); box-shadow: 0 9px 22px rgba(10, 119, 160, .2), inset 0 1px rgba(255, 255, 255, .22); }
html[data-theme="dark"] .video-studio .generate-video-button:hover:not(:disabled) { box-shadow: 0 13px 27px rgba(10, 119, 160, .29), inset 0 1px rgba(255, 255, 255, .3); }
html[data-theme="dark"] .video-studio .generate-video-button:disabled { color: #9cb3bf; background: linear-gradient(115deg, #293b47, #23323e); box-shadow: none; }
html[data-theme="dark"] .video-studio .empty-stage__mark { border-color: #28546a; background: linear-gradient(145deg, #193e50, #162a39 64%, #14222e); box-shadow: 0 14px 34px rgba(14, 112, 149, .18), inset 0 1px rgba(255, 255, 255, .08); }
html[data-theme="light"] .video-studio .control-section--character .section-title i,
html[data-theme="light"] .video-studio .control-section--prompt .section-title i,
html[data-theme="light"] .video-studio .control-section--settings .section-title i { color: #fff; border-color: #1479a0; background: linear-gradient(145deg, #147fa5, #12699c); box-shadow: 0 3px 9px rgba(18, 117, 158, .18), inset 0 1px rgba(255, 255, 255, .28); }
html[data-theme="dark"] .video-studio .control-section--character .section-title i,
html[data-theme="dark"] .video-studio .control-section--prompt .section-title i,
html[data-theme="dark"] .video-studio .control-section--settings .section-title i { color: #e6faff; border-color: #28657d; background: linear-gradient(145deg, #155771, #163c54); box-shadow: 0 3px 10px rgba(22, 157, 190, .17), inset 0 1px rgba(255, 255, 255, .08); }

html[data-theme="light"] .avatar-picker__photo.is-no-reference { color: #1688ac; border-color: #bfe3ed; background: linear-gradient(145deg, #f2fcfe, #dff5fa); }
html[data-theme="light"] .avatar-manager-trigger { color:var(--shell-accent); }
html[data-theme="light"] .avatar-manager-trigger:hover { color:var(--shell-accent); background: #eaf9fd; }
html[data-theme="light"] .avatar-manager-dialog { color: #203c4d; border-color: #d5e4e9; background: #fff; box-shadow: 0 28px 90px rgba(21, 56, 74, .24); }
html[data-theme="light"] .avatar-manager-dialog::backdrop { background: rgba(15, 39, 51, .44); }
html[data-theme="light"] .avatar-manager-dialog__eyebrow { color: #1488af; }
html[data-theme="light"] .avatar-manager-dialog__header h2 { color: #1e3a4b; }
html[data-theme="light"] .avatar-manager-dialog__header p { color: #6e8490; }
html[data-theme="light"] .avatar-manager-dialog__close { color: #577283; border-color: #d9e5e9; background: #f7fafb; }
html[data-theme="light"] .avatar-manager-dialog__close:hover { color: #146a89; border-color: #aedbe8; background: #edfaff; }
html[data-theme="light"] .avatar-manager-dialog__toolbar { color: #718793; border-color: #e4ecef; }
html[data-theme="light"] .avatar-manager-card { border-color: #dce7eb; background: #fff; box-shadow: 0 6px 18px rgba(24, 60, 77, .04); }
html[data-theme="light"] .avatar-manager-card:hover { border-color: #a9d9e6; box-shadow: 0 12px 26px rgba(25, 101, 128, .12); }
html[data-theme="light"] .avatar-manager-card__media { background: linear-gradient(135deg, #17617f, #188db1 62%, #52c2d8); }
html[data-theme="light"] .avatar-manager-card__status { color: #755512; border-color: rgba(205, 160, 54, .3); background: rgba(255, 255, 255, .92); }
html[data-theme="light"] .avatar-manager-card__status.is-ready { color: #176347; border-color: rgba(61, 169, 119, .28); }
html[data-theme="light"] .avatar-manager-card__stats strong { color: #294b5c; }
html[data-theme="light"] .avatar-manager-card__stats small { color: #718793; }
html[data-theme="light"] .avatar-manager-card__progress { background: #e6eff2; }
html[data-theme="light"] .avatar-manager-card__actions button[aria-pressed="true"] { color: #17654c; border-color: #c0e8d7; background: linear-gradient(145deg, #f2fcf7, #e8f8f0); }
html[data-theme="light"] .avatar-manager-card__actions button:disabled { color: #84939a; border-color: #e1e8eb; background: #f4f7f8; }
html[data-theme="light"] .avatar-manager-card__actions a { color: #147ea1; }
html[data-theme="light"] .avatar-manager-card__actions a:hover { color: #075b7a; }
html[data-theme="light"] .avatar-manager-empty { border-color: #c9dfe7; }
html[data-theme="light"] .avatar-manager-empty > span { color: #168bb1; border-color: #c9eaf2; background: linear-gradient(145deg, #f5fcfe, #e3f7fb); }
html[data-theme="light"] .avatar-manager-empty h3 { color: #28495b; }
html[data-theme="light"] .avatar-manager-empty p { color: #6e8490; }

/* Source: billing.css */
.billing-page{display:grid;gap:24px;max-width:1200px;margin:0 auto;padding-bottom:48px;color:var(--theme-text,#183042)}
.billing-page .panel{border:1px solid var(--theme-line,#dce6eb);background:var(--theme-surface,#fff)}
.billing-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:34px 38px;border:1px solid #b9e8f3;border-radius:28px;background:linear-gradient(115deg,#e8f9ff 0%,#f9fdff 62%,#fff 100%)}
.billing-hero h1{max-width:690px;margin:9px 0 12px;color:#12364b;font-size:clamp(30px,3.3vw,48px);line-height:1.1;letter-spacing:-.045em}
.billing-hero p{max-width:650px;margin:0;color:#526f80;font-size:14px;line-height:1.6}
.billing-balance{display:grid;min-width:210px;gap:2px;padding:22px 24px;border:1px solid #bfe7f3;border-radius:22px;background:#fff;box-shadow:0 14px 30px rgba(18,124,170,.08)}
.billing-balance span,.billing-balance small{color:#59798a;font-size:12px}.billing-balance strong{color:#147fa7;font-size:38px;line-height:1.2;font-variant-numeric:tabular-nums}
.billing-product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.billing-product{display:flex;flex-direction:column;min-height:330px;gap:10px;padding:27px!important;box-shadow:0 14px 35px rgba(26,99,132,.055)}
.billing-product h2{margin:0;font-size:24px;letter-spacing:-.035em}.billing-product p{min-height:44px;margin:0;color:var(--theme-muted,#657b89);font-size:13px;line-height:1.5}
.billing-type{align-self:flex-start;padding:6px 10px;border:1px solid #bce8f4;border-radius:100px;color:#147a9b;background:#e9faff;font-size:var(--text-xs);font-weight:700}
.billing-product__tokens{display:flex;align-items:baseline;gap:8px;margin-top:14px;color:var(--theme-text,#183042)}.billing-product__tokens strong{font-size:34px;line-height:1}.billing-product__tokens span{font-size:12px}
.billing-product__price{margin-top:auto;padding-top:16px;border-top:1px solid var(--theme-line,#dce6eb);font-size:21px;font-weight:750}.billing-product__price small{color:var(--theme-muted,#657b89);font-size:var(--text-xs);font-weight:500}
.billing-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.billing-actions form{flex:1}.billing-actions .button{width:100%;min-height:var(--control-height);font-size:var(--control-font);}.billing-button-secondary{border:1px solid var(--theme-line,#dce6eb);color:var(--theme-text,#183042);background:var(--theme-surface-raised,#f7fafb)}
.billing-unavailable,.billing-footnote{color:var(--theme-muted,#657b89);font-size:12px;line-height:1.5}.billing-unavailable{padding:10px 0}
.billing-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.billing-summary .panel{display:grid;gap:6px;padding:24px}.billing-summary span{color:var(--theme-muted,#657b89);font-size:12px}.billing-summary strong{font-size:24px}
.billing-admin-grid{display:grid;grid-template-columns:minmax(285px,.85fr) minmax(0,1.15fr);align-items:start;gap:18px}.billing-form-card,.billing-list{padding:26px!important}.billing-form-card h2,.billing-list h2{margin:0 0 18px;font-size:21px}.billing-form-card p{font-size:12px;line-height:1.6;color:var(--theme-muted,#657b89)}.billing-form{display:grid;gap:15px}.billing-form .field-stack{display:grid;gap:6px}.billing-form label,.billing-pix label{font-size:12px;font-weight:700}.billing-form .field-control,.billing-auth-card .field-control{width:100%;min-height:43px;padding:9px 12px;border:1px solid var(--theme-line,#dce6eb);border-radius:11px;color:var(--theme-text,#183042);background:var(--theme-control,#fff);font:inherit;font-size:13px}.billing-form input[type=checkbox]{width:18px;min-height:18px}.billing-form small,.billing-form .helptext{color:var(--theme-muted,#657b89);font-size:var(--text-xs);line-height:1.5}.billing-form .errorlist{margin:0;color:#b42318;font-size:var(--text-xs)}
.billing-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 0;border-top:1px solid var(--theme-line,#dce6eb)}.billing-row:first-of-type{border-top:0}.billing-row div{display:grid;min-width:0;gap:4px}.billing-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.billing-row small,.billing-row>span{color:var(--theme-muted,#657b89);font-size:var(--text-xs)}.billing-row--link{text-decoration:none;color:inherit}.billing-row--link:hover strong{color:#1685af}.billing-row .button{min-height:var(--control-height);font-size:var(--control-font);}
.billing-payment{padding:27px!important}.billing-payment__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:17px;border-bottom:1px solid var(--theme-line,#dce6eb)}.billing-payment__head span{color:var(--theme-muted,#657b89);font-size:12px}.billing-payment__head strong{color:#167fa4;font-size:14px}.billing-pix{display:grid;grid-template-columns:minmax(0,1fr) 240px;align-items:center;gap:28px;padding:25px 0}.billing-pix h2{font-size:22px}.billing-pix p{font-size:13px;line-height:1.6}.billing-pix__code{display:grid;gap:10px}.billing-pix textarea{width:100%;padding:12px;resize:none;overflow-wrap:anywhere;border:1px solid var(--theme-line,#dce6eb);border-radius:12px;color:var(--theme-text,#183042);background:var(--theme-control,#fff);font-size:12px}.billing-pix img{width:100%;height:auto;padding:10px;border:1px solid #cde7ed;border-radius:18px;background:#fff}.billing-pix .button{justify-self:start}.billing-pending{color:var(--theme-muted,#657b89);font-size:12px}.billing-paid{display:grid;justify-items:start;gap:9px;padding:35px 0}.billing-paid>span{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;color:#fff;background:linear-gradient(120deg,#3fd0e9,#2399c3);font-size:25px}.billing-paid h2{margin:0}.billing-paid p{margin:0 0 10px}
.billing-auth-card{gap:21px}.billing-auth-link,.billing-auth-links{display:flex;justify-content:center;gap:16px;color:#617987;font-size:12px}.billing-auth-link a,.billing-auth-links a{color:#176f91;font-weight:700}.billing-auth-card .rn-field{display:grid;gap:6px}.billing-auth-card .rn-field small{color:#617987;font-size:var(--text-xs);line-height:1.5}.billing-auth-card .errorlist{color:#b42318;font-size:var(--text-xs)}
.billing-page :is(a,button,input,textarea,select):focus-visible,.billing-auth-card :is(a,button,input):focus-visible{outline:3px solid #3fd0e9;outline-offset:2px}.billing-page .button:hover{transform:translateY(-1px)}
html[data-theme=dark] .billing-hero{border-color:#315466;background:linear-gradient(115deg,#142c3b,#111d28 66%,#111a24)}html[data-theme=dark] .billing-hero h1{color:#e7f3f8}html[data-theme=dark] .billing-hero p{color:#aabec9}html[data-theme=dark] .billing-balance{border-color:#315466;background:#172b38}html[data-theme=dark] .billing-balance strong{color:#8de1f4}html[data-theme=dark] .billing-type{border-color:#34596a;color:#96e6f5;background:#173441}html[data-theme=dark] .billing-payment__head strong{color:#8de1f4}
@media(max-width:780px){.billing-hero{align-items:stretch;flex-direction:column;padding:26px}.billing-balance{min-width:0}.billing-admin-grid,.billing-pix{grid-template-columns:1fr}.billing-pix img{max-width:240px}.billing-summary{grid-template-columns:1fr}}
@media(max-width:520px){.billing-product-grid{grid-template-columns:1fr}.billing-row{align-items:flex-start;flex-direction:column}.billing-row form,.billing-row .button{width:100%}.billing-auth-links{flex-direction:column;align-items:center}}
.billing-finance-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.billing-finance-summary .panel{display:grid;gap:7px;padding:22px}.billing-finance-summary span,.billing-finance-summary small{color:var(--theme-muted);font-size:12px}.billing-finance-summary strong{font-size:26px;line-height:1.15}.billing-pricing-settings{padding:24px!important}.billing-pricing-settings summary,.billing-economics-card summary{cursor:pointer;font-weight:650;font-size:14px}.billing-pricing-settings summary span{display:block;margin-top:6px;color:var(--theme-muted);font-size:12px;font-weight:400}.billing-cost-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.billing-pricing-settings .button{justify-self:start;min-height:var(--control-height);}.billing-economics-card{padding:20px 0;border-top:1px solid var(--theme-line)}.billing-economics-card:first-of-type{border-top:0}.billing-economics-card header,.billing-economics-card footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.billing-economics-card header div{display:grid;gap:6px}.billing-economics-card header strong{font-size:16px}.billing-economics-card header b{white-space:nowrap;font-size:20px}.billing-economics-card small,.billing-economics-card footer span{color:var(--theme-muted);font-size:12px;line-height:1.5}.billing-economics-card dl{display:grid;gap:9px;margin:18px 0;font-size:12px}.billing-economics-card dl div{display:flex;justify-content:space-between;gap:14px}.billing-economics-card dt{color:var(--theme-muted)}.billing-economics-card dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.billing-economics-card footer{margin-top:18px}.billing-economics-card footer .button{min-height:var(--control-height);}.billing-economics-card details summary{font-size:12px}
@media(max-width:1000px){.billing-cost-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-finance-summary strong{font-size:23px}}
@media(max-width:780px){.billing-finance-summary{grid-template-columns:1fr}.billing-cost-fields{grid-template-columns:1fr}.billing-economics-card header,.billing-economics-card footer{align-items:flex-start;flex-wrap:wrap}}