:root{--studio-ink:#f2ebfc;--studio-soft:#baabcc;--studio-line:#cdb5ef20;--studio-glow:#b69be9}#brandTitle{display:block;font-family:serif;font-size:19px!important;letter-spacing:2px!important;color:#f1e6fc!important;margin-top:0!important;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar{gap:10px}.topbar nav{gap:5px}.topbar nav button{padding:8px 11px}.badge{white-space:nowrap}#workbench{position:absolute;inset:0;overflow:auto;background:radial-gradient(ellipse at 85% 0,#3d2c584d,transparent 60%),radial-gradient(ellipse at 0 75%,#292c454d,transparent 65%),#100e18;color:var(--studio-ink)}.studio-shell{max-width:1160px;margin:0 auto;padding:40px 36px 26px}.studio-kicker{font-size:9px;letter-spacing:4px;color:#a68bbe;margin-bottom:20px}.studio-hero{display:flex;justify-content:space-between;align-items:center;gap:22px;padding-bottom:28px;border-bottom:1px solid var(--studio-line)}.studio-hero h1{font-family:serif;font-size:36px;font-weight:400;letter-spacing:3px;margin:0 0 10px;overflow-wrap:anywhere}.studio-hero p{font-size:12px;color:var(--studio-soft);line-height:1.8;margin:0;max-width:650px}.subtle{font-size:11px;white-space:nowrap;color:#d8c6ed}.studio-tabs{display:flex;gap:8px;margin:24px 0 32px;flex-wrap:wrap}.studio-tabs button{background:transparent;font-size:12px;border-color:transparent;border-radius:0;padding:10px 17px;color:var(--studio-soft)}.studio-tabs button.selected{color:#ecddff;border-bottom:1px solid #c5a5e8;background:linear-gradient(0deg,#a783ce0c,transparent)}.section-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.section-bar h2{font-family:serif;font-weight:400;font-size:22px;letter-spacing:2px;margin:0 0 8px}.section-bar h2 span{font-family:system-ui;font-size:10px;border:1px solid var(--studio-line);padding:3px 7px;border-radius:20px;margin-left:7px;color:#c3a6df;letter-spacing:0}.section-bar p{font-size:11px;line-height:1.7;margin:0;color:var(--studio-soft)}.section-bar button{font-size:11px;white-space:nowrap}.route-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px}.route-tile{background:#21192c65;border:1px solid var(--studio-line);border-radius:12px;overflow:hidden}.route-cover{height:215px;position:relative;background:linear-gradient(155deg,#45324d,#26233c);overflow:hidden}.route-cover>img{width:100%;height:100%;object-fit:cover;opacity:.64}.route-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 30%,#151020cc)}.route-cover>span{position:absolute;top:12px;left:16px;z-index:1;font:italic 28px serif;color:#ffffffb0}.route-portrait{position:absolute;inset:0;z-index:1;display:flex;justify-content:center;align-items:flex-end}.route-portrait img{width:80%;height:95%;object-fit:contain;object-position:bottom}.route-portrait .placeholder-art{display:none}.route-copy{padding:20px}.route-copy h3{font-size:19px;font-family:serif;letter-spacing:1px;font-weight:400;margin:0 0 12px;overflow-wrap:anywhere}.route-copy p{font-size:12px;color:#c4b6d2;line-height:1.8;margin:0 0 14px;height:44px;overflow:hidden}.route-copy small{font-size:10px;color:#9c85b4}.route-copy .button-row{margin-top:18px;gap:6px}.route-copy button{font-size:10px;padding:8px 10px}.studio-empty{grid-column:1/-1;text-align:center;border:1px dashed #c9ade421;border-radius:14px;padding:45px 25px;min-height:240px;background:radial-gradient(ellipse,#9f79bf07,transparent)}.studio-empty>span{display:block;font-size:35px;font-family:serif;color:#c2a7eb;margin-bottom:22px}.studio-empty h3{font-family:serif;font-weight:400;font-size:23px;letter-spacing:2px;margin:0 0 18px}.studio-empty p{font-size:12px;color:var(--studio-soft);line-height:2;margin:0 0 20px}.studio-empty button{font-size:11px}.studio-foot{display:flex;align-items:center;flex-wrap:wrap;gap:12px;border-top:1px solid var(--studio-line);margin-top:42px;padding-top:20px}.studio-foot span{font-size:10px;color:#887396;margin-right:auto;line-height:1.8}.studio-foot button{font-size:10px;padding:7px 10px}.studio-form{max-width:800px}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:20px}.character-tile{text-align:left;display:flex;flex-direction:column;padding:0 0 18px;overflow:hidden;gap:10px;background:#21192c65;border-color:var(--studio-line);border-radius:12px}.portrait-preview{height:225px;width:100%;background:repeating-conic-gradient(#242030 0 25%,#292436 0 50%) 50%/20px 20px;display:flex;align-items:end;justify-content:center;overflow:hidden}.portrait-preview img{width:100%;height:100%;object-fit:contain;object-position:bottom}.character-tile b{font-family:serif;font-weight:400;font-size:19px;margin:3px 16px 0}.character-tile small,.character-tile>span{margin:0 16px;font-size:10px;color:#b8a5ca;line-height:1.6}.character-tile>span{height:33px;overflow:hidden;color:#867697}.placeholder-art{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-family:serif;font-size:48px;color:#bd94d75c}.scene-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}.scene-tile{padding:0 0 14px;text-align:left;overflow:hidden;background:#21192c65;border-color:var(--studio-line)}.scene-tile>div{height:150px;background:linear-gradient(140deg,#463452,#24293b)}.scene-tile img{width:100%;height:100%;object-fit:cover}.scene-tile b{display:block;margin:14px 14px 5px;font-weight:400;font-size:14px}.scene-tile small{margin:0 14px;font-size:10px}.image-unavailable{opacity:.2;font-size:10px;object-fit:contain!important}.mini-assets{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.mini-asset{width:100px;padding:5px}.mini-asset img{width:100%;height:110px;object-fit:contain;background:repeating-conic-gradient(#242030 0 25%,#292436 0 50%) 50%/16px 16px}.mini-asset span{display:block;font-size:10px;line-height:1.5;margin:6px 0}.mini-asset.selected{border-color:#bd9ee6}.asset-detail{height:250px;display:flex;align-items:center;justify-content:center;margin-bottom:22px;background:#262033;border-radius:10px}.asset-detail img{max-width:100%;max-height:100%;object-fit:contain}.character-picks{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px}.character-picks label{padding:8px 10px;border:1px solid var(--studio-line);border-radius:6px;font-size:11px}details{border:1px solid var(--studio-line);padding:13px;border-radius:8px;margin:0 0 22px}summary{font-size:11px;color:#bfa4da;cursor:pointer}details label{margin-top:18px}.format-example{font-size:10px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;color:#ab97bd}.image-workshop{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:start}#imagePreview{position:sticky;top:12px;min-width:0}#imagePreview .studio-empty{padding:45px 15px}#imagePreview button{margin-bottom:9px;font-size:12px}.generated-image{border:1px solid var(--studio-line);background:repeating-conic-gradient(#242030 0 25%,#30283e 0 50%) 50%/24px 24px;border-radius:12px;overflow:hidden}.generated-image img{width:100%;max-height:480px;object-fit:contain;display:block}.generated-image.scene{aspect-ratio:3/2}.generated-image.character{aspect-ratio:2/3}.brand span:not(#brandTitle){font-size:7px;letter-spacing:3px}
/* Purple star field and soft lens halo, matching the supplied loading reference. */
#loading{display:block;background:#332641;backdrop-filter:blur(6px);overflow:hidden;border-radius:0;color:#f6eefe}#loading .loading-nebula{position:absolute;inset:-15%;background:radial-gradient(ellipse at 85% 17%,#d8c5eacd 0,#b391cf80 22%,transparent 50%),radial-gradient(ellipse at 55% 57%,#bf9ddb88 0,transparent 38%),linear-gradient(135deg,#302039,#79608f 65%,#39283f);filter:blur(8px);animation:nebula 12s ease-in-out infinite alternate}.loading-nebula:after{content:'';position:absolute;inset:0;opacity:.2;filter:contrast(140%);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='3' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.5' filter='url(%23n)'/%3E%3C/svg%3E")}.loading-orbit{position:absolute;left:13%;top:23%;width:68%;aspect-ratio:1;border-radius:50%;border:1px solid #e7d0ff4d;box-shadow:inset 0 2px 12px #f4dfff70,0 -8px 24px #e9caff36,18px -12px 25px #c39bfb21;transform:rotate(-26deg);filter:blur(2px)}.loading-orbit:before{content:'';position:absolute;right:-2%;top:28%;width:8%;height:6%;border-radius:50%;background:#dabff9;box-shadow:0 0 25px 8px #c8a3f4b0;filter:blur(6px)}.loading-stars{position:absolute;inset:0;background-image:radial-gradient(1.3px 1.3px at 10% 13%,#fff8,transparent),radial-gradient(1px 1px at 28% 6%,#ffff,transparent),radial-gradient(1.2px 1.2px at 63% 3%,#ffff,transparent),radial-gradient(1px 1px at 86% 32%,#fff9,transparent),radial-gradient(1px 1px at 6% 75%,#fffa,transparent),radial-gradient(1px 1px at 40% 57%,#fff8,transparent),radial-gradient(1.3px 1.3px at 73% 80%,#ffff,transparent);background-size:161px 209px,259px 281px,179px 223px,211px 347px,267px 259px,127px 173px,293px 191px;opacity:.8}.loading-stars:before,.loading-stars:after{content:'✦';position:absolute;font-size:23px;color:#fff8;text-shadow:0 0 16px #fff;animation:twinkle 3s ease-in-out infinite alternate}.loading-stars:before{top:12%;left:8%}.loading-stars:after{top:64%;left:82%;font-size:13px;animation-delay:1s}.loading-top{position:absolute;top:26px;left:30px;font-size:8px;letter-spacing:4px;opacity:.55}.loading-copy{position:absolute;left:8%;right:8%;bottom:9%;text-align:center}.loading-percent{text-align:left;font-weight:200;line-height:1;margin:0 0 35px 4%;font-size:clamp(64px,9vw,120px);text-shadow:0 0 14px #fff7;letter-spacing:-4px}.loading-percent small{font-size:40%;margin-left:5px;font-weight:200}.loading-track{height:6px;background:#ebd7fa23;position:relative;margin-bottom:28px;border:1px solid #f5e9ff16}.loading-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#b992cf,#efd3ff,#fff4fa);box-shadow:0 0 18px #f2ddffc0;transition:width .35s ease;position:relative}.loading-track i:after{content:'';position:absolute;right:0;top:-5px;width:1px;height:15px;background:#fff6ff;box-shadow:0 0 12px 3px #fff8}.loading-copy b{display:block;font-family:serif;font-size:18px;font-weight:400;letter-spacing:2px}.loading-copy>small{display:block;color:#e5d4ef90;font-size:10px;margin:12px 0 20px}.loading-copy button{font-size:11px;background:#f5e2ff0a;border-color:#f5e2ff30;color:#f2e4fa}.connecting .loading-track i{width:35%!important;animation:connecting 2.5s ease-in-out infinite}.connecting .loading-percent{font-size:75px;letter-spacing:7px;opacity:.65}@keyframes connecting{0%{transform:translateX(0)}50%{transform:translateX(185%)}100%{transform:translateX(0)}}@keyframes twinkle{to{opacity:.3;transform:scale(.7)}}@keyframes nebula{to{transform:translate(-2%,2%) scale(1.05)}}
@media(min-width:1000px){#loading{left:50%;right:auto;width:min(100%,700px);transform:translateX(-50%)}.loading-copy{bottom:8%}.loading-orbit{width:60%;left:16%;top:13%}}@media(max-width:720px){#brandTitle{font-size:17px!important;max-width:200px}.topbar nav{gap:3px;overflow-x:auto;justify-content:space-between}.topbar nav button{padding:7px 7px;font-size:10px;white-space:nowrap}.studio-shell{padding:26px 16px 20px}.studio-kicker{letter-spacing:2px;font-size:8px}.studio-hero{gap:10px;align-items:flex-start}.studio-hero h1{font-size:28px;letter-spacing:2px}.studio-hero button{font-size:9px;padding:8px}.studio-tabs{gap:2px;margin:20px 0 26px;justify-content:space-between}.studio-tabs button{font-size:11px;padding:10px 7px}.section-bar{gap:10px}.section-bar h2{font-size:20px}.section-bar p{font-size:10px}.section-bar button{font-size:10px;padding:9px}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.portrait-preview{height:190px}.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.scene-tile>div{height:110px}.scene-tile b{font-size:12px}.route-grid{grid-template-columns:1fr}.image-workshop{grid-template-columns:1fr}#imagePreview{position:static}.studio-foot{gap:8px}.studio-foot span{width:100%;font-size:9px}.loading-orbit{width:95%;left:3%;top:21%}.loading-percent{font-size:85px}.loading-copy b{font-size:17px}}
@media(prefers-reduced-motion:reduce){#loading *{animation:none!important;transition:none!important}.loading-track i{transition:none!important}}

.mini-asset-item{display:flex;flex-direction:column;width:100px;gap:5px}.mini-edit{font-size:9px;padding:5px}
/* Workspace navigation, resource libraries and floating help. */
.topbar nav button.selected:not(.accent){color:#eadbff;border-color:#b99add70;background:#9c75c31a}.topbar nav .main-entry{min-width:116px;margin-left:10px;padding:10px 24px;font-size:13px}.main-entry span{margin-left:18px}.guide-float{position:fixed;right:22px;bottom:24px;z-index:60;display:flex;align-items:center;gap:8px;padding:9px 13px;border-radius:30px;color:#d9c8eb;background:#211a2feb;border-color:#c0a2e13b;font-size:11px;box-shadow:0 6px 25px #0003}.guide-float>span{display:grid;place-items:center;border:1px solid #be9dde85;width:18px;height:18px;border-radius:50%;font-family:serif}body:has(#playTools:not([hidden])) .guide-float{bottom:122px;right:16px}.studio-shell{padding-bottom:84px}.hub-grid,.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hub-card{text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:24px;background:linear-gradient(140deg,#33233f60,#201a2e60);border-color:var(--studio-line);min-height:165px}.hub-card>span{font:25px serif;color:#c4a4e8}.hub-card>b{font-size:17px;font-weight:500}.hub-card>small{font-size:11px;line-height:1.7}.hub-card>em{font-size:11px;font-style:normal;color:#c5a5e8;margin-top:5px}.hub-card:disabled{cursor:default}.main-summary{padding:0 0 20px}.main-summary>small{letter-spacing:3px;font-size:9px;color:#ad8fca}.main-summary h2{font-family:serif;font-weight:400;font-size:26px;margin:10px 0}.main-summary p{font-size:12px;color:var(--studio-soft);line-height:1.8}.main-secondary{margin-top:20px}.main-secondary button{font-size:11px}.prompt-link{display:flex;align-items:center;gap:16px;justify-content:space-between;background:#a383c00b;border:1px solid var(--studio-line);border-radius:8px;padding:12px;margin:0 0 20px;font-size:11px;color:#bba5cf}.prompt-link button{font-size:11px;white-space:nowrap}.audio-library{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.audio-card{min-width:0;background:#21192c65;border:1px solid var(--studio-line);border-radius:12px;padding:22px}.audio-card>small{font-size:9px;letter-spacing:2px;color:#ad8fca}.audio-card h3{font:20px serif;letter-spacing:1px;font-weight:400;margin:13px 0 22px}.audio-card p{font-size:12px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;color:#d4c4e3}.audio-card audio{width:100%;height:38px;margin:10px 0 18px}.audio-card button{font-size:11px}.audio-download{color:#d3b5f2;font-size:11px;text-decoration:none}.price-card{padding:27px 24px;border:1px solid var(--studio-line);border-radius:12px;background:linear-gradient(160deg,#32223f60,#21192c60)}.price-card>small{font-size:9px;letter-spacing:3px}.price-card h2{font:23px serif;font-weight:400;margin:17px 0}.price{font-size:42px;letter-spacing:-2px;color:#f0e5fd;margin:20px 0}.price span{font-size:12px;letter-spacing:0;color:#ac95c1}.price-card ul{padding:0 0 0 18px;color:#bca8cc;font-size:12px;line-height:2.6;margin:0 0 26px}.price-card.commercial{border-color:#c4a2e666;background:linear-gradient(160deg,#64427838,#261c3860)}.pricing-grid+.hint{margin-top:22px}.guide-layout{display:grid;grid-template-columns:155px minmax(0,1fr);gap:26px}.guide-nav{display:flex;flex-direction:column;gap:7px}.guide-nav button{text-align:left;border-color:transparent;background:transparent;padding:10px 8px;font-size:11px;color:#b8a3ca;display:flex;align-items:center;gap:10px}.guide-nav small{font-size:9px;color:#876e9e}.guide-nav .selected{background:#ac85d218;color:#ecddfa;border-color:#b590d62e}.guide-chapter>small{font-size:9px;letter-spacing:2px;color:#a587be}.guide-chapter h2{font:25px serif;font-weight:400;letter-spacing:1px;margin:14px 0}.guide-chapter p,.guide-chapter li{font-size:12px;line-height:2;color:#cdbedc}.guide-chapter ol{padding-left:19px}.guide-chapter li{margin-bottom:12px}.guide-chapter .button-row{margin-top:24px;justify-content:space-between}.guide-chapter button{font-size:11px}#playTools{flex-wrap:wrap}#playTools button{font-size:11px}#playTools>span{margin-left:auto}
@media(max-width:720px){.topbar nav .main-entry{min-width:72px;margin-left:3px;padding:8px 12px;font-size:11px}.main-entry span{margin-left:8px}.topbar nav button{padding:8px 10px}.guide-float{right:14px;bottom:16px;font-size:10px}.hub-grid{gap:10px}.hub-card{padding:17px;gap:10px;min-height:155px}.hub-card>b{font-size:15px}.hub-card>small{font-size:10px}.hub-card>em{font-size:10px}.guide-layout{grid-template-columns:1fr;gap:20px}.guide-nav{flex-direction:row;overflow-x:auto;padding-bottom:6px}.guide-nav button{white-space:nowrap;flex-shrink:0}.guide-chapter h2{font-size:23px}.price-card{padding:20px 16px}.price-card ul{font-size:10px}.price{font-size:36px}.prompt-link{flex-wrap:wrap;gap:10px}.section-bar .button-row{gap:7px}.section-bar .button-row button{padding:8px}.studio-tabs{justify-content:flex-start;gap:5px}.studio-tabs button{padding:10px}.section-bar{flex-wrap:wrap}body:has(#playTools:not([hidden])) .guide-float{bottom:154px}#playTools>span{display:none}}
@media(max-width:380px){.pricing-grid{grid-template-columns:1fr}.topbar nav button{padding:7px 8px}.topbar nav .main-entry{min-width:64px}.hub-card{padding:14px}}