*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:radial-gradient(circle at 76% 0,#9d67172a,transparent 27%),radial-gradient(circle at 12% 42%,#183d5a18,transparent 31%),#05070a;color:#f3efe7;font-family:Inter,system-ui}.hidden{display:none!important}.logo{color:#dba94c;letter-spacing:3px;white-space:nowrap}.logo b{color:#f6f1e7}.logo span{font-size:9px}.auth{min-height:100vh;display:grid;place-items:center;padding:24px}.authCard{width:min(500px,100%);padding:38px;border:1px solid #ffffff18;border-radius:24px;background:#090c11ed;box-shadow:0 45px 130px #000}.authCard>small,.hero>small,.title small{letter-spacing:3px;color:#c89a43}.authCard h1,.hero h1,.title h2{font-family:Georgia;font-weight:400}.authCard h1{font-size:52px;line-height:1;margin:18px 0}.authCard i,.hero i{color:#d4a24c}.authCard p,p,.micro,small{color:#8d8d8d}.authCard input{width:100%;padding:14px;margin:6px 0;background:#05070a;color:#eee;border:1px solid #ffffff18;border-radius:9px}.row,.chips,.controls,.quote,.title{display:flex;gap:9px;align-items:center;flex-wrap:wrap}button,.upload{padding:10px 13px;border:1px solid #ffffff14;border-radius:8px;background:transparent;color:#aaa;cursor:pointer}.gold{background:linear-gradient(135deg,#e1b45d,#8e5d19)!important;color:#0b0804!important;font-weight:800}.msg{margin-top:12px;color:#d4a34b}header{height:70px;display:flex;align-items:center;gap:22px;padding:0 3vw;border-bottom:1px solid #ffffff12;background:#07090dec;backdrop-filter:blur(18px);position:sticky;top:0;z-index:10}nav{display:flex;flex:1;overflow:auto}nav button{border:0;white-space:nowrap}nav .on{color:#d6a54e;background:#ffffff08}.balance{font-size:12px;color:#888;white-space:nowrap}.balance b{color:#d6a64f}main{max-width:1280px;margin:auto;padding:36px 4vw 110px}.view{display:none}.view.on{display:block}.hero{text-align:center;padding:46px 0 30px}.hero h1{font-size:clamp(48px,7vw,86px);line-height:.98;margin:15px}.panel,.cards article{border:1px solid #ffffff11;border-radius:16px;background:linear-gradient(145deg,#ffffff07,#ffffff03);padding:20px}.studio,.editorGrid{display:grid;grid-template-columns:3fr 1fr;gap:15px}.panel textarea{width:100%;min-height:145px;margin:12px 0;padding:15px;background:#06090d;border:1px solid #ffffff15;border-radius:11px;color:#eee;font:inherit;resize:vertical}.controls label{font-size:9px;letter-spacing:1px;color:#777;text-transform:uppercase}.controls select{display:block;margin-top:5px;padding:9px;background:#080c11;color:#eee;border:1px solid #ffffff18;border-radius:7px}.quote{justify-content:space-between;border-top:1px solid #ffffff10;margin-top:18px;padding-top:18px}.quote strong,.quote em{display:block;margin-top:5px}.quote em{font-size:11px;color:#cda04d}.lock{font-size:11px;color:#d2a04a;margin-top:12px}.metric{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #ffffff0d}.metric span small{display:block}.metric b{color:#d6a64f}.title{justify-content:space-between}.title h2{font-size:46px;margin:8px 0 20px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cards article h3{margin:8px 0}.actions{display:flex;gap:6px;margin-top:14px}.avatar{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#e0b35b,#654012);color:#0b0804;font:700 20px Georgia;margin-bottom:13px}.shots{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:14px}.shot{border:1px solid #ffffff11;border-left:2px solid #d1a04a;background:#080b10;padding:15px;border-radius:10px}.shot textarea{width:100%;min-height:80px;background:#05070a;border:1px solid #ffffff10;border-radius:8px;color:#ddd;padding:10px}.tags{display:flex;gap:6px;flex-wrap:wrap}.tags span{font-size:9px;color:#999;border:1px solid #ffffff15;border-radius:15px;padding:5px 7px}.drop{text-align:center;padding:45px}.preview{height:330px;display:grid;place-items:center;text-align:center;color:#d4a24c}.play{width:66px;height:66px;border:1px solid #d4a24c66;border-radius:50%;display:grid;place-items:center;font-size:24px}.timeline{margin-top:15px}.trackLabel{font-size:9px;letter-spacing:2px;color:#777;margin-top:12px}.track{min-height:54px;background:#06090d;border:1px solid #ffffff0e;margin-top:5px;padding:6px;display:flex;gap:5px}.track span{padding:11px 20px;border:1px solid #d2a14a55;background:#d2a14a12;color:#d6a64f}.track.audio span{border-color:#4d739855;background:#36587822;color:#8bb7df}.track .wide{width:55%}.exportOptions{margin-bottom:14px}.walletHero div{font:400 54px Georgia;color:#d6a64f}.ledgerRow{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #ffffff0c}#toast{position:fixed;right:20px;bottom:25px;background:#15191e;border:1px solid #d1a04a55;padding:12px 16px;border-radius:9px;opacity:0;transform:translateY(8px);transition:.2s;z-index:30}#toast.show{opacity:1;transform:none}@media(max-width:900px){header{padding:0 12px}.logo span,.balance{display:none}nav{position:fixed;left:0;right:0;bottom:0;background:#07090df5;border-top:1px solid #ffffff10;padding:5px;z-index:15}nav button{font-size:10px;padding:9px 7px}.studio,.editorGrid,.cards,.shots{grid-template-columns:1fr}.hero{padding-top:20px}.hero h1{font-size:49px}.title h2{font-size:38px}.quote{align-items:flex-start;flex-direction:column}}
.productLine{margin:16px auto 0;max-width:850px;color:#c5aa75;font-size:12px;letter-spacing:.4px}
.policyChecks{display:grid;gap:7px;margin:12px 0;font-size:12px;color:#aaa}.policyChecks label{display:flex;gap:8px;align-items:flex-start}.policyChecks a,.legal a,.cards a{color:#d7aa53}.policyChecks input{width:auto;margin:2px 0}
.legal{max-width:850px;padding-top:70px}.legal h1{font:400 54px Georgia;margin:18px 0}.legal h2{font:400 26px Georgia;margin-top:34px}.legal p{line-height:1.75;color:#aaa}
.buttonLink{display:inline-block;padding:10px 13px;border:1px solid #ffffff16;border-radius:8px;text-decoration:none}
.readiness{margin-top:15px}.readyRow{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid #ffffff0d}.readyRow b.ok{color:#77c98b}.readyRow b.warn{color:#e0aa50}
.forgeSideNav [hidden]{display:none!important}
@media(max-width:900px){.productLine{font-size:11px;line-height:1.6}.legal{padding:35px 20px 80px}.legal h1{font-size:40px}}

hr{border:0;border-top:1px solid #ffffff10;margin:18px 0}
#advancedModels .advancedRow{padding:9px 0;border-bottom:1px solid #ffffff0c}
#advancedModels .advancedRow b{display:block;color:#d6a64f}
#advancedModels .advancedRow small{display:block;line-height:1.4}
.repairPanel{margin-top:15px}.repairPanel input,.repairPanel select,#team input{background:#06090d;border:1px solid #ffffff16;color:#eee;padding:10px;border-radius:8px}

.pickerGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}
.pickItem{border:1px solid #ffffff12;border-radius:10px;padding:10px;background:#070a0f}.pickItem label{display:flex;gap:8px;align-items:flex-start;font-size:12px}.pickItem input{margin-top:2px}
#referenceProject{margin-left:8px;background:#070a0f;color:#eee;border:1px solid #ffffff16;padding:8px;border-radius:7px}
#referenceNotes,#commentBody{width:100%;min-height:90px;background:#06090d;color:#eee;border:1px solid #ffffff15;border-radius:9px;padding:11px;margin:8px 0}
#review input,#review select,#review textarea,#commentProjectId,#commentShotId{background:#06090d;color:#eee;border:1px solid #ffffff15;border-radius:8px;padding:10px}
.activityItem,.notificationItem,.commentItem{padding:10px 0;border-bottom:1px solid #ffffff0d}.activityItem b,.notificationItem b{display:block;color:#d6a64f}.activityItem small,.notificationItem small,.commentItem small{display:block;margin-top:4px}
.memberRow{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #ffffff0d}.memberRow select{background:#06090d;color:#eee;border:1px solid #ffffff15;border-radius:7px;padding:7px}
@media(max-width:900px){.pickerGrid{grid-template-columns:1fr}}

.qualityHero{margin-bottom:15px;border-color:#d6a64f33;background:linear-gradient(145deg,#d6a64f0d,#ffffff03)}
.qualityScore{font:400 60px Georgia;color:#d6a64f;margin:12px 0}.qualityScore span{font-size:84px}
.qaIssue{padding:10px 0;border-bottom:1px solid #ffffff0d}.qaIssue b{display:block}.qaIssue.critical b{color:#ef7c73}.qaIssue.high b{color:#e6a950}.qaIssue.medium b{color:#d6c278}.qaPass{color:#7fce8d}.qaBlock{color:#ef8b79}

pre{white-space:pre-wrap;word-break:break-word;background:#05070a;border:1px solid #ffffff10;border-radius:9px;padding:12px;max-height:420px;overflow:auto;color:#d9c7a2}
.scoreGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.scoreGrid label{font-size:10px;color:#aaa}.scoreGrid input,.panel input{width:100%;background:#06090d;color:#eee;border:1px solid #ffffff15;border-radius:8px;padding:9px;margin-top:4px}
#retryReason,#retryChanges,#inspectionNotes{width:100%;min-height:80px;background:#06090d;color:#eee;border:1px solid #ffffff15;border-radius:8px;padding:10px;margin:7px 0}
@media(max-width:900px){.scoreGrid{grid-template-columns:1fr 1fr}}

#optimizerChanges p{margin:7px 0;color:#c9b485}.editorGrid label{display:block;font-size:10px;color:#aaa;margin:8px 0}.editorGrid label input{display:block;width:100%;margin-top:4px}
.metricHero{font:400 46px Georgia;color:#d6a64f}

.opsHero{margin-bottom:15px;border-color:#ffffff18;background:linear-gradient(145deg,#0c1119,#090b10)}
.opsReady{font:400 38px Georgia;color:#7fce8d;margin:8px 0}.opsBlocked{font:400 38px Georgia;color:#ef8b79;margin:8px 0}
.blocker{padding:10px 0;border-bottom:1px solid #ffffff0d}.blocker b{display:block;color:#e2b15e}.blocker.critical b{color:#ef7c73}
.statusRow{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #ffffff0d}.statusRow b{color:#d6a64f;text-align:right}

code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#e1c58c}
#restoreBackupId{background:#06090d;color:#eee;border:1px solid #ffffff15;border-radius:8px;padding:10px;width:100%;margin:8px 0}
.integrityGood{color:#7fce8d}.integrityBad{color:#ef8b79}

#postgresPlanResult p,#postgresCutoverStatus p{margin:7px 0;color:#c9b485}

#mediaPlanResult p,#mediaCutoverStatus p{margin:7px 0;color:#c9b485}

.linkButton{background:none;border:0;color:#c7a76b;text-decoration:underline;padding:9px 0;cursor:pointer}
#accountEmailStatus{font-size:12px;color:#c8b58d}
#emailOpsStatus p,#emailOpsCounts p{margin:7px 0}

.jobMeta{font-size:11px;color:#aeb2ba;margin-top:7px}.jobActions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.jobActions button{font-size:11px}.providerState{color:#d6a64f}.providerFailure{color:#ef8b79}
#providerOpsStatus p,#providerOpsCounts p{margin:7px 0}

.billingPlan h3{margin-bottom:4px}.billingPlan .credits{font:400 28px Georgia;color:#d6a64f;margin:8px 0}
.billingPlan ul{padding-left:18px;color:#b8bbc1;font-size:12px}.billingPlan li{margin:5px 0}
#billingOpsStatus p,#billingOpsCounts p{margin:7px 0}

#releaseAssuranceStatus p,#releaseManifestStatus p{margin:7px 0}
.assurancePass{font:400 34px Georgia;color:#7fce8d}.assuranceFail{font:400 34px Georgia;color:#ef8b79}

#incidentSummary{width:100%;min-height:90px;background:#06090d;color:#eee;border:1px solid #ffffff15;border-radius:8px;padding:10px;margin:8px 0}
#incidentSeverity,#incidentTitle,#incidentRequestId{background:#06090d;color:#eee;border:1px solid #ffffff15;border-radius:8px;padding:10px}
.opsAlert{padding:10px 0;border-bottom:1px solid #ffffff0d}.opsAlert b{display:block}.opsAlert.critical b{color:#ef7c73}.opsAlert.high b{color:#e6a950}.opsAlert.medium b{color:#d6c278}
.metricPath{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:8px;padding:8px 0;border-bottom:1px solid #ffffff0d;font-size:12px}

.securityEvent{padding:10px 0;border-bottom:1px solid #ffffff0d}.securityEvent b{display:block}.securityEvent.high b{color:#ef8b79}.securityEvent.medium b{color:#e6a950}

.privacyWarning{padding:12px;border:1px solid #e6a95055;border-radius:8px;margin:8px 0;color:#e6c382}.privacyBlocker{padding:8px 0;border-bottom:1px solid #ffffff0d;color:#efb18a}

#disasterRecoveryStatus p,#remoteBackupStatus p{margin:7px 0}

#postgresRuntimeStatus p,#postgresMirrorStatus p{margin:7px 0}

#objectStorageRuntimeStatus p,#signedMediaStatus p{margin:7px 0}

#sandboxBillingPanel select{max-width:100%;display:block;margin:10px 0;padding:10px;background:#111;color:#eee;border:1px solid #444} .sandboxReceipt{padding:12px 0;border-bottom:1px solid #333} #sandboxBillingPanel p{overflow-wrap:anywhere} [hidden]{display:none!important}

/* RC24: preflight forms remain legible on phone and desktop widths. */
.runwayPanel{min-width:0}.runwayPanel label{display:block;margin:12px 0;overflow-wrap:anywhere}.runwayPanel select{display:block;width:100%;max-width:100%;margin:7px 0;padding:10px;background:#11151c;color:#eee;border:1px solid #626976;border-radius:6px}.runwayPanel .runwayCheck{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5}.runwayCheck input{width:auto;flex:none;margin:4px 0}.runwayPanel p,.runwayPanel .statusRow{overflow-wrap:anywhere}.runwayPanel button{white-space:normal;margin:8px 0}#runwayDiagnosticReadiness p{font-size:12px}
@media(max-width:720px){#runwayPreflight .editorGrid{display:block}#runwayPreflight .panel{margin-bottom:14px}#runwayPreflight h2{font-size:26px}#runwayPreflight .title{flex-wrap:wrap}}
.runwayPanel label.runwayCheck input[type="checkbox"]{display:inline-block;flex:0 0 16px;width:16px;min-width:16px;max-width:16px;height:16px;margin:3px 0 0;padding:0;border-radius:2px}.runwayPanel label{font-size:13px}.runwayPanel .statusRow{gap:16px;flex-wrap:wrap}.runwayPanel .statusRow b{max-width:100%;overflow-wrap:anywhere}

.releaseCheckpoint{margin-bottom:18px;overflow-wrap:anywhere}.checkpointBlocker{border-top:1px solid #ffffff18;padding:10px 0}.checkpointBlocker strong{font-size:12px}.checkpointBlocker p{margin:5px 0;font-size:13px}


/* --- RC25 cinematic marketing site layer --- */
html{scroll-behavior:smooth}
.authStudio{position:relative;display:block;overflow:hidden;padding:0 0 90px;background:
  radial-gradient(circle at 15% 18%,rgba(49,113,190,.24),transparent 22%),
  radial-gradient(circle at 84% 14%,rgba(203,131,28,.18),transparent 24%),
  linear-gradient(180deg,#02050a 0%,#04080f 52%,#05070a 100%)}
.landingBackdrop{position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(2,5,10,.86) 0%,rgba(2,6,12,.58) 26%,rgba(2,6,12,.48) 74%,rgba(2,4,7,.82) 100%),
  url('/landing-design.png') center top/cover no-repeat;opacity:.3;pointer-events:none}
.landingHeader,.landingHeroBlock,.showcaseFrame,.workflowBand,.featureBand,.pricingBand,.authAccessWrap{position:relative;z-index:1;width:min(1400px,94vw);margin:0 auto}
.landingHeader{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0 10px}
.forgeLogoImage{display:block;max-width:100%;height:auto;object-fit:contain}
.landingLogoWrap{display:grid;gap:6px;justify-items:start}
.landingBrand{display:block;width:clamp(92px,7vw,112px);border-radius:18px}
.landingBrand:focus-visible{outline:3px solid #e1b45d;outline-offset:4px}
.landingLogoImage{width:100%;filter:drop-shadow(0 10px 28px rgba(214,166,79,.2))}
.landingTag{font-size:12px;letter-spacing:.42em;color:#d4d9e2;text-transform:uppercase}
.landingNav{display:flex;gap:22px;flex-wrap:wrap;justify-content:center}
.landingNav a,.landingActions a,.watchLink,.consoleButton{text-decoration:none}
.landingNav a{color:#e9edf4;font-size:15px;padding:10px 2px;border-bottom:2px solid transparent}
.landingNav a.active,.landingNav a:hover{color:#f0c46c;border-color:#f0c46c}
.landingActions{display:flex;align-items:center;gap:12px}
.navGhost,.navGold{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:14px;border:1px solid rgba(255,255,255,.18)}
.navGhost{color:#f4f6fb;background:rgba(8,12,19,.52);backdrop-filter:blur(14px)}
.navGold{color:#0b0804;background:linear-gradient(135deg,#f0cb79,#c68c2e);font-weight:800;box-shadow:0 10px 36px rgba(198,140,46,.28)}
.landingHeroBlock{display:grid;grid-template-columns:220px minmax(0,1fr) 220px;gap:18px;padding:26px 0 22px;align-items:stretch}
.storyRail{display:flex;align-items:flex-end}
.storyCard{border:1px solid rgba(255,255,255,.12);border-radius:26px;padding:26px 22px;background:linear-gradient(180deg,rgba(7,11,18,.78),rgba(5,7,10,.62));backdrop-filter:blur(18px);box-shadow:0 22px 60px rgba(0,0,0,.35);min-height:260px;display:flex;flex-direction:column;justify-content:flex-end}
.storyCard.small{min-height:220px}.storyCard.tall{min-height:320px}
.storyCard small{font-size:16px;letter-spacing:.22em;line-height:1.5;color:#f0c46c;text-transform:uppercase}
.storyCard p{margin:16px 0 0;color:#e4e7ec;line-height:1.65}
.landingCenter{display:grid;gap:18px}
.heroCopy{text-align:center;padding:36px 0 2px}
.heroCopy>small{letter-spacing:.34em;color:#d1a04a}
.heroCopy h1{font:400 clamp(60px,9vw,116px)/.92 Georgia,serif;color:#f2eee7;margin:18px auto 16px;max-width:1100px;text-shadow:0 4px 32px rgba(0,0,0,.45)}
.heroCopy h1 i{color:#d7a34a;font-style:italic}
.heroCopy p{max-width:850px;margin:0 auto;color:#d8dde7;font-size:18px;line-height:1.7}
.creatorConsole{padding:24px;border-radius:26px;background:linear-gradient(180deg,rgba(7,11,18,.82),rgba(7,10,15,.72));box-shadow:0 30px 80px rgba(0,0,0,.32);border:1px solid rgba(214,166,79,.26)}
.creatorConsole h3{margin:0 0 12px;font-size:20px;color:#fff}
.consoleInput{padding:18px 18px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#0c1018,#080c13);color:#8892a2}
.consoleTabs{display:flex;gap:18px;flex-wrap:wrap;margin-top:15px;color:#cbd0d8;font-size:14px}
.consoleTabs span{display:inline-flex;align-items:center;gap:8px}
.consoleButton{display:inline-flex;align-items:center;justify-content:center;margin-top:18px;padding:16px 24px;border-radius:16px;font-weight:800;background:linear-gradient(135deg,#f0ca77,#cf9335);color:#090603;box-shadow:0 12px 35px rgba(207,147,53,.24)}
.categoryStrip{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.categoryStrip article{min-height:118px;padding:20px 18px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(10,14,21,.72),rgba(5,7,10,.82));display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 14px 30px rgba(0,0,0,.24)}
.categoryStrip b{font-size:17px;color:#fff;margin-bottom:6px}
.categoryStrip span{color:#cad0d8;font-size:13px;line-height:1.45}
.watchLink{display:inline-flex;margin-top:22px;color:#f0c46c;font-weight:700}
.showcaseFrame{margin-top:26px;border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:26px;background:linear-gradient(180deg,rgba(9,13,20,.74),rgba(6,8,12,.88));box-shadow:0 28px 70px rgba(0,0,0,.32)}
.showcaseHeader{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:20px}
.showcaseHeader small,.workflowHead small,.authIntro small{display:block;letter-spacing:.34em;color:#d1a04a;margin-bottom:10px}
.showcaseHeader h2,.workflowHead h2,.authIntro h2{font:400 clamp(34px,4vw,54px)/1.08 Georgia,serif;color:#f3efe7;margin:0}
.showcaseHeader p,.authIntro p{max-width:520px;color:#c9d0d9;line-height:1.65;margin:0}
.showcaseFrame img{width:100%;display:block;border-radius:20px;border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 50px rgba(0,0,0,.25)}
.workflowBand{margin-top:28px;padding:12px 0 0}
.workflowGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:18px}
.workflowGrid article{padding:18px 18px 20px;border-radius:20px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(180deg,rgba(9,13,20,.78),rgba(5,7,10,.88));box-shadow:0 18px 40px rgba(0,0,0,.2)}
.workflowGrid span{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;border:2px solid rgba(240,196,108,.88);color:#f0c46c;font:700 24px/1 Georgia,serif;margin-bottom:16px}
.workflowGrid b{display:block;font-size:17px;color:#fff;margin-bottom:8px;letter-spacing:.08em;text-transform:uppercase}
.workflowGrid p{color:#c9d0d8;line-height:1.6;font-size:14px;margin:0}
.featureBand{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:22px}
.featurePill{padding:18px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(7,10,15,.72),rgba(4,6,9,.92));min-height:106px}
.featurePill b{display:block;color:#f4f6fb;margin-bottom:7px;letter-spacing:.08em;text-transform:uppercase;font-size:13px}
.featurePill span{color:#c6ccd5;font-size:13px;line-height:1.55}
.pricingBand{margin-top:34px;padding:32px;border:1px solid rgba(240,196,108,.2);border-radius:28px;background:linear-gradient(145deg,rgba(16,20,28,.9),rgba(5,8,13,.94))}
.pricingIntro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:24px;align-items:end}
.pricingIntro small{grid-column:1/-1;letter-spacing:.28em;color:#d1a04a}
.pricingIntro h2{font:400 clamp(36px,4.5vw,60px)/1.02 Georgia,serif;margin:0;color:#f3efe7;max-width:760px}
.pricingIntro p{margin:0;color:#c9d0d9;line-height:1.65;max-width:560px}
.pricingGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}
.pricingGrid article{display:grid;align-content:start;min-height:250px;padding:24px;border:1px solid rgba(255,255,255,.11);border-radius:20px;background:#070b11}
.pricingGrid b{color:#f4f6fb;font-size:17px}.pricingGrid strong{font:400 48px/1 Georgia,serif;color:#f0c46c;margin:22px 0 10px}
.pricingGrid p{color:#c9d0d8;line-height:1.55;margin:0 0 22px}.pricingGrid a{align-self:end;justify-self:start;color:#0b0804;background:#e0b35a;border-radius:12px;padding:11px 15px;text-decoration:none;font-weight:800}
.pricingNote{margin:18px 0 0;color:#aeb7c3;font-size:13px;line-height:1.6}
.authAccessWrap{display:grid;grid-template-columns:1.2fr minmax(360px,480px);gap:24px;align-items:start;margin-top:34px}
.authIntro{padding:24px 6px 0 0}
.studioAuthCard{width:100%;background:linear-gradient(180deg,rgba(8,12,19,.92),rgba(5,7,10,.97));border:1px solid rgba(240,196,108,.18);box-shadow:0 40px 110px rgba(0,0,0,.42)}
.authLogoImage{width:clamp(140px,38vw,176px);margin:0 auto 18px;filter:drop-shadow(0 16px 34px rgba(214,166,79,.18))}
.studioAuthCard input{background:#0a0f17;border-color:rgba(255,255,255,.12)}
.authModeSwitch{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:14px 0 10px;padding:4px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#070b11}.authModeSwitch button{min-height:42px;border-color:transparent;background:transparent;color:#aeb7c3}.authModeSwitch button.on{border-color:rgba(240,196,108,.38);background:rgba(215,170,83,.13);color:#f4d28d}.authModeSwitch button:focus-visible{outline:2px solid #e7bd68;outline-offset:1px}#registrationPolicies[hidden]{display:none!important}#authSubmit{width:100%;min-height:46px}
.forgeSrOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.forgePasswordField{position:relative;display:grid;grid-template-columns:minmax(0,1fr);width:100%;min-width:0}
.forgePasswordField>input{box-sizing:border-box;width:100%;min-width:0;padding-inline-end:6.25rem!important}
.forgePasswordToggle{position:absolute;inset-inline-end:.35rem;inset-block:0;margin-block:auto;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;width:5.35rem;height:2.75rem;max-height:calc(100% - .5rem);min-width:0;padding:.35rem .5rem;border:1px solid transparent;border-radius:.45rem;background:transparent;color:#d7aa53;font:inherit;font-weight:650;line-height:1;letter-spacing:.01em;white-space:nowrap;cursor:pointer;animation:none!important;transition:none!important}
.forgePasswordToggle[hidden]{display:none!important}
.forgePasswordToggle:hover{background:rgba(215,170,83,.1);color:#f1cd84}
.forgePasswordToggle:focus-visible{outline:2px solid #e7bd68;outline-offset:-2px}
.forgePasswordToggle svg{width:1.125rem;height:1.125rem;flex:0 0 1.125rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.forgePasswordEyeSlash{display:none}
[data-forge-password-visible="true"] .forgePasswordEyeSlash{display:inline}
.forgePasswordField>input::-ms-reveal{display:none}
@media(forced-colors:active){.forgePasswordToggle{color:ButtonText;border-color:ButtonText;background:Canvas}.forgePasswordToggle:focus-visible{outline-color:Highlight}}
@media(max-width:1200px){
  .landingHeroBlock{grid-template-columns:1fr;}
  .storyRail{display:none}
  .categoryStrip{grid-template-columns:repeat(2,1fr)}
  .workflowGrid{grid-template-columns:repeat(2,1fr)}
  .featureBand{grid-template-columns:repeat(3,1fr)}
  .pricingIntro{grid-template-columns:1fr}.pricingGrid{grid-template-columns:1fr}
  .authAccessWrap{grid-template-columns:1fr}
}
@media(max-width:760px){
  .authStudio .landingHeader{height:auto;min-height:0;position:relative;top:auto;flex-direction:column;align-items:stretch;gap:14px;padding:12px 0 16px}
  .landingLogoWrap{width:100%;grid-template-columns:88px minmax(0,1fr);align-items:center;column-gap:12px}
  .landingBrand{width:88px}
  .landingTag{font-size:9px;letter-spacing:.25em;line-height:1.6}
  .authStudio .landingNav{display:none;position:static;inset:auto;padding:0;border:0;background:transparent}
  .landingActions{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .landingActions a{width:100%;padding:11px 12px}
  .heroCopy{padding-top:10px}
  .heroCopy h1{font-size:54px}
  .heroCopy p{font-size:15px}
  .creatorConsole{padding:18px}
  .categoryStrip,.workflowGrid,.featureBand{grid-template-columns:1fr}
  .pricingBand{padding:24px 18px}.pricingIntro h2{font-size:38px}
  .showcaseHeader{display:block}
  .showcaseHeader p{margin-top:12px}
}


/* =========================================================
   LOGGED-IN FORGE CINEMATIC COMMAND DECK
   Keeps all RC25 functionality; upgrades only the experience.
   ========================================================= */
:root{
  --forge-gold:#e0b35a;
  --forge-gold2:#8e5d19;
  --forge-ice:#8fc8ff;
  --forge-blue:#174c78;
  --forge-panel:rgba(8,13,21,.78);
  --forge-panel-2:rgba(11,18,29,.88);
  --forge-line:rgba(224,179,90,.20);
  --forge-text:#f4f6f9;
  --forge-muted:#9ca8b8;
}
body.studioActive{
  min-height:100vh;
  background:
    radial-gradient(circle at 16% 8%,rgba(29,90,145,.28),transparent 30%),
    radial-gradient(circle at 84% 10%,rgba(191,123,27,.18),transparent 28%),
    radial-gradient(circle at 50% 115%,rgba(22,80,122,.16),transparent 38%),
    #03060b;
  color:var(--forge-text);
  overflow-x:hidden;
}
body.studioActive::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-3;
  background:
    radial-gradient(circle at 14% 10%,rgba(26,92,148,.30),transparent 28%),
    radial-gradient(circle at 78% 12%,rgba(222,154,45,.18),transparent 24%),
    radial-gradient(circle at 52% 72%,rgba(18,64,104,.18),transparent 34%),
    linear-gradient(180deg,#02050a 0%,#040812 48%,#02050a 100%);
  pointer-events:none;
}
body.studioActive::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  background-image:
    linear-gradient(rgba(84,155,214,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(84,155,214,.035) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 90%);
  pointer-events:none;
}
body.studioActive #app{
  min-height:100vh;
  position:relative;
  isolation:isolate;
}
body.studioActive #app::before{
  content:"FORGE / DIGITAL PRODUCTION SYSTEM";
  position:fixed;
  right:28px;
  bottom:18px;
  z-index:-1;
  font-size:10px;
  letter-spacing:.42em;
  color:rgba(220,230,242,.15);
  pointer-events:none;
}
body.studioActive #app>header{
  height:auto;
  min-height:82px;
  width:calc(100% - 30px);
  margin:14px auto 0;
  padding:12px 18px;
  border:1px solid rgba(224,179,90,.18);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(9,15,24,.93),rgba(5,9,15,.90));
  box-shadow:0 18px 55px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter:blur(24px) saturate(130%);
  top:12px;
  gap:18px;
}
body.studioActive #app>header::before{
  content:"";
  position:absolute;
  left:26px;
  right:26px;
  bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--forge-gold),rgba(93,172,231,.7),transparent);
  opacity:.5;
}
body.studioActive #app>header .logo{
  min-width:max-content;
  padding:7px 12px;
  border-radius:14px;
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.01));
  border:1px solid rgba(255,255,255,.06);
  font-size:14px;
  text-shadow:0 0 22px rgba(224,179,90,.24);
}
body.studioActive #app>header .logo b{font-size:18px;letter-spacing:.22em}
body.studioActive #app>header nav{
  gap:7px;
  padding:3px 2px 7px;
  scrollbar-width:thin;
  scrollbar-color:rgba(224,179,90,.45) transparent;
}
body.studioActive #app>header nav::-webkit-scrollbar{height:5px}
body.studioActive #app>header nav::-webkit-scrollbar-thumb{
  background:linear-gradient(90deg,var(--forge-gold2),var(--forge-gold));
  border-radius:99px;
}
body.studioActive #app>header nav button{
  padding:9px 12px;
  border:1px solid transparent;
  border-radius:12px;
  color:#9ba7b8;
  background:rgba(255,255,255,.018);
  transition:.18s ease;
}
body.studioActive #app>header nav button:hover{
  color:#fff;
  border-color:rgba(143,200,255,.16);
  background:rgba(52,104,147,.12);
  transform:translateY(-1px);
}
body.studioActive #app>header nav button.on{
  color:#f8dc9f;
  border-color:rgba(224,179,90,.28);
  background:linear-gradient(180deg,rgba(224,179,90,.15),rgba(224,179,90,.055));
  box-shadow:0 0 28px rgba(224,179,90,.09),inset 0 1px 0 rgba(255,255,255,.04);
}
body.studioActive #app>header .balance{
  padding:9px 12px;
  border-radius:12px;
  border:1px solid rgba(224,179,90,.15);
  background:rgba(224,179,90,.055);
  color:#9ca8b8;
}
body.studioActive #app>header .balance b{color:#f1c86f;font-size:14px}
body.studioActive #app>main{max-width:1500px;padding:34px 3vw 120px}
body.studioActive .view.on{animation:forgeViewIn .26s ease both}
@keyframes forgeViewIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
body.studioActive .title{padding:8px 4px 16px;align-items:flex-end}
body.studioActive .title small{color:#c79b49;letter-spacing:.28em}
body.studioActive .title h2{
  font-size:clamp(38px,4vw,58px);
  margin:4px 0 0;
  letter-spacing:-.025em;
  text-shadow:0 10px 35px rgba(0,0,0,.45);
}
body.studioActive #create .hero{
  position:relative;
  overflow:hidden;
  text-align:left;
  min-height:270px;
  margin:0 0 18px;
  padding:38px 42px;
  border-radius:28px;
  border:1px solid rgba(224,179,90,.20);
  background:
    radial-gradient(circle at 76% 32%,rgba(219,155,47,.22),transparent 19%),
    radial-gradient(circle at 68% 52%,rgba(58,137,198,.22),transparent 28%),
    linear-gradient(100deg,rgba(4,8,14,.98) 0%,rgba(5,11,19,.94) 48%,rgba(7,15,25,.84) 100%);
  box-shadow:0 28px 80px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.035);
}
body.studioActive #create .hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,transparent 0%,rgba(80,163,226,.05) 46%,transparent 47%),
    linear-gradient(rgba(100,180,230,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(100,180,230,.03) 1px,transparent 1px),
    linear-gradient(180deg,transparent,rgba(2,5,9,.25));
  background-size:auto,36px 36px,36px 36px,auto;
  opacity:.85;
  pointer-events:none;
}
body.studioActive #create .hero>*{position:relative;z-index:1}
body.studioActive #create .hero small{letter-spacing:.36em;color:#f0c46c}
body.studioActive #create .hero h1{
  max-width:900px;
  margin:14px 0 12px;
  font-size:clamp(58px,7vw,100px);
  text-align:left;
  line-height:.9;
  text-shadow:0 8px 38px rgba(0,0,0,.52);
}
body.studioActive #create .hero p{color:#dbe2eb;font-size:15px;letter-spacing:.06em}
body.studioActive #create .productLine{margin:16px 0 0;max-width:920px;color:#ddc48d}
body.studioActive .panel,
body.studioActive .cards article{
  border:1px solid rgba(117,156,194,.14);
  background:linear-gradient(145deg,rgba(12,19,30,.86),rgba(6,10,17,.80));
  border-radius:20px;
  box-shadow:0 16px 44px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.03);
  backdrop-filter:blur(16px);
}
body.studioActive .panel:hover,
body.studioActive .cards article:hover{border-color:rgba(224,179,90,.22)}
body.studioActive .studio,body.studioActive .editorGrid{gap:18px}
body.studioActive .studio{grid-template-columns:minmax(0,2.25fr) minmax(300px,.75fr)}
body.studioActive .panel h3,body.studioActive .cards article h3{color:#f5f7fb}
body.studioActive .panel p,body.studioActive .cards article p,body.studioActive .micro{color:#aeb8c7}
body.studioActive .panel textarea,
body.studioActive .panel input,
body.studioActive #review input,
body.studioActive #review select,
body.studioActive #review textarea,
body.studioActive #commentProjectId,
body.studioActive #commentShotId,
body.studioActive .controls select,
body.studioActive #referenceProject,
body.studioActive #incidentSeverity,
body.studioActive #incidentTitle,
body.studioActive #incidentRequestId,
body.studioActive #restoreBackupId,
body.studioActive #sandboxBillingPanel select{
  background:linear-gradient(180deg,rgba(5,9,15,.94),rgba(7,12,19,.90));
  border-color:rgba(116,164,207,.16);
  color:#eef3f8;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
body.studioActive .panel textarea:focus,
body.studioActive .panel input:focus,
body.studioActive select:focus{
  outline:none;
  border-color:rgba(224,179,90,.48);
  box-shadow:0 0 0 3px rgba(224,179,90,.08);
}
body.studioActive .controls label{color:#8e9cad;letter-spacing:.16em}
body.studioActive button,body.studioActive .upload{
  border-color:rgba(132,166,198,.16);
  background:linear-gradient(180deg,rgba(18,28,41,.75),rgba(7,12,19,.78));
  color:#aeb9c8;
  transition:.18s ease;
}
body.studioActive button:hover,body.studioActive .upload:hover{
  transform:translateY(-1px);
  color:#fff;
  border-color:rgba(143,200,255,.25);
  box-shadow:0 8px 24px rgba(0,0,0,.22);
}
body.studioActive .gold{
  border-color:rgba(244,203,113,.42)!important;
  background:linear-gradient(135deg,#f0c870,#9a651c)!important;
  box-shadow:0 10px 28px rgba(212,154,53,.18),inset 0 1px 0 rgba(255,255,255,.18);
}
body.studioActive .gold:hover{
  filter:brightness(1.06);
  box-shadow:0 12px 34px rgba(212,154,53,.28),0 0 26px rgba(224,179,90,.08);
}
body.studioActive .qualityScore,
body.studioActive .metricHero,
body.studioActive .walletHero div{
  color:#efc66d;
  text-shadow:0 0 28px rgba(224,179,90,.14);
}
body.studioActive .metric,
body.studioActive .statusRow,
body.studioActive .ledgerRow{border-bottom-color:rgba(124,164,201,.09)}
body.studioActive .metric b,body.studioActive .statusRow b{color:#efc66d}
body.studioActive .lock{
  padding:10px 12px;
  border-radius:10px;
  border:1px solid rgba(224,179,90,.14);
  background:rgba(224,179,90,.045);
}
body.studioActive .cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.studioActive .cards article{position:relative;overflow:hidden}
body.studioActive .cards article::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:2px;
  background:linear-gradient(90deg,transparent,rgba(224,179,90,.7),rgba(82,166,226,.5),transparent);
  opacity:.55;
}
body.studioActive .avatar{box-shadow:0 0 26px rgba(224,179,90,.12)}
body.studioActive .shot{
  border:1px solid rgba(112,158,199,.12);
  border-left:2px solid #d5a74f;
  background:linear-gradient(145deg,rgba(10,16,26,.92),rgba(5,9,15,.92));
  border-radius:14px;
  box-shadow:0 12px 28px rgba(0,0,0,.2);
}
body.studioActive .preview{
  min-height:380px;
  border-radius:18px;
  background:radial-gradient(circle at 50% 40%,rgba(38,104,158,.14),transparent 42%),rgba(4,8,13,.74);
}
body.studioActive .play{
  width:76px;height:76px;
  border-color:rgba(240,196,108,.58);
  color:#f0c46c;
  box-shadow:0 0 38px rgba(224,179,90,.10);
}
body.studioActive .track{
  border-color:rgba(106,151,194,.12);
  background:rgba(4,8,13,.72);
  border-radius:10px;
}
body.studioActive .track span{
  border-radius:8px;
  background:linear-gradient(180deg,rgba(224,179,90,.14),rgba(224,179,90,.05));
}
body.studioActive .track.audio span{
  background:linear-gradient(180deg,rgba(69,127,177,.16),rgba(54,88,120,.08));
}
body.studioActive pre{
  background:rgba(3,7,12,.90);
  border-color:rgba(105,153,195,.12);
  color:#d9c7a2;
}
body.studioActive code{color:#f1cf8b}
body.studioActive hr{border-top-color:rgba(119,159,197,.10)}
body.studioActive #toast{
  background:rgba(10,16,25,.96);
  border-color:rgba(224,179,90,.28);
  box-shadow:0 16px 44px rgba(0,0,0,.36);
  backdrop-filter:blur(16px);
}
@media(max-width:1000px){
  body.studioActive #app>header{
    width:calc(100% - 18px);
    margin-top:8px;
    border-radius:18px;
    padding:9px 10px;
  }
  body.studioActive #app>main{padding:24px 14px 104px}
  body.studioActive .studio,
  body.studioActive .editorGrid,
  body.studioActive .cards,
  body.studioActive .shots{grid-template-columns:1fr}
  body.studioActive #create .hero{min-height:240px;padding:28px 24px}
  body.studioActive #create .hero h1{font-size:clamp(46px,12vw,72px)}
}
@media(max-width:700px){
  body.studioActive #app>header{
    min-height:66px;
    gap:10px;
  }
  body.studioActive #app>header .logo b{font-size:14px}
  body.studioActive #app>header nav{
    position:fixed;
    left:8px;right:8px;bottom:8px;
    top:auto;
    padding:7px;
    border:1px solid rgba(224,179,90,.15);
    border-radius:18px;
    background:rgba(5,9,15,.94);
    box-shadow:0 18px 48px rgba(0,0,0,.46);
    backdrop-filter:blur(20px);
  }
  body.studioActive #app>header nav button{font-size:10px;padding:9px 8px}
  body.studioActive #app>header .balance{display:block;font-size:10px}
  body.studioActive .title h2{font-size:38px}
  body.studioActive #create .hero{border-radius:20px;padding:24px 18px}
  body.studioActive #create .hero h1{font-size:48px}
}

body.studioActive #create .hero::before{
  content:"";
  position:absolute;
  width:540px;
  height:540px;
  right:-140px;
  top:-210px;
  border-radius:50%;
  border:1px solid rgba(242,190,91,.18);
  box-shadow:
    0 0 80px rgba(223,155,47,.12),
    inset 0 0 90px rgba(54,137,201,.08);
  background:
    radial-gradient(circle at 36% 62%,rgba(240,184,77,.18),transparent 24%),
    radial-gradient(circle at center,rgba(34,89,132,.10),transparent 64%);
  pointer-events:none;
}
body.studioActive #app>main::before{
  content:"";
  position:fixed;
  left:8vw;
  right:8vw;
  top:110px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(91,170,228,.18),rgba(224,179,90,.18),transparent);
  pointer-events:none;
}


/* ============================================================
   FORGE RC25 — STRUCTURAL CINEMATIC WORKSPACE REDESIGN
   Sidebar + command bar + compact hero + production composer.
   ============================================================ */
body.studioActive{
  overflow-x:hidden;
  background:
    radial-gradient(circle at 58% -12%,rgba(26,92,148,.23),transparent 30%),
    radial-gradient(circle at 90% 10%,rgba(213,149,42,.12),transparent 22%),
    linear-gradient(180deg,#02050a 0%,#030812 48%,#02050a 100%);
}
body.studioActive::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-4;
  background:
    linear-gradient(rgba(96,169,224,.026) 1px,transparent 1px),
    linear-gradient(90deg,rgba(96,169,224,.026) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.82),transparent 95%);
  pointer-events:none;
}
body.studioActive::after{
  content:"";
  position:fixed;
  width:760px;
  height:760px;
  right:-250px;
  top:-340px;
  border-radius:50%;
  border:1px solid rgba(228,175,77,.11);
  box-shadow:0 0 160px rgba(28,97,150,.08),inset 0 0 160px rgba(213,149,42,.05);
  z-index:-3;
  pointer-events:none;
}
.forgeAppShell{
  min-height:100vh;
  display:grid;
  grid-template-columns:250px minmax(0,1fr);
  color:#eef3f8;
}
.forgeSidebar{
  position:sticky;
  top:0;
  height:100vh;
  display:flex;
  flex-direction:column;
  padding:18px 14px 14px;
  border-right:1px solid rgba(109,165,208,.12);
  background:
    linear-gradient(180deg,rgba(5,10,17,.98),rgba(3,7,12,.96));
  box-shadow:18px 0 55px rgba(0,0,0,.22);
  z-index:20;
  overflow:hidden;
}
.forgeSidebar::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:220px;
  background:
    radial-gradient(circle at 24% 98%,rgba(47,123,179,.18),transparent 32%),
    radial-gradient(circle at 74% 105%,rgba(208,146,39,.12),transparent 28%);
  pointer-events:none;
}
.forgeBrandBlock{
  display:flex;
  gap:12px;
  align-items:center;
  padding:4px 8px 2px;
  position:relative;
  z-index:1;
}
.forgeMark{
  width:44px;height:44px;
  display:grid;place-items:center;
  border-radius:13px;
  font-size:22px;
  color:#0a0703;
  background:linear-gradient(135deg,#f1c970,#9e681d);
  box-shadow:0 0 30px rgba(225,176,80,.16);
}
.forgeSidebarLogo{display:block;width:100%;height:auto;transform:scale(1.4);transform-origin:50% 0}
body.studioActive .forgeMark.forgeLogoMark{
  overflow:hidden;
  padding:0;
  color:transparent;
  border:1px solid rgba(225,176,80,.32);
  background:#02060b;
  box-shadow:0 0 28px rgba(225,176,80,.16);
}
.forgeBrandName{
  font-weight:900;
  letter-spacing:.26em;
  font-size:18px;
}
.forgeBrandSub{
  color:#e0b35a;
  letter-spacing:.35em;
  font-size:8px;
  margin-top:3px;
}
.forgeBrandTag{
  position:relative;
  z-index:1;
  padding:11px 8px 14px;
  color:#778596;
  font-size:8px;
  letter-spacing:.22em;
  border-bottom:1px solid rgba(255,255,255,.055);
}
.forgeSideNav{
  position:relative;
  z-index:1;
  display:block;
  flex:1;
  overflow-y:auto;
  overflow-x:hidden;
  padding:8px 0 20px;
  scrollbar-width:thin;
  scrollbar-color:rgba(224,179,90,.28) transparent;
}
.forgeSideNav::-webkit-scrollbar{width:4px}
.forgeSideNav::-webkit-scrollbar-thumb{
  background:rgba(224,179,90,.25);
  border-radius:20px;
}
.navGroupLabel{
  padding:15px 10px 6px;
  color:#6e7c8e;
  font-size:9px;
  font-weight:800;
  letter-spacing:.22em;
}
.forgeSideNav button{
  width:100%;
  display:flex;
  align-items:center;
  gap:11px;
  border:1px solid transparent;
  border-radius:10px;
  padding:10px 11px;
  margin:2px 0;
  color:#aeb8c5;
  background:transparent;
  text-align:left;
  font-size:12px;
  transition:.16s ease;
}
.forgeSideNav button span{
  width:20px;
  text-align:center;
  color:#81bde8;
  font-size:15px;
}
.forgeSideNav button:hover{
  color:#fff;
  border-color:rgba(109,169,216,.13);
  background:rgba(54,111,153,.085);
  transform:translateX(2px);
}
.forgeSideNav button.on{
  color:#fff4d8;
  border-color:rgba(231,185,93,.30);
  background:
    linear-gradient(90deg,rgba(221,164,58,.28),rgba(221,164,58,.08) 70%,transparent);
  box-shadow:
    inset 2px 0 0 #edbf61,
    0 0 24px rgba(216,156,48,.08);
}
.forgeSideNav button.on span{color:#f0c66c}
.forgeSidebarFoot{
  position:relative;
  z-index:1;
  display:flex;
  gap:9px;
  align-items:center;
  margin-top:8px;
  padding:12px 10px;
  border:1px solid rgba(116,165,202,.10);
  border-radius:13px;
  background:rgba(9,15,23,.62);
}
.sidebarStatusDot{
  width:8px;height:8px;border-radius:50%;
  background:#36dd86;
  box-shadow:0 0 14px rgba(54,221,134,.48);
}
.forgeSidebarFoot b{display:block;font-size:10px;color:#e5ecf3}
.forgeSidebarFoot span{display:block;font-size:9px;color:#7d8a99;margin-top:2px}

.forgeWorkspace{
  min-width:0;
  position:relative;
  background:
    radial-gradient(circle at 55% 0,rgba(23,74,116,.14),transparent 26%),
    transparent;
}
.forgeTopbar{
  position:sticky;
  top:0;
  z-index:18;
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:12px 24px;
  border-bottom:1px solid rgba(105,162,207,.11);
  background:rgba(3,7,13,.86);
  backdrop-filter:blur(24px) saturate(130%);
}
.forgeMobileBrand{
  display:none;
  flex:0 0 auto;
  width:42px;height:42px;
  padding:0;
  overflow:hidden;
  place-items:center;
  border:1px solid rgba(225,176,80,.28);
  border-radius:10px;
  background:#02060b;
}
.forgeMobileBrand img{display:block;width:100%;height:auto;transform:scale(1.4);transform-origin:50% 0}
.forgeMobileBrand:focus-visible{outline:3px solid #e1b45d;outline-offset:2px}
.forgeSearch{
  flex:1;
  max-width:630px;
  display:flex;
  align-items:center;
  gap:9px;
  padding:0 13px;
  border:1px solid rgba(108,169,216,.16);
  border-radius:11px;
  background:rgba(7,13,21,.74);
}
.forgeSearch span{color:#79b7e4;font-size:18px}
.forgeSearch input{
  flex:1;
  min-width:0;
  padding:11px 0;
  border:0;
  background:transparent;
  color:#e8eef5;
  outline:none;
  font:inherit;
  font-size:12px;
}
.forgeSearch input::placeholder{color:#6f7b8a}
.forgeTopActions{
  display:flex;
  align-items:center;
  gap:10px;
}
.topAction{
  color:#161005!important;
  font-weight:800!important;
  border-color:rgba(244,203,113,.42)!important;
  background:linear-gradient(135deg,#f0ca76,#a66e20)!important;
  box-shadow:0 9px 26px rgba(218,159,51,.15);
}
.creditPill,.operatorPill{
  display:flex;
  align-items:center;
  border:1px solid rgba(224,179,90,.17);
  background:rgba(10,15,23,.72);
  border-radius:11px;
}
.creditPill{
  gap:5px;
  padding:10px 13px;
  color:#8f9cab;
  font-size:10px;
}
.creditPill b{color:#f0c66c;font-size:14px}
.operatorPill{gap:9px;padding:7px 11px}
.operatorOrb{
  width:28px;height:28px;
  display:grid;place-items:center;
  border-radius:50%;
  background:linear-gradient(135deg,#dab04e,#315d7c);
  color:#0b0d10;
  font-size:10px;
}
.operatorPill b{display:block;font-size:10px;color:#eef3f8}
.operatorPill div span{display:block;font-size:8px;color:#758292;margin-top:2px}

.forgeMain{
  max-width:none!important;
  margin:0!important;
  padding:22px 26px 100px!important;
}
.forgeDashboardHero{
  min-height:250px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 230px;
  gap:22px;
  align-items:center;
  position:relative;
  overflow:hidden;
  padding:30px 34px;
  border:1px solid rgba(224,179,90,.18);
  border-radius:22px;
  background:
    radial-gradient(circle at 78% 28%,rgba(221,160,50,.18),transparent 19%),
    radial-gradient(circle at 68% 64%,rgba(48,132,192,.18),transparent 30%),
    linear-gradient(110deg,rgba(7,13,22,.98),rgba(7,16,27,.94) 55%,rgba(5,11,19,.90));
  box-shadow:0 24px 64px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.03);
}
.forgeDashboardHero::before{
  content:"";
  position:absolute;
  width:500px;height:500px;
  right:-120px;top:-280px;
  border-radius:50%;
  border:1px solid rgba(239,190,90,.20);
  box-shadow:0 0 120px rgba(51,131,189,.08),inset 0 0 90px rgba(218,152,41,.06);
}
.forgeDashboardHero::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(97,176,228,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(97,176,228,.028) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(90deg,rgba(0,0,0,.8),transparent 80%);
  pointer-events:none;
}
.heroTextBlock,.heroSignalStack{position:relative;z-index:1}
.heroTextBlock small{
  color:#e6b85c;
  letter-spacing:.32em;
  font-size:9px;
}
.heroTextBlock h1{
  max-width:800px;
  margin:10px 0 10px;
  color:#f5f3ee;
  font:800 clamp(42px,5vw,74px)/.92 Inter,system-ui,sans-serif;
  letter-spacing:-.05em;
}
.heroTextBlock h1 em{
  display:block;
  color:#e1ad4f;
  font-style:normal;
  text-shadow:0 0 30px rgba(218,158,55,.12);
}
.heroTextBlock p{
  margin:0;
  color:#c4cfdb;
  font-size:13px;
  letter-spacing:.03em;
}
.heroRule{
  width:170px;height:2px;
  margin:15px 0 11px;
  background:linear-gradient(90deg,#e7b65b,rgba(100,177,229,.54),transparent);
}
.heroFeatureLine{
  max-width:900px;
  color:#9cabbc;
  font-size:10px;
  line-height:1.6;
}
.heroActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.heroSignalStack{
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:9px;
  padding-left:26px;
  border-left:1px solid rgba(224,179,90,.14);
}
.heroSignalStack span{
  color:#e8c477;
  letter-spacing:.28em;
  font-size:11px;
}
.heroSignalStack span:last-child{color:#8fa6b8}

.forgeQuickGrid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:11px;
  margin:14px 0;
}
.quickTile{
  min-height:98px;
  display:grid;
  grid-template-columns:42px 1fr;
  grid-template-rows:auto auto;
  column-gap:11px;
  text-align:left;
  align-items:center;
  padding:15px!important;
  border-radius:15px!important;
  border:1px solid rgba(101,164,211,.16)!important;
  background:linear-gradient(145deg,rgba(10,18,29,.90),rgba(6,11,18,.88))!important;
}
.quickTile>span{
  grid-row:1/3;
  width:42px;height:42px;
  display:grid;place-items:center;
  border-radius:12px;
  color:#9bd3ff;
  background:rgba(49,128,184,.12);
  border:1px solid rgba(90,168,224,.15);
  font-size:20px;
}
.quickTile b{color:#f0f4f8;font-size:12px}
.quickTile small{color:#7f8c9b;font-size:9px;line-height:1.4}
.quickTile:hover,.quickTile.on{
  border-color:rgba(228,180,86,.34)!important;
  box-shadow:0 0 28px rgba(215,155,46,.08);
}
.quickTile.on>span{
  color:#171006;
  background:linear-gradient(135deg,#f0ca72,#a86d1d);
}

.forgeCreationGrid{
  display:grid;
  grid-template-columns:minmax(0,2.25fr) minmax(280px,.75fr);
  gap:14px;
}
.forgeComposer,.forgeStatusPanel{
  border-radius:18px!important;
  background:linear-gradient(145deg,rgba(8,15,24,.93),rgba(5,10,17,.92))!important;
}
.composerHead,.statusHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.composerHead small,.statusHead small{
  color:#8ea0b2;
  letter-spacing:.18em;
  font-size:8px;
}
.composerHead h3,.statusHead h3{margin:4px 0 0}
.composerBadge,.statusLive{
  border:1px solid rgba(104,174,222,.18);
  border-radius:999px;
  padding:6px 9px;
  color:#83c8f5;
  background:rgba(41,117,168,.08);
  font-size:8px;
  letter-spacing:.12em;
}
.statusLive{
  color:#62dd98;
  border-color:rgba(74,218,142,.18);
  background:rgba(55,183,117,.07);
}
.cinematicChips{margin-top:12px}
.forgeComposer textarea{
  min-height:170px!important;
  border-radius:14px!important;
  font-size:13px!important;
}
.forgeControls{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px!important;
}
.forgeControls label{margin:0!important}
.forgeControls select{width:100%}
.composerFooter{
  align-items:flex-end!important;
  margin-top:15px!important;
}
.preflightCopy{min-width:240px}
.statusDivider{
  height:1px;
  background:linear-gradient(90deg,rgba(107,164,205,.14),transparent);
  margin:16px 0;
}
.forgeStatusPanel #modelList .metric,
.forgeStatusPanel #modelList>div{
  padding:10px 0;
}
.forgeLowerDash{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:14px;
}
.lowerCard{cursor:pointer;min-height:130px}
.lowerCard small{
  color:#8293a5;
  letter-spacing:.18em;
  font-size:8px;
}
.lowerCard h3{font-size:18px;margin:7px 0}
.lowerCard p{font-size:10px;line-height:1.6}
.lowerCard>span{
  display:block;
  margin-top:14px;
  color:#e6b85d;
  font-size:9px;
  letter-spacing:.08em;
}

/* Other RC25 views inherit the same command-deck styling */
body.studioActive .forgeMain>.view>.title{
  margin:3px 0 10px;
}
body.studioActive .forgeMain>.view{
  scroll-margin-top:88px;
}
body.studioActive .forgeMain>.view>.title h2{
  font:800 clamp(32px,3vw,48px)/1 Inter,system-ui,sans-serif;
  letter-spacing:-.035em;
}
body.studioActive .panel,
body.studioActive .cards article{
  border:1px solid rgba(103,159,205,.14);
  background:linear-gradient(145deg,rgba(9,16,26,.91),rgba(5,10,17,.90));
  box-shadow:0 14px 38px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.025);
}
body.studioActive .cards{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:13px;
}
body.studioActive .panel textarea,
body.studioActive .panel input,
body.studioActive select{
  border-color:rgba(105,163,207,.16);
  background:#050a11;
}
body.studioActive .gold{
  color:#100b03!important;
  background:linear-gradient(135deg,#f1c96f,#a86e20)!important;
  border-color:rgba(243,202,111,.38)!important;
}
body.studioActive #toast{
  border:1px solid rgba(224,179,90,.28);
  background:rgba(8,14,22,.96);
  backdrop-filter:blur(18px);
}

/* Remove obsolete old header-specific layout if present */
body.studioActive #app>header{display:none!important}

@media(max-width:1180px){
  .forgeAppShell{grid-template-columns:210px minmax(0,1fr)}
  .forgeQuickGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .forgeCreationGrid{grid-template-columns:1fr}
  .heroSignalStack{display:none}
  .forgeDashboardHero{grid-template-columns:1fr}
}
@media(max-width:850px){
  .forgeAppShell{display:block}
  .forgeSidebar{
    position:fixed;
    left:8px;right:8px;bottom:8px;top:auto;
    height:auto;
    padding:7px;
    border:1px solid rgba(224,179,90,.14);
    border-radius:16px;
    background:rgba(4,9,15,.96);
    box-shadow:0 18px 50px rgba(0,0,0,.50);
  }
  .forgeBrandBlock,.forgeBrandTag,.navGroupLabel,.forgeSidebarFoot{display:none}
  .forgeSideNav{
    display:flex;
    overflow-x:auto;
    overflow-y:hidden;
    padding:0;
    gap:4px;
  }
  .forgeSideNav button{
    min-width:max-content;
    width:auto;
    margin:0;
    padding:9px 10px;
    font-size:10px;
  }
  .forgeSideNav button span{display:none}
  .forgeTopbar{padding:10px 12px}
  .operatorPill{display:none}
  .forgeMain{padding:14px 12px 100px!important}
  .forgeDashboardHero{padding:23px 20px;min-height:220px}
  .heroTextBlock h1{font-size:46px}
  .forgeQuickGrid{grid-template-columns:1fr 1fr}
  .forgeControls{grid-template-columns:1fr 1fr}
  .forgeLowerDash{grid-template-columns:1fr}
  body.studioActive .cards{grid-template-columns:1fr}
}
@media(max-width:560px){
  .forgeSearch{display:none}
  .forgeTopbar{justify-content:space-between}
  .forgeMobileBrand{display:grid}
  .forgeQuickGrid{grid-template-columns:1fr}
  .heroTextBlock h1{font-size:39px}
  .forgeControls{grid-template-columns:1fr}
}


/* =========================================================
   FORGE DASHBOARD V3 — PICTURE-MATCH STRUCTURAL HOME
   ========================================================= */
body.studioActive .forgeAppShell{
  grid-template-columns:232px minmax(0,1fr);
  min-height:100vh;
  background:#02060b;
}
body.studioActive .forgeSidebar{
  width:auto;
  min-height:100vh;
  border-right:1px solid rgba(85,151,204,.22);
  background:
    radial-gradient(circle at 30% 85%,rgba(33,105,164,.24),transparent 25%),
    linear-gradient(180deg,#030811 0%,#040a12 60%,#02060b 100%);
  box-shadow:18px 0 50px rgba(0,0,0,.25);
}
body.studioActive .forgeSidebar::before{
  content:"";
  position:absolute;inset:0;
  background-image:linear-gradient(rgba(73,135,185,.025) 1px,transparent 1px);
  background-size:100% 38px;
  pointer-events:none;
}
body.studioActive .forgeBrandBlock{
  margin:10px 10px 4px;
  padding:16px 14px;
  border:1px solid rgba(88,167,225,.18);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(12,25,40,.82),rgba(5,11,18,.9));
}
body.studioActive .forgeMark{
  color:#f0c66d;
  text-shadow:0 0 24px rgba(230,174,68,.35);
}
body.studioActive .forgeSideNav{
  padding:10px 8px 120px;
}
body.studioActive .forgeSideNav button{
  position:relative;
  gap:11px;
  width:100%;
  min-height:42px;
  margin:2px 0;
  border-radius:8px;
  border:1px solid transparent;
  background:transparent;
  color:#b7c4d3;
  text-align:left;
}
body.studioActive .forgeSideNav button span{
  width:20px;
  color:#9bd0ff;
}
body.studioActive .forgeSideNav button:hover{
  background:rgba(39,97,139,.13);
  border-color:rgba(94,167,220,.14);
}
body.studioActive .forgeSideNav button.on{
  color:#fff0c6;
  background:linear-gradient(90deg,rgba(205,145,42,.26),rgba(205,145,42,.08));
  border-color:rgba(236,190,91,.46);
  box-shadow:inset 3px 0 0 #f0c66d,0 0 24px rgba(225,168,60,.08);
}
body.studioActive .forgeSideNav button.on span{color:#f4c96d}
body.studioActive .navGroupLabel{
  padding:17px 10px 7px;
  color:#d4a64d;
  font-size:9px;
  letter-spacing:.25em;
}
body.studioActive .forgeSidebarFoot{
  left:10px;right:10px;bottom:12px;
  border-radius:12px;
  border:1px solid rgba(85,156,210,.16);
  background:rgba(5,12,20,.86);
}
body.studioActive .forgeWorkspace{
  min-width:0;
  background:
    radial-gradient(circle at 76% 5%,rgba(45,126,183,.11),transparent 24%),
    linear-gradient(180deg,#030913,#03070d 45%,#02050a);
}
body.studioActive .forgeTopbar{
  height:74px;
  padding:10px 22px;
  border-bottom:1px solid rgba(86,154,205,.16);
  background:rgba(2,7,13,.84);
  backdrop-filter:blur(22px);
}
body.studioActive .forgeSearch{
  max-width:560px;
  height:42px;
  border:1px solid rgba(92,166,222,.22);
  border-radius:9px;
  background:rgba(6,14,24,.86);
}
body.studioActive .forgeTopActions{gap:10px}
body.studioActive .topAction{
  min-width:94px;
  color:#100b03;
  font-weight:800;
  background:linear-gradient(135deg,#f3cb72,#b77923);
  border-color:#e5b95e;
  box-shadow:0 0 30px rgba(223,166,54,.16);
}
body.studioActive .creditPill,
body.studioActive .operatorPill{
  height:42px;
  border-radius:9px;
  background:rgba(6,13,22,.88);
  border:1px solid rgba(225,176,77,.22);
}
body.studioActive .forgeMain{
  max-width:none;
  padding:16px 18px 70px;
}
body.studioActive #dashboard{
  max-width:1500px;
  margin:0 auto;
}
.dashHero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(330px,.9fr) 150px;
  min-height:288px;
  overflow:hidden;
  border:1px solid rgba(105,172,220,.25);
  border-radius:14px;
  background:
    radial-gradient(circle at 75% 18%,rgba(228,165,52,.12),transparent 20%),
    linear-gradient(110deg,rgba(4,10,17,.99) 0%,rgba(5,15,26,.94) 42%,rgba(4,10,17,.86) 100%);
  box-shadow:0 25px 75px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.03);
}
.dashHero::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(90deg,transparent 55%,rgba(3,8,14,.05),rgba(3,8,14,.55));
  pointer-events:none;
}
.dashHeroCopy{
  position:relative;z-index:2;
  padding:28px 18px 24px 34px;
  align-self:center;
}
.dashHeroCopy small{
  color:#f2c968;
  letter-spacing:.32em;
  font-size:10px;
}
.dashHeroCopy h1{
  margin:13px 0 10px;
  font:700 clamp(40px,5vw,68px)/.98 Inter,system-ui,sans-serif;
  letter-spacing:.01em;
  text-transform:uppercase;
  color:#f6f8fb;
}
.dashHeroCopy h1 em{
  color:#efbf58;
  font-style:normal;
}
.dashHeroCopy p{
  max-width:650px;
  color:#c7d1de;
  line-height:1.55;
}
.dashHeroActions{display:flex;gap:10px;margin-top:22px}
.dashHeroActions button{min-width:150px}
.dashHeroImage{
  min-height:288px;
  background:
    linear-gradient(90deg,rgba(4,10,17,.85),transparent 28%,transparent 72%,rgba(4,10,17,.35)),
    url('/studio-hero.png') center/cover no-repeat;
  opacity:.96;
}
.dashHeroSignal{
  position:relative;z-index:2;
  display:flex;flex-direction:column;
  justify-content:center;
  padding:20px 18px;
  border-left:1px solid rgba(224,179,90,.16);
  background:linear-gradient(180deg,rgba(4,10,17,.35),rgba(3,8,14,.75));
  letter-spacing:.22em;
  color:#c8d4e2;
  font-size:11px;
  gap:8px;
}
.dashHeroSignal strong{color:#f0c66d;font-weight:700}
.dashActionGrid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  margin:12px 0;
}
.dashActionGrid button{
  display:grid;
  grid-template-columns:38px 1fr auto;
  align-items:center;
  gap:10px;
  min-height:102px;
  padding:15px;
  border-radius:10px;
  border:1px solid rgba(93,167,223,.22);
  background:linear-gradient(145deg,rgba(7,17,28,.95),rgba(4,10,17,.95));
  text-align:left;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.dashActionGrid button:hover{
  border-color:rgba(234,188,89,.5);
  box-shadow:0 0 30px rgba(217,159,52,.10);
}
.dashActionGrid button>span{
  display:grid;place-items:center;
  width:36px;height:36px;
  border-radius:8px;
  background:rgba(40,113,168,.12);
  border:1px solid rgba(102,184,241,.23);
  color:#91cfff;
  font-size:20px;
}
.dashActionGrid b{display:block;color:#f6f8fb;font-size:14px}
.dashActionGrid small{display:block;color:#91a0b2;margin-top:4px;line-height:1.3}
.dashActionGrid i{color:#e9b84e;font-style:normal;font-size:18px}
.dashMainGrid{
  display:grid;
  grid-template-columns:minmax(0,2fr) minmax(260px,.75fr) minmax(210px,.55fr);
  gap:12px;
  align-items:stretch;
}
.dashRecent,.dashStatus{
  border-radius:12px!important;
  padding:14px!important;
}
.dashSectionHead{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.dashSectionHead small{letter-spacing:.2em;color:#d4a64d}
.dashSectionHead h3{margin:3px 0 0;font-size:18px}
.dashSectionHead button{padding:7px 9px;border:0;background:none}
.dashLive{
  color:#61e8aa;
  font-size:10px;
  letter-spacing:.15em;
}
.dashProjectGrid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.dashProject{
  overflow:hidden;
  min-width:0;
  padding:0!important;
  border-radius:9px!important;
  border:1px solid rgba(93,161,211,.18)!important;
  background:#06101a!important;
  text-align:left;
}
.dashProjectArt{
  height:112px;
  background-position:center;
  background-size:cover;
  border-bottom:1px solid rgba(111,174,219,.14);
}
.dashProjectCopy{padding:10px}
.dashProjectCopy b{display:block;color:#f4f7fb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dashProjectCopy small{display:block;margin-top:4px;color:#8292a5;text-transform:capitalize}
.dashProject.empty{min-height:160px;padding:20px!important;display:flex;flex-direction:column;justify-content:center}
.dashStatusList{display:grid;gap:0}
.dashStatusList>div{
  display:grid;
  grid-template-columns:12px 1fr auto;
  gap:8px;
  align-items:center;
  padding:9px 2px;
  border-bottom:1px solid rgba(101,161,205,.09);
  font-size:12px;
}
.dashStatusList b{font-weight:500;color:#d9e2ec}
.dashStatusList em{font-style:normal;color:#77dfb1;font-size:11px}
.dashStatusList .dot{width:8px;height:8px;border-radius:50%;box-shadow:0 0 12px currentColor}
.dashStatusList .green{background:#55e89d;color:#55e89d}
.dashStatusList .gold{background:#e9b94e;color:#e9b94e}
.dashStatusList .gold~em{color:#e9b94e}
.dashPromo{
  position:relative;
  overflow:hidden;
  min-height:260px;
  border:1px solid rgba(92,164,219,.22);
  border-radius:12px;
  background:#040b13;
}
.dashPromoArt{
  position:absolute;inset:0;
  background:
    linear-gradient(180deg,rgba(3,9,16,.18),rgba(3,8,14,.87)),
    url('/studio-hero.png') 70% center/cover no-repeat;
  opacity:.58;
}
.dashPromoCopy{
  position:absolute;z-index:2;
  inset:auto 16px 16px;
}
.dashPromoCopy small{color:#9fcfff;letter-spacing:.2em}
.dashPromoCopy h3{margin:8px 0;font:600 27px/1.05 Inter,system-ui;color:#fff}
.dashPromoCopy h3 em{color:#efbd57;font-style:normal}
.dashPromoCopy p{font-size:12px;line-height:1.5;color:#aeb9c8}
.dashPromoCopy button{margin-top:8px;border-color:rgba(232,184,80,.35);color:#f2c86b}
.dashComposerPreview{
  display:grid;
  grid-template-columns:minmax(200px,.65fr) minmax(0,1.7fr) auto;
  align-items:center;
  gap:14px;
  margin-top:12px;
  padding:14px 16px!important;
  border-radius:12px!important;
}
.dashComposerPreview small{letter-spacing:.18em;color:#d4a64d}
.dashComposerPreview h3{margin:5px 0 0;font-size:20px}
.dashFakeInput{
  min-height:50px;
  display:flex;
  align-items:center;
  padding:0 14px;
  border:1px solid rgba(92,162,216,.18);
  border-radius:8px;
  background:#030912;
  color:#75879b;
}
.dashToolGrid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:9px;
  margin-top:10px;
}
.dashToolGrid article{
  display:flex;
  gap:10px;
  align-items:center;
  min-height:70px;
  padding:12px;
  border:1px solid rgba(92,159,209,.15);
  border-radius:9px;
  background:rgba(5,13,22,.86);
  cursor:pointer;
}
.dashToolGrid article:hover{border-color:rgba(229,180,76,.35)}
.dashToolGrid>article>span{color:#8dcbff;font-size:20px}
.dashToolGrid b{display:block;color:#e9eef4}
.dashToolGrid small{display:block;color:#8090a2;margin-top:3px}
body.studioActive .createTitle{
  padding-top:4px;
}
body.studioActive #create .forgeCreationGrid{
  grid-template-columns:minmax(0,1fr) 310px;
}
body.studioActive #create .forgeComposer{
  min-height:520px;
}
body.studioActive #create .forgeStatusPanel{
  min-height:520px;
}
@media(max-width:1250px){
  .dashActionGrid{grid-template-columns:repeat(3,1fr)}
  .dashMainGrid{grid-template-columns:1.7fr .8fr}
  .dashPromo{display:none}
  .dashProjectGrid{grid-template-columns:repeat(2,1fr)}
  .dashToolGrid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
  body.studioActive .forgeAppShell{display:block}
  .dashHero{grid-template-columns:1fr}
  .dashHeroImage{min-height:190px}
  .dashHeroSignal{display:none}
  .dashMainGrid{grid-template-columns:1fr}
  .dashActionGrid{grid-template-columns:1fr 1fr}
  .dashComposerPreview{grid-template-columns:1fr}
  .dashToolGrid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .dashActionGrid,.dashProjectGrid,.dashToolGrid{grid-template-columns:1fr}
  .dashHeroCopy{padding:24px 18px}
  .dashHeroCopy h1{font-size:40px}
}


/* =========================================================
   FORGE UI FUNCTIONAL WIRING
   ========================================================= */
.creatorConsole .consoleInput,
.dashComposerPreview .dashFakeInput{width:100%;font:inherit;color:#edf3fa;outline:none}
.creatorConsole .consoleInput::placeholder,
.dashComposerPreview .dashFakeInput::placeholder{color:#748396}
.consoleTabs button{appearance:none;border:0;background:transparent;color:#aeb8c5;padding:7px 0;cursor:pointer}
.consoleTabs button.active{color:#f0c66d}
.landingCategory{
  min-height:118px;padding:20px 18px;border-radius:18px;border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg,rgba(10,14,21,.72),rgba(5,7,10,.82));display:flex;flex-direction:column;
  justify-content:flex-end;text-align:left;box-shadow:0 14px 30px rgba(0,0,0,.24);cursor:pointer
}
.landingCategory:hover{border-color:rgba(240,196,108,.38);transform:translateY(-2px)}
.landingCategory b{font-size:17px;color:#fff;margin-bottom:6px}
.landingCategory span{color:#cad0d8;font-size:13px;line-height:1.45}
.forgeSearch{position:relative}
.forgeSearchResults{
  position:absolute;z-index:80;top:48px;left:0;right:0;max-height:420px;overflow:auto;padding:8px;
  border:1px solid rgba(90,164,219,.25);border-radius:10px;background:rgba(3,9,16,.98);
  box-shadow:0 22px 55px rgba(0,0,0,.5);backdrop-filter:blur(20px)
}
.searchResult{display:grid!important;grid-template-columns:90px 1fr;align-items:center;width:100%;padding:10px!important;border:0!important;border-radius:7px!important;background:transparent!important;text-align:left}
.searchResult:hover{background:rgba(53,118,166,.14)!important}
.searchResult small{color:#e1b45d;letter-spacing:.12em}
.searchResult b{color:#e8eef5;font-weight:600}
.searchEmpty{padding:12px;color:#8998aa}
.modeContext{
  display:flex;justify-content:space-between;align-items:center;gap:12px;margin:10px 0 4px;padding:10px 12px;
  border:1px solid rgba(87,156,210,.14);border-radius:9px;background:rgba(3,9,16,.55)
}
.modeContext div{display:grid;gap:3px}.modeContext b{font-size:12px;color:#f0c66d}.modeContext span{font-size:11px;color:#8798aa}.modeContext button{font-size:10px}
.modeSourceField{display:grid;grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;gap:10px;margin:8px 0 12px;padding:10px 12px;border:1px solid rgba(228,179,75,.18);border-radius:9px;background:rgba(35,24,6,.2)}
.modeSourceField[hidden]{display:none}.modeSourceField label{color:#d4a64d;font-size:10px;letter-spacing:.12em}.modeSourceField select{min-width:0}.modeSourceField span{color:#8798aa;font-size:10px;text-align:right}
.operatorPill{cursor:pointer}.dashFakeInput{min-height:50px!important;height:50px!important}
@media(max-width:720px){.forgeSearchResults{position:fixed;top:68px;left:10px;right:10px}.modeContext{align-items:flex-start;flex-direction:column}.modeSourceField{grid-template-columns:1fr}.modeSourceField span{text-align:left}}


/* =========================================================
   FORGE-STUDIO-AI MISSION
   ========================================================= */
.missionBand{
  position:relative;
  z-index:1;
  width:min(1400px,94vw);
  margin:28px auto 0;
  padding:34px 34px 30px;
  border:1px solid rgba(224,179,90,.20);
  border-radius:26px;
  background:
    radial-gradient(circle at 82% 20%,rgba(40,117,176,.18),transparent 24%),
    linear-gradient(145deg,rgba(9,15,24,.92),rgba(5,8,13,.94));
  box-shadow:0 28px 75px rgba(0,0,0,.30);
}
.missionKicker{
  color:#e3b65b;
  letter-spacing:.32em;
  font-size:11px;
  font-weight:800;
}
.missionBand h2{
  max-width:980px;
  margin:12px 0 12px;
  font:600 clamp(34px,4.6vw,62px)/1.03 Georgia,serif;
  color:#f5f1e9;
}
.missionBand p{
  max-width:1040px;
  margin:0;
  color:#cbd3de;
  font-size:16px;
  line-height:1.75;
}
.missionPromise{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
}
.missionPromise span{
  padding:9px 12px;
  border:1px solid rgba(117,171,216,.16);
  border-radius:999px;
  background:rgba(13,24,37,.72);
  color:#dce5ef;
  font-size:12px;
}
@media(max-width:700px){
  .missionBand{padding:26px 20px}
  .missionBand h2{font-size:38px}
}

/* =========================================================
   FORGE AUDIO — PROFESSIONAL BROWSER DAW
   ========================================================= */
.forgeAudioTitle{align-items:flex-start}
.forgeAudioTitle p{margin:6px 0 0;color:#8fa0b3}
.audioTopActions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.audioTopActions button,.audioTopActions .upload{min-height:38px}
.audioTransport{display:grid;grid-template-columns:auto minmax(190px,.35fr) 110px minmax(180px,.5fr) auto;gap:16px;align-items:center;padding:12px 14px!important;margin-bottom:10px;border-radius:10px!important;background:linear-gradient(180deg,rgba(9,16,25,.98),rgba(4,9,15,.98))!important}
.transportCluster{display:flex;gap:6px}
.transportCluster button{min-width:44px;height:38px;padding:0}
.transportPlay{color:#111!important;background:linear-gradient(135deg,#f1c66a,#b87824)!important;border-color:#e5b85d!important}
.audioTimeDisplay{display:grid;gap:2px}
.audioTimeDisplay small{font-size:9px;letter-spacing:.18em;color:#8fa0b2}
.audioTimeDisplay strong{font:700 22px/1 ui-monospace,SFMono-Regular,Consolas,monospace;color:#e9f3ff;letter-spacing:.04em}
.audioTempo,.audioZoom{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;font-size:10px;color:#91a2b5}
.audioTempo input{width:70px}
.audioSessionState{display:flex;align-items:center;gap:7px;color:#aebaca;font-size:11px}
#audioSessionDot{width:8px;height:8px;border-radius:50%;background:#59e6a0;box-shadow:0 0 12px rgba(89,230,160,.7)}
.audioWorkstation{display:grid;grid-template-columns:250px minmax(0,1fr) 270px;gap:10px;min-height:620px}
.audioInspector,.audioMixer,.audioEdit{padding:0!important;overflow:hidden;border-radius:10px!important}
.audioPanelHead,.audioEditHead{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid rgba(93,163,216,.14);background:rgba(5,12,20,.92)}
.audioPanelHead{display:grid;justify-content:stretch}
.audioPanelHead small,.audioEditHead small{letter-spacing:.16em;color:#d1a54d;font-size:9px}
.audioPanelHead b,.audioEditHead b{color:#eef4fb}
.audioEmpty{padding:20px;color:#7f90a3;line-height:1.55}
#audioInspectorControls{padding:12px}
#audioInspectorControls>label{display:grid;gap:6px;margin-bottom:10px}
.audioInspectorGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.audioInspectorGrid label{display:grid;gap:5px;font-size:10px;color:#90a0b3}
.audioInspectorGrid input[type=number]{min-width:0}
.audioInspectorGrid input[type=range]{width:100%}
.audioInspectorButtons{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}
.audioInspectorButtons #audioRemove{grid-column:1/-1}
.audioEditHead{padding:8px 12px}
.audioEditTools{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.audioEditTools button{padding:7px 9px;font-size:10px}
.audioTimelineShell{position:relative;overflow:auto;height:565px;background:linear-gradient(rgba(67,123,165,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(67,123,165,.05) 1px,transparent 1px),#03070c;background-size:34px 34px}
.audioRuler{position:sticky;top:0;z-index:5;height:32px;min-width:1200px;border-bottom:1px solid rgba(104,171,219,.17);background:rgba(4,10,17,.97)}
.audioRulerTick{position:absolute;top:0;height:32px;border-left:1px solid rgba(123,178,218,.18);padding:4px 0 0 5px;font-size:9px;color:#718397;pointer-events:none}
.audioTracks{position:relative;min-width:1200px;min-height:500px}
.audioTrackRow{position:relative;height:96px;border-bottom:1px solid rgba(86,151,200,.11);background:rgba(6,13,21,.48)}
.audioTrackRow.selected{background:rgba(36,88,126,.12)}
.audioTrackLane{position:absolute;left:0;right:0;top:0;bottom:0}
.audioClip{position:absolute;top:9px;height:76px;min-width:18px;border:1px solid rgba(100,184,238,.5);border-radius:7px;background:linear-gradient(180deg,rgba(24,89,134,.86),rgba(11,44,69,.9));box-shadow:0 7px 20px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.05);overflow:hidden;cursor:grab}
.audioClip:active{cursor:grabbing}
.audioClip.selected{border-color:#e9b84e;box-shadow:0 0 0 1px rgba(233,184,78,.22),0 7px 20px rgba(0,0,0,.3)}
.audioWave{width:100%;height:100%;display:block;opacity:.92}
.audioClipLabel{position:absolute;left:7px;top:5px;z-index:2;color:#e8f3fd;font-size:10px;text-shadow:0 1px 3px #000}
.audioPlayhead{position:absolute;z-index:12;top:0;bottom:0;width:1px;background:#f2c15b;box-shadow:0 0 8px rgba(242,193,91,.75);pointer-events:none}
.audioPlayhead::before{content:"";position:absolute;top:0;left:-4px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #f2c15b}
.audioMixer{display:flex;flex-direction:column}
.audioMixerChannels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:10px;overflow:auto;max-height:475px}
.audioChannel{display:grid;gap:7px;align-content:start;min-height:188px;padding:9px 7px;border:1px solid rgba(93,162,213,.14);border-radius:7px;background:#050b12}
.audioChannel b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.audioChannelBtns{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.audioChannelBtns button{padding:5px;font-size:9px}
.audioChannelBtns button.on{color:#12100b;background:#e8b84f;border-color:#e8b84f}
.audioChannel label{display:grid;gap:3px;font-size:8px;color:#8090a2}
.audioChannel input[type=range]{width:100%}
.audioMasterStrip{margin:auto 10px 10px;padding:10px;border:1px solid rgba(226,177,76,.2);border-radius:8px;background:rgba(18,13,5,.35)}
.audioMasterStrip label{display:grid;gap:4px;margin-top:7px;font-size:9px;color:#9d8c6e}
.audioMeter{height:8px;border:1px solid rgba(112,176,220,.17);border-radius:999px;background:#02060a;overflow:hidden;margin-top:8px}
.audioMeter span{display:block;height:100%;width:0;background:linear-gradient(90deg,#4bd696,#d9c34d,#e46f52)}
.audioBottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:12px 14px!important}
.audioBottom>div:first-child{display:grid;gap:4px}
.audioBottom small{color:#c99e48;letter-spacing:.15em}
.audioBottomActions{display:flex;gap:7px;flex-wrap:wrap}
.audioRecording #audioSessionDot{background:#f05c5c;box-shadow:0 0 15px rgba(240,92,92,.8)}
.audioRecording #audioRecord{background:#ad3434;border-color:#e45d5d}
@media(max-width:1250px){.audioWorkstation{grid-template-columns:220px minmax(0,1fr)}.audioMixer{grid-column:1/-1}.audioMixerChannels{grid-template-columns:repeat(5,minmax(120px,1fr));max-height:none}.audioTransport{grid-template-columns:auto 1fr 100px minmax(150px,.5fr)}.audioSessionState{display:none}}
@media(max-width:820px){.audioTransport{grid-template-columns:1fr 1fr}.audioWorkstation{grid-template-columns:1fr}.audioInspector,.audioMixer{grid-column:auto}.audioEdit{min-height:520px}.audioBottom{align-items:flex-start;flex-direction:column}.audioTopActions{justify-content:flex-start}}

/* =========================================================
   FORGE-STUDIO-AI CHARACTER STUDIO V2
   Modern avatar-library interaction + personal voice library
   ========================================================= */
.characterVaultHead{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:14px}
.characterVaultHead small{color:#d4a64d;letter-spacing:.22em}
.characterVaultHead h2{margin:4px 0 5px;font-size:30px}
.characterVaultHead p{margin:0;color:#8fa0b3;max-width:720px}
.characterHeadActions{display:flex;gap:8px;flex-wrap:wrap}
.characterTabs{display:flex;gap:4px;margin-bottom:12px;padding:4px;border:1px solid rgba(93,163,216,.13);border-radius:10px;background:rgba(5,12,20,.72);width:max-content}
.characterTabs button{border:0;background:transparent;padding:9px 15px;color:#8fa0b3}
.characterTabs button.on{background:rgba(44,104,149,.22);color:#eef5fc;border:1px solid rgba(103,177,230,.20)}
.characterToolbar{display:grid;grid-template-columns:minmax(220px,1fr) 180px auto;gap:10px;align-items:center;padding:10px 12px!important;margin-bottom:12px;border-radius:10px!important}
.characterToolbar input,.characterToolbar select{margin:0}
#characterCastStatus{font-size:11px;color:#9dadbf;text-align:right}
.characterAvatarGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.characterCard{position:relative;overflow:hidden;min-height:310px;border:1px solid rgba(91,159,210,.18);border-radius:14px;background:linear-gradient(180deg,rgba(7,16,25,.98),rgba(3,8,14,.98));box-shadow:0 18px 38px rgba(0,0,0,.24)}
.characterCardOpen{display:block;width:100%;padding:0;border:0;border-radius:0;background:transparent;color:inherit;text-align:left}
.characterCardPortrait{position:relative;height:190px;overflow:hidden;background:radial-gradient(circle at 50% 30%,rgba(66,137,190,.24),transparent 45%),linear-gradient(145deg,#071521,#03080d);display:grid;place-items:center}
.characterCardPortrait img{width:100%;height:100%;object-fit:cover;display:block}
.characterCardPortrait>span{font:600 58px/1 Georgia,serif;color:#7fbbe5}
.characterBadge{position:absolute;top:10px;left:10px;z-index:2;padding:5px 7px;border-radius:999px;background:rgba(3,8,13,.76);border:1px solid rgba(234,187,87,.3);font-size:9px;color:#f0c66d;letter-spacing:.08em}
.characterCardBody{padding:12px}
.characterCardBody h3{margin:0 0 4px;font-size:17px}
.characterCardBody p{margin:0;color:#8798aa;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.characterVoiceLine{display:flex;gap:6px;align-items:center;margin-top:9px!important;color:#bac7d5!important}
.characterVoiceDot{width:7px;height:7px;border-radius:50%;background:#66c7ff;box-shadow:0 0 10px rgba(102,199,255,.55)}
.characterCardActions{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:12px}
.characterCardActions button{padding:8px}
.characterCard.activeCast{border-color:rgba(238,190,89,.58);box-shadow:0 0 0 1px rgba(238,190,89,.12),0 20px 42px rgba(0,0,0,.28)}
.characterCard.activeCast::after{content:"IN ACTIVE CAST";position:absolute;right:9px;top:165px;padding:4px 6px;border-radius:5px;background:#d9a943;color:#100b04;font-size:8px;font-weight:900;letter-spacing:.1em}
.voiceLibraryIntro{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:18px!important;margin-bottom:12px;border-radius:12px!important}
.voiceLibraryIntro h3{margin:4px 0 6px}.voiceLibraryIntro p{margin:0;color:#91a1b3;max-width:760px}
.voiceLibraryGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.voiceCard{padding:15px;border:1px solid rgba(91,159,210,.17);border-radius:12px;background:linear-gradient(145deg,rgba(7,16,26,.96),rgba(4,9,15,.96))}
.voiceCardTop{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.voiceOrb{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(112,188,240,.28);background:radial-gradient(circle,#17456a,#07131f);color:#a9d8fa;font-size:18px}
.voiceCard h3{margin:10px 0 3px}.voiceCard p{margin:0;color:#8293a6;font-size:11px}
.voiceWaveMini{height:38px;margin:12px 0;border-radius:7px;background:repeating-linear-gradient(90deg,rgba(112,197,247,.68) 0 2px,transparent 2px 7px);mask-image:linear-gradient(180deg,transparent 8%,#000 30%,#000 70%,transparent 92%);opacity:.45}
.voiceCardActions{display:flex;gap:7px}.voiceCardActions button{flex:1}
.voiceModal{position:fixed;inset:0;z-index:140}
.voiceModalPanel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(820px,94vw);max-height:90vh;overflow:auto;background:linear-gradient(180deg,#07111b,#03070c);border:1px solid rgba(104,176,225,.25);border-radius:16px;box-shadow:0 35px 100px rgba(0,0,0,.6)}
.characterClose{font-size:26px;line-height:1;padding:4px 10px;border:0;background:transparent;color:#9db0c4}
.characterPortraitPreview{height:300px;border:1px solid rgba(91,161,213,.22);border-radius:14px;overflow:hidden;background:radial-gradient(circle at 50% 32%,rgba(56,136,195,.28),transparent 38%),#030912;display:grid;place-items:center}
.characterPortraitPreview img{width:100%;height:100%;object-fit:cover}.characterPortraitPreview span{font-size:64px;color:#83c7f4}
#characterReferenceStatus{display:block;margin-top:9px;color:#8293a5;line-height:1.45}
.characterBuilderTip{display:grid;gap:5px;margin-top:18px;padding:12px;border:1px solid rgba(226,177,76,.17);border-radius:9px;background:rgba(26,18,6,.28)}
.characterBuilderTip b{color:#e4b95d}.characterBuilderTip span{color:#8e9dad;font-size:11px;line-height:1.45}
.characterBuilderTabs{display:flex;gap:5px;padding-bottom:12px;border-bottom:1px solid rgba(93,160,210,.12)}
.characterBuilderTabs button{border:0;background:transparent;color:#8394a7}.characterBuilderTabs button.on{color:#f0c66d;background:rgba(213,157,45,.10)}
.characterStep{padding-top:16px}.characterStep>label{display:grid;gap:6px;margin-bottom:13px;color:#9badbf;font-size:11px}
.characterStep textarea{min-height:110px}
.characterVoiceHead{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.characterVoiceHead h4{margin:4px 0 0;font-size:16px}.characterVoiceHead small{color:#d1a54d;letter-spacing:.16em}
.characterVoiceChoices{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.characterVoiceChoice{display:grid;grid-template-columns:32px 1fr auto;gap:9px;align-items:center;padding:10px;border:1px solid rgba(91,159,210,.15);border-radius:9px;background:#050c14;cursor:pointer;text-align:left}
.characterVoiceChoice.on{border-color:rgba(232,184,78,.52);background:rgba(40,28,6,.33)}
.characterVoiceChoice .voiceMiniOrb{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#0d2c43;color:#9fd4f7}
.characterVoiceChoice b{display:block;color:#e8eef5}.characterVoiceChoice small{display:block;color:#8191a3;margin-top:2px}
.characterVoiceChoice .voicePlay{padding:5px 8px}
.characterVoiceNote{margin-top:12px;padding:10px;border-radius:8px;background:rgba(12,20,29,.65);color:#7f90a2;font-size:10px;line-height:1.5}
.voiceCreateGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:18px}
.voiceCaptureCard{padding:14px;border:1px solid rgba(90,160,213,.16);border-radius:10px;background:rgba(4,10,17,.62)}
.voiceCaptureTabs{display:flex;gap:5px;margin-bottom:12px}.voiceCaptureTabs button{flex:1}.voiceCaptureTabs button.on{color:#111;background:#e8b84f;border-color:#e8b84f}
.voiceDrop{height:150px;display:grid!important;place-items:center;border:1px dashed rgba(104,184,238,.34)!important;border-radius:10px!important;background:rgba(9,27,42,.38)!important;color:#a8d9fb!important;cursor:pointer}
.voiceRecordButton{width:100%;height:62px;color:#ffb3b3;border-color:rgba(234,89,89,.32);background:rgba(94,20,20,.18)}
#voiceRecordPane p,#voiceSampleStatus{color:#8495a7;font-size:11px;line-height:1.5}
#voiceSamplePreview{width:100%;margin-top:12px}
.voiceMetaForm>label{display:grid;gap:6px;margin-bottom:11px;color:#9cadbf;font-size:11px}
.voiceConsent{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:8px!important}.voiceConsent input{width:auto!important;margin-top:3px}
.activeCharacterBar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 2px;padding:9px 10px;border:1px solid rgba(225,176,76,.16);border-radius:8px;background:rgba(31,22,6,.22)}
.activeCharacterBar>small{color:#d9aa4c;letter-spacing:.12em}.activeCharacterBar>div{display:flex;gap:5px;flex-wrap:wrap;flex:1}
.activeCharacterChip{display:flex;gap:5px;align-items:center;padding:5px 8px;border-radius:999px;border:1px solid rgba(100,174,227,.18);background:rgba(7,20,31,.8);color:#cfdae5;font-size:10px}
.activeCharacterChip button{padding:0;border:0;background:transparent;color:#8294a7}
@media(max-width:850px){
  .characterVaultHead{align-items:flex-start;flex-direction:column}.characterToolbar{grid-template-columns:1fr}.characterAvatarGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .characterBuilder{grid-template-columns:1fr}.characterPreviewColumn{border-right:0;border-bottom:1px solid rgba(92,160,211,.12)}.characterPortraitPreview{height:240px}
  .voiceCreateGrid{grid-template-columns:1fr}.characterVoiceChoices{grid-template-columns:1fr}.characterDrawerFoot{grid-template-columns:auto 1fr auto auto}
}
@media(max-width:520px){.characterAvatarGrid{grid-template-columns:1fr}.characterHeadActions{width:100%}.characterHeadActions button{flex:1}.characterBuilderTabs{overflow:auto}.voiceLibraryIntro{align-items:flex-start;flex-direction:column}}

/* =========================================================
   FORGE-STUDIO-AI PROJECT EXPERIENCE V2
   Zero dropdowns / zero browser prompts for project creation
   ========================================================= */
.projectHubHero{
  position:relative;overflow:hidden;
  display:flex;justify-content:space-between;align-items:flex-end;gap:20px;
  min-height:190px;padding:28px 30px;margin-bottom:12px;
  border:1px solid rgba(92,165,218,.20);border-radius:16px;
  background:
    radial-gradient(circle at 78% 10%,rgba(226,168,54,.15),transparent 24%),
    radial-gradient(circle at 88% 80%,rgba(47,135,196,.15),transparent 28%),
    linear-gradient(120deg,#07111c,#030810);
}
.projectHubHero::after{
  content:"";position:absolute;right:-70px;top:-170px;width:430px;height:430px;border-radius:50%;
  border:1px solid rgba(228,181,82,.13);box-shadow:0 0 80px rgba(51,137,197,.08);pointer-events:none
}
.projectHubHero>div,.projectHubHero>button{position:relative;z-index:2}
.projectHubHero small{color:#d4a64d;letter-spacing:.22em}
.projectHubHero h2{margin:5px 0 7px;font-size:38px}
.projectHubHero p{max-width:760px;margin:0;color:#9aaabc;line-height:1.55}
.projectLaunchButton{min-width:190px}
.projectFilterBar{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:10px 0 14px
}
.projectFilterPills{display:flex;gap:6px;flex-wrap:wrap}
.projectFilterPills button{border-radius:999px;padding:8px 12px;background:rgba(5,12,20,.72)}
.projectFilterPills button.on{background:rgba(220,164,51,.18);border-color:rgba(231,182,77,.48);color:#f2ca72}
#projectSearch{max-width:300px;margin:0}
.projectExperienceGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px}
.projectExperienceCard{
  overflow:hidden;position:relative;
  border:1px solid rgba(92,160,211,.17);border-radius:14px;
  background:linear-gradient(180deg,rgba(7,16,25,.98),rgba(4,9,15,.98));
  box-shadow:0 18px 45px rgba(0,0,0,.25);transition:.18s ease
}
.projectExperienceCard:hover{transform:translateY(-3px);border-color:rgba(227,180,79,.38);box-shadow:0 25px 60px rgba(0,0,0,.35)}
.projectExperienceArt{height:155px;background-size:cover;background-position:center;position:relative}
.projectExperienceArt::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(3,8,14,.9))}
.projectExperienceBadge{position:absolute;top:10px;left:10px;z-index:2;padding:5px 7px;border:1px solid rgba(242,193,88,.3);border-radius:999px;background:rgba(3,8,13,.75);color:#f1c765;font-size:9px;letter-spacing:.08em}
.projectExperienceBody{padding:13px}
.projectExperienceBody h3{margin:0 0 5px;font-size:18px}
.projectExperienceMeta{display:flex;gap:6px;flex-wrap:wrap}
.projectExperienceMeta span{padding:4px 6px;border-radius:6px;background:rgba(30,71,101,.23);color:#8fb7d4;font-size:9px}
.projectExperienceBrief{height:34px;margin:9px 0;color:#8293a6;font-size:11px;line-height:1.5;overflow:hidden}
.projectExperienceActions{display:grid;grid-template-columns:1fr auto;gap:7px}
.projectExperienceActions button{padding:8px}
.projectExperienceEmpty{grid-column:1/-1;padding:38px;text-align:center;border:1px dashed rgba(93,163,215,.25);border-radius:14px;background:rgba(5,12,19,.54)}
.projectExperienceEmpty h3{margin:6px 0}.projectExperienceEmpty p{color:#8798aa}.projectExperienceEmpty button{margin-top:10px}

/* Wizard */
.projectWizard{position:fixed;inset:0;z-index:150}
.projectWizardBackdrop{position:absolute;inset:0;background:rgba(0,3,7,.82);backdrop-filter:blur(8px)}
.projectWizardPanel{
  position:absolute;inset:3vh max(3vw,22px);
  display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;
  overflow:hidden;
  border:1px solid rgba(103,176,226,.25);border-radius:18px;
  background:linear-gradient(180deg,#06111c,#03070c);
  box-shadow:0 40px 120px rgba(0,0,0,.62)
}
.projectWizardTop{display:flex;align-items:center;justify-content:space-between;padding:15px 19px;border-bottom:1px solid rgba(91,161,212,.14);background:rgba(4,10,17,.9)}
.projectWizardTop small{color:#d5a84d;letter-spacing:.19em}.projectWizardTop h3{margin:3px 0 0;font-size:20px}
.projectWizardClose{font-size:27px;border:0;background:transparent;color:#9cadc0}
.projectWizardProgress{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:9px;padding:11px 20px;border-bottom:1px solid rgba(91,161,212,.10);background:rgba(4,10,17,.7)}
.projectWizardProgress button{display:flex;align-items:center;gap:7px;border:0;background:transparent;color:#708297;padding:0;font-size:10px}
.projectWizardProgress button span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(105,169,216,.20)}
.projectWizardProgress button.on{color:#f1ca72}.projectWizardProgress button.on span{color:#111;background:#e8b84e;border-color:#e8b84e}
.projectWizardProgress i{height:1px;background:rgba(95,159,206,.15)}
.projectWizardBody{overflow:auto;padding:24px}
.projectWizardStep{max-width:1220px;margin:0 auto}
.projectStepHead{max-width:760px;margin-bottom:20px}.projectStepHead small{color:#d4a64d;letter-spacing:.19em}.projectStepHead h3{margin:5px 0 7px;font-size:28px}.projectStepHead p{margin:0;color:#91a2b4;line-height:1.55}
.projectTypeCards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.projectTypeCards button{
  min-height:260px;padding:18px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;
  border:1px solid rgba(92,161,213,.16);border-radius:14px;
  background:linear-gradient(150deg,rgba(9,23,37,.92),rgba(4,9,15,.98));
  transition:.18s ease
}
.projectTypeCards button:hover,.projectTypeCards button.on{transform:translateY(-4px);border-color:rgba(235,189,88,.55);box-shadow:0 20px 45px rgba(0,0,0,.28),0 0 35px rgba(211,154,42,.07)}
.projectTypeCards button.on{background:linear-gradient(150deg,rgba(50,35,8,.62),rgba(5,12,20,.96))}
.projectTypeIcon{font-size:30px;color:#93d0fa;margin-bottom:auto}
.projectTypeCards b{font-size:18px;color:#eff4fa}.projectTypeCards small{margin-top:8px;color:#8fa0b2;line-height:1.5}.projectTypeCards em{margin-top:16px;color:#d5aa51;font-style:normal;font-size:9px;letter-spacing:.13em}
.projectChoiceSection{margin-top:22px}.projectChoiceSection>small{display:block;margin-bottom:9px;color:#d4a64d;letter-spacing:.15em}
.projectChoiceGrid,.aspectChoiceGrid,.projectDurationChoices,.styleChoiceGrid{display:grid;gap:8px}
.platformChoices{grid-template-columns:repeat(5,minmax(0,1fr))}
.projectChoiceGrid button,.aspectChoiceGrid button,.projectDurationChoices button,.styleChoiceGrid button{
  min-height:90px;border-radius:10px;background:#06101a;border:1px solid rgba(91,161,213,.16);color:#cbd6e1
}
.projectChoiceGrid button:hover,.projectChoiceGrid button.on,.aspectChoiceGrid button:hover,.aspectChoiceGrid button.on,.projectDurationChoices button:hover,.projectDurationChoices button.on,.styleChoiceGrid button:hover,.styleChoiceGrid button.on{
  border-color:rgba(232,184,78,.5);background:rgba(42,29,6,.38);color:#f1c96d
}
.projectChoiceGrid button{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:3px 9px;align-items:center;text-align:left;padding:13px}
.projectChoiceGrid button>span{grid-row:1/3;font-size:23px;color:#8ec8ef}.projectChoiceGrid b{color:#eef4fa}.projectChoiceGrid small{color:#8293a5}
.aspectChoiceGrid{grid-template-columns:repeat(4,1fr)}
.aspectChoiceGrid button{display:grid;place-items:center;gap:5px;padding:12px}.aspectChoiceGrid small{font-size:9px;color:#8595a7}
.aspectShape{display:block;border:2px solid #75b8e8;border-radius:3px}.aspectShape.wide{width:48px;height:27px}.aspectShape.tall{width:20px;height:36px}.aspectShape.square{width:32px;height:32px}.aspectShape.cinema{width:58px;height:24px}
.projectDurationChoices{grid-template-columns:repeat(4,1fr)}.projectDurationChoices button{min-height:54px}
.workflowCards{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.workflowCards button{
  display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center;min-height:120px;padding:16px;text-align:left;
  border-radius:12px;border:1px solid rgba(91,160,212,.16);background:linear-gradient(145deg,#07131f,#040a11)
}
.workflowCards button:hover,.workflowCards button.on{border-color:rgba(232,184,78,.52);background:linear-gradient(145deg,rgba(46,32,7,.48),#050b12)}
.workflowCards button>span{width:44px;height:44px;display:grid;place-items:center;border-radius:10px;background:rgba(31,92,136,.16);color:#95cef4;font-size:22px}
.workflowCards b{display:block;color:#eef4fa;font-size:16px}.workflowCards small{display:block;color:#8798a9;line-height:1.45;margin-top:4px}.workflowCards em{font-size:8px;color:#d5aa51;font-style:normal;letter-spacing:.12em}
.styleChoiceGrid{grid-template-columns:repeat(6,1fr)}.styleChoiceGrid button{min-height:52px}
.projectLaunchLayout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:16px}
.projectLaunchForm,.projectLaunchSummary{padding:18px;border:1px solid rgba(91,161,213,.15);border-radius:12px;background:rgba(5,12,20,.72)}
.projectLaunchForm label{display:grid;gap:7px;margin-bottom:14px;color:#9aacbe;font-size:11px}.projectLaunchForm textarea{min-height:190px}
.projectLaunchSummary>small{color:#d4a64d;letter-spacing:.15em}.projectBlueprintRow{display:grid;grid-template-columns:110px 1fr;gap:10px;padding:11px 0;border-bottom:1px solid rgba(89,153,199,.10)}.projectBlueprintRow small{color:#718397}.projectBlueprintRow b{color:#e5edf6}
.projectWizardFoot{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:center;padding:12px 18px;border-top:1px solid rgba(91,161,212,.14);background:rgba(4,10,17,.94)}
.projectWizardFoot .danger{color:#ff9696;border-color:rgba(230,90,90,.32)}
.activeProjectContext{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-5px 0 10px;padding:10px 12px;border:1px solid rgba(228,179,75,.18);border-radius:9px;background:rgba(35,24,6,.24)}
.activeProjectContext>div{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.activeProjectContext small{color:#d4a64d;letter-spacing:.12em}.activeProjectContext b{color:#eef4fa}.activeProjectContext span{color:#8798aa;font-size:10px}
@media(max-width:1100px){.projectTypeCards{grid-template-columns:repeat(3,1fr)}.platformChoices{grid-template-columns:repeat(3,1fr)}.styleChoiceGrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){
  .projectHubHero{align-items:flex-start;flex-direction:column}.projectLaunchButton{width:100%}.projectFilterBar{align-items:stretch;flex-direction:column}#projectSearch{max-width:none}
  .projectWizardPanel{inset:1vh 8px}.projectWizardProgress{grid-template-columns:repeat(4,1fr)}.projectWizardProgress i{display:none}.projectWizardProgress button{justify-content:center}.projectWizardProgress button{font-size:0}.projectWizardProgress button span{font-size:10px}
  .projectTypeCards,.platformChoices,.aspectChoiceGrid,.projectDurationChoices,.styleChoiceGrid,.workflowCards{grid-template-columns:1fr 1fr}.projectLaunchLayout{grid-template-columns:1fr}
}
@media(max-width:520px){.projectTypeCards,.platformChoices,.aspectChoiceGrid,.projectDurationChoices,.styleChoiceGrid,.workflowCards{grid-template-columns:1fr}.projectWizardBody{padding:18px 12px}}


/* =========================================================
   PROJECT GENESIS — SINGLE-SURFACE CREATION DECK
   ========================================================= */
body.projectGenesisOpen{overflow:hidden}
.projectWizard[hidden]{display:none!important}
.projectWizard{position:fixed;inset:0;z-index:300}
.projectWizardBackdrop{position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,rgba(16,54,83,.28),rgba(0,2,5,.92) 64%);backdrop-filter:blur(14px)}
.projectGenesisPanel{position:absolute;inset:18px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid rgba(101,197,255,.27);border-radius:22px;background:linear-gradient(150deg,rgba(4,13,22,.985),rgba(1,5,10,.995));box-shadow:0 45px 140px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.04)}
.projectGenesisPanel:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 49.85%,rgba(88,190,255,.025) 50%,transparent 50.15%),linear-gradient(transparent 49.85%,rgba(88,190,255,.022) 50%,transparent 50.15%);background-size:48px 48px;opacity:.7}
.projectGenesisHeader,.projectGenesisFoot,.projectGenesisBody{position:relative;z-index:1}
.projectGenesisHeader{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;border-bottom:1px solid rgba(95,181,239,.14);background:rgba(2,8,14,.76)}
.projectGenesisIdentity{display:flex;align-items:center;gap:12px}.projectGenesisIdentity small{color:#d5aa51;letter-spacing:.18em}.projectGenesisIdentity h3{margin:3px 0 0;font-size:20px;color:#f2f7fb}
.projectGenesisMark{position:relative;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(106,196,255,.34);border-radius:50%;background:radial-gradient(circle,rgba(42,147,208,.26),rgba(5,18,29,.9));box-shadow:0 0 28px rgba(51,160,226,.14)}
.projectGenesisMark span,.projectGenesisMark i{position:absolute;border:1px solid rgba(89,187,249,.25);border-radius:50%}.projectGenesisMark span{inset:-5px}.projectGenesisMark i{inset:6px}.projectGenesisMark b{color:#f0c766}
.projectGenesisHeaderRight{display:flex;align-items:center;gap:12px}.projectGenesisLive{display:flex;align-items:center;gap:7px;color:#87d9ad;font-size:10px;letter-spacing:.13em}.projectGenesisLive i{width:7px;height:7px;border-radius:50%;background:#5fe6a2;box-shadow:0 0 12px rgba(95,230,162,.8)}
.projectGenesisBody{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(500px,1.45fr) minmax(230px,.55fr);min-height:0;overflow:hidden}
.projectDirectorConsole,.projectDNADeck,.projectBlueprintDeck{min-height:0;overflow:auto}
.projectDirectorConsole{padding:18px;border-right:1px solid rgba(93,178,237,.12);background:linear-gradient(180deg,rgba(6,18,29,.7),rgba(2,8,14,.64))}
.projectDirectorHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.projectDirectorHead>div{display:grid;gap:3px}.projectDirectorHead small,.projectDNAHeader small,.projectDNASection>small,.projectBlueprintDeck>small{color:#d5a94e;letter-spacing:.16em;font-size:9px}.projectDirectorHead b,.projectDNAHeader b{color:#e7eff7}.projectDirectorHead>span{padding:5px 7px;border:1px solid rgba(82,202,149,.21);border-radius:999px;color:#69dfa4;font-size:8px;letter-spacing:.11em;background:rgba(21,84,58,.16)}
.projectDirectorOrb{position:relative;width:142px;height:142px;margin:18px auto 20px;display:grid;place-items:center}.projectDirectorOrb .orbit{position:absolute;border:1px solid rgba(83,184,246,.23);border-radius:50%;animation:forgeOrbit 10s linear infinite}.projectDirectorOrb .one{inset:3px}.projectDirectorOrb .two{inset:18px;animation-direction:reverse;animation-duration:7s}.projectDirectorOrb .three{inset:36px;animation-duration:4.5s}.projectDirectorOrb .orbit:before{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#eac05f;top:50%;left:-3px;box-shadow:0 0 13px rgba(234,192,95,.9)}.orbCore{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;font:700 20px/1 Georgia,serif;color:#081018;background:radial-gradient(circle at 35% 28%,#fff1b8,#d7a03c 65%,#775018);box-shadow:0 0 35px rgba(224,173,66,.25)}
@keyframes forgeOrbit{to{transform:rotate(360deg)}}
.genesisField{display:grid;gap:7px;margin-top:12px}.genesisField>small{color:#7fa5bf;font-size:9px;letter-spacing:.13em}.genesisField input,.genesisField textarea{border:1px solid rgba(93,183,244,.19)!important;background:linear-gradient(180deg,rgba(5,16,26,.92),rgba(2,8,14,.92))!important;box-shadow:inset 0 0 26px rgba(31,117,177,.035);color:#edf6fd!important}.genesisTitleField input{height:52px;font-size:17px}.genesisBriefField textarea{min-height:160px;resize:none;line-height:1.6}.genesisField input:focus,.genesisField textarea:focus{border-color:rgba(235,190,89,.55)!important;box-shadow:0 0 0 1px rgba(235,190,89,.15),0 0 35px rgba(57,145,208,.08)!important}
.genesisBriefMeta{display:flex;justify-content:space-between;gap:10px;color:#687e91;font-size:8px}.projectIdeaActions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.projectIdeaActions button,.projectSeedButton{display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px}.projectIdeaActions .listening{border-color:#e75f5f!important;color:#ff9090!important;box-shadow:0 0 20px rgba(231,95,95,.16)}
.projectSeedDrop{display:grid;gap:4px;place-items:center;margin-top:10px;padding:13px;border:1px dashed rgba(92,180,239,.22);border-radius:10px;background:rgba(4,14,23,.65);color:#8fb8d4;text-align:center;cursor:pointer;transition:border-color .16s ease,background-color .2s ease,box-shadow .2s ease,color .16s ease}.projectSeedDrop small{color:#687c8f;line-height:1.35}.projectSeedDrop.hot{border-color:#e5b858;background:rgba(57,39,7,.34);box-shadow:0 0 0 1px rgba(229,184,88,.08),0 0 28px rgba(229,184,88,.08);transform:none}.projectSeedList{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.projectSeedChip{display:flex;align-items:center;gap:6px;max-width:100%;padding:5px 7px;border:1px solid rgba(87,169,224,.16);border-radius:999px;background:rgba(10,31,46,.7);font-size:9px;color:#a9c6da}.projectSeedChip>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.projectSeedChip button{padding:0;border:0;background:transparent;color:#9fb0bf}
.projectDNADeck{padding:18px 20px}.projectDNAHeader{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding-bottom:12px;border-bottom:1px solid rgba(92,178,235,.11)}.projectDNAHeader>small{display:block}.projectDNAHeader b{font-size:11px;color:#7f93a6}.projectDNASection{margin-top:15px}.projectDNASection>small{display:block;margin-bottom:7px}.projectDNASplit{display:grid;grid-template-columns:1.12fr .88fr;gap:12px}.genesisTypeCards{grid-template-columns:repeat(5,1fr);gap:7px}.genesisTypeCards button{min-height:108px;padding:11px;border-radius:10px}.genesisTypeCards .projectTypeIcon{font-size:20px;margin-bottom:9px}.genesisTypeCards b{font-size:12px}.genesisTypeCards small{font-size:8px;margin-top:3px}.genesisChoices{grid-template-columns:repeat(5,1fr);gap:6px}.genesisChoices button{min-height:62px!important;display:flex!important;flex-direction:column;justify-content:center;align-items:center!important;gap:4px!important;text-align:center!important;padding:7px!important}.genesisChoices button>span{font-size:16px!important}.genesisChoices b{font-size:9px}.genesisAspects{grid-template-columns:repeat(4,1fr);gap:6px}.genesisAspects button{min-height:62px;padding:6px}.genesisDuration{grid-template-columns:repeat(4,1fr);gap:6px}.genesisDuration button{display:grid;place-items:center;gap:2px;min-height:58px}.genesisDuration b{font-size:10px}.genesisDuration small{font-size:8px;color:#748799}.genesisStyles{grid-template-columns:repeat(3,1fr);gap:6px}.genesisStyles button{min-height:40px;font-size:9px}.genesisWorkflowCards{grid-template-columns:1fr 1fr;gap:7px}.genesisWorkflowCards button{min-height:82px;padding:11px;grid-template-columns:34px 1fr auto}.genesisWorkflowCards button>span{width:32px;height:32px;font-size:16px}.genesisWorkflowCards b{font-size:12px}.genesisWorkflowCards small{font-size:9px;margin-top:2px}
.projectBlueprintDeck{padding:18px;border-left:1px solid rgba(93,178,237,.12);background:linear-gradient(180deg,rgba(7,18,28,.78),rgba(3,9,15,.84))}.projectBlueprintDeck h4{margin:5px 0 14px;font-size:18px}.projectBlueprintRadar{position:relative;width:110px;height:110px;margin:2px auto 18px;border:1px solid rgba(94,185,243,.19);border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 16px,rgba(76,166,224,.09) 17px 18px),conic-gradient(from 0deg,rgba(77,193,255,.12),transparent 25%,transparent 100%);overflow:hidden}.projectBlueprintRadar:after{content:"";position:absolute;left:50%;top:50%;width:48%;height:1px;background:linear-gradient(90deg,#65c7fa,transparent);transform-origin:left center;animation:radarSweep 2.8s linear infinite}.projectBlueprintRadar span{position:absolute;left:66%;top:34%;width:5px;height:5px;border-radius:50%;background:#e5ba5a;box-shadow:0 0 10px #e5ba5a}.projectBlueprintRadar i{position:absolute;left:39%;top:64%;width:4px;height:4px;border-radius:50%;background:#65e6a6;box-shadow:0 0 9px #65e6a6}@keyframes radarSweep{to{transform:rotate(360deg)}}
.projectBlueprintDeck .projectBlueprintRow{grid-template-columns:82px 1fr;padding:9px 0}.projectBlueprintDeck .projectBlueprintRow small{font-size:8px}.projectBlueprintDeck .projectBlueprintRow b{font-size:10px}.projectBlueprintPulse{display:flex;align-items:center;gap:9px;margin-top:14px;padding:10px;border:1px solid rgba(91,178,235,.12);border-radius:9px;background:rgba(4,13,21,.72)}.projectBlueprintPulse>span{width:9px;height:9px;border-radius:50%;background:#5ee39f;box-shadow:0 0 13px rgba(94,227,159,.8)}.projectBlueprintPulse>div{display:grid;gap:2px}.projectBlueprintPulse small{font-size:7px;color:#6f8496}.projectBlueprintPulse b{font-size:9px;color:#d9e5ee}.projectBlueprintNote{margin-top:10px;color:#6d8193;font-size:9px;line-height:1.5}
.projectGenesisFoot{display:grid;grid-template-columns:auto 1fr auto auto;gap:9px;align-items:center;padding:11px 16px;border-top:1px solid rgba(94,178,234,.13);background:rgba(2,8,14,.86)}.projectGenesisFootSignal{display:flex;align-items:center;gap:7px;color:#7f94a8}.projectGenesisFootSignal>span{width:6px;height:6px;border-radius:50%;background:#e2b654;box-shadow:0 0 9px rgba(226,182,84,.65)}.projectLaunchCore{min-width:190px;letter-spacing:.07em}
@media(max-width:1250px){.projectGenesisBody{grid-template-columns:310px 1fr}.projectBlueprintDeck{grid-column:1/-1;border-left:0;border-top:1px solid rgba(93,178,237,.12);display:grid;grid-template-columns:120px 1fr 1fr;gap:16px;align-items:center}.projectBlueprintRadar{margin:0}.projectBlueprintDeck>small,.projectBlueprintDeck>h4{display:none}}
@media(max-width:900px){.projectGenesisPanel{inset:6px}.projectGenesisBody{display:block;overflow:auto}.projectDirectorConsole,.projectDNADeck,.projectBlueprintDeck{overflow:visible;border:0;border-bottom:1px solid rgba(93,178,237,.11)}.projectBlueprintDeck{display:block}.projectBlueprintDeck>small,.projectBlueprintDeck>h4{display:block}.projectDNASplit{grid-template-columns:1fr}.genesisTypeCards{grid-template-columns:repeat(3,1fr)}.projectGenesisHeader h3{font-size:15px}.projectGenesisLive{display:none}}
@media(max-width:560px){.genesisTypeCards,.genesisChoices,.genesisAspects,.genesisDuration,.genesisStyles,.genesisWorkflowCards{grid-template-columns:1fr 1fr}.projectGenesisFoot{grid-template-columns:1fr 1fr}.projectGenesisFootSignal{display:none}.projectGenesisFoot .danger{grid-column:1/-1}.projectLaunchCore{min-width:0}.projectDirectorOrb{width:110px;height:110px}}

/* =========================================================
   FORGE AUDIO V2 — EDIT WINDOW / TRANSPORT / PLUG-IN RACK
   ========================================================= */
.audioTransport{grid-template-columns:minmax(330px,auto) minmax(170px,.32fr) auto 92px minmax(150px,.45fr) auto auto!important;gap:10px!important}
.audioTransportMain{gap:4px}.audioTransportMain button{min-width:38px;height:36px;padding:0 8px;font-size:10px}.audioRecordButton{color:#ff7d7d!important}.audioTransportToggles{display:flex;gap:5px}.audioTransportToggles button{padding:8px 9px;font-size:8px;letter-spacing:.08em}.audioTransportToggles button.on{color:#0a130e;background:#62dda0;border-color:#62dda0}.audioTimeDisplay span{font:600 9px/1.2 ui-monospace,monospace;color:#6f879b}.audioEngineReadout{display:flex;gap:4px;flex-wrap:wrap}.audioEngineReadout span{padding:5px 6px;border:1px solid rgba(91,160,211,.13);border-radius:5px;background:#040b12;color:#6f8599;font-size:7px;letter-spacing:.05em}
.audioCommandStrip{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:10px;padding:8px 10px!important}.audioToolGroup{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.audioToolGroup small{margin-right:5px;color:#6f8497;font-size:8px;letter-spacing:.12em}.audioToolGroup button{padding:7px 8px;font-size:8px}.audioToolGroup button.on{color:#111;background:#e8b84e;border-color:#e8b84e}.audioPitchQuick{justify-content:flex-end}
.audioClipToolbar{display:flex;align-items:center;gap:7px;margin-bottom:10px;padding:8px 10px!important}.audioClipToolbar>div{display:grid;gap:2px;margin-right:auto}.audioClipToolbar small{font-size:8px;color:#c99f49;letter-spacing:.12em}.audioClipToolbar b{font-size:10px}.audioClipToolbar button{padding:7px 9px;font-size:9px}.audioClipPitchReadout{padding-left:8px;border-left:1px solid rgba(92,163,214,.14);font-size:9px;color:#8195a7}.audioClipPitchReadout b{color:#e8be62}
.audioWorkstation{grid-template-columns:260px minmax(0,1fr) 310px!important;min-height:660px}.audioEditStatus{display:flex;gap:5px}.audioEditStatus span{padding:4px 6px;border:1px solid rgba(91,161,213,.13);border-radius:5px;background:#03090f;color:#7890a3;font-size:8px}.audioTimelineShell{height:600px!important}.audioTracks{min-height:540px!important}.audioTrackRow{height:94px!important}.audioClip{top:8px;height:76px!important}.audioClipPitch{position:absolute;right:7px;top:5px;z-index:3;padding:2px 4px;border-radius:4px;background:rgba(0,0,0,.42);color:#efc76b;font-size:8px}.audioTrimHandle{position:absolute;top:0;bottom:0;width:7px;z-index:8;cursor:ew-resize;opacity:.15;background:linear-gradient(180deg,#e8bd5b,#74c4f5)}.audioTrimHandle.left{left:0}.audioTrimHandle.right{right:0}.audioClip.selected .audioTrimHandle,body[data-audio-tool="trim"] .audioTrimHandle{opacity:.9}.audioClip.selected{overflow:visible}.audioClip.selected .audioWave{overflow:hidden;border-radius:6px}.audioChannel.selected{border-color:rgba(232,184,79,.44);box-shadow:0 0 0 1px rgba(232,184,79,.08)}
body[data-audio-tool="blade"] .audioClip{cursor:crosshair!important}body[data-audio-tool="trim"] .audioClip{cursor:default!important}.audioInspectorGrid{grid-template-columns:1fr 1fr!important}.audioInspectorButtons{grid-template-columns:1fr 1fr!important}.audioInspectorButtons #audioRemove{grid-column:auto!important}
.audioMixer{overflow:auto!important}.audioMixerChannels{max-height:320px!important}.audioPluginRack{margin:0 10px 10px;padding:10px;border:1px solid rgba(91,164,216,.15);border-radius:9px;background:linear-gradient(180deg,rgba(6,17,27,.9),rgba(3,9,15,.95))}.audioPluginHead{display:flex;align-items:center;justify-content:space-between;gap:8px}.audioPluginHead>div{display:grid;gap:2px}.audioPluginHead small{font-size:8px;color:#d1a44b;letter-spacing:.13em}.audioPluginHead b{font-size:11px}.audioPluginHead>span{padding:4px 6px;border:1px solid rgba(91,162,214,.17);border-radius:999px;color:#7891a5;font-size:7px}.audioPluginHead>span.online{color:#74e2aa;border-color:rgba(76,214,143,.3);background:rgba(24,89,61,.22)}.audioPluginSlots{display:grid;gap:5px;max-height:160px;overflow:auto;margin:9px 0}.audioPluginEmpty{padding:10px;border:1px dashed rgba(91,161,213,.13);border-radius:6px;color:#677c8f;font-size:9px;text-align:center}.audioPluginSlot{display:grid;grid-template-columns:25px 1fr auto;gap:7px;align-items:center;padding:6px;border:1px solid rgba(88,161,213,.12);border-radius:6px;background:#040b12}.audioPluginSlot>span{width:24px;height:24px;display:grid;place-items:center;border-radius:5px;background:rgba(43,112,160,.18);color:#8fcef6;font-size:9px}.audioPluginSlot>div{display:grid;gap:1px;min-width:0}.audioPluginSlot b{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audioPluginSlot small{font-size:7px;color:#677c8f}.audioPluginSlot button{padding:2px 5px;border:0;background:transparent}.audioPluginActions{display:grid;grid-template-columns:1fr 1fr;gap:5px}.audioPluginActions .upload,.audioPluginActions button{min-height:31px;display:flex;align-items:center;justify-content:center;padding:6px;font-size:8px}.audioPluginActions button{grid-column:1/-1}.audioPluginRack p{margin:8px 0 0;color:#667b8e;font-size:8px;line-height:1.45}
@media(max-width:1450px){.audioTransport{grid-template-columns:auto 1fr auto 92px minmax(130px,.35fr)!important}.audioEngineReadout,.audioSessionState{display:none}.audioWorkstation{grid-template-columns:240px minmax(0,1fr)!important}.audioMixer{grid-column:1/-1}.audioMixerChannels{grid-template-columns:repeat(6,minmax(105px,1fr));max-height:none!important}.audioPluginRack{max-width:none}}
@media(max-width:900px){.audioTransport{grid-template-columns:1fr 1fr!important}.audioCommandStrip{align-items:flex-start;flex-direction:column}.audioWorkstation{grid-template-columns:1fr!important}.audioClipToolbar{flex-wrap:wrap}.audioClipToolbar>div{width:100%}.audioPluginActions{grid-template-columns:1fr}}

/* =========================================================
   FORGE AUDIO V3 — FULL-WIDTH MIX WINDOW
   ========================================================= */
.audioWindowTabs{display:flex;align-items:center;gap:6px;margin-bottom:10px;padding:7px 9px!important;background:linear-gradient(180deg,rgba(5,14,23,.96),rgba(2,8,14,.98))!important}
.audioWindowTabs button{min-width:92px;padding:8px 14px;border-color:rgba(90,165,217,.18);font-size:9px;letter-spacing:.14em}.audioWindowTabs button.on{background:linear-gradient(180deg,#d8af57,#a87828);border-color:#e8c16a;color:#081018;font-weight:900}.audioWindowTabs>span{margin-left:auto;color:#62798d;font-size:8px;letter-spacing:.08em}
.audioEditWorkspace{display:grid;grid-template-columns:260px minmax(0,1fr);gap:10px;min-height:650px}.audioEditWorkspace[hidden],.audioMixWindow[hidden],#audioEditTools[hidden]{display:none!important}
.audioMixWindow{padding:0!important;overflow:hidden;border:1px solid rgba(81,164,220,.19)!important;background:linear-gradient(145deg,rgba(4,11,18,.99),rgba(1,5,9,.995))!important;box-shadow:0 24px 80px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.025)}
.audioMixHeader{height:58px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 14px;border-bottom:1px solid rgba(85,166,223,.14);background:linear-gradient(90deg,rgba(7,25,39,.96),rgba(3,11,18,.96))}.audioMixHeader>div:first-child{display:grid;gap:2px}.audioMixHeader small{color:#d7ab51;font-size:8px;letter-spacing:.17em}.audioMixHeader b{font-size:15px;color:#edf6fc}.audioMixLegend{display:flex;gap:5px;flex-wrap:wrap}.audioMixLegend span{padding:5px 7px;border:1px solid rgba(91,163,214,.14);border-radius:4px;background:#030a11;color:#71899c;font-size:7px;letter-spacing:.08em}
.audioConsoleScroll{display:flex;align-items:stretch;overflow-x:auto;overflow-y:hidden;min-height:760px;background:linear-gradient(rgba(67,125,166,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(67,125,166,.028) 1px,transparent 1px),#02060a;background-size:30px 30px}.audioConsoleChannels{display:flex;align-items:stretch;min-width:max-content}.audioConsoleStrip{width:156px;flex:0 0 156px;display:flex;flex-direction:column;border-right:1px solid rgba(78,142,187,.18);background:linear-gradient(180deg,rgba(10,21,32,.95),rgba(4,10,17,.98));transition:.15s}.audioConsoleStrip:nth-child(even){background:linear-gradient(180deg,rgba(8,18,28,.95),rgba(3,9,15,.98))}.audioConsoleStrip.selected{box-shadow:inset 0 0 0 1px rgba(232,185,80,.5),inset 0 0 34px rgba(216,166,58,.06)}
.audioConsoleTrackHead{height:58px;display:grid;align-content:center;gap:3px;padding:8px 9px;border-bottom:1px solid rgba(90,161,211,.14);background:linear-gradient(180deg,rgba(17,39,56,.6),rgba(5,15,24,.75))}.audioConsoleTrackHead small{font-size:7px;letter-spacing:.12em;color:#6f8799}.audioConsoleTrackHead b{max-width:138px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e7f0f8;font-size:10px}
.audioConsoleSection{display:grid;gap:4px;padding:7px;border-bottom:1px solid rgba(82,148,196,.12)}.audioConsoleSection>small{font-size:6px;letter-spacing:.14em;color:#60788b}.audioInsertBank{min-height:159px}.audioInsertSlot{height:25px!important;display:grid!important;grid-template-columns:18px minmax(0,1fr)!important;align-items:center!important;gap:4px!important;padding:2px 4px!important;border:1px solid rgba(76,147,198,.18)!important;border-radius:3px!important;background:linear-gradient(180deg,rgba(8,25,38,.95),rgba(3,13,21,.96))!important;text-align:left!important}.audioInsertSlot span{display:grid;place-items:center;height:17px;border-right:1px solid rgba(94,171,222,.14);font:700 7px ui-monospace,monospace;color:#58778f}.audioInsertSlot b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7px;color:#82bfe5;font-weight:700}.audioInsertSlot.active{border-color:rgba(89,185,238,.31)!important;background:linear-gradient(180deg,rgba(12,47,68,.96),rgba(5,24,36,.98))!important}.audioInsertSlot.active b{color:#a4d9f8}.audioInsertSlot:hover{border-color:rgba(232,184,79,.45)!important}.audioInsertSlot.master{cursor:default}.audioInsertSlot.master b,.audioInsertSlot.master{color:#d4aa52}
.audioSendBank{min-height:97px}.audioSendRow{display:grid;grid-template-columns:1fr;gap:2px}.audioSendRow>span{font-size:6px;color:#7f96a8}.audioSendRow input{width:100%;height:10px}.audioSendRow>b{font:700 6px ui-monospace,monospace;color:#9bc8e6;text-align:right;margin-top:-2px}
.audioIoSection{min-height:82px}.audioIoPlate{height:24px;display:flex;align-items:center;padding:0 6px;border:1px solid rgba(93,163,213,.14);border-radius:3px;background:#050d14;color:#7591a5;font:700 7px ui-monospace,monospace}.audioIoPlate.output{color:#bf9e55;border-color:rgba(212,166,72,.17)}
.audioPanSection{min-height:65px}.audioPanSection input{width:100%}.audioPanSection b{font:700 7px ui-monospace,monospace;color:#9fc4de;text-align:center}.audioConsoleButtons{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:7px;border-bottom:1px solid rgba(83,149,197,.12)}.audioConsoleButtons button{height:27px;padding:0;font:bold 8px ui-monospace,monospace}.audioConsoleButtons button.on{background:#d7ad50;color:#0a0d10;border-color:#e8c36b}.audioConsoleButtons button.armed{background:#a63232;color:#fff;border-color:#e15c5c;box-shadow:0 0 14px rgba(216,58,58,.22)}
.audioConsoleFaderZone{position:relative;display:grid;grid-template-columns:14px 1fr;grid-template-rows:1fr 20px;gap:5px;min-height:205px;padding:10px 16px 6px}.audioVerticalMeter{position:relative;width:10px;height:170px;align-self:center;overflow:hidden;border:1px solid rgba(88,158,206,.16);border-radius:3px;background:linear-gradient(180deg,rgba(214,72,60,.18) 0 12%,rgba(218,179,65,.16) 12% 34%,rgba(49,182,112,.12) 34% 100%)}.audioVerticalMeter span{position:absolute;left:0;right:0;bottom:0;height:0%;background:linear-gradient(0deg,#38d487 0 65%,#e0b84e 80%,#f06054 100%);box-shadow:0 0 8px rgba(59,214,139,.35);transition:height .04s linear}
.audioVerticalFader{writing-mode:vertical-lr;direction:rtl;width:42px;height:170px;margin:auto;accent-color:#cda34b}.audioConsoleFaderZone>b{grid-column:1/-1;font:700 8px ui-monospace,monospace;color:#8298a9;text-align:center}.audioConsoleName{margin:auto 7px 9px!important;min-height:34px!important;padding:5px!important;border-color:rgba(93,166,217,.16)!important;background:#07111a!important;color:#cad8e3!important;font-size:8px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audioMasterConsole{width:166px;flex:0 0 166px;border-left:2px solid rgba(212,171,82,.28);background:linear-gradient(180deg,rgba(35,27,11,.72),rgba(7,9,12,.99))}.audioMasterConsole .audioConsoleTrackHead b,.audioMasterConsole .audioConsoleTrackHead small{color:#dfb85f}.audioMasterConsole .audioConsoleFaderZone{min-height:322px}.audioMasterConsole .audioVerticalMeter,.audioMasterConsole .audioVerticalFader{height:280px}.masterName{color:#e1bb64!important;border-color:rgba(215,172,80,.28)!important;background:rgba(45,32,8,.56)!important}
.audioConsoleEmpty{min-width:520px;display:grid;place-items:center;color:#5f778a;font-size:11px;letter-spacing:.04em}.consoleRack{margin:0!important;border-width:1px 0 0!important;border-radius:0!important;padding:12px 14px!important}.consoleRack .audioPluginSlots{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));max-height:150px!important}
.audioInsertRack{margin-top:12px;padding:12px;border:1px solid rgba(100,188,241,.22);border-radius:9px;background:linear-gradient(145deg,rgba(5,18,29,.96),rgba(3,10,17,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.audioInsertRack:focus{outline:1px solid rgba(229,182,78,.6);outline-offset:3px}.audioInsertRack>p{margin:9px 0 0;color:#6f8799;font-size:8px}.audioInsertRackHead{display:flex;align-items:center;justify-content:space-between;gap:12px}.audioInsertRackHead>div{display:grid;gap:3px}.audioInsertRackHead small,.audioInsertRackGroup{color:#d5aa50;font-size:7px;letter-spacing:.15em}.audioInsertRackHead b{color:#e2edf4;font-size:10px}.audioInsertRackHead>span{color:#76a7c6;font:700 7px ui-monospace,monospace;letter-spacing:.12em}.audioInsertRackChoices{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:7px;margin-top:10px}.audioInsertRackGroup{grid-column:1/-1;padding:9px 2px 2px;border-top:1px solid rgba(90,163,214,.14);color:#728b9e}.audioInsertRackItem{min-height:48px;display:flex!important;align-items:flex-start!important;justify-content:center!important;flex-direction:column!important;gap:3px!important;padding:9px 10px!important;border-color:rgba(92,165,214,.14)!important;border-radius:6px!important;background:rgba(4,14,23,.8)!important;text-align:left!important}.audioInsertRackItem:hover{border-color:rgba(229,182,78,.42)!important;background:rgba(35,105,151,.17)!important}.audioInsertRackItem.on{border-color:rgba(229,182,78,.58)!important;background:rgba(64,45,10,.44)!important;box-shadow:inset 3px 0 0 #d9ad50}.audioInsertRackItem span{color:#d4e2ec;font-size:9px}.audioInsertRackItem small{font-size:7px;color:#647b8e}
@media(max-width:980px){.audioEditWorkspace{grid-template-columns:1fr}.audioConsoleStrip{width:146px;flex-basis:146px}.audioMixLegend{display:none}.audioWindowTabs>span{display:none}}

/* =========================================================
   PROJECT EXODUS + REVELATION — FUTURISTIC STAGE SYSTEM
   ========================================================= */
.forgeStageView{position:relative;isolation:isolate;min-height:calc(100vh - 130px);overflow:hidden;padding:8px 2px 70px}.forgeStageView:before{content:"";position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,rgba(72,165,223,.026) 1px,transparent 1px),linear-gradient(rgba(72,165,223,.026) 1px,transparent 1px),radial-gradient(circle at 52% 18%,rgba(38,131,191,.12),transparent 36%);background-size:42px 42px,42px 42px,auto}.stageNebula{position:absolute;z-index:-2;border-radius:50%;filter:blur(80px);pointer-events:none}.stageNebulaA{width:420px;height:260px;left:-130px;top:80px;background:rgba(22,119,185,.14)}.stageNebulaB{width:390px;height:320px;right:-130px;top:250px;background:rgba(216,164,60,.07)}.stageNebulaC{width:480px;height:320px;right:-150px;top:120px;background:rgba(162,71,197,.09)}
.forgeStageHeader{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(240px,.34fr);gap:18px;align-items:center;padding:24px 26px;border:1px solid rgba(94,178,232,.15);border-radius:16px;background:linear-gradient(110deg,rgba(4,15,24,.95),rgba(3,9,15,.86));box-shadow:0 20px 60px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.025)}.forgeStageHeader>div:nth-child(2)>small{color:#d7aa4d;font-size:8px;letter-spacing:.18em}.forgeStageHeader h2{margin:5px 0 7px;font:400 clamp(30px,4vw,55px)/1 Georgia,serif;color:#f1f6fa}.forgeStageHeader p{max-width:720px;margin:0;color:#8295a6;font-size:11px}.forgeStageGlyph{position:relative;width:72px;height:72px;display:grid;place-items:center;border:1px solid rgba(91,186,243,.28);border-radius:50%;background:radial-gradient(circle,rgba(36,129,184,.18),rgba(3,12,20,.95));box-shadow:0 0 38px rgba(52,160,224,.12)}.forgeStageGlyph span{font-size:28px;color:#e8bc5b}.forgeStageGlyph i,.forgeStageGlyph b{position:absolute;border:1px solid rgba(91,180,236,.2);border-radius:50%;animation:forgeOrbit 11s linear infinite}.forgeStageGlyph i{inset:-8px}.forgeStageGlyph b{inset:8px;animation-direction:reverse;animation-duration:7s}.revelationGlyph{border-color:rgba(202,137,234,.24);background:radial-gradient(circle,rgba(114,53,154,.18),rgba(8,7,17,.95))}.revelationGlyph span{color:#f0ca6b}
.forgeStageProject{display:grid;gap:3px;justify-self:end;min-width:230px;padding:12px 14px;border:1px solid rgba(90,161,212,.13);border-radius:10px;background:rgba(2,8,14,.7)}.forgeStageProject small{font-size:7px;letter-spacing:.14em;color:#668195}.forgeStageProject b{font-size:11px;color:#e5eef5}.forgeStageProject span{font-size:8px;color:#758b9c}
.forgeStageRail{display:grid;grid-template-columns:1fr minmax(40px,1fr) 1fr minmax(40px,1fr) 1fr;align-items:center;max-width:800px;margin:18px auto}.forgeStageRail>i{height:1px;background:linear-gradient(90deg,rgba(102,193,246,.36),rgba(217,171,74,.28))}.stageNode{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:1px 8px;align-items:center;padding:8px 11px;border:1px solid rgba(83,153,203,.13);border-radius:10px;background:rgba(4,12,20,.78)}.stageNode>span{grid-row:1/3;width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(88,166,219,.18);border-radius:50%;color:#65849a;font:700 8px ui-monospace,monospace}.stageNode>b{font-size:8px;letter-spacing:.12em;color:#7990a2}.stageNode>small{font-size:7px;color:#586f82}.stageNode.done>span{color:#75dca5;border-color:rgba(83,216,147,.28)}.stageNode.active{border-color:rgba(229,181,79,.4);box-shadow:0 0 30px rgba(214,166,66,.08)}.stageNode.active>span{color:#071017;background:#e0b354;border-color:#e0b354}.stageNode.active>b{color:#e2bd65}.stageNode.revelation{border-color:rgba(194,124,229,.3)}
.stagePanelHead{display:flex;align-items:center;justify-content:space-between;gap:12px}.stagePanelHead small{color:#d3a64c;font-size:7px;letter-spacing:.17em}.stagePanelHead h3{margin:4px 0 0;color:#eaf2f8;font-size:16px}.stageLive{display:flex;align-items:center;gap:6px;color:#70dca5;font-size:7px;letter-spacing:.11em}.stageLive i{width:6px;height:6px;border-radius:50%;background:#64e2a1;box-shadow:0 0 11px rgba(100,226,161,.8)}.goldLive{color:#e1b95e}.goldLive i{background:#e2b85b;box-shadow:0 0 11px rgba(226,184,91,.72)}
.exodusCommandGrid{display:grid;grid-template-columns:minmax(300px,.76fr) minmax(420px,1.12fr) minmax(230px,.55fr);gap:12px}.exodusCore,.exodusSide,.revelationCore,.revelationDeck,.revelationSignal{background:linear-gradient(145deg,rgba(5,16,26,.94),rgba(2,8,14,.96))!important;border-color:rgba(84,162,214,.14)!important}.exodusOrbital{display:grid;grid-template-columns:180px 1fr;gap:18px;align-items:center;padding:24px 0 14px}.exodusOrb{position:relative;width:160px;height:160px;display:grid;place-items:center;margin:auto;border:1px solid rgba(82,180,237,.16);border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 22px,rgba(75,164,221,.07) 23px 24px)}.exodusOrb .ring{position:absolute;border:1px solid rgba(86,183,239,.2);border-radius:50%;animation:forgeOrbit 10s linear infinite}.exodusOrb .r1{inset:-9px}.exodusOrb .r2{inset:17px;animation-direction:reverse;animation-duration:7s}.exodusOrb .r3{inset:39px;animation-duration:4s}.exodusOrb>b{font:400 34px Georgia,serif;color:#ecc465;text-shadow:0 0 22px rgba(234,192,92,.18)}.exodusOrb>small{position:absolute;bottom:43px;font-size:6px;letter-spacing:.16em;color:#647e92}.exodusTelemetry{display:grid;grid-template-columns:1fr 1fr;gap:8px}.exodusTelemetry>div{padding:10px;border:1px solid rgba(88,161,211,.12);border-radius:8px;background:rgba(3,11,18,.66)}.exodusTelemetry small{font-size:6px;letter-spacing:.12em;color:#607d91}.exodusTelemetry b{display:block;margin:3px 0;font:400 24px Georgia,serif;color:#e1b55a}.exodusTelemetry span{font-size:7px;color:#61788a}.exodusSignal{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid rgba(84,158,208,.13);border-radius:8px;background:rgba(3,10,17,.7)}.exodusSignal>span{width:8px;height:8px;border-radius:50%;background:#62dda0;box-shadow:0 0 13px rgba(98,221,160,.72)}.exodusSignal>div{display:grid;gap:2px}.exodusSignal small{font-size:6px;color:#637f92}.exodusSignal b{font-size:8px;color:#d4e1ea}
.exodusLanes{display:grid;gap:7px}.exodusLane{min-height:94px;display:grid!important;grid-template-columns:36px 1fr auto!important;align-items:center!important;gap:12px!important;padding:13px 15px!important;border:1px solid rgba(85,161,214,.13)!important;border-radius:10px!important;background:linear-gradient(100deg,rgba(5,17,27,.93),rgba(3,9,15,.92))!important;text-align:left!important}.exodusLane:hover{transform:translateX(3px);border-color:rgba(229,181,79,.38)!important;box-shadow:0 0 28px rgba(65,151,206,.06)}.exodusLane>span{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(88,168,221,.17);border-radius:50%;color:#76a9ca;font:700 8px ui-monospace,monospace}.exodusLane>div small{display:block;font-size:6px;letter-spacing:.14em;color:#647f92}.exodusLane>div b{display:block;margin:3px 0;color:#e5eef5;font-size:12px}.exodusLane p{margin:0;color:#6f8495;font-size:8px}.exodusLane>i{font-style:normal;color:#dcb153}.exodusSide{display:flex;flex-direction:column;gap:7px}.exodusSide>button{display:grid;grid-template-columns:28px 1fr;gap:9px;text-align:left;padding:10px}.exodusSide>button>span{grid-row:1/3;width:27px;height:27px;display:grid;place-items:center;border-radius:7px;background:rgba(35,101,146,.14);color:#81c0e6}.exodusSide>button b{display:block;font-size:9px}.exodusSide>button small{display:block;margin-top:2px;font-size:7px;color:#647b8d}.exodusToRevelation{margin-top:8px!important;border-color:rgba(220,178,79,.28)!important;background:rgba(49,35,8,.27)!important}.exodusPulseMap{position:relative;min-height:180px;margin-top:auto;border:1px solid rgba(83,158,211,.11);border-radius:12px;background:repeating-radial-gradient(circle at 50% 50%,transparent 0 25px,rgba(73,157,212,.065) 26px 27px)}.exodusPulseMap:after{content:"";position:absolute;left:50%;top:50%;width:42%;height:1px;background:linear-gradient(90deg,#64c7f6,transparent);transform-origin:left;animation:radarSweep 3s linear infinite}.exodusPulseMap span,.exodusPulseMap i,.exodusPulseMap b,.exodusPulseMap em{position:absolute;width:5px;height:5px;border-radius:50%;background:#e2b85a;box-shadow:0 0 10px #e2b85a}.exodusPulseMap span{left:24%;top:35%}.exodusPulseMap i{left:70%;top:60%;background:#61dea0;box-shadow:0 0 10px #61dea0}.exodusPulseMap b{left:56%;top:24%}.exodusPulseMap em{left:36%;top:71%;background:#6bc7fa;box-shadow:0 0 10px #6bc7fa}
.revelationGrid{display:grid;grid-template-columns:minmax(290px,.72fr) minmax(480px,1.28fr) minmax(220px,.48fr);gap:12px}.revelationHalo{position:relative;width:190px;height:190px;margin:20px auto;display:grid;place-items:center}.revelationHalo .halo{position:absolute;border-radius:50%;border:1px solid rgba(187,118,222,.18);box-shadow:0 0 30px rgba(124,70,161,.05)}.revelationHalo .h1{inset:0;animation:forgeOrbit 13s linear infinite}.revelationHalo .h2{inset:22px;border-color:rgba(226,181,81,.18);animation:forgeOrbit 8s linear reverse infinite}.revelationHalo .h3{inset:48px;border-color:rgba(95,192,246,.18);animation:forgeOrbit 5s linear infinite}.revelationScore{width:90px;height:90px;display:grid;place-items:center;align-content:center;border-radius:50%;background:radial-gradient(circle,#0f2636,#050b12 72%);box-shadow:0 0 48px rgba(181,111,218,.12)}.revelationScore b{font:400 28px Georgia,serif;color:#efc96d}.revelationScore small{font-size:6px;letter-spacing:.17em;color:#788fa1}.revelationChecklist{display:grid;gap:6px}.revelationChecklist button{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:9px;text-align:left;padding:9px;border-color:rgba(86,158,207,.12)}.revelationChecklist button>span{width:25px;height:25px;display:grid;place-items:center;border:1px solid rgba(89,164,214,.14);border-radius:50%;font:700 7px ui-monospace,monospace;color:#628399}.revelationChecklist button b{display:block;font-size:9px}.revelationChecklist button small{display:block;font-size:7px;color:#667d8f}.revelationChecklist button i{font-style:normal;color:#586f82}.revelationChecklist button.on{border-color:rgba(91,218,151,.28);background:rgba(18,70,48,.15)}.revelationChecklist button.on i{color:#65dfa4;text-shadow:0 0 10px #65dfa4}.revelationSystems{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.revelationSystems button{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:12px;text-align:left;min-height:82px}.revelationSystems button>span{width:33px;height:33px;display:grid;place-items:center;border-radius:8px;background:rgba(39,108,151,.14);color:#80c4ec}.revelationSystems b{display:block;font-size:10px}.revelationSystems small{display:block;margin-top:2px;font-size:7px;color:#687f91}.revelationSystems i{font-style:normal;color:#dcb152}.revelationDeliveryHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 0 8px}.revelationDeliveryHead small{font-size:7px;color:#d4aa51;letter-spacing:.15em}.revelationDeliveryHead b{font-size:8px;color:#7891a3}.revelationPresets{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.revelationPresets button{display:grid;gap:3px;min-height:88px;padding:10px;text-align:left}.revelationPresets button>span{color:#8663a0;font:700 10px ui-monospace,monospace}.revelationPresets button b{font-size:9px}.revelationPresets button small{font-size:7px;color:#697f90}.revelationPresets button.on{border-color:rgba(231,186,85,.46);background:linear-gradient(145deg,rgba(47,34,8,.44),rgba(16,10,21,.72));box-shadow:0 0 24px rgba(199,152,61,.06)}.revelationLaunch{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:11px;border:1px solid rgba(91,165,215,.12);border-radius:9px;background:rgba(3,10,17,.72)}.revelationLaunch>div{display:grid;gap:2px}.revelationLaunch small{font-size:6px;color:#637e91}.revelationLaunch b{font-size:9px;color:#d8e3eb}.revelationSignal{display:flex;flex-direction:column}.revelationSignal>small{color:#d7aa52;font-size:7px;letter-spacing:.16em}.revelationSignal h3{margin:5px 0 14px}.revelationSignal>div:not(.revelationBeacon){display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(84,153,202,.1)}.revelationSignal span{font-size:7px;color:#687f91}.revelationSignal b{font-size:8px;color:#c88787}.revelationSignal b.locked{color:#65dda2}.revelationBeacon{position:relative;height:250px;margin-top:auto;border:1px solid rgba(105,71,128,.14);border-radius:12px;background:radial-gradient(circle at 50% 55%,rgba(118,62,153,.12),transparent 36%),repeating-radial-gradient(circle at 50% 55%,transparent 0 27px,rgba(174,115,206,.055) 28px 29px)}.revelationBeacon span,.revelationBeacon i,.revelationBeacon b{position:absolute;left:50%;top:55%;border:1px solid rgba(215,173,80,.18);border-radius:50%;transform:translate(-50%,-50%);animation:revelationPulse 3.8s ease-in-out infinite}.revelationBeacon span{width:42px;height:42px}.revelationBeacon i{width:90px;height:90px;animation-delay:.5s}.revelationBeacon b{width:150px;height:150px;animation-delay:1s}@keyframes revelationPulse{0%,100%{opacity:.28;box-shadow:0 0 0 rgba(218,173,78,0)}50%{opacity:.95;box-shadow:0 0 28px rgba(218,173,78,.08)}}
@media(max-width:1200px){.exodusCommandGrid,.revelationGrid{grid-template-columns:1fr 1fr}.exodusSide,.revelationSignal{grid-column:1/-1}.exodusSide{display:grid;grid-template-columns:repeat(4,1fr)}.exodusPulseMap{grid-column:1/-1;min-height:130px}.revelationSignal{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.revelationSignal>small,.revelationSignal h3,.revelationBeacon{grid-column:1/-1}.revelationBeacon{height:150px}}
@media(max-width:760px){.forgeStageHeader{grid-template-columns:auto 1fr}.forgeStageProject{grid-column:1/-1;justify-self:stretch}.forgeStageRail{grid-template-columns:1fr;gap:5px}.forgeStageRail>i{width:1px;height:12px;margin:auto}.exodusCommandGrid,.revelationGrid{grid-template-columns:1fr}.exodusOrbital{grid-template-columns:1fr}.exodusSide{grid-template-columns:1fr 1fr}.revelationSystems,.revelationPresets{grid-template-columns:1fr 1fr}.revelationSignal{grid-template-columns:1fr 1fr}.revelationLaunch{align-items:stretch;flex-direction:column}.revelationLaunch button{width:100%}}

/* =========================================================
   FORGE MOTION SYSTEM — SMOOTH WITHOUT LAYOUT JUMPS
   ========================================================= */
:root{
  --forge-motion-fast:160ms;
  --forge-motion-ui:240ms;
  --forge-motion-ease:cubic-bezier(.22,1,.36,1);
}
html{
  scroll-behavior:auto!important;
  scrollbar-gutter:stable both-edges;
  overflow-y:scroll;
  overflow-anchor:none;
}
/* `hidden` on one body axis makes the other axis a scroll container and
   breaks sticky studio chrome. `clip` contains visual overflow without
   stealing the document scroll from the root element. */
body.studioActive{overflow-x:clip;overflow-y:visible}
body,main,.view,.panel,.forgeComposer,.characterBuilderMain,.characterDrawerPanel,
.projectGenesisPanel,.projectGenesisBody,.projectDNADeck,.projectDirectorConsole,
#projectBlueprint,.forgeCreationGrid{overflow-anchor:none!important}
body.studioActive .view.on{transform:none!important;filter:none!important;animation:none!important}
body.studioActive .view.on.forgeViewEnter{animation:forgeCalmFade 220ms ease-out both!important}
@keyframes forgeCalmFade{from{opacity:.9}to{opacity:1}}
@keyframes forgeSurfaceEnter{
  from{opacity:.88}
  to{opacity:1}
}

body.studioActive button,
body.studioActive .upload,
body.studioActive .panel,
body.studioActive .cards article{
  transition:
    color var(--forge-motion-fast) ease,
    background-color var(--forge-motion-ui) ease,
    border-color var(--forge-motion-ui) ease,
    box-shadow var(--forge-motion-ui) ease,
    opacity var(--forge-motion-ui) ease,
    transform var(--forge-motion-ui) var(--forge-motion-ease);
}

.projectWizard{
  opacity:1;
  transition:opacity var(--forge-motion-ui) ease;
}
.projectWizardBackdrop{
  opacity:1;
  transition:opacity var(--forge-motion-ui) ease;
}
.projectGenesisPanel{
  opacity:1;
  transform:none!important;
  transition:opacity var(--forge-motion-ui) ease;
}
.projectWizard.is-opening,
.projectWizard.is-closing{opacity:0;pointer-events:none}
.projectWizard.is-opening .projectWizardBackdrop,
.projectWizard.is-closing .projectWizardBackdrop{opacity:0}
.projectWizard.is-opening .projectGenesisPanel,
.projectWizard.is-closing .projectGenesisPanel{opacity:0;transform:none!important}

.projectTypeCards button,.projectChoiceGrid button,.aspectChoiceGrid button,
.projectDurationChoices button,.styleChoiceGrid button,.workflowCards button{
  transform:none!important;
  transition:border-color 160ms ease,box-shadow 200ms ease,background-color 200ms ease,color 160ms ease,opacity 160ms ease!important;
}
.projectWizard button,.projectWizard .projectSeedButton,.projectWizard .projectSeedDrop{transform:none!important}
.projectTypeCards button.on,.projectChoiceGrid button.on,.aspectChoiceGrid button.on,
.projectDurationChoices button.on,.styleChoiceGrid button.on,.workflowCards button.on{
  box-shadow:inset 0 0 0 1px rgba(235,189,88,.08),0 0 24px rgba(211,154,42,.08);
}
.projectTypeCards button:focus-visible,.projectChoiceGrid button:focus-visible,.aspectChoiceGrid button:focus-visible,
.projectDurationChoices button:focus-visible,.styleChoiceGrid button:focus-visible,.workflowCards button:focus-visible,
.projectSeedDrop:focus-visible,.projectSeedButton:focus-visible,.projectIdeaActions button:focus-visible,.projectWizardClose:focus-visible{
  outline:2px solid rgba(113,205,255,.9);outline-offset:2px;
}
.projectTypeCards button .projectTypeIcon,.projectChoiceGrid button>span,.workflowCards button>span,
.aspectChoiceGrid .aspectShape,.projectBlueprintRow b,#projectBlueprintRoute,#projectIdeaSignal{
  transition:color 160ms ease,border-color 160ms ease,background-color 200ms ease,opacity 200ms ease,box-shadow 200ms ease;
}
.projectTypeCards button.on .projectTypeIcon,.projectChoiceGrid button.on>span,.workflowCards button.on>span{color:#f1c96d}
.projectBlueprintRow{position:relative;transition:border-color 180ms ease,background-color 220ms ease,opacity 200ms ease}
.projectBlueprintRow b.is-updating,#projectBlueprintRoute.is-updating,#projectIdeaSignal.is-updating,
.projectTypeCards button.is-selecting,.projectChoiceGrid button.is-selecting,.aspectChoiceGrid button.is-selecting,
.projectDurationChoices button.is-selecting,.styleChoiceGrid button.is-selecting,.workflowCards button.is-selecting{
  animation:forgeGenesisUpdate 240ms ease-out both;
}
.projectSeedChip{animation:forgeGenesisUpdate 220ms ease-out both;transition:opacity 160ms ease,border-color 160ms ease,background-color 160ms ease}
.projectSeedChip.is-removing{opacity:0}
.projectSeedDrop.hot small{color:#9db5c6}
.projectIdeaActions .listening>span{animation:forgeGenesisListening 900ms ease-in-out infinite}
#projectIdeaSignal{min-inline-size:132px;text-align:center;white-space:nowrap}
.projectGenesisFoot{min-width:0}.projectGenesisFootSignal{min-width:0}.projectGenesisFootSignal small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.projectDirectorConsole,.projectDNADeck,.projectBlueprintDeck,.projectGenesisIdentity,.projectGenesisIdentity>div{min-width:0}
@keyframes forgeGenesisUpdate{from{opacity:.48}to{opacity:1}}
@keyframes forgeGenesisListening{0%,100%{opacity:1}50%{opacity:.35}}
body[data-forge-viewport-locked="1"],body.projectGenesisOpen{overflow:hidden!important}
#toast,#toast.show{transform:none!important}

#audioEditWindow:not([hidden]),
#audioMixWindow:not([hidden]),
#audioEditTools:not([hidden]),
#audioGeneratorDeck:not([hidden]){animation:forgeSurfaceEnter 260ms var(--forge-motion-ease) both}
.audioInsertRack{animation:forgeSurfaceEnter 180ms var(--forge-motion-ease) both}

/* =========================================================
   FORGE RESPONSIVE SAFETY — FINAL CASCADE OVERRIDES
   ========================================================= */
@media(min-width:901px) and (max-width:1450px){
  .dashHero{grid-template-columns:minmax(0,1fr) minmax(330px,.9fr)}
  .dashHeroSignal{display:none}
  .dashHeroCopy h1{font-size:clamp(40px,4vw,58px)}
}

@media(min-width:901px) and (max-width:1450px) and (max-height:800px){
  .projectGenesisBody{overflow-x:hidden;overflow-y:auto;align-items:start}
  .projectDirectorConsole,.projectDNADeck,.projectBlueprintDeck{overflow:visible}
}

@media(max-width:1250px){
  .projectBlueprintNote{grid-column:2/-1;margin-top:0}
}

@media(max-width:900px){
  body.studioActive .forgeAppShell{display:block}
  body.studioActive .forgeMobileBrand{display:grid}
  body.studioActive .forgeSidebar{
    position:fixed;
    inset:auto 8px 8px;
    width:auto;
    height:auto;
    min-height:0;
    max-height:none;
    padding:7px;
  }
  body.studioActive .forgeBrandBlock,
  body.studioActive .forgeBrandTag,
  body.studioActive .navGroupLabel,
  body.studioActive .forgeSidebarFoot{display:none}
  body.studioActive .forgeSideNav{
    display:flex;
    min-height:0;
    padding:0;
    gap:4px;
    overflow-x:auto;
    overflow-y:hidden;
  }
  body.studioActive .forgeSideNav button{
    flex:0 0 auto;
    width:auto;
    min-width:max-content;
    min-height:44px;
    margin:0;
    padding:9px 10px;
  }
  body.studioActive .forgeSideNav button span{display:none}
  body.studioActive .forgeTopbar{padding:10px 12px}
  body.studioActive .operatorPill{display:none}
  body.studioActive .forgeMain{padding-bottom:100px!important}
}

@media(max-width:560px){
  .audioTransport{grid-template-columns:minmax(0,1fr)!important}
  .audioTransport>*{min-width:0}
  .audioTransportMain{max-width:100%;overflow-x:auto;overflow-y:hidden}
}

@media(max-width:430px){
  .genesisTypeCards,.genesisWorkflowCards{grid-template-columns:1fr}
  .projectGenesisHeader{padding:11px 12px}
  .projectGenesisIdentity h3{font-size:13px}
  .genesisStyles button,.projectIdeaActions button,.projectSeedButton{min-height:44px}
}

/* Keep dense DAW metadata compact, but readable at normal laptop scale. */
.audioTransportToggles button,
.audioToolGroup button,
.audioClipToolbar button,
.audioWindowTabs button,
.audioConsoleButtons button,
.audioPluginActions .upload,
.audioPluginActions button{font-size:10px}
.audioToolGroup small,
.audioClipToolbar small,
.audioEditStatus span,
.audioPluginHead small,
.audioConsoleTrackHead small,
.audioInsertRackHead small,
.audioInsertRackGroup{font-size:9px}
.audioMixLegend span,
.audioConsoleSection>small,
.audioInsertSlot span,
.audioSendRow>span,
.audioSendRow>b,
.audioIoPlate,
.audioPanSection b,
.audioInsertRackItem small{font-size:8px}
.audioConsoleTrackHead b{font-size:11px}
.audioInsertSlot b,
.audioConsoleName{font-size:9px!important}
.audioInsertRackItem span{font-size:10px}

/* =========================================================
   FORGE AUDIO PROVIDER DECK V1
   Stable operator-only generative audio controls.
   ========================================================= */
.audioGeneratorDeck{margin:12px 0;padding:16px;border-color:rgba(228,188,86,.28);background:linear-gradient(135deg,rgba(7,18,29,.98),rgba(9,14,23,.98));overflow:hidden}
.audioGeneratorHead{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.audioGeneratorHead p{margin:.35rem 0 0;color:#8da2b2}
.audioProviderStatus{display:flex;align-items:center;gap:8px;white-space:nowrap}
.audioProviderStatus span{width:9px;height:9px;border-radius:50%;background:#8b5460;box-shadow:0 0 12px rgba(139,84,96,.45);transition:background-color 180ms var(--forge-motion-ease),box-shadow 180ms var(--forge-motion-ease)}
.audioProviderStatus span.ready{background:#4de7a8;box-shadow:0 0 14px rgba(77,231,168,.5)}
.audioGeneratorTabs{display:flex;gap:8px;margin:14px 0 12px}
.audioGeneratorTabs button{min-width:92px;transition:border-color 180ms var(--forge-motion-ease),color 180ms var(--forge-motion-ease),box-shadow 180ms var(--forge-motion-ease)}
.audioGeneratorTabs button.on{border-color:#d7b35a;color:#f2d27b;box-shadow:inset 0 -2px #d7b35a}
.audioGeneratorPane{min-height:214px}
.audioGeneratorPane:not([hidden]){animation:forgeSurfaceEnter 180ms var(--forge-motion-ease) both}
.audioGeneratorGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.45fr);gap:12px}
.audioGeneratorPane label{display:grid;gap:6px;font-size:12px;letter-spacing:.04em;color:#9fb2c1}
.audioGeneratorPane textarea,.audioGeneratorPane input,.audioGeneratorPane select{width:100%;box-sizing:border-box}
.audioGeneratorPane textarea{resize:vertical;min-height:98px}
.audioGeneratorActions{display:flex;justify-content:flex-end;margin-top:10px}
.audioCloneStrip{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.55fr) auto;gap:10px;align-items:center;margin-top:14px;padding-top:12px;border-top:1px solid rgba(118,174,207,.14)}
.audioCloneStrip small{display:block;color:#7795aa}
.audioGeneratorMessage{margin:12px 0 0;padding:9px 11px;border-left:2px solid rgba(221,181,87,.55);background:rgba(10,20,29,.64);color:#96aabc;font-size:12px;transition:color 180ms var(--forge-motion-ease),background-color 180ms var(--forge-motion-ease)}
@media(max-width:850px){.audioGeneratorHead{display:grid}.audioProviderStatus{white-space:normal}.audioGeneratorGrid,.audioCloneStrip{grid-template-columns:1fr}.audioGeneratorActions{justify-content:stretch}.audioGeneratorActions button{width:100%}}

/* Matrix scanline: paint-only motion contained inside major Forge prompt boxes. */
.forgePromptScan{
  display:block;
  position:relative;
  width:100%;
  overflow:hidden;
  contain:layout paint;
  isolation:isolate;
}
.forgeComposer>.forgePromptScan{margin:12px 0;border-radius:14px}
.genesisBriefField>.forgePromptScan{margin:0;border-radius:10px}
.forgePromptScan>textarea{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  margin:0!important;
}
.forgePromptScan::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    linear-gradient(
      180deg,
      transparent 0,
      transparent calc(100% - 12px),
      rgba(0,255,120,.018) calc(100% - 10px),
      rgba(0,255,120,.08) calc(100% - 4px),
      rgba(0,255,120,.34) calc(100% - 1px),
      rgba(118,255,181,.92) 100%
    ),
    linear-gradient(
      90deg,
      transparent,
      rgba(0,255,120,.24),
      rgba(118,255,181,.95),
      rgba(0,255,120,.24),
      transparent
    ) 50% 100%/100% 2px no-repeat;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.62) 9%,#000 24%,#000 76%,rgba(0,0,0,.62) 91%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.62) 9%,#000 24%,#000 76%,rgba(0,0,0,.62) 91%,transparent 100%);
  filter:drop-shadow(0 0 4px rgba(0,255,120,.55)) drop-shadow(0 0 9px rgba(0,255,120,.20));
  mix-blend-mode:screen;
  will-change:transform,opacity;
  animation:forgeMatrixScan 4.4s linear infinite;
}
@keyframes forgeMatrixScan{
  0%{transform:translate3d(0,-100%,0);opacity:0}
  6%{transform:translate3d(0,-94%,0);opacity:.76}
  88%{transform:translate3d(0,0,0);opacity:.76}
  96%,100%{transform:translate3d(0,0,0);opacity:0}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
  .forgePromptScan::after{
    animation:none!important;
    transform:translate3d(0,-99%,0)!important;
    opacity:.16!important;
    filter:none;
  }
}

/* Character Studio V3 — persistent vault / preview / DNA workspace. */
#characters{min-width:0;overflow-x:clip}
.characterMobileRail{display:none}
.characterStudioWorkspace{
  height:clamp(620px,calc(100dvh - 230px),780px);min-height:620px;min-width:0;
  display:grid;grid-template-columns:260px minmax(0,1fr);overflow:hidden;contain:layout paint;
  border:1px solid rgba(85,171,220,.22);border-radius:16px;background:linear-gradient(145deg,rgba(4,13,21,.98),rgba(2,7,12,.98));box-shadow:0 24px 60px rgba(0,0,0,.3),inset 0 0 40px rgba(45,130,178,.025)
}
.characterVaultPane,.characterViewPane,.characterDnaPane{min-width:0;min-height:0;overflow:hidden;background:rgba(3,10,17,.72)}
.characterVaultPane{display:grid;grid-template-rows:auto auto auto auto minmax(0,1fr);gap:9px;padding:14px;border-right:1px solid rgba(86,160,207,.16)}
.characterStudioMain{min-width:0;min-height:0;overflow:hidden;display:grid;grid-template-columns:minmax(300px,1fr) minmax(350px,.9fr)}
.characterViewPane{display:grid;grid-template-rows:auto minmax(210px,1fr) auto minmax(92px,.36fr) auto auto;gap:10px;padding:14px;border-right:1px solid rgba(86,160,207,.14)}
.characterDnaPane{position:relative;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;padding:14px}
.characterPaneHead{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
.characterPaneHead small{display:block;color:#d4aa55;font-size:8px;letter-spacing:.18em}.characterPaneHead h3{margin:3px 0 0;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.characterPaneHead>span{flex:none;padding:5px 7px;border:1px solid rgba(91,177,225,.2);border-radius:999px;color:#86cbed;font:700 8px ui-monospace,monospace;letter-spacing:.08em}
#characterSearch{width:100%;margin:0;box-sizing:border-box}
.characterFilterRail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.characterFilterRail button{min-width:0;padding:7px 4px;font-size:8px}.characterFilterRail button.on{color:#07120c;background:#69dda5;border-color:#69dda5;box-shadow:0 0 16px rgba(77,220,151,.14)}
#characterCastStatus{text-align:left;padding:6px 8px;border-left:2px solid rgba(229,180,75,.55);color:#8ea1b1;background:rgba(32,24,8,.28)}
#characters .characterAvatarGrid{min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden;display:grid;grid-template-columns:1fr;align-content:start;gap:9px;padding-right:4px}
#characters .characterCard{min-height:0;display:block;overflow:hidden;border-radius:10px;cursor:default}
#characters .characterCardOpen{display:grid;grid-template-columns:88px minmax(0,1fr)}
#characters .characterCardPortrait{height:auto;min-height:132px}
#characters .characterCardPortrait>span{font-size:30px}
#characters .characterCardBody{min-width:0;padding:10px}
#characters .characterCardBody h3{font-size:13px}.characterReferenceCount{margin-top:7px!important;color:#6e8798!important;font-size:8px!important;text-transform:uppercase;letter-spacing:.08em}
#characters .characterCardActions{grid-template-columns:1fr auto;gap:5px;margin:0;padding:0 10px 10px}#characters .characterCardActions button{padding:6px 7px;font-size:8px}
#characters .characterCard.selected{border-color:rgba(77,229,164,.7);box-shadow:0 0 0 1px rgba(77,229,164,.14),0 0 26px rgba(77,229,164,.08)}
#characters .characterCard.activeCast::after{top:7px;right:7px;font-size:6px}
.characterEmpty{display:grid;gap:8px;padding:16px;border:1px dashed rgba(95,172,219,.2);border-radius:10px;color:#8ca0b2}.characterEmpty h3,.characterEmpty p{margin:0}
.characterPortraitPreview{position:relative;height:auto;min-height:210px;border-radius:13px;isolation:isolate}.characterPortraitPreview::after{content:"IDENTITY REFERENCE";position:absolute;left:10px;bottom:9px;padding:4px 6px;background:rgba(2,8,13,.74);color:#7fbedf;font-size:7px;letter-spacing:.12em}.characterTargetCorners{position:absolute;inset:9px;pointer-events:none;border:1px solid rgba(88,224,158,.12);clip-path:polygon(0 0,18px 0,18px 2px,2px 2px,2px 18px,0 18px,0 0,100% 0,100% 18px,98% 18px,98% 2px,calc(100% - 18px) 2px,calc(100% - 18px) 0,100% 0,100% 100%,calc(100% - 18px) 100%,calc(100% - 18px) 98%,98% 98%,98% calc(100% - 18px),100% calc(100% - 18px),100% 100%,0 100%,0 calc(100% - 18px),2px calc(100% - 18px),2px 98%,18px 98%,18px 100%,0 100%)}
.characterPrimaryRail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.characterPrimaryRail button{min-width:0;display:grid;gap:3px;padding:8px;text-align:left}.characterPrimaryRail small{font-size:6px;color:#d4aa55}.characterPrimaryRail b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:8px;color:#aabccb}
.characterReferenceStrip{min-width:0;min-height:92px;overflow-x:auto;overflow-y:hidden;display:flex;gap:7px;padding:3px 0}
.characterReferenceThumb{position:relative;flex:0 0 76px;height:86px;padding:3px;overflow:hidden;border:1px solid rgba(87,157,204,.17);border-radius:8px;background:#030a11}.characterReferenceThumb.on{border-color:#64dfa2;box-shadow:0 0 18px rgba(75,222,157,.12)}.characterReferenceMedia{display:grid;place-items:center;width:100%;height:58px;overflow:hidden;border-radius:5px;background:rgba(18,46,65,.45);color:#6fa6c8;font-size:8px}.characterReferenceMedia img{width:100%;height:100%;object-fit:cover}.characterReferenceThumb small{display:block;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#89a0b1;font-size:6px}.characterReferenceThumb.pending{opacity:.72}
.characterReferenceActions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.characterReferenceActions button{min-width:0;padding:7px 3px;font-size:7px}
#characterReferenceStatus{min-height:28px;margin:0;color:#778fa1;font-size:8px;line-height:1.45}
.characterBuilderTabs{min-width:0;overflow-x:auto;display:flex;gap:3px;padding:10px 0;border-bottom:1px solid rgba(93,160,210,.12);scrollbar-width:thin}.characterBuilderTabs button{flex:0 0 auto;padding:7px 8px;font-size:8px}.characterBuilderTabs button.on{color:#07110c;background:#66dca2;border-color:#66dca2}
.characterPaneScroll{min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden;padding:2px 4px 8px 0;overscroll-behavior:contain}
#characters .characterStep{padding:12px 2px 2px}#characters .characterStep>label,.characterInlineFields label{display:grid;gap:6px;margin-bottom:11px;color:#9badbf;font-size:9px}#characters .characterStep textarea{min-height:86px;resize:vertical}
.characterFieldGroup{display:grid;gap:6px;margin-bottom:11px}.characterFieldGroup>span{color:#9badbf;font-size:9px}.characterTypeCards{display:grid;grid-template-columns:1fr 1fr;gap:6px}.characterTypeCards button{min-width:0;min-height:55px;display:grid;gap:3px;padding:8px;text-align:left}.characterTypeCards button b{font-size:9px}.characterTypeCards button small{color:#6f8495;font-size:7px}.characterTypeCards button.on{border-color:rgba(103,225,165,.62);background:rgba(26,85,59,.28);box-shadow:inset 2px 0 #65dfa3}
.characterInlineFields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.characterVoiceChoices{grid-template-columns:1fr}.characterVoiceChoice{min-width:0}.characterVoiceChoice:not(button){grid-template-columns:minmax(0,1fr) auto;padding:0}.characterVoicePick{min-width:0;display:grid;grid-template-columns:32px minmax(0,1fr);gap:9px;align-items:center;padding:10px;border:0;background:transparent;text-align:left}.characterVoiceChoice>.voicePlay{align-self:stretch;margin:5px}
.characterVoiceProfileReadout{display:grid;gap:4px;margin-top:10px;padding:9px;border:1px solid rgba(89,159,207,.13);border-radius:8px;background:rgba(3,10,17,.65)}.characterVoiceProfileReadout small{font-size:7px;color:#d4aa55}.characterVoiceProfileReadout code{overflow:hidden;text-overflow:ellipsis;color:#8eb4cc;font-size:9px}
.characterInstructionCard,.characterBuilderTip{display:grid;gap:5px;margin:0 0 12px;padding:12px;border:1px solid rgba(226,177,76,.17);border-radius:9px;background:rgba(26,18,6,.28)}.characterInstructionCard p{margin:0;color:#8e9dad;font-size:9px;line-height:1.5}.characterLocalAction{width:100%}
.characterReferenceMatrix{display:grid;grid-template-columns:1fr 1fr;gap:7px}.characterReferenceMatrix button{display:grid;gap:4px;min-height:82px;padding:10px;text-align:left}.characterReferenceMatrix b{color:#d7ae57;font-size:9px}.characterReferenceMatrix span{color:#758b9c;font-size:8px;line-height:1.35}.characterReferenceHelp{color:#788e9f;font-size:9px;line-height:1.5}
.characterDnaLocks{display:grid;gap:7px;margin-bottom:12px}.characterDnaLocks label{display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:center;padding:10px;border:1px solid rgba(83,155,203,.14);border-radius:9px;background:rgba(4,12,19,.7);cursor:pointer}.characterDnaLocks input{width:auto;margin:0}.characterDnaLocks span{display:grid;gap:2px}.characterDnaLocks b{color:#dce8ef;font-size:9px}.characterDnaLocks small{color:#708697;font-size:8px}
.characterWorkspaceFoot{display:grid;grid-template-columns:auto auto 1fr auto;gap:7px;align-items:center;padding-top:10px;border-top:1px solid rgba(85,156,205,.13);background:rgba(3,10,17,.96)}.characterWorkspaceFoot .danger{color:#ff9292;border-color:rgba(223,92,92,.32)}
.characterDraftGuard{position:fixed;inset:0;z-index:950;display:grid;place-items:center;padding:16px;background:rgba(1,6,10,.72);backdrop-filter:blur(5px);contain:layout paint}.characterDraftGuard[hidden]{display:none!important}.characterDraftGuardCard{width:min(360px,100%);box-sizing:border-box;padding:18px;border:1px solid rgba(103,225,165,.42);border-radius:12px;background:linear-gradient(145deg,rgba(5,20,22,.98),rgba(3,9,16,.98));box-shadow:0 20px 55px rgba(0,0,0,.5),0 0 24px rgba(73,225,155,.08)}.characterDraftGuardCard small{color:#6ce0a7;font-size:8px;letter-spacing:.16em}.characterDraftGuardCard h4{margin:6px 0;font-size:18px}.characterDraftGuardCard p{margin:0 0 14px;color:#91a9a0;font-size:10px;line-height:1.5}.characterDraftGuardCard>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}
.voiceModal{position:fixed;inset:0;z-index:140}.voiceModalBackdrop{position:absolute;inset:0;background:rgba(0,3,7,.76);backdrop-filter:blur(6px)}.voiceModalTop{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid rgba(92,160,211,.15);background:rgba(4,10,17,.95);backdrop-filter:blur(16px)}.voiceModalTop small{color:#d4a64d;letter-spacing:.18em}.voiceModalTop h3{margin:3px 0 0;font-size:20px}.voiceModalFoot{position:sticky;bottom:0;display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:center;padding:12px 18px;border-top:1px solid rgba(92,160,211,.15);background:rgba(4,10,17,.96);backdrop-filter:blur(16px)}

/* Export Center V2 — persistent visual selectors with internal scrolling. */
#exports{min-width:0;overflow-x:clip}.exportLiveState{display:flex;align-items:center;gap:7px;color:#72dca6;font-size:8px;letter-spacing:.13em}.exportLiveState span{width:7px;height:7px;border-radius:50%;background:#66dfa3;box-shadow:0 0 12px rgba(102,223,163,.65)}
.exportWorkspace{height:clamp(610px,calc(100dvh - 210px),760px);min-height:610px;min-width:0;display:grid;grid-template-columns:minmax(0,1.42fr) minmax(250px,.58fr);gap:12px;overflow:hidden;contain:layout paint}
.exportComposer,.exportHistory{min-width:0;min-height:0;overflow:hidden;margin:0!important;background:linear-gradient(145deg,rgba(5,16,26,.97),rgba(2,8,14,.98))!important}
.exportComposer{overflow-y:auto;overscroll-behavior:contain;display:block;padding:16px!important}.exportHistory{display:grid;grid-template-rows:auto minmax(0,1fr);padding:16px!important}
.exportSectionHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.exportSectionHead small{color:#d4aa55;font-size:8px;letter-spacing:.18em}.exportSectionHead h3{margin:3px 0 0;font-size:16px}.exportSectionHead>span{max-width:45%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:5px 7px;border:1px solid rgba(95,168,216,.18);border-radius:999px;color:#82bddd;font-size:8px}
.exportNameField{display:grid;gap:6px;margin-bottom:12px;color:#97aabc;font-size:9px}.exportNameField input{margin:0}
.exportOptionGroup{min-width:0;margin:0 0 12px;padding:10px;border:1px solid rgba(88,158,207,.13);border-radius:10px;background:rgba(3,10,17,.56)}.exportOptionGroup legend{padding:0 6px;color:#d7ad55;font-size:8px;letter-spacing:.14em;text-transform:uppercase}
.exportOptionRail{min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.exportOptionRail.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.exportOptionRail button{min-width:0;min-height:54px;display:grid;place-content:center;gap:3px;padding:8px;text-align:center;border-color:rgba(89,161,209,.14);background:rgba(4,13,21,.76)}.exportOptionRail button b{font-size:9px}.exportOptionRail button small{color:#718799;font-size:7px}.exportOptionRail button.on{color:#07120d;border-color:#6be1a8;background:linear-gradient(145deg,#6be1a8,#b0e483);box-shadow:0 0 20px rgba(76,220,153,.13)}.exportOptionRail button.on small{color:#1d3d30}
.exportTwinGrid{min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.exportTwinGrid .exportOptionGroup{min-width:0}.exportTwinGrid .exportOptionRail{grid-template-columns:repeat(auto-fit,minmax(48px,1fr))}.exportTwinGrid button{min-height:42px}
.exportActionBar{position:sticky;bottom:-16px;z-index:3;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;margin:2px -16px -16px;padding:13px 16px;border-top:1px solid rgba(92,165,213,.17);background:rgba(3,10,17,.96);backdrop-filter:blur(14px)}.exportActionBar>div{min-width:0;display:grid;gap:3px}.exportActionBar small{color:#73c99e;font-size:7px;letter-spacing:.12em}.exportActionBar b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#bacbd7;font-size:8px}.exportActionBar button{min-width:130px}
#exports .exportHistory #exportGrid{min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden;display:grid;grid-template-columns:1fr;align-content:start;gap:8px;padding-right:4px}#exports .exportHistory #exportGrid article{min-height:0;padding:12px}

@media(max-width:1200px){
  .characterStudioWorkspace{grid-template-columns:230px minmax(0,1fr);height:clamp(520px,calc(100dvh - 205px),720px);min-height:0}.characterStudioMain{grid-template-columns:1fr;grid-template-rows:minmax(245px,.9fr) minmax(0,1.1fr)}.characterViewPane{overflow-y:auto;overscroll-behavior:contain;grid-template-columns:minmax(170px,.62fr) minmax(0,1fr);grid-template-rows:auto minmax(118px,1fr) auto auto}.characterViewPane .characterPaneHead,.characterViewPane .characterReferenceActions,.characterViewPane>#characterReferenceStatus{grid-column:1/-1}.characterViewPane .characterPortraitPreview{grid-row:2/4}.characterPrimaryRail{grid-template-columns:1fr}.characterReferenceStrip{min-height:112px}
  .exportWorkspace{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(150px,210px);height:clamp(520px,calc(100dvh - 175px),720px);min-height:0}.exportHistory{grid-template-rows:auto minmax(0,1fr)}
}
@media(max-width:800px){
  .characterVaultHead{margin-bottom:9px}.characterVaultHead p{display:none}.characterTabs{margin-bottom:7px}.characterMobileRail{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:7px;padding:4px;border:1px solid rgba(84,159,208,.14);border-radius:9px;background:rgba(3,10,17,.84)}.characterMobileRail button{padding:8px;font-size:8px}.characterMobileRail button.on{color:#07120d;background:#67dda4;border-color:#67dda4}.characterStudioWorkspace{height:clamp(460px,calc(100dvh - 228px),650px);min-height:0;grid-template-columns:1fr}.characterStudioMain{display:contents}.characterStudioWorkspace [data-mobile-section]{height:100%;box-sizing:border-box}.characterStudioWorkspace[data-mobile-active="library"] [data-mobile-section]:not([data-mobile-section="library"]),.characterStudioWorkspace[data-mobile-active="preview"] [data-mobile-section]:not([data-mobile-section="preview"]),.characterStudioWorkspace[data-mobile-active="controls"] [data-mobile-section]:not([data-mobile-section="controls"]){display:none}.characterVaultPane,.characterViewPane{border-right:0}.characterViewPane{overflow-y:auto;grid-template-columns:1fr;grid-template-rows:auto minmax(190px,1fr) auto minmax(88px,.4fr) auto auto}.characterViewPane .characterPaneHead,.characterViewPane .characterReferenceActions,.characterViewPane>#characterReferenceStatus{grid-column:auto}.characterViewPane .characterPortraitPreview{grid-row:auto}.characterPrimaryRail{grid-template-columns:repeat(3,minmax(0,1fr))}.characterReferenceActions{grid-template-columns:1fr 1fr}.characterTypeCards,.characterInlineFields,.characterReferenceMatrix{grid-template-columns:1fr}.characterWorkspaceFoot{grid-template-columns:auto auto 1fr auto}.voiceModalPanel{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.voiceCreateGrid{grid-template-columns:1fr}.voiceModalFoot{grid-template-columns:1fr 1fr}
  .exportWorkspace{height:clamp(480px,calc(100dvh - 180px),700px);min-height:0;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(130px,170px)}.exportOptionRail,.exportOptionRail.compact{grid-template-columns:1fr 1fr}.exportTwinGrid{grid-template-columns:1fr}.exportActionBar{grid-template-columns:1fr}.exportActionBar button{width:100%}.exportHistory{padding:12px!important}
}
@media(prefers-reduced-motion:reduce){
  .characterStudioWorkspace *,.exportWorkspace *{animation:none!important;transition:none!important}
}

/* NANO CHARACTER LAB V4 START */
/* Planetary workstation contract: fixed tracks, isolated effects, composite-only motion. */
#characters{--character-void:#02070d;--character-glass:rgba(4,14,22,.92);--character-line:rgba(85,244,185,.2);--character-emerald:#6fffc0;--character-teal:#51d7dc;--character-gold:#ddb75e;--character-violet:#a28bff;--character-muted:#7897a0;width:100%;min-width:0;overflow-x:clip}
#characters .characterVaultHead{position:relative;align-items:center;min-width:0;margin-bottom:10px;padding:0 2px}
#characters .characterVaultHead::after{content:attr(data-character-decor);position:absolute;right:0;bottom:-5px;left:0;height:1px;pointer-events:none;background:linear-gradient(90deg,rgba(102,255,193,.7),rgba(68,209,216,.25) 46%,rgba(221,183,94,.3),transparent)}
#characters .characterVaultHead small{color:var(--character-emerald);font:700 8px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.24em}
#characters .characterVaultHead h2{margin:4px 0 3px;color:#effff9;font:500 clamp(24px,2.35vw,34px)/1 Georgia,serif;letter-spacing:.035em;text-shadow:0 0 28px rgba(68,238,179,.13)}
#characters .characterVaultHead p{max-width:760px;color:#80969f;font-size:10px;line-height:1.45}
#characters .characterHeadActions{flex:0 0 auto}#characters .characterHeadActions button{min-height:36px;font:700 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em}
#characters .characterTabs{width:max-content;margin-bottom:8px;padding:3px;border-color:rgba(86,235,185,.15);background:rgba(2,9,15,.82)}
#characters .characterTabs button{font:700 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.09em}#characters .characterTabs button.on{color:#cffff0;border-color:rgba(98,255,195,.26);background:rgba(33,118,87,.22)}
.characterLab{position:relative;min-width:0;isolation:isolate}
.characterLabTelemetry{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;min-width:0;height:28px;margin-bottom:6px;padding:0 11px;overflow:hidden;border:1px solid rgba(77,224,174,.15);border-radius:7px;background:linear-gradient(90deg,rgba(7,31,30,.82),rgba(4,13,22,.9) 56%,rgba(27,20,8,.55));color:#75a99d;font:700 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em}
.characterLabTelemetry span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.characterLabTelemetry span:first-child{color:#8eeac0}.characterLabTelemetry i{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#67ffb7;box-shadow:0 0 12px rgba(64,255,168,.7)}.characterLabTelemetry b{color:var(--character-gold)}
.characterMobileRail{display:none}
.characterStudioWorkspace{position:relative;z-index:1;width:100%;height:clamp(500px,calc(100dvh - 270px),730px);min-width:0;min-height:0;display:grid;grid-template-columns:244px minmax(0,1fr);overflow:hidden;isolation:isolate;contain:layout paint style;border:1px solid rgba(79,226,178,.24);border-radius:17px;background:linear-gradient(rgba(74,222,185,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(74,222,185,.025) 1px,transparent 1px),radial-gradient(circle at 52% 30%,rgba(29,153,136,.12),transparent 34%),linear-gradient(145deg,#041119,#02070d 58%,#060b16);background-size:22px 22px,22px 22px,auto,auto;box-shadow:0 28px 72px rgba(0,0,0,.46),inset 0 0 70px rgba(56,222,175,.025),inset 0 0 0 1px rgba(209,177,94,.035)}
.characterStudioWorkspace::before,.characterStudioWorkspace::after{content:attr(data-character-decor);position:absolute;z-index:8;width:34px;height:34px;pointer-events:none;border-color:rgba(110,255,199,.72)}.characterStudioWorkspace::before{top:8px;left:8px;border-top:1px solid;border-left:1px solid}.characterStudioWorkspace::after{right:8px;bottom:8px;border-right:1px solid;border-bottom:1px solid}
.characterLabAtmosphere{position:absolute;inset:0;z-index:0;overflow:hidden;contain:layout paint style;pointer-events:none}.characterLabAtmosphere::before{content:attr(data-character-decor);position:absolute;inset:-18%;pointer-events:none;background:radial-gradient(ellipse at 48% 44%,rgba(33,192,158,.1),transparent 32%),radial-gradient(ellipse at 82% 18%,rgba(141,112,255,.08),transparent 24%);opacity:.82}
.characterLabAtmosphere span{position:absolute;width:2px;height:2px;pointer-events:none;border-radius:50%;background:#aaffd8;box-shadow:0 0 8px rgba(87,255,190,.8),64px 28px 0 rgba(102,215,255,.55),126px -12px 0 rgba(229,189,99,.45),198px 62px 0 rgba(126,255,210,.42),292px 9px 0 rgba(163,139,255,.46);opacity:.28;will-change:transform,opacity,filter;animation:characterAtmosphereFloat 18s linear infinite}.characterLabAtmosphere span:nth-child(1){top:18%;left:28%}.characterLabAtmosphere span:nth-child(2){top:60%;left:48%;animation-duration:23s;animation-direction:reverse}.characterLabAtmosphere span:nth-child(3){top:35%;left:76%;animation-duration:27s}
.characterVaultPane,.characterStudioMain{position:relative;z-index:1}.characterVaultPane{min-width:0;min-height:0;display:grid;grid-template-rows:auto auto auto auto minmax(0,1fr) auto;gap:8px;overflow:hidden;padding:13px;border-right:1px solid rgba(87,238,185,.16);background:linear-gradient(180deg,rgba(4,19,25,.94),rgba(2,10,16,.96));box-shadow:inset -18px 0 36px rgba(20,122,105,.035)}
.characterVaultPane::before,.characterConstructionMatrix::before,.characterCommandDeck::before{content:attr(data-character-decor);position:absolute;top:0;right:0;left:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(96,255,199,.6),transparent);opacity:.42}
.characterPaneHead{position:relative;z-index:2}.characterPaneHead small{color:#75d9ae;font:700 7px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.18em}.characterPaneHead h3{color:#e8f8f3;font-size:14px;letter-spacing:.025em}.characterPaneHead>span{border-color:rgba(96,255,194,.22);color:#79dcb2;background:rgba(14,66,53,.28)}
.characterSearchShell{position:relative;display:block;min-width:0}.characterSearchShell input,#characterSearch{width:100%;height:35px;margin:0;padding:0 32px 0 10px;border:1px solid rgba(81,218,178,.16);border-radius:8px;outline:none;background:rgba(1,8,13,.78);color:#dffaf0;font:700 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.characterSearchShell input:focus-visible{border-color:rgba(102,255,194,.7);outline:2px solid rgba(77,236,177,.15);outline-offset:1px}.characterSearchShell>i{position:absolute;top:9px;right:10px;color:#63cda6;font-style:normal;font-size:12px;pointer-events:none}
.characterFilterRail{display:flex;min-width:0;gap:4px;overflow-x:auto;scrollbar-width:none}.characterFilterRail::-webkit-scrollbar{display:none}.characterFilterRail button{flex:0 0 auto;min-width:39px;padding:6px 7px;border-radius:999px;font-size:7px;letter-spacing:.05em}.characterFilterRail button.on{color:#04110b;background:linear-gradient(135deg,#69ffc0,#63d9c7);border-color:#77ffc7;box-shadow:0 0 18px rgba(74,235,172,.14)}
#characterCastStatus{padding:6px 8px;border-left-color:rgba(222,184,94,.7);color:#899fa6;background:rgba(37,28,9,.3);font-size:8px}#characters .characterAvatarGrid{padding:2px 4px 2px 0;scrollbar-width:thin;scrollbar-color:rgba(78,205,165,.3) transparent}
#characters .characterCard{border-color:rgba(74,211,173,.14);border-radius:11px;background:linear-gradient(135deg,rgba(7,27,32,.94),rgba(3,11,18,.98));box-shadow:inset 0 0 28px rgba(74,230,184,.025)}#characters .characterCardOpen{grid-template-columns:78px minmax(0,1fr)}#characters .characterCardPortrait{min-height:116px;background:radial-gradient(circle at 50% 35%,rgba(90,249,194,.2),transparent 42%),linear-gradient(145deg,#08212a,#030a10)}#characters .characterCardPortrait::after{content:attr(data-character-decor);position:absolute;inset:7px;border:1px solid rgba(93,241,190,.12);pointer-events:none}#characters .characterCardBody h3{color:#ebfff8;font-size:12px}#characters .characterCardBody p{color:#799098;font-size:8px}#characters .characterCard.selected{border-color:rgba(105,255,195,.62);filter:brightness(1.09);box-shadow:0 0 0 1px rgba(94,247,187,.12),0 0 25px rgba(49,231,168,.09)}
.characterBadge{top:7px;left:7px;border-color:rgba(110,255,198,.28);background:rgba(1,13,16,.78);color:#82efbc;font-size:6px}#characters .characterCardPortrait>.characterBadge{max-width:calc(100% - 14px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 6px/1.1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em}.characterVoiceDot{background:#6fffc0;box-shadow:0 0 10px rgba(91,255,190,.55)}.characterVaultCreate{width:100%;min-height:35px;border:1px solid rgba(99,255,193,.3);color:#8ff5c6;background:linear-gradient(135deg,rgba(18,93,70,.38),rgba(5,29,31,.58));font:800 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em}

.characterStudioMain{min-width:0;min-height:0;display:grid;grid-template-columns:minmax(340px,1.3fr) minmax(330px,.82fr);grid-template-rows:minmax(0,1fr) 238px;overflow:hidden}
.characterChamberPane{position:relative;min-width:0;min-height:0;display:grid;grid-column:1;grid-row:1;grid-template-rows:auto minmax(138px,1fr) auto minmax(66px,.34fr) auto;gap:7px;overflow:hidden;padding:12px;isolation:isolate;contain:layout paint style;border-right:1px solid rgba(79,222,180,.14);border-bottom:1px solid rgba(79,222,180,.14);background:linear-gradient(180deg,rgba(3,16,23,.42),rgba(2,9,15,.84))}
.characterPlanetaryField{position:absolute;inset:0;z-index:0;overflow:hidden;contain:layout paint style;pointer-events:none;background:radial-gradient(circle at 52% 56%,rgba(29,173,147,.16),transparent 30%),linear-gradient(180deg,rgba(3,11,20,.2),rgba(2,8,14,.8))}.characterPlanetaryField::before{content:attr(data-character-decor);position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(91,245,196,.025) 0,rgba(91,245,196,.025) 1px,transparent 1px,transparent 5px);mix-blend-mode:screen}.characterPlanetaryField img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;pointer-events:none;opacity:.4;filter:saturate(.9) contrast(1.06) brightness(.72);transform:scale3d(1.035,1.035,1)}
.characterPlanetGlow{position:absolute;top:18%;left:50%;width:54%;aspect-ratio:1;pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(80,255,190,.2),rgba(50,216,200,.07) 38%,transparent 68%);filter:blur(7px);transform:translate3d(-50%,0,0);animation:characterSignalPulse 5.8s ease-in-out infinite}
.characterOrbitRing{position:absolute;top:49%;left:50%;width:56%;aspect-ratio:1;pointer-events:none;border:1px solid rgba(104,255,203,.25);border-radius:50%;box-shadow:inset 0 0 16px rgba(59,229,178,.035),0 0 12px rgba(59,229,178,.04);will-change:transform,opacity,filter}.characterOrbitRing::before,.characterOrbitRing::after{content:attr(data-character-decor);position:absolute;width:5px;height:5px;border-radius:50%;background:#84ffd0;box-shadow:0 0 10px rgba(99,255,198,.9);pointer-events:none}.characterOrbitRing::before{top:12%;left:13%}.characterOrbitRing::after{right:9%;bottom:20%;background:#dec172}.characterOrbitRing.ringA{transform:translate3d(-50%,-50%,0) rotateX(69deg) rotateZ(0deg);animation:characterPlanetOrbit 24s linear infinite}.characterOrbitRing.ringB{width:68%;border-color:rgba(72,212,224,.17);transform:translate3d(-50%,-50%,0) rotateX(74deg) rotateZ(36deg);animation:characterPlanetCounterOrbit 32s linear infinite}.characterOrbitRing.ringC{width:43%;border-style:dashed;border-color:rgba(210,180,95,.24);transform:translate3d(-50%,-50%,0) rotateX(64deg) rotateZ(-24deg);animation:characterPlanetOrbit 18s linear infinite reverse}
.characterScanArc{position:absolute;top:13%;left:50%;width:42%;aspect-ratio:1;pointer-events:none;border-top:1px solid rgba(94,255,195,.72);border-right:1px solid transparent;border-radius:50%;filter:drop-shadow(0 0 7px rgba(75,255,182,.42));transform:translate3d(-50%,0,0) rotateZ(0deg);animation:characterScanOrbit 7s linear infinite}
.characterParticle{position:absolute;width:3px;height:3px;pointer-events:none;border-radius:50%;background:#8bffd1;box-shadow:0 0 9px rgba(91,255,194,.85);opacity:.45;will-change:transform,opacity,filter;animation:characterParticleDrift 7s ease-in-out infinite}.characterParticle.p1{top:19%;left:20%}.characterParticle.p2{top:31%;right:14%;animation-delay:-1.4s}.characterParticle.p3{bottom:24%;left:17%;animation-delay:-3.2s}.characterParticle.p4{right:24%;bottom:15%;animation-delay:-4.7s}.characterParticle.p5{top:12%;left:69%;animation-delay:-2.3s}.characterParticle.p6{bottom:35%;left:58%;animation-delay:-5.8s}
.characterChamberPane>*:not(.characterPlanetaryField){position:relative;z-index:2}.characterChamberHead{align-self:start}.characterIdentityStatus{border-color:rgba(161,139,255,.28)!important;color:#baadff!important;background:rgba(65,49,126,.2)!important}
.characterHologramStage{position:relative;min-width:0;min-height:0;display:grid;place-items:center;overflow:visible}.characterPortraitPreview{position:relative;z-index:3;width:clamp(132px,42%,202px);height:clamp(148px,92%,232px);min-height:0;overflow:hidden;border:1px solid rgba(105,255,199,.38);border-radius:44% 44% 16px 16px;background:radial-gradient(circle at 50% 35%,rgba(86,255,196,.22),transparent 42%),linear-gradient(180deg,rgba(10,49,51,.74),rgba(3,15,22,.9));box-shadow:0 0 34px rgba(62,240,180,.12),inset 0 0 40px rgba(77,229,183,.08);isolation:isolate}.characterPortraitPreview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.04)}.characterPortraitPreview>span{position:relative;z-index:1;color:#83f8c5;font:500 46px/1 Georgia,serif;text-shadow:0 0 22px rgba(87,255,196,.54)}.characterPortraitPreview::before{content:attr(data-character-decor);position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(180deg,transparent 0,rgba(87,255,194,.07) 48%,transparent 54%);transform:translate3d(0,-65%,0);animation:characterPortraitScan 4.8s ease-in-out infinite}.characterPortraitPreview::after{left:50%;bottom:6px;z-index:5;color:#8ff6c8;background:rgba(1,13,17,.82);transform:translate3d(-50%,0,0)}.characterTargetCorners{inset:7px;border-color:rgba(112,255,202,.36)}
.characterHoloPedestal{position:absolute;bottom:1%;left:50%;z-index:2;width:52%;height:16px;pointer-events:none;border:1px solid rgba(99,255,196,.35);border-radius:50%;background:radial-gradient(ellipse,rgba(86,255,192,.22),transparent 68%);box-shadow:0 0 24px rgba(58,235,179,.16);transform:translate3d(-50%,0,0)}
.characterTelemetryNode{position:absolute;z-index:4;display:grid;gap:2px;min-width:80px;padding:6px 7px;border-left:1px solid rgba(102,255,197,.45);background:linear-gradient(90deg,rgba(4,26,29,.78),transparent);pointer-events:none}.characterTelemetryNode b{color:#79dcb4;font:700 6px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.15em}.characterTelemetryNode small{color:#b9d9d0;font:700 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.characterTelemetryNode.nodeA{top:15%;left:4%}.characterTelemetryNode.nodeB{top:43%;right:2%}.characterTelemetryNode.nodeC{right:7%;bottom:12%}
.characterPrimaryRail{gap:5px}.characterPrimaryRail button{position:relative;min-height:38px;overflow:hidden;border-color:rgba(80,221,179,.16);background:rgba(3,15,21,.78)}.characterPrimaryRail button::before{content:attr(data-character-decor);position:absolute;top:0;left:0;width:2px;height:100%;pointer-events:none;background:linear-gradient(#67ffc0,transparent);opacity:.68}.characterPrimaryRail small{color:var(--character-gold)}.characterPrimaryRail b{color:#b9d7d0}
.characterReferenceOrbitShell{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:4px;padding:7px;border:1px solid rgba(75,213,175,.13);border-radius:10px;background:rgba(2,10,16,.66)}.characterOrbitLabel{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.characterOrbitLabel span{color:#68e6b2;font:700 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.17em}.characterOrbitLabel small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6f8a91;font-size:7px}.characterReferenceOrbit{min-height:0;padding:0 1px}
.characterReferenceThumb{flex-basis:66px;height:62px;border-radius:50% 50% 10px 10px;border-color:rgba(81,222,181,.18);background:rgba(2,12,18,.9)}.characterReferenceMedia{height:39px;border-radius:50%;background:radial-gradient(circle,rgba(62,189,168,.18),rgba(8,27,36,.86))}.characterReferenceThumb.on{border-color:#71ffc2;filter:brightness(1.12);box-shadow:0 0 20px rgba(75,236,176,.14)}.characterReferenceActions{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.characterReferenceActions button{min-width:0;padding:6px 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-color:rgba(84,221,181,.14);background:rgba(4,17,22,.74);font-size:6px}

.characterConstructionMatrix{position:relative;min-width:0;min-height:0;display:grid;grid-column:2;grid-row:1;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden;padding:12px;contain:layout paint style;border-bottom:1px solid rgba(79,222,180,.14);background:linear-gradient(165deg,rgba(10,24,38,.92),rgba(5,13,24,.96) 62%,rgba(18,11,35,.8));box-shadow:inset 24px 0 46px rgba(133,102,255,.025)}
.characterFlowRail{min-width:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;overflow:visible;padding:9px 0}.characterFlowRail button{min-width:0;min-height:36px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px;align-items:center;padding:5px;border:1px solid rgba(137,117,255,.13);border-radius:6px;background:rgba(9,14,29,.72);color:#758592}.characterFlowRail button i{color:#8b7fe3;font:700 6px/1 ui-monospace,SFMono-Regular,Consolas,monospace;font-style:normal}.characterFlowRail button span{overflow:hidden;text-overflow:ellipsis;font:700 6px/1 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase}.characterFlowRail button.on{border-color:rgba(103,255,193,.46);color:#d8fff0;background:linear-gradient(135deg,rgba(34,126,91,.46),rgba(34,43,77,.62));box-shadow:inset 2px 0 #6fffc0,0 0 15px rgba(63,239,176,.07)}.characterFlowRail button.on i{color:var(--character-gold)}
.characterPaneScroll{padding:1px 4px 8px 0;scrollbar-width:thin;scrollbar-color:rgba(107,238,193,.27) transparent}#characters .characterStep{padding:9px 1px 2px}#characters .characterStep>label,.characterInlineFields label,.characterWorldGrid label{color:#89a3aa;font:700 8px/1.25 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em}#characters .characterStep input,#characters .characterStep textarea{width:100%;margin-top:5px;border:1px solid rgba(88,213,178,.15);border-radius:7px;outline:none;background:rgba(2,9,16,.78);color:#dcf8ed;font:500 10px/1.4 Inter,system-ui}#characters .characterStep input:focus-visible,#characters .characterStep textarea:focus-visible{border-color:rgba(103,255,193,.62);outline:2px solid rgba(76,233,176,.12);outline-offset:1px}#characters .characterStep textarea{min-height:72px;resize:none}
.characterInstructionCard,.characterBuilderTip{border-color:rgba(106,238,189,.17);background:linear-gradient(135deg,rgba(11,63,49,.27),rgba(20,17,40,.38))}.characterInstructionCard b,.characterBuilderTip b{color:#72e7b6;font-size:8px;letter-spacing:.1em}.characterConceptReadout{display:grid;grid-template-columns:1fr 1fr;gap:7px}.characterConceptReadout>span{min-width:0;display:grid;gap:4px;padding:10px;border:1px solid rgba(131,112,238,.15);border-radius:8px;background:rgba(8,13,28,.7)}.characterConceptReadout small{color:#8279c3;font-size:6px;letter-spacing:.12em}.characterConceptReadout b{overflow:hidden;text-overflow:ellipsis;color:#c9d9d5;font-size:8px;white-space:nowrap}
.characterTypeCards{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.characterTypeCards button{min-height:48px;border-color:rgba(126,108,232,.14);background:rgba(9,13,27,.76)}.characterTypeCards button.on{border-color:rgba(103,255,193,.52);background:linear-gradient(135deg,rgba(31,112,81,.34),rgba(25,23,54,.58));box-shadow:inset 2px 0 #65dfa3}.characterTypeCards button b{color:#cfddda}.characterTypeCards button small{font-size:6px}
.characterMiniTitle{display:grid;gap:4px;margin-bottom:9px}.characterMiniTitle small{color:#75ddb3;font-size:7px;letter-spacing:.14em}.characterMiniTitle b{color:#cfddd9;font-size:9px}.characterWardrobeCards,.characterExpressionMatrix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-bottom:10px}.characterWardrobeCards button,.characterExpressionMatrix button{min-width:0;padding:8px 4px;border-color:rgba(128,111,239,.14);background:rgba(10,13,28,.72);font-size:7px}.characterWardrobeCards button.on,.characterExpressionMatrix button[aria-pressed=true]{border-color:rgba(106,255,195,.5);color:#caffea;background:rgba(33,108,82,.32)}
.characterReferenceMatrix{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.characterReferenceMatrix button{min-height:66px;border-color:rgba(90,217,181,.14);background:linear-gradient(145deg,rgba(6,30,32,.68),rgba(10,13,28,.76))}.characterReferenceMatrix b{color:#78e5b5}.characterReferenceMatrix span{color:#738a91}.characterDnaLocks{grid-template-columns:1fr 1fr;gap:5px}.characterDnaLocks label{min-width:0;padding:8px;border-color:rgba(92,224,184,.14);background:rgba(4,17,24,.72)}.characterDnaLocks input{accent-color:#67eab0}.characterDnaLocks small{color:#69d9ac}
.characterVoiceHead small{color:#76e1b2}.characterVoiceHead h4{color:#e5f8f2}.characterVoiceActions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:9px}.characterVoiceActions button{min-width:0;padding:8px 4px;border-color:rgba(83,224,181,.17);background:rgba(3,25,27,.72);font-size:7px}.characterVoiceActions button:disabled{opacity:.34}.characterVoiceChoice{border-color:rgba(85,215,180,.14);background:rgba(2,13,21,.82)}.characterVoiceChoice.on{border-color:rgba(103,255,193,.5);background:rgba(22,75,57,.32)}.characterVoiceProfileReadout{border-color:rgba(130,112,239,.16);background:rgba(9,12,28,.72)}
.characterWorldGrid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.characterWorldGrid label{display:grid;min-width:0}.characterReadyPanel{min-height:100%;display:grid;place-items:center;align-content:center;gap:5px;padding:18px;text-align:center;border:1px solid rgba(92,234,185,.18);border-radius:12px;background:radial-gradient(circle,rgba(31,140,105,.18),transparent 56%),rgba(3,14,21,.62)}.characterReadyPanel>span{color:#75ffc2;font-size:28px}.characterReadyPanel small{color:#70cfa8;font-size:7px;letter-spacing:.16em}.characterReadyPanel h4{margin:2px 0;color:#effff9;font-size:17px}.characterReadyPanel p{max-width:300px;margin:0 0 7px;color:#82989e;font-size:8px;line-height:1.45}
.characterCommandDeck{position:relative;min-width:0;min-height:0;display:grid;grid-column:1 / -1;grid-row:2;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);grid-template-rows:32px minmax(0,1fr) 39px;gap:6px 9px;overflow:hidden;padding:9px 11px;contain:layout paint style;background:linear-gradient(rgba(78,241,187,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(78,241,187,.028) 1px,transparent 1px),linear-gradient(150deg,rgba(4,25,27,.96),rgba(3,11,20,.97) 62%,rgba(20,13,35,.9));background-size:16px 16px,16px 16px,auto}
.characterModeRail{grid-column:1 / -1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;min-width:0}.characterModeRail button{min-width:0;overflow:hidden;padding:6px 4px;text-overflow:ellipsis;white-space:nowrap;border-color:rgba(127,109,237,.14);background:rgba(8,13,28,.75);font:700 6px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em}.characterModeRail button.on{border-color:rgba(105,255,195,.48);color:#d7ffed;background:linear-gradient(135deg,rgba(31,129,91,.45),rgba(35,28,71,.6));box-shadow:inset 0 -2px #65f0b3}
.characterPromptShell{position:relative;grid-column:1;grid-row:2;min-width:0;min-height:0;overflow:hidden;border:1px solid rgba(99,255,195,.26);border-radius:10px;background:linear-gradient(145deg,rgba(3,22,24,.88),rgba(4,10,20,.9));box-shadow:inset 0 0 28px rgba(57,235,177,.035),0 0 18px rgba(55,226,171,.04)}.characterPromptShell::before,.characterPromptShell::after{content:attr(data-character-decor);position:absolute;z-index:4;width:16px;height:16px;pointer-events:none;border-color:rgba(114,255,205,.82)}.characterPromptShell::before{top:4px;left:4px;border-top:1px solid;border-left:1px solid}.characterPromptShell::after{right:4px;bottom:4px;border-right:1px solid;border-bottom:1px solid}.characterPromptSignal{position:absolute;top:0;right:0;left:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:8px;height:28px;padding:0 9px;border-bottom:1px solid rgba(85,221,180,.12);background:rgba(2,14,18,.86);pointer-events:none}.characterPromptSignal span,.characterPromptSignal small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 6px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em}.characterPromptSignal span{color:#77e8b7}.characterPromptSignal small{color:#7f7bb2}.characterPromptSignal i{display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:#73ffc3;box-shadow:0 0 9px rgba(89,255,193,.72)}
#characterCreationPrompt{position:absolute;inset:28px 0 0;z-index:2;width:100%;height:calc(100% - 28px);min-height:0;margin:0;padding:10px 12px;resize:none;border:0;border-radius:0;outline:none;background:transparent;color:#dff9ef;font:500 10px/1.45 Inter,system-ui}#characterCreationPrompt::placeholder{color:#587079}#characterCreationPrompt:focus-visible{outline:2px solid rgba(102,255,195,.48);outline-offset:-3px}.characterPromptScan{position:absolute;top:29px;right:1px;left:1px;z-index:1;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(99,255,195,.88),transparent);box-shadow:0 0 9px rgba(75,255,184,.45);opacity:.46;will-change:transform,opacity,filter;animation:characterPromptSweep 4.6s linear infinite}
.characterBlueprint{grid-column:2;grid-row:2;min-width:0;min-height:0;overflow:hidden;padding:8px;border:1px solid rgba(137,116,243,.17);border-radius:10px;background:linear-gradient(145deg,rgba(12,14,34,.84),rgba(4,14,22,.9))}.characterBlueprintHead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.characterBlueprintHead span{display:grid}.characterBlueprintHead small{color:#8178c7;font-size:6px;letter-spacing:.14em}.characterBlueprintHead b{color:#e1e5f1;font-size:8px}.characterBlueprintHead strong{color:var(--character-gold);font:800 13px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.characterBlueprintGrid{display:grid;grid-template-columns:1fr 1fr;gap:4px;min-width:0}.characterBlueprintGrid>span{min-width:0;display:grid;gap:2px;padding:5px;border-left:1px solid rgba(101,239,187,.24);background:rgba(3,21,24,.45)}.characterBlueprintGrid small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6d9d90;font-size:5px;letter-spacing:.08em}.characterBlueprintGrid b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b9ccc7;font-size:6px}.characterBlueprintGrid>span.configured,.characterBlueprintGrid>span.locked,.characterBlueprintGrid>span.reference-backed{border-left-color:#6dffc0;background:rgba(19,74,56,.34)}.characterBlueprintGrid>span.ai-inferred{border-left-color:#a28bff;background:rgba(50,39,93,.27)}
.characterWorkspaceFoot{grid-column:1 / -1;grid-row:3;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:5px 0 0;border-top-color:rgba(91,231,184,.12);background:transparent}.characterEntityActions{min-width:0;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.characterEntityActions::-webkit-scrollbar{display:none}.characterEntityActions button{flex:0 0 auto;padding:6px 8px;font-size:6px;letter-spacing:.05em}#characterSave{flex:0 0 auto;min-width:130px;height:30px;padding:6px 12px;font:800 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em;box-shadow:0 0 18px rgba(218,172,74,.12)}.characterDraftGuard{z-index:950}
#characters button:not(:disabled){transition:transform .15s ease,opacity .15s ease,filter .15s ease}#characters button:not(:disabled):hover{transform:translate3d(0,-1px,0);filter:brightness(1.12)}#characters button:not(:disabled):active{transform:translate3d(0,0,0)}#characters button:focus-visible,#characters input:focus-visible,#characters textarea:focus-visible{outline:2px solid rgba(111,255,195,.82);outline-offset:2px}

@keyframes characterAtmosphereFloat{0%{transform:translate3d(-18px,12px,0);opacity:.08;filter:brightness(.8)}24%,78%{opacity:.34;filter:brightness(1.12)}100%{transform:translate3d(26px,-18px,0);opacity:.06;filter:brightness(.76)}}
@keyframes characterPlanetOrbit{from{transform:translate3d(-50%,-50%,0) rotateX(69deg) rotateZ(0deg);opacity:.52}50%{opacity:.9}to{transform:translate3d(-50%,-50%,0) rotateX(69deg) rotateZ(360deg);opacity:.52}}
@keyframes characterPlanetCounterOrbit{from{transform:translate3d(-50%,-50%,0) rotateX(74deg) rotateZ(36deg);opacity:.32}50%{opacity:.68}to{transform:translate3d(-50%,-50%,0) rotateX(74deg) rotateZ(-324deg);opacity:.32}}
@keyframes characterScanOrbit{from{transform:translate3d(-50%,0,0) rotateZ(0deg);opacity:.42;filter:drop-shadow(0 0 4px rgba(75,255,182,.24))}50%{opacity:.82;filter:drop-shadow(0 0 9px rgba(75,255,182,.58))}to{transform:translate3d(-50%,0,0) rotateZ(360deg);opacity:.42;filter:drop-shadow(0 0 4px rgba(75,255,182,.24))}}
@keyframes characterParticleDrift{0%{transform:translate3d(-7px,10px,0) scale(.72);opacity:.05;filter:brightness(.8)}45%{opacity:.58;filter:brightness(1.3)}100%{transform:translate3d(11px,-13px,0) scale(1.08);opacity:.06;filter:brightness(.86)}}
@keyframes characterSignalPulse{0%,100%{transform:translate3d(-50%,0,0) scale(.96);opacity:.46;filter:blur(7px)}50%{transform:translate3d(-50%,0,0) scale(1.04);opacity:.72;filter:blur(9px)}}
@keyframes characterPortraitScan{0%{transform:translate3d(0,-65%,0);opacity:0}15%,76%{opacity:.54}100%{transform:translate3d(0,115%,0);opacity:0}}
@keyframes characterPromptSweep{0%{transform:translate3d(0,0,0);opacity:0;filter:brightness(.85)}12%,82%{opacity:.5;filter:brightness(1.15)}100%{transform:translate3d(0,104px,0);opacity:0;filter:brightness(.85)}}
/* JS toggles this contract while the document is hidden. */
[data-character-workspace][data-animation-state="paused"] .characterLabAtmosphere span,[data-character-workspace][data-animation-state="paused"] .characterPlanetGlow,[data-character-workspace][data-animation-state="paused"] .characterOrbitRing,[data-character-workspace][data-animation-state="paused"] .characterScanArc,[data-character-workspace][data-animation-state="paused"] .characterParticle,[data-character-workspace][data-animation-state="paused"] .characterPortraitPreview::before,[data-character-workspace][data-animation-state="paused"] .characterPromptScan{animation-play-state:paused!important}
.characterStudioWorkspace[data-animation-state="paused"] .characterLabAtmosphere span,.characterStudioWorkspace[data-animation-state="paused"] .characterPlanetGlow,.characterStudioWorkspace[data-animation-state="paused"] .characterOrbitRing,.characterStudioWorkspace[data-animation-state="paused"] .characterScanArc,.characterStudioWorkspace[data-animation-state="paused"] .characterParticle,.characterStudioWorkspace[data-animation-state="paused"] .characterPortraitPreview::before,.characterStudioWorkspace[data-animation-state="paused"] .characterPromptScan{animation-play-state:paused!important}
.characterLab[data-character-motion="paused"] .characterLabAtmosphere span,.characterLab[data-character-motion="paused"] .characterPlanetGlow,.characterLab[data-character-motion="paused"] .characterOrbitRing,.characterLab[data-character-motion="paused"] .characterScanArc,.characterLab[data-character-motion="paused"] .characterParticle,.characterLab[data-character-motion="paused"] .characterPortraitPreview::before,.characterLab[data-character-motion="paused"] .characterPromptScan,.characterStudioWorkspace[data-animation-paused="true"] .characterLabAtmosphere span,.characterStudioWorkspace[data-animation-paused="true"] .characterPlanetGlow,.characterStudioWorkspace[data-animation-paused="true"] .characterOrbitRing,.characterStudioWorkspace[data-animation-paused="true"] .characterScanArc,.characterStudioWorkspace[data-animation-paused="true"] .characterParticle,.characterStudioWorkspace[data-animation-paused="true"] .characterPortraitPreview::before,.characterStudioWorkspace[data-animation-paused="true"] .characterPromptScan,.characterStudioWorkspace.is-paused .characterLabAtmosphere span,.characterStudioWorkspace.is-paused .characterPlanetGlow,.characterStudioWorkspace.is-paused .characterOrbitRing,.characterStudioWorkspace.is-paused .characterScanArc,.characterStudioWorkspace.is-paused .characterParticle,.characterStudioWorkspace.is-paused .characterPortraitPreview::before,.characterStudioWorkspace.is-paused .characterPromptScan{animation-play-state:paused!important}
@media(max-width:1180px){.characterStudioWorkspace{grid-template-columns:210px minmax(0,1fr)}.characterStudioMain{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);grid-template-rows:minmax(0,1fr) 232px}.characterVaultPane{padding:11px}#characters .characterCardOpen{grid-template-columns:66px minmax(0,1fr)}#characters .characterCardPortrait{min-height:104px}.characterChamberPane,.characterConstructionMatrix{padding:10px}.characterTelemetryNode{min-width:68px;padding:5px}.characterTelemetryNode.nodeC{display:none}.characterReferenceActions{grid-template-columns:repeat(4,minmax(0,1fr))}.characterFlowRail button{grid-template-columns:1fr;place-items:center}.characterFlowRail button span{font-size:7px}.characterCommandDeck{grid-template-columns:minmax(0,1.25fr) minmax(235px,.75fr)}}

@media(max-width:800px){
  #characters{width:100%;max-width:100%;overflow-x:clip}#characters .characterVaultHead{align-items:flex-start;margin-bottom:7px}#characters .characterVaultHead h2{font-size:23px}#characters .characterVaultHead p{display:none}#characters .characterHeadActions{gap:4px}#characters .characterHeadActions button{min-height:31px;padding:7px;font-size:6px}#characters .characterTabs{margin-bottom:5px}
  .characterLabTelemetry{grid-template-columns:minmax(0,1fr) auto;height:24px;margin-bottom:5px;padding:0 8px}.characterLabTelemetry span:last-child{display:none}
  .characterMobileRail{position:relative;z-index:4;width:100%;min-width:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;margin:0 0 5px;padding:3px;overflow:hidden;border:1px solid rgba(83,224,180,.17);border-radius:9px;background:rgba(2,11,17,.94)}.characterMobileRail button{min-width:0;padding:8px 2px;overflow:hidden;text-overflow:ellipsis;border-color:transparent;background:transparent;font:700 6px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.characterMobileRail button.on{color:#06130d;border-color:rgba(108,255,197,.82);background:linear-gradient(135deg,#70ffc1,#62d8cc);box-shadow:0 0 15px rgba(76,234,177,.12)}
  .characterStudioWorkspace{width:100%;height:clamp(520px,calc(100dvh - 216px),650px);min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);overflow:hidden;border-radius:13px}.characterStudioMain{display:contents}.characterStudioWorkspace [data-mobile-section]{display:none!important;width:100%;min-width:0;height:auto;min-height:0;box-sizing:border-box}
  .characterStudioWorkspace[data-mobile-active="vault"] [data-mobile-section="vault"]{display:grid!important;grid-column:1;grid-row:1}.characterStudioWorkspace[data-mobile-active="character"]{grid-template-rows:minmax(0,1fr) 236px}.characterStudioWorkspace[data-mobile-active="character"] [data-mobile-section="chamber"]{display:grid!important;grid-column:1;grid-row:1}.characterStudioWorkspace[data-mobile-active="character"] [data-mobile-section="command"]{display:grid!important;grid-column:1;grid-row:2}.characterStudioWorkspace[data-mobile-active="dna"]{grid-template-rows:minmax(0,1fr) 178px}.characterStudioWorkspace[data-mobile-active="dna"] [data-mobile-section="matrix"]{display:grid!important;grid-column:1;grid-row:1}.characterStudioWorkspace[data-mobile-active="dna"] [data-mobile-section="command"]{display:grid!important;grid-column:1;grid-row:2}.characterStudioWorkspace[data-mobile-active="voice"] [data-mobile-section="matrix"]{display:grid!important;grid-column:1;grid-row:1}.characterStudioWorkspace[data-mobile-active="references"] [data-mobile-section="chamber"]{display:grid!important;grid-column:1;grid-row:1}
  .characterStudioWorkspace[data-mobile-active="library"] [data-mobile-section="vault"]{display:grid!important;grid-column:1;grid-row:1}.characterStudioWorkspace[data-mobile-active="preview"] [data-mobile-section="chamber"]{display:grid!important;grid-column:1;grid-row:1}.characterStudioWorkspace[data-mobile-active="controls"] [data-mobile-section="matrix"]{display:grid!important;grid-column:1;grid-row:1}
  .characterVaultPane{border-right:0;padding:11px}#characters .characterAvatarGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}#characters .characterCardOpen{grid-template-columns:56px minmax(0,1fr)}#characters .characterCardPortrait{min-height:88px}#characters .characterCardBody{padding:7px}#characters .characterCardBody h3{font-size:10px}#characters .characterCardActions{padding:0 7px 7px}
  .characterChamberPane{grid-template-rows:auto minmax(120px,1fr) auto;gap:6px;border-right:0;border-bottom:0;padding:10px}.characterChamberPane .characterReferenceOrbitShell,.characterChamberPane .characterReferenceActions{display:none}.characterTelemetryNode.nodeA{left:1%}.characterTelemetryNode.nodeB{right:1%}.characterPrimaryRail{grid-template-columns:repeat(3,minmax(0,1fr))}.characterPrimaryRail button{padding:6px}
  .characterStudioWorkspace[data-mobile-active="references"] .characterChamberPane{grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden}.characterStudioWorkspace[data-mobile-active="references"] .characterHologramStage{display:none}.characterStudioWorkspace[data-mobile-active="references"] .characterPrimaryRail{grid-row:2}.characterStudioWorkspace[data-mobile-active="references"] .characterReferenceOrbitShell{display:grid;grid-row:3}.characterStudioWorkspace[data-mobile-active="references"] .characterReferenceActions{display:grid;grid-row:4;grid-template-columns:repeat(4,minmax(0,1fr))}.characterStudioWorkspace[data-mobile-active="references"] .characterReferenceActions button:nth-child(n+5){display:block}.characterReferenceThumb{flex-basis:80px;height:82px}.characterReferenceMedia{height:56px}
  .characterConstructionMatrix{grid-column:1;grid-row:1;border-bottom:0;padding:10px}.characterFlowRail{overflow-x:auto;display:flex;gap:4px;padding:8px 0;scrollbar-width:none}.characterFlowRail::-webkit-scrollbar{display:none}.characterFlowRail button{flex:0 0 66px;display:grid;grid-template-columns:auto 1fr;place-items:initial;min-height:34px}.characterFlowRail button span{font-size:6px}.characterTypeCards{grid-template-columns:repeat(3,minmax(0,1fr))}.characterReferenceMatrix{grid-template-columns:1fr 1fr}
  .characterCommandDeck{grid-template-columns:minmax(0,1fr);grid-template-rows:29px minmax(0,1fr) 36px;gap:5px;padding:7px 9px;border-top:1px solid rgba(82,225,180,.15)}.characterModeRail{grid-column:1;grid-row:1;display:flex;overflow-x:auto;scrollbar-width:none}.characterModeRail::-webkit-scrollbar{display:none}.characterModeRail button{flex:0 0 112px}.characterPromptShell{grid-column:1;grid-row:2}.characterBlueprint{display:none;grid-column:1;grid-row:2}.characterWorkspaceFoot{grid-column:1;grid-row:3}#characterSave{min-width:116px}
  .characterStudioWorkspace[data-mobile-active="dna"] .characterCommandDeck{grid-template-rows:minmax(0,1fr);padding:7px 9px}.characterStudioWorkspace[data-mobile-active="dna"] .characterModeRail,.characterStudioWorkspace[data-mobile-active="dna"] .characterPromptShell,.characterStudioWorkspace[data-mobile-active="dna"] .characterWorkspaceFoot{display:none}.characterStudioWorkspace[data-mobile-active="dna"] .characterBlueprint{display:block;grid-column:1;grid-row:1}.characterStudioWorkspace[data-mobile-active="dna"] .characterBlueprintGrid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:480px){#characters .characterVaultHead{gap:7px}#characters .characterVaultHead h2{font-size:20px}#characters .characterHeadActions #newVoiceQuick{display:none}.characterStudioWorkspace{height:clamp(500px,calc(100dvh - 205px),630px)}#characters .characterAvatarGrid{grid-template-columns:1fr}#characters .characterCardOpen{grid-template-columns:70px minmax(0,1fr)}#characters .characterCardPortrait{min-height:96px}.characterTelemetryNode{min-width:58px}.characterTelemetryNode small{font-size:6px}.characterPortraitPreview{width:142px;height:170px}.characterPrimaryRail small{font-size:5px}.characterPrimaryRail b{font-size:6px}.characterTypeCards,.characterWorldGrid{grid-template-columns:1fr 1fr}.characterDnaLocks{grid-template-columns:1fr}.characterVoiceActions{grid-template-columns:1fr 1fr}.characterVoiceActions button:last-child{display:none}.characterStudioWorkspace[data-mobile-active="dna"] .characterBlueprintGrid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.characterLabAtmosphere span,.characterPlanetGlow,.characterOrbitRing,.characterScanArc,.characterParticle,.characterPortraitPreview::before,.characterPromptScan{animation:none!important;transition:none!important}.characterParticle,.characterScanArc,.characterPromptScan,.characterPortraitPreview::before{display:none!important}.characterLabAtmosphere span{opacity:.16!important;filter:none!important}.characterPlanetGlow{opacity:.5!important;filter:blur(7px)!important}.characterOrbitRing{opacity:.5!important;filter:none!important}.characterPlanetaryField img{opacity:.42!important;filter:saturate(.82) contrast(1.02) brightness(.74)!important;transform:scale3d(1.02,1.02,1)!important}#characters button{transition:none!important}}
/* NANO CHARACTER LAB V4 END */

/* FORGE NANO ACADEMY START */

.nanoAcademyLaunch{display:grid!important;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-height:48px;margin:8px 0 0;padding:8px 10px!important;border:1px solid rgba(58,236,156,.24)!important;border-radius:11px!important;background:linear-gradient(135deg,rgba(10,30,31,.9),rgba(8,17,27,.92))!important;color:#d9fff0!important;text-align:left!important;overflow:hidden}
.nanoAcademyLaunch>span{display:grid;place-items:center;width:24px;height:24px;border:1px solid rgba(85,255,179,.54);border-radius:50%;color:#70ffba;box-shadow:0 0 14px rgba(40,255,151,.2)}
.nanoAcademyLaunch>div{display:grid;min-width:0}.nanoAcademyLaunch b{font-size:10px;letter-spacing:.16em}.nanoAcademyLaunch small{font-size:8px;color:#779d91;letter-spacing:.08em}.nanoAcademyLaunch em{font-style:normal;font-size:9px;color:#d8b65c}.nanoAcademyLaunch:focus-visible{outline:2px solid #73ffc0;outline-offset:2px}
.nanoAcademyRoot{position:fixed;inset:0;z-index:880;width:100%;height:100dvh;overflow:hidden;contain:layout paint style;pointer-events:none;isolation:isolate}
.nanoAcademyRoot[hidden],.nanoTipCard[hidden]{display:none!important}
.nanoShade{position:fixed;top:0;left:0;z-index:1;width:0;height:0;pointer-events:none;background:rgba(1,6,10,.62);backdrop-filter:saturate(.72) brightness(.8);-webkit-backdrop-filter:saturate(.72) brightness(.8);will-change:transform}
.nanoTargetLock{position:fixed;top:0;left:0;z-index:2;width:0;height:0;box-sizing:border-box;border:1px solid rgba(91,255,177,.95);border-radius:10px;pointer-events:none;box-shadow:0 0 0 1px rgba(70,255,166,.25),0 0 20px rgba(25,255,137,.28),inset 0 0 18px rgba(16,255,132,.07);filter:drop-shadow(0 0 6px rgba(74,255,174,.42));will-change:transform,opacity,filter;animation:nanoTargetSignal 1.8s ease-in-out infinite}
.nanoTargetLock::before,.nanoTargetLock::after{content:"";position:absolute;width:16px;height:16px;border-color:#84ffc2;pointer-events:none}.nanoTargetLock::before{left:-4px;top:-4px;border-left:2px solid;border-top:2px solid}.nanoTargetLock::after{right:-4px;bottom:-4px;border-right:2px solid;border-bottom:2px solid}
.nanoTargetMarker{position:absolute;top:-13px;left:12px;display:grid;place-items:center;min-width:27px;height:20px;padding:0 5px;border:1px solid rgba(93,255,181,.7);border-radius:4px;background:#06150f;color:#7dffc0;font:700 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em}
.nanoHud{position:fixed;top:0;left:0;z-index:5;display:grid;grid-template-rows:72px 4px minmax(0,1fr) 74px;width:430px;height:min(540px,calc(100dvh - 32px));max-width:calc(100vw - 32px);box-sizing:border-box;overflow:hidden;contain:layout paint style;pointer-events:auto;color:#dfffee;border:1px solid rgba(70,242,158,.42);border-radius:16px;background:linear-gradient(rgba(64,255,168,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(64,255,168,.035) 1px,transparent 1px),radial-gradient(circle at 12% 8%,rgba(31,255,145,.11),transparent 38%),linear-gradient(145deg,rgba(5,17,22,.985),rgba(4,9,17,.985));background-size:18px 18px,18px 18px,auto,auto;box-shadow:0 24px 74px rgba(0,0,0,.62),0 0 36px rgba(13,255,133,.11),inset 0 0 0 1px rgba(232,190,87,.08);outline:none;animation:nanoHudReveal .18s ease-out both}
.nanoHud::before{content:"";position:absolute;left:0;right:0;top:0;z-index:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(48,255,153,.16),rgba(119,255,191,.54),rgba(48,255,153,.16),transparent);filter:drop-shadow(0 0 6px rgba(42,255,150,.46));opacity:.7;will-change:transform,opacity;animation:nanoHudScan 4.8s linear infinite}
.nanoHudHeader,.nanoHudProgress,.nanoHudBody,.nanoHudFooter{position:relative;z-index:1}
.nanoHudHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:11px 13px;border-bottom:1px solid rgba(92,226,164,.13);background:rgba(2,10,14,.66)}
.nanoHudIdentity{display:flex;align-items:center;gap:10px;min-width:0}.nanoHudIdentity>div{min-width:0}
.nanoHudMark{position:relative;display:grid;flex:0 0 auto;place-items:center;width:35px;height:35px;border:1px solid rgba(74,255,168,.62);border-radius:10px;color:#74ffb8;background:linear-gradient(145deg,rgba(24,255,139,.13),rgba(232,191,86,.05));box-shadow:inset 0 0 14px rgba(49,255,157,.09),0 0 14px rgba(36,255,145,.1);font:800 13px/1 ui-monospace,SFMono-Regular,Consolas,monospace}
.nanoHudMark::before,.nanoHudMark::after{content:"";position:absolute;width:3px;height:3px;border-radius:50%;background:#75ffb8;opacity:.75;will-change:transform,opacity}.nanoHudMark::before{animation:nanoParticleOne 3s linear infinite}.nanoHudMark::after{animation:nanoParticleTwo 3.7s linear infinite}
.nanoHudKicker{display:block;color:#62dca0;font-size:8px;letter-spacing:.2em;white-space:nowrap}.nanoHudTitle{max-width:235px;margin:3px 0 0;overflow:hidden;color:#effff7;font-size:13px;line-height:1.15;letter-spacing:.09em;text-overflow:ellipsis;white-space:nowrap}.nanoHudHeadRight{display:flex;align-items:center;gap:8px}.nanoHudCounter{color:#d7b75f;font:700 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em;white-space:nowrap}
.nanoHudClose{display:grid;place-items:center;width:31px;height:31px;padding:0;border:1px solid rgba(122,190,158,.22);border-radius:8px;color:#b8d4c7;background:rgba(7,17,22,.9);font-size:0}.nanoHudClose::before{content:"×";font-size:19px;line-height:1}
.nanoHudProgress{overflow:hidden;background:rgba(30,59,49,.55)}.nanoHudProgressFill{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,#23d988,#75ffc0 70%,#ddb958);box-shadow:0 0 12px rgba(53,255,157,.52);will-change:transform}
.nanoHudBody{min-width:0;min-height:0;padding:17px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(78,216,153,.45) rgba(5,15,18,.4)}.nanoHudBody:focus-visible{outline:2px solid rgba(101,255,185,.8);outline-offset:-3px}
.nanoHudFooter{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;padding:11px 13px;overflow-x:auto;border-top:1px solid rgba(82,225,158,.14);background:rgba(3,10,15,.88);scrollbar-width:none}.nanoHudFooter::-webkit-scrollbar{display:none}
.nanoHud button,.nanoTipCard button{min-height:35px;padding:8px 12px;border:1px solid rgba(101,190,151,.28);border-radius:8px;background:rgba(8,23,27,.92);color:#cbe9da;font:700 9px/1.1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;cursor:pointer;will-change:transform,opacity;transition:transform .15s ease,opacity .15s ease,filter .15s ease}
.nanoHud button:hover,.nanoTipCard button:hover{transform:translate3d(0,-1px,0);filter:brightness(1.15)}.nanoHud button:active,.nanoTipCard button:active{transform:translate3d(0,0,0)}.nanoHud button:focus-visible,.nanoTipCard button:focus-visible{outline:2px solid #78ffc1;outline-offset:2px}.nanoHud button:disabled{cursor:not-allowed;opacity:.36;transform:none;filter:none}
.nanoHud button.nanoPrimary{border-color:rgba(81,255,170,.58);background:linear-gradient(135deg,rgba(27,180,107,.94),rgba(12,93,68,.96));color:#f3fff9;box-shadow:0 0 16px rgba(35,239,137,.12)}.nanoHud button.nanoDanger{border-color:rgba(255,111,119,.48);color:#ffb8bb;background:rgba(66,16,24,.78)}
.nanoEyebrow{display:block;margin-bottom:7px;color:#66e3a5;font:700 9px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.16em}.nanoMuted{color:#87a69a!important}
.nanoWelcome,.nanoFinish,.nanoConfirm{display:grid;align-content:center;min-height:100%;gap:10px}.nanoWelcome h3,.nanoFinish h3,.nanoConfirm h3,.nanoLesson h3{margin:0;color:#f0fff7;font-size:21px;line-height:1.15}.nanoWelcome p,.nanoFinish p,.nanoConfirm p,.nanoLessonBody{margin:0;color:#c3d9cf;font-size:13px;line-height:1.58}.nanoWelcomeActions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.nanoLibrary{display:grid;gap:13px}.nanoLibrarySummary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid rgba(70,224,154,.18);border-radius:12px;background:rgba(8,27,27,.66)}.nanoLibrarySummary h3{margin:0;color:#eafff4;font-size:14px}.nanoLibrarySummary p{margin:4px 0 0;font-size:11px;line-height:1.45}.nanoOverallReadout{color:#dcba60;font:800 20px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.nanoResume{width:100%}
.nanoSearch{display:grid;gap:6px}.nanoSearch>span{color:#76d9a7;font-size:9px;letter-spacing:.14em}.nanoSearch input{width:100%;height:40px;box-sizing:border-box;border:1px solid rgba(80,218,153,.23);border-radius:9px;outline:none;background:rgba(3,12,17,.9);color:#eafff4;padding:0 11px}.nanoSearch input:focus-visible{border-color:#6cffb5;outline:2px solid rgba(108,255,181,.22);outline-offset:2px}
.nanoSearchResults{display:grid;gap:6px}.nanoSearchResults:empty{display:none}.nanoSearchResult{display:grid!important;height:auto!important;text-align:left!important}.nanoSearchResult small{color:#5fcf98;font-size:8px}.nanoSearchResult b{margin-top:3px;color:#ddf9ec;font-size:10px}
.nanoModuleGrid{display:grid;grid-template-columns:1fr;gap:7px}.nanoModuleCard{display:grid!important;grid-template-columns:1fr;min-height:82px!important;height:auto!important;padding:11px!important;text-align:left!important}.nanoModuleTop{display:flex;align-items:center;justify-content:space-between}.nanoModuleTop b{color:#6affb5;font-size:11px}.nanoModuleTop i{font-style:normal;color:#b99b50;font-size:7px;letter-spacing:.12em}.nanoModuleCard strong{margin:5px 0 3px;color:#effff7;font-size:12px}.nanoModuleCard>small{color:#76978a;font-size:10px;line-height:1.35;letter-spacing:0}
.nanoLesson{display:grid;align-content:start;gap:12px;min-height:100%}.nanoLessonLine{display:flex;align-items:center;justify-content:space-between;gap:10px}.nanoLessonLine .nanoEyebrow{margin:0}.nanoLessonLine>span{flex:0 0 auto;padding:4px 7px;border:1px solid rgba(220,184,89,.25);border-radius:999px;color:#d7b85f;font-size:7px;letter-spacing:.12em}
.nanoPractice,.nanoAvailability,.nanoTargetUnavailable,.nanoTemplateConfirm{padding:10px;border:1px solid rgba(79,232,157,.2);border-radius:9px;background:rgba(5,26,24,.66)}.nanoPractice{display:grid;gap:4px}.nanoPractice b{color:#6effb6;font-size:9px;letter-spacing:.14em}.nanoPractice span,.nanoAvailability,.nanoTargetUnavailable{color:#9ab9ab;font-size:10px;line-height:1.45}.nanoAvailability{margin:0;border-color:rgba(219,181,84,.2);color:#c6b77f;background:rgba(33,26,9,.5)}
.nanoTargetUnavailable{display:flex;align-items:center;justify-content:space-between;gap:8px}.nanoTemplateAction{justify-self:start}.nanoTemplateConfirm{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.nanoTemplateConfirm p{width:100%;margin:0;color:#c6ddd1;font-size:11px}.nanoActionState{min-height:14px;color:#63f2a8;font-size:9px;letter-spacing:.12em}
.nanoTipCard{position:fixed;right:18px;bottom:18px;z-index:870;display:grid;width:min(340px,calc(100vw - 24px));box-sizing:border-box;gap:9px;padding:14px;pointer-events:auto;border:1px solid rgba(68,241,157,.36);border-radius:12px;background:linear-gradient(145deg,rgba(6,22,24,.98),rgba(5,11,19,.98));color:#dff8ec;box-shadow:0 18px 48px rgba(0,0,0,.5),0 0 24px rgba(25,255,137,.1);animation:nanoTipReveal .2s ease-out both}.nanoTipCard p{margin:0;color:#b9d1c6;font-size:12px;line-height:1.45}.nanoTipActions{display:flex;justify-content:flex-end;gap:7px}
.nanoSrOnly{position:fixed!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}
@keyframes nanoHudReveal{from{opacity:0;filter:brightness(.75)}to{opacity:1;filter:brightness(1)}}
@keyframes nanoHudScan{0%{transform:translate3d(0,0,0);opacity:0}8%{opacity:.7}88%{opacity:.7}100%{transform:translate3d(0,538px,0);opacity:0}}
@keyframes nanoTargetSignal{0%,100%{opacity:.74;filter:drop-shadow(0 0 4px rgba(74,255,174,.28))}50%{opacity:1;filter:drop-shadow(0 0 9px rgba(74,255,174,.58))}}
@keyframes nanoParticleOne{0%{transform:translate3d(-13px,-12px,0);opacity:0}25%,72%{opacity:.8}100%{transform:translate3d(15px,12px,0);opacity:0}}
@keyframes nanoParticleTwo{0%{transform:translate3d(14px,-11px,0);opacity:0}20%,75%{opacity:.68}100%{transform:translate3d(-14px,13px,0);opacity:0}}
@keyframes nanoTipReveal{from{transform:translate3d(0,10px,0);opacity:0}to{transform:translate3d(0,0,0);opacity:1}}
@media(max-width:640px){.nanoAcademyRoot{height:100dvh}.nanoHud{width:calc(100vw - 16px);max-width:none;height:clamp(286px,46dvh,410px);grid-template-rows:64px 4px minmax(0,1fr) 66px;border-radius:14px}.nanoHudHeader{padding:9px 10px}.nanoHudMark{width:31px;height:31px}.nanoHudTitle{max-width:190px;font-size:11px}.nanoHudCounter{font-size:8px}.nanoHudBody{padding:13px}.nanoHudFooter{padding:8px 10px}.nanoHud button{min-height:33px;padding:7px 9px;font-size:8px}.nanoWelcome h3,.nanoFinish h3,.nanoConfirm h3,.nanoLesson h3{font-size:18px}.nanoWelcome p,.nanoFinish p,.nanoConfirm p,.nanoLessonBody{font-size:12px}.nanoTargetMarker{top:-10px;left:8px;height:18px}.nanoTipCard{right:8px;bottom:8px;width:calc(100vw - 16px)}}
@media(max-width:390px){.nanoHudTitle{max-width:150px}.nanoHudCounter{display:none}.nanoLibrarySummary{align-items:flex-start}.nanoTargetUnavailable{align-items:stretch;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.nanoHud,.nanoHud::before,.nanoTargetLock,.nanoHudMark::before,.nanoHudMark::after,.nanoTipCard{animation:none!important;transition:none!important}.nanoHud::before{display:none}.nanoTargetLock{opacity:1;filter:none}.nanoHud button,.nanoTipCard button{transition:none!important}}

.characterBlueprintGrid>span[data-status="configured"]{border-left-color:#6dffc0;background:rgba(19,74,56,.34)}
.characterBlueprintGrid>span[data-status="prompt-detected"]{border-left-color:#a28bff;background:rgba(50,39,93,.27)}

/* FORGE NANO ACADEMY END */
/* FORGE BUILT-IN VOICE TEMPLATE GALLERY */
#characters .characterVoiceActions{grid-template-columns:repeat(2,minmax(0,1fr))}
#characters .characterVoiceChoices{gap:6px;padding-bottom:6px}
#characters .characterVoiceGroupLabel{grid-column:1/-1;display:flex;align-items:end;justify-content:space-between;gap:10px;margin:7px 1px 1px;padding:7px 2px 5px;border-bottom:1px solid rgba(104,235,190,.14)}
#characters .characterVoiceGroupLabel b{color:#8ff4c5;font:800 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.15em}
#characters .characterVoiceGroupLabel small{color:#718b91;font:600 7px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;text-align:right}
#characters .characterVoiceTemplate{position:relative;overflow:hidden;border-color:rgba(106,235,191,.18);background:linear-gradient(115deg,rgba(3,26,30,.94),rgba(15,14,37,.9))}
#characters .characterVoiceTemplate::before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(#6effbf,#8f7cff);opacity:.42;pointer-events:none}
#characters .characterVoiceTemplate.on::before{width:3px;opacity:1;box-shadow:0 0 14px rgba(99,255,193,.52)}
#characters .characterVoiceTemplate .voiceMiniOrb{font:900 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.02em;color:#d8fff0;background:radial-gradient(circle at 35% 30%,rgba(119,255,204,.72),rgba(52,106,108,.58) 44%,rgba(26,23,65,.9));box-shadow:inset 0 0 0 1px rgba(142,255,215,.2),0 0 12px rgba(83,236,185,.08)}
#characters .characterVoiceTemplate:nth-of-type(3n) .voiceMiniOrb{background:radial-gradient(circle at 35% 30%,rgba(229,188,89,.76),rgba(122,68,55,.62) 48%,rgba(31,17,55,.9))}
#characters .characterVoiceTemplate:nth-of-type(3n + 1) .voiceMiniOrb{background:radial-gradient(circle at 35% 30%,rgba(151,132,255,.78),rgba(53,64,125,.6) 48%,rgba(11,31,52,.9))}
#characters .characterVoicePick[role="radio"]{border-radius:7px}
#characters .characterVoicePick[role="radio"]:focus-visible{outline:2px solid rgba(111,255,195,.82);outline-offset:-2px}
#characters .characterVoiceChoice[role="radio"]>span:last-child{color:#6f898d;font:800 6px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.11em}
#characters .characterVoiceChoice[role="radio"].on>span:last-child{color:#83f7bf}
#characters .voicePlay{min-width:34px;color:#aef8d3;border-color:rgba(105,238,193,.22);background:rgba(5,31,33,.72)}
#characters .voicePlay[aria-pressed="true"]{color:#07140e;border-color:#7dffc3;background:#7dffc3;box-shadow:0 0 15px rgba(89,255,190,.26)}
#characters .characterVoiceNote{border:1px solid rgba(106,235,191,.1);background:linear-gradient(135deg,rgba(6,28,30,.62),rgba(14,13,34,.55))}
@media(max-width:480px){#characters .characterVoiceActions button:last-child{display:block}#characters .characterVoiceGroupLabel{align-items:start;flex-direction:column;gap:4px}#characters .characterVoiceGroupLabel small{text-align:left}}

/* SUPPORT + SAFETY FORMS */
.supportCards article{min-width:0}
.supportForm{display:grid;gap:10px;margin-top:18px}
.supportForm>label,.supportForm legend{font-size:12px;color:#c5c9d1}
.supportForm fieldset{min-width:0;margin:0;padding:12px;border:1px solid #ffffff18;border-radius:8px}
.supportCategories{display:flex;flex-wrap:wrap;gap:12px}
.supportCategories label{display:flex;align-items:center;gap:6px;font-size:12px;color:#ddd}
.supportCategories input{width:16px;height:16px;margin:0;accent-color:#d6a64f}
.supportForm>input,.supportForm textarea{box-sizing:border-box;width:100%;min-width:0;background:#06090d;color:#eee;border:1px solid #ffffff18;border-radius:8px;padding:12px;font:inherit}
.supportForm textarea{min-height:130px;resize:vertical}
.supportForm button{justify-self:start}
.supportForm [role="status"]{min-height:1.5em;margin:0;overflow-wrap:anywhere}

.landingFooter{position:relative;display:flex;justify-content:space-between;gap:32px;margin:32px auto 0;padding:28px 32px;max-width:1320px;border-top:1px solid #ffffff20;color:#adb7c6;font-size:13px;line-height:1.6}
.landingFooter>div{max-width:720px}.landingFooter b{color:#f2dfb6;font-size:16px}.landingFooter p{margin:8px 0}.landingFooter nav{display:flex;flex-wrap:wrap;align-content:start;gap:12px 20px;max-width:360px}.landingFooter a{color:#ebd5a6;text-underline-offset:3px}.landingFooter a:focus-visible{outline:2px solid #ebd5a6;outline-offset:4px}
@media(max-width:720px){.landingFooter{flex-direction:column;padding:24px 20px;gap:18px}.landingFooter nav{max-width:none}}

/* CREATOR CHOICE CONTROLS */
.forgeChoiceField{min-inline-size:0;margin:0;padding:0;border:0}
.forgeChoiceField legend{max-width:100%;margin:0 0 7px;padding:0;color:#9aa9b9;font-size:10px;font-weight:750;letter-spacing:.04em;line-height:1.25}
.controls>.forgeChoiceField{align-self:start;width:100%}
.forgeChoiceRail{display:flex;min-width:0;flex-wrap:wrap;gap:6px}
.forgeChoiceRail button{position:relative;min-width:0;min-height:38px;padding:8px 11px;border:1px solid rgba(132,164,192,.16);border-radius:8px;background:linear-gradient(145deg,rgba(8,15,23,.96),rgba(7,11,18,.88));color:#aebdca;font-size:11px;font-weight:700;line-height:1.2;text-align:center;white-space:normal;box-shadow:inset 0 0 0 1px rgba(255,255,255,.015);transition:border-color .15s ease,background-color .15s ease,color .15s ease,box-shadow .15s ease}
.forgeChoiceRail button:hover{border-color:rgba(227,185,90,.4);color:#f3ead7;background:linear-gradient(145deg,rgba(35,29,17,.95),rgba(13,17,24,.94))}
.forgeChoiceRail button[aria-pressed="true"],.forgeChoiceRail button.on{border-color:rgba(239,193,96,.7);color:#fff1ca;background:linear-gradient(135deg,rgba(169,112,25,.42),rgba(48,35,14,.78));box-shadow:inset 0 0 0 1px rgba(255,220,139,.09),0 0 18px rgba(210,155,52,.1)}
.forgeChoiceRail button[aria-pressed="true"]::before,.forgeChoiceRail button.on::before{content:"";position:absolute;top:5px;right:5px;width:5px;height:5px;border-radius:50%;background:#f1c76f;box-shadow:0 0 8px rgba(241,199,111,.72)}
.forgeChoiceRail button:focus-visible{outline:2px solid #8ecbfa;outline-offset:2px}
.forgeChoiceRail button:disabled{cursor:not-allowed;opacity:.38;box-shadow:none}
.forgeChoiceList{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));max-height:220px;overflow:auto;overscroll-behavior:contain;padding:2px;scrollbar-width:thin;scrollbar-color:rgba(225,178,82,.34) transparent}
.forgeChoiceList button{text-align:left}
.forgeChoiceList:empty::before{content:"Available choices will appear here.";grid-column:1/-1;padding:11px 12px;border:1px dashed rgba(132,164,192,.16);border-radius:8px;color:#748493;font-size:11px;line-height:1.4}
.forgeChoiceFieldDynamic{display:grid;gap:7px;margin:10px 0 14px}
.forgeChoiceFieldWide{flex:1 1 430px}
.modeSourceField.forgeChoiceFieldDynamic{grid-template-columns:minmax(0,1fr) auto;align-items:end}
.modeSourceField.forgeChoiceFieldDynamic legend{grid-column:1/-1;margin-bottom:0}
.modeSourceField.forgeChoiceFieldDynamic .forgeChoiceList{grid-column:1/2;width:100%}
.modeSourceField.forgeChoiceFieldDynamic #modeSourceStatus{grid-column:2/3;align-self:center;max-width:230px;text-align:right}
.runwayPanel .forgeChoiceField{margin:12px 0}
.repairPanel .forgeChoiceField,#review .forgeChoiceField{align-self:flex-end}
#developerUiToggle[aria-pressed="true"]{color:#fff0c6;border-color:rgba(236,190,91,.42);background:rgba(164,110,25,.2)}
@media(max-width:720px){.forgeChoiceRail button{flex:1 1 92px}.forgeChoiceList{grid-template-columns:1fr;max-height:250px}.forgeChoiceList button{flex-basis:auto}.modeSourceField.forgeChoiceFieldDynamic{grid-template-columns:1fr}.modeSourceField.forgeChoiceFieldDynamic legend,.modeSourceField.forgeChoiceFieldDynamic .forgeChoiceList,.modeSourceField.forgeChoiceFieldDynamic #modeSourceStatus{grid-column:1}.modeSourceField.forgeChoiceFieldDynamic #modeSourceStatus{max-width:none;text-align:left}.forgeChoiceFieldWide{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.forgeChoiceRail button{transition:none}}

/* EXACT ORIGINAL GEAR GUARDIANS LANDING STAGE */
.landingCategory:nth-child(1){background-image:linear-gradient(180deg,transparent 28%,rgba(2,5,9,.94)),url('/studio-project-1.png');background-position:center;background-size:cover}
.landingCategory:nth-child(2){background-image:linear-gradient(180deg,transparent 28%,rgba(2,5,9,.94)),url('/studio-project-2.png');background-position:center;background-size:cover}
.landingCategory:nth-child(3){background-image:linear-gradient(180deg,transparent 28%,rgba(2,5,9,.94)),url('/studio-project-3.png');background-position:center;background-size:cover}
.landingCategory:nth-child(4){background-image:linear-gradient(180deg,transparent 28%,rgba(2,5,9,.94)),url('/studio-project-4.png');background-position:center;background-size:cover}
.landingCategory:nth-child(5){background-image:linear-gradient(180deg,transparent 28%,rgba(2,5,9,.94)),url('/studio-project-5.png');background-position:center;background-size:cover}

@media(min-width:901px){
  body:not(.studioActive){background:#02050a}
  #auth.authStudio{
    --landing-stage-width:min(100vw,1536px);
    --landing-stage-height:calc(var(--landing-stage-width) * .6666667);
    position:relative;
    display:block;
    min-height:100vh;
    padding:var(--landing-stage-height) 0 48px;
    overflow:hidden;
    background:#02050a;
  }
  #auth.authStudio .landingBackdrop{display:none}
  #auth.authStudio .showcaseFrame{
    position:absolute;
    z-index:0;
    top:0;
    left:50%;
    width:var(--landing-stage-width);
    max-width:none;
    height:var(--landing-stage-height);
    margin:0;
    padding:0;
    overflow:hidden;
    transform:translateX(-50%);
    border:0;
    border-radius:0;
    background:#02050a;
    box-shadow:none;
    pointer-events:none;
  }
  #auth.authStudio .showcaseHeader{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0;
  }
  #auth.authStudio .showcaseFrame img{
    display:block;
    width:100%;
    height:100%;
    max-width:none;
    object-fit:contain;
    object-position:top center;
    border:0;
    border-radius:0;
    box-shadow:none;
  }
  #auth.authStudio .landingHeader,
  #auth.authStudio .landingHeroBlock{
    position:absolute;
    z-index:3;
    top:0;
    left:50%;
    width:var(--landing-stage-width);
    max-width:none;
    height:var(--landing-stage-height);
    margin:0;
    padding:0;
    transform:translateX(-50%);
    pointer-events:none;
  }
  #auth.authStudio .landingHeader{display:block;border:0;background:transparent;box-shadow:none;backdrop-filter:none}
  #auth.authStudio .landingLogoWrap{display:contents}
  #auth.authStudio .landingBrand{
    position:absolute;
    top:.68%;
    left:4.1%;
    width:16.86%;
    height:7.03%;
    opacity:1;
    pointer-events:auto;
  }
  #auth.authStudio .landingLogoImage,
  #auth.authStudio .landingTag{opacity:0}
  #auth.authStudio .landingNav{
    position:absolute;
    top:1.56%;
    left:30.6%;
    display:flex;
    width:32.55%;
    height:4.1%;
    gap:0;
    padding:0;
    align-items:start;
    justify-content:space-between;
    overflow:visible;
    background:transparent;
    border:0;
    pointer-events:auto;
  }
  #auth.authStudio .landingNav a{
    min-width:0;
    padding:.6em .35em;
    color:transparent;
    border-color:transparent;
    font-size:clamp(7px,.78vw,12px);
    white-space:nowrap;
  }
  #auth.authStudio .landingActions{
    position:absolute;
    top:1.66%;
    left:80.4%;
    display:flex;
    width:14.58%;
    height:3.71%;
    gap:7.6%;
    pointer-events:auto;
  }
  #auth.authStudio .landingActions a{
    min-width:0;
    height:100%;
    padding:0;
    color:transparent;
    border-color:transparent;
    background:transparent!important;
    box-shadow:none;
    backdrop-filter:none;
  }
  #auth.authStudio .landingActions .navGhost{flex:0 0 38%}
  #auth.authStudio .landingActions .navGold{flex:1 1 auto}
  #auth.authStudio .landingHeader a:focus-visible{
    opacity:1;
    color:#f3c86f;
    background:#05080d!important;
    outline:2px solid #f0c46c;
    outline-offset:2px;
  }
  #auth.authStudio .landingHeroBlock{display:block}
  #auth.authStudio .landingCenter{display:contents}
  #auth.authStudio .heroCopy,
  #auth.authStudio .storyRail.left{display:none}
  #auth.authStudio .creatorConsole{
    position:absolute;
    top:30.27%;
    left:27.8%;
    width:44.4%;
    height:15.92%;
    min-height:0;
    margin:0;
    padding:0;
    opacity:0;
    pointer-events:auto;
  }
  #auth.authStudio .creatorConsole:focus-within{height:auto;padding:24px;opacity:1}
  #auth.authStudio .categoryStrip{
    position:absolute;
    top:48.34%;
    left:3.7%;
    display:grid;
    width:92.6%;
    height:14.26%;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:.55%;
    opacity:0;
    pointer-events:auto;
  }
  #auth.authStudio .landingCategory{min-height:0}
  #auth.authStudio .landingCategory:focus-visible{
    opacity:1;
    outline:2px solid #f0c46c;
    outline-offset:2px;
  }
  #auth.authStudio .storyRail.right{
    position:absolute;
    top:36.91%;
    left:82.16%;
    display:block;
    width:11.91%;
    height:5.57%;
    opacity:0;
    pointer-events:auto;
  }
  #auth.authStudio .storyRail.right:focus-within{opacity:1}
  #auth.authStudio .storyRail.right .storyCard{
    width:100%;
    height:100%;
    min-height:0;
    padding:0;
    border:0;
    background:transparent;
    box-shadow:none;
  }
  #auth.authStudio .storyRail.right small,
  #auth.authStudio .storyRail.right p{display:none}
  #auth.authStudio .watchLink{position:absolute;inset:0;margin:0;color:transparent}
  #auth.authStudio .watchLink:focus-visible{color:#f0c46c;outline:2px solid #f0c46c}
  #auth.authStudio .workflowBand{
    position:absolute;
    z-index:4;
    top:calc(var(--landing-stage-height) * .6318);
    left:50%;
    width:var(--landing-stage-width);
    max-width:none;
    height:calc(var(--landing-stage-height) * .2568);
    margin:0;
    padding:0 3.2%;
    transform:translateX(-50%);
    pointer-events:none;
  }
  #auth.authStudio .workflowHead{display:none}
  #auth.authStudio .workflowGrid{
    display:grid;
    height:100%;
    margin:0;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:1%;
  }
  #auth.authStudio .workflowGrid article{
    position:relative;
    min-height:0;
    padding:0;
    border:0;
    background:transparent;
    box-shadow:none;
  }
  #auth.authStudio .workflowGrid article>span,
  #auth.authStudio .workflowGrid article>b,
  #auth.authStudio .workflowGrid article>p{display:none}
  #auth.authStudio .workflowGrid .composerBadge{
    position:absolute;
    top:16%;
    right:2%;
    display:inline-block;
    color:#f5d287;
    border-color:rgba(240,196,108,.66);
    background:rgba(5,8,13,.9);
    box-shadow:0 5px 18px rgba(0,0,0,.55);
  }
  #auth.authStudio .featureBand{
    position:absolute;
    z-index:4;
    top:calc(var(--landing-stage-height) * .8887);
    left:50%;
    display:grid;
    width:calc(var(--landing-stage-width) * .9772);
    max-width:none;
    height:calc(var(--landing-stage-height) * .1113);
    margin:0;
    padding:0;
    transform:translateX(-50%);
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:0;
    pointer-events:none;
  }
  #auth.authStudio .featurePill{
    position:relative;
    min-height:0;
    padding:0;
    border:0;
    background:transparent;
  }
  #auth.authStudio .featurePill>b,
  #auth.authStudio .featurePill>span,
  #auth.authStudio .featurePill>br{display:none}
  #auth.authStudio .featurePill .composerBadge{
    position:absolute;
    right:4%;
    bottom:9%;
    display:inline-block;
    color:#f5d287;
    border-color:rgba(240,196,108,.66);
    background:rgba(5,8,13,.9);
    box-shadow:0 5px 18px rgba(0,0,0,.55);
  }
  #auth.authStudio .missionBand,
  #auth.authStudio .pricingBand,
  #auth.authStudio .authAccessWrap,
  #auth.authStudio .landingFooter{position:relative;z-index:5}
}

/* ---- Director (guided creation) ---- */
.srOnly{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#director .title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}
.dirTitleActions{display:flex;align-items:center;gap:10px}
.dirChip{display:inline-flex;align-items:center;padding:5px 10px;border:1px solid var(--forge-line);border-radius:999px;font-size:.6875rem;letter-spacing:.12em;color:var(--forge-gold);background:rgba(224,179,90,.06);white-space:nowrap}
.dirLead{color:var(--forge-muted);max-width:760px;margin:4px 0 16px;line-height:1.6}
.dirNotice{border-color:rgba(143,200,255,.35)!important}
.dirGrid{display:grid;grid-template-columns:220px minmax(0,1fr) minmax(0,380px);gap:16px;align-items:start}
.dirGrid>.panel{margin:0;min-width:0}
.dirSessions h3,.dirPlanHead h3{margin:0 0 12px;font-size:.95rem}
.dirSessionList{display:flex;flex-direction:column;gap:6px;max-height:560px;overflow:auto}
.dirSessionRow{display:flex;align-items:stretch;border:1px solid transparent;border-radius:10px;background:rgba(255,255,255,.02)}
.dirSessionRow.on{border-color:var(--forge-line);background:rgba(224,179,90,.07)}
.dirSessionOpen{flex:1;min-width:0;text-align:left;background:none;border:0;padding:9px 10px;color:var(--forge-text);cursor:pointer;display:flex;flex-direction:column;gap:3px}
.dirSessionOpen strong{font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dirSessionOpen small{font-size:.6875rem;letter-spacing:.08em;color:var(--forge-muted)}
.dirSessionDelete{background:none;border:0;color:var(--forge-muted);padding:0 10px;cursor:pointer;font-size:1.1rem}
.dirSessionDelete:hover{color:#f3a49c}
.dirChat{display:flex;flex-direction:column;min-height:560px}
.dirMessages{flex:1;display:flex;flex-direction:column;gap:12px;overflow:auto;max-height:520px;padding:4px 2px 12px}
.dirMsg{max-width:86%;padding:11px 14px;border-radius:14px;line-height:1.55}
.dirMsg p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.dirMsgDirector{align-self:flex-start;background:var(--forge-panel-2);border:1px solid var(--forge-line);border-top-left-radius:4px}
.dirMsgUser{align-self:flex-end;background:rgba(23,76,120,.45);border:1px solid rgba(143,200,255,.22);border-top-right-radius:4px}
.dirMsgError{align-self:flex-start;background:rgba(225,123,115,.10);border:1px solid rgba(225,123,115,.4)}
.dirMsgError button{margin-top:8px}
.dirWho{display:block;font-size:.625rem;letter-spacing:.16em;color:var(--forge-gold);margin-bottom:4px}
.dirMeta{display:block;margin-top:6px;font-size:.6875rem;color:var(--forge-muted)}
.dirTyping p::after{content:"";display:inline-block;width:1.2em;text-align:left;animation:dirDots 1.2s steps(4) infinite}
@keyframes dirDots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}
.dirQuick{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 10px}
.dirChipBtn{border:1px solid var(--forge-line);background:rgba(224,179,90,.06);color:var(--forge-text);border-radius:999px;padding:7px 13px;font-size:.8125rem;cursor:pointer}
.dirChipBtn:hover{border-color:var(--forge-gold)}
.dirForm{display:flex;gap:10px;align-items:flex-end}
.dirForm textarea{flex:1;min-height:52px;max-height:180px;resize:vertical;margin:0}
.dirForm button{flex:none;min-width:88px}
.dirCost{margin:8px 0 0;font-size:.75rem;color:var(--forge-muted)}
.dirPlanHead{display:flex;align-items:center;justify-content:space-between;gap:8px}
.dirPlanBody{display:flex;flex-direction:column;gap:10px;max-height:620px;overflow:auto}
.dirEmpty{color:var(--forge-muted);font-size:.875rem;margin:0}
.dirPlanTitle{margin:0;font-family:var(--forge-font-display,Georgia,serif);font-size:1.25rem}
.dirLogline{margin:0;color:var(--forge-muted);line-height:1.55}
.dirFacts{display:flex;flex-direction:column;gap:4px;font-size:.8125rem;color:var(--forge-muted)}
.dirPlanBody h5{margin:8px 0 0;font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--forge-gold)}
.dirCast{display:grid;gap:8px}
.dirCastCard,.dirScene{border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:10px 12px;background:rgba(255,255,255,.02)}
.dirCastCard p,.dirScene p{margin:4px 0 0;font-size:.8125rem;line-height:1.5;color:var(--forge-muted)}
.dirScene small{font-size:.625rem;letter-spacing:.14em;color:var(--forge-gold)}
.dirScene strong{display:block;margin-top:2px}
.dirCamera{font-style:italic}
.dirSceneActions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.dirSceneActions button{padding:7px 12px;font-size:.8125rem}
#dirToStoryboard{margin-top:12px;width:100%}
.dirScript{margin-top:16px}
.dirScript summary{cursor:pointer;color:var(--forge-muted);font-size:.875rem}
.dirScript[open] summary{margin-bottom:12px}
@media(max-width:1180px){.dirGrid{grid-template-columns:minmax(0,1fr) minmax(0,340px)}.dirSessions{grid-column:1/-1}.dirSessionList{flex-direction:row;overflow-x:auto;max-height:none}.dirSessionRow{flex:0 0 220px}}
@media(max-width:820px){.dirGrid{grid-template-columns:minmax(0,1fr)}.dirChat{min-height:0}.dirMessages{max-height:60vh}.dirMsg{max-width:94%}.dirForm{flex-direction:column;align-items:stretch}.dirForm button{width:100%}}

/* ---- Bitcoin checkout ---- */
body.btcModalOpen{overflow:hidden}
.btcModal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:16px;background:rgba(2,5,10,.78);backdrop-filter:blur(6px)}
.btcCard{width:min(100%,440px);max-height:calc(100vh - 32px);overflow:auto;background:var(--forge-panel-2,#0b121d);border:1px solid var(--forge-line,rgba(224,179,90,.2));border-radius:18px;box-shadow:0 24px 80px rgba(0,0,0,.6)}
.btcHead{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.06)}
.btcHead small{letter-spacing:.16em;font-size:.6875rem;color:var(--forge-gold,#e0b35a)}
.btcClose{background:none;border:0;color:var(--forge-muted,#9ca8b8);font-size:1.5rem;line-height:1;cursor:pointer;padding:2px 6px}
.btcBody{padding:18px;display:flex;flex-direction:column;gap:12px;text-align:center}
.btcBody h3{margin:4px 0 0}
.btcLead{margin:0;line-height:1.55}
.btcQr{width:min(100%,260px);aspect-ratio:1;margin:0 auto;background:#fff;border-radius:12px;padding:6px}
.btcOpen{display:inline-flex;justify-content:center;align-items:center;min-height:44px;border-radius:10px;text-decoration:none;font-weight:700}
.btcCopyRow{display:grid;grid-template-columns:1fr auto;grid-template-areas:"label label" "value button";gap:4px 8px;text-align:left;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 12px}
.btcCopyRow small{grid-area:label;font-size:.6875rem;letter-spacing:.1em;color:var(--forge-muted,#9ca8b8);text-transform:uppercase}
.btcCopyRow code{grid-area:value;overflow-wrap:anywhere;font-size:.875rem;align-self:center}
.btcCopyRow button{grid-area:button;padding:6px 12px}
.btcFine{margin:0;font-size:.75rem;line-height:1.5;color:var(--forge-muted,#9ca8b8)}
.btcWaiting{margin:0;font-size:.8125rem;color:var(--forge-ice,#8fc8ff)}
.btcWaiting::after{content:"";animation:dirDots 1.2s steps(4) infinite}
.btcDone{width:56px;height:56px;margin:4px auto 0;border-radius:50%;display:grid;place-items:center;font-size:1.6rem;background:rgba(91,211,152,.15);color:#5bd398;border:1px solid rgba(91,211,152,.4)}

/* ---- Account & Billing center ---- */
.acctShell{display:grid;grid-template-columns:92px minmax(0,1fr);border:1px solid var(--forge-line);border-radius:18px;background:var(--forge-panel);overflow:hidden;min-height:520px}
.acctRail{display:flex;flex-direction:column;gap:4px;padding:18px 10px;background:linear-gradient(180deg,rgba(224,179,90,.14),rgba(224,179,90,.04));border-right:1px solid var(--forge-line)}
.acctRail button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px;border:1px solid transparent;border-radius:12px;background:none;color:var(--forge-muted);cursor:pointer;transition:color var(--forge-motion-fast,160ms),background var(--forge-motion-fast,160ms)}
.acctRail button span{font-size:1.25rem;line-height:1}
.acctRail button b{font-size:.6875rem;font-weight:600;letter-spacing:.06em}
.acctRail button:hover{color:var(--forge-text)}
.acctRail button.on,.acctRail button[aria-selected="true"]{color:var(--forge-gold);background:rgba(224,179,90,.1);border-color:var(--forge-line)}
.acctPanes{padding:26px 30px;min-width:0}
.acctPane h3{margin:0 0 18px;font-size:1.05rem;color:var(--forge-gold)}
.acctPane h4{margin:28px 0 10px;font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--forge-muted)}
.acctRows{display:flex;flex-direction:column}
.acctRow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid;border-image:linear-gradient(90deg,var(--forge-line),transparent) 1}
.acctRow>div{min-width:0}
.acctRow small{display:block;font-size:.625rem;letter-spacing:.14em;color:var(--forge-muted);margin-bottom:4px}
.acctRow p{margin:0;font-size:.9375rem;overflow-wrap:anywhere}
.acctRow button,.acctLinkBtn{flex:none;background:none;border:0;color:var(--forge-gold);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;cursor:pointer;text-decoration:none;padding:6px 4px}
.acctRow button:hover,.acctLinkBtn:hover{text-decoration:underline}
.acctOk{color:#5bd398;font-size:.75rem;margin-left:6px}
.acctWarn{color:#f0b35a;font-size:.75rem;margin-left:6px}
.acctMuted{color:var(--forge-muted);font-size:.75rem;margin-left:6px}
.acctPlus{color:#5bd398}
.acctNote{color:var(--forge-muted);font-size:.875rem;margin:8px 0}
.acctPacks{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.acctPack{display:flex;flex-direction:column;gap:6px;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.02)}
.acctPack strong{font-size:1rem}
.acctPack span{color:var(--forge-muted);font-size:.875rem}
.acctPack button{margin-top:6px}
.acctPack button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:720px){
  .acctShell{grid-template-columns:minmax(0,1fr);min-height:0}
  .acctRail{flex-direction:row;overflow-x:auto;padding:8px;border-right:0;border-bottom:1px solid var(--forge-line)}
  .acctRail button{flex:1 0 auto;padding:10px 12px}
  .acctPanes{padding:18px 16px}
}

/* ---- Veo composer ---- */
.veoSources{display:flex;flex-direction:column;gap:12px;margin:14px 0 4px;padding:14px;border:1px solid var(--forge-line);border-radius:12px;background:rgba(255,255,255,.02)}
.veoGroup small{display:block;font-size:.6875rem;letter-spacing:.14em;color:var(--forge-gold)}
.veoHint{display:block;font-size:.75rem;color:var(--forge-muted);margin:2px 0 8px}
.veoChips{display:flex;flex-wrap:wrap;gap:8px}
.veoChip{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);color:var(--forge-text);border-radius:999px;padding:7px 12px;font-size:.8125rem;cursor:pointer}
.veoChip.on{border-color:var(--forge-gold);background:rgba(224,179,90,.14);color:var(--forge-gold)}
.veoNote{color:var(--forge-muted);font-size:.875rem;margin:4px 0}
.veoJobsPanel{margin-top:16px}
.veoJobs{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:12px}
.veoJob{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.02);min-width:0}
.veoJobHead b{display:block}
.veoJobHead small{color:var(--forge-muted);font-size:.75rem}
.veoJob-completed .veoJobHead b{color:#5bd398}
.veoJob-refunded .veoJobHead b{color:#f3a49c}
.veoJob-submitted .veoJobHead b::after,.veoJob-charged .veoJobHead b::after,.veoJob-succeeded .veoJobHead b::after{content:"";animation:dirDots 1.2s steps(4) infinite}
.veoJobPrompt{margin:0;font-size:.8125rem;line-height:1.5;color:var(--forge-text);overflow-wrap:anywhere}
.veoJobActions{display:flex;gap:8px;flex-wrap:wrap}
.veoPlayer{width:100%;border-radius:10px;background:#000;aspect-ratio:16/9}

/* Create: stack the composer above the engine panel on tablets and phones. */
@media(max-width:980px){
  body.studioActive #create .forgeCreationGrid{grid-template-columns:minmax(0,1fr)}
  body.studioActive #create .forgeStatusPanel{min-height:0}
}

/* ---- App Builder (Forge theme: navy panels, gold accents) ---- */
#apps .title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}
.appGrid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;align-items:start}
.appGrid>.panel{margin:0;min-width:0}
.appWork{display:flex;flex-direction:column;gap:16px;min-width:0}
.appWork>.panel{margin:0}
.appStageHead{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.appStageHead h3{margin:2px 0 0;font-family:var(--forge-font-display,Georgia,serif);font-size:1.25rem}
.appKicker{font-size:.625rem;letter-spacing:.16em;color:var(--forge-gold)}
.appStageActions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.appVersions{display:flex;gap:6px;flex-wrap:wrap}
.appModes{display:flex;gap:8px;margin:0 0 12px}
.appModes .appVersionChip{padding:8px 16px;font-size:.875rem}
.appVersionChip{border:1px solid var(--forge-line);background:rgba(224,179,90,.06);color:var(--forge-text);border-radius:999px;padding:6px 11px;font-size:.75rem;cursor:pointer}
.appVersionChip[aria-pressed="true"]{border-color:var(--forge-gold);background:rgba(224,179,90,.18);color:var(--forge-gold)}
.appFrameWrap{position:relative;height:clamp(420px,64vh,780px);border:1px solid var(--forge-line);border-radius:14px;overflow:hidden;background:#05080d}
#appFrame{width:100%;height:100%;border:0;display:block;background:#fff}
.appEmpty,.appBuilding{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:24px;
  background:radial-gradient(ellipse at 50% 35%,rgba(224,179,90,.10),transparent 60%),#070b12}
.appEmpty>span{font-size:2.4rem;color:var(--forge-gold);opacity:.8}
.appEmpty p,.appBuilding p{margin:0;color:var(--forge-text);font-size:1rem}
.appBuilding small{color:var(--forge-muted)}
.appEmpty .dirQuick{justify-content:center;max-width:620px}
.appSpinner{width:42px;height:42px;border-radius:50%;border:3px solid rgba(224,179,90,.18);border-top-color:var(--forge-gold);animation:appSpin 1s linear infinite}
@keyframes appSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.appSpinner{animation:none}}
.appNotice{margin:0 0 10px;padding:10px 14px;border-radius:12px;background:var(--forge-panel-2);border:1px solid var(--forge-line);font-size:.875rem;line-height:1.5}
.appNotice p{margin:0}
.appNotice.error{background:rgba(225,123,115,.10);border-color:rgba(225,123,115,.4)}
.appComposer .dirForm textarea{min-height:72px}
#appFrame:fullscreen{background:#fff}
@media(max-width:980px){
  .appGrid{grid-template-columns:minmax(0,1fr)}
  .appGrid .dirSessions{order:2}
  .appGrid .dirSessionList{max-height:240px}
  .appFrameWrap{height:min(70vh,620px)}
}