.builder-intro{padding-top:150px;padding-bottom:60px}.builder-intro h1{font-size:clamp(48px,6.5vw,94px)}.builder-intro p{max-width:720px}.builder-shell{padding-bottom:45px}.builder-top{display:flex;justify-content:space-between;gap:20px;align-items:center;border:1px solid #8580ca55;padding:22px;background:linear-gradient(120deg,#242044,#101525);border-radius:20px 20px 0 0}.builder-top strong{font-size:11px;letter-spacing:.13em}.builder-top span{display:block;font-size:11px;color:#bfbcd8;margin-top:8px}.builder-top>div:last-child{display:flex;gap:8px;flex-wrap:wrap}.builder-layout{display:grid;grid-template-columns:350px minmax(0,1fr);border:1px solid #8580ca44;border-top:0;border-radius:0 0 20px 20px;overflow:hidden}.builder-controls{background:linear-gradient(170deg,#151a2b,#14111f);border-right:1px solid #8580ca44}.builder-tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:12px;gap:7px}.builder-tabs button{border:1px solid #8279c355;background:#ffffff04;padding:12px 5px;color:#c4c9db;border-radius:9px;font:inherit;font-size:11px;cursor:pointer}.builder-tabs small{display:block;font-size:9px;opacity:.65;margin-bottom:4px}.builder-tabs button[aria-pressed=true]{color:#fff;background:linear-gradient(120deg,#4f438b,#20334e);border-color:#afa0ff;box-shadow:0 0 25px #ae7aff18}#builder-panel{padding:20px;max-height:800px;overflow:auto;scrollbar-width:thin}#builder-panel h2{font-size:27px;line-height:1.2;margin:0 0 14px}#builder-panel h3{font-size:16px;margin:20px 0 10px}#builder-panel p{font-size:12px;line-height:1.7}#builder-panel label{display:block;font-size:11px;color:#c8cce0;margin:16px 0 7px}#builder-panel input:not([type=checkbox]),#builder-panel textarea,#builder-panel select{width:100%;padding:11px;background:#0e1220;border:1px solid #7e82ad66;border-radius:8px;color:white;font:inherit;font-size:13px;min-width:0}#builder-panel textarea{min-height:100px;resize:vertical}#builder-panel input[type=color]{height:45px;padding:4px}#builder-panel input[type=checkbox]{accent-color:#ad99ff}#builder-panel .btn{font-size:11px;width:100%;justify-content:center}#builder-panel button{cursor:pointer}#builder-panel .control{font-size:10px;padding:9px;margin-top:9px}.builder-canvas{min-width:0;background:#10131d;padding:15px}.builder-viewbar{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;padding:5px 2px 18px}.builder-viewbar>span{font-size:9px;letter-spacing:.08em;color:#b2b9d6}.builder-viewbar button{background:#ffffff05;border:1px solid #777f9e66;color:#cdd1e1;padding:8px;font-size:10px;border-radius:6px;cursor:pointer}.builder-viewbar button[aria-pressed=true]{background:#c5b8ff;color:#131021}.builder-viewport{overflow:auto;background:radial-gradient(ellipse at 50% 0,#30374d,#10131d);border:1px solid #8580ca33;padding:10px;border-radius:12px}#builder-frame{display:block;margin:auto;border:0;border-radius:8px;background:#0c1020;height:850px;width:100%}.builder-canvas>.tiny{font-size:10px}.builder-canvas.expanded{position:fixed;inset:0;z-index:1800;padding:20px}.builder-canvas.expanded #builder-frame{height:calc(100vh - 130px)}.builder-canvas.expanded .builder-viewport{height:calc(100vh - 90px)}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.template-card{background:#101626;border:1px solid #7c7fac55;color:white;padding:0;border-radius:10px;overflow:hidden;text-align:left}.template-card img{width:100%;height:85px;object-fit:cover}.template-card span{display:block;padding:10px;font-size:11px}.template-card[aria-pressed=true]{border:2px solid #bba6ff;box-shadow:0 0 20px #ad8aff22}.builder-section-row{display:flex;align-items:center;gap:5px;padding:10px 0;border-bottom:1px solid #7f79a333}.builder-section-row>button:first-of-type{flex:1;text-align:left;background:none;border:0;color:#e3e1f1;text-transform:capitalize}.builder-section-row button{background:#ffffff08;color:#d5caff;border:1px solid #8479b244;border-radius:5px;padding:6px}.builder-section-row input{margin-right:8px}.builder-section-row button:disabled{opacity:.25}.builder-item{padding:12px;border:1px solid #8076b33d;border-radius:9px;margin:12px 0;background:#ffffff03}.builder-media-library{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:15px}.builder-media-library button{padding:0;border:1px solid #9480e36b;border-radius:7px;overflow:hidden;background:none}.builder-media-library img{width:100%;height:65px;object-fit:cover;display:block}.builder-effects{display:grid;grid-template-columns:1fr 1fr;gap:8px}.builder-effect{position:relative;overflow:hidden;background:radial-gradient(ellipse at 20% 50%,#53478f,#142439);border:1px solid #8d84bc55;color:white;border-radius:9px;padding:25px 5px;font-size:11px;text-transform:capitalize}.builder-effect[aria-pressed=true]{border-color:#d1c6ff;box-shadow:inset 0 0 22px #aaa1ff33}.builder-review-summary{white-space:pre-line;font-size:12px;padding:16px;background:#ffffff05;border-radius:10px;line-height:1.8}.builder-explainer{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.builder-explainer article{padding:25px;border:1px solid #837aaf44;border-radius:15px}.builder-explainer h3{font-size:18px}.builder-explainer p{font-size:14px}.builder-controls :focus-visible,.builder-viewbar :focus-visible{outline:2px solid #c9b4ff;outline-offset:3px}.builder-error{color:#ffbfce!important}.builder-warning{border-left:2px solid #b49aff;padding-left:12px;color:#c6c3d9}.builder-review-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:1100px){.builder-layout{grid-template-columns:300px minmax(0,1fr)}}@media(max-width:780px){.builder-layout{grid-template-columns:1fr}.builder-top{flex-direction:column;align-items:flex-start}.builder-controls{border-right:0}.builder-tabs{position:sticky;top:0;z-index:1;background:#151a2b}#builder-panel{max-height:550px}.builder-canvas{padding:9px}#builder-frame{height:650px}.builder-explainer{grid-template-columns:1fr}.builder-intro{padding-top:120px}.builder-canvas.expanded{padding:10px}.builder-viewport{padding:5px}}

.builder-next-stage{margin-top:24px}.builder-effect:before{content:"";position:absolute;inset:-50%;background:conic-gradient(transparent 65%,#bfa8ff44,transparent 85%);animation:builder-orbit 12s linear infinite;pointer-events:none}.builder-effect[data-effect=none]:before{display:none}.builder-effect[data-effect=grid]{background-image:linear-gradient(#92cfff22 1px,transparent 1px),linear-gradient(90deg,#92cfff22 1px,transparent 1px);background-size:15px 15px}.builder-effect[data-effect=rays]{background:repeating-conic-gradient(from 0deg at 50% 50%,#19243c 0deg 20deg,#6a5994 21deg 23deg,#19243c 24deg 30deg)}.builder-effect[data-effect=particles]{background:radial-gradient(circle at 20% 30%,#b5c8ff 1px,transparent 3px),radial-gradient(circle at 70% 70%,#b5c8ff 1px,transparent 3px),#172239;background-size:30px 30px}.builder-effect[data-effect=orbit]{background:repeating-radial-gradient(ellipse,#142439 0 15px,#8065b955 16px 18px,#142439 19px 30px)}@keyframes builder-orbit{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.builder-effect:before{animation:none}}.reduce-motion .builder-effect:before{animation:none}

.niche-creator{padding:22px;border:1px solid #a991ff88;border-radius:18px;background:radial-gradient(ellipse at 100% 0,#5f38ad44,transparent 70%),#101525;margin-bottom:30px}.niche-creator .btn{width:100%;margin-top:12px}.niche-creator h2{font-size:28px}.niche-creator .fine{font-size:11px}#builder-panel label:has(input[type=checkbox]){display:flex;align-items:center;gap:10px}#builder-panel input[type=checkbox]{width:auto;margin:0}
.studio-tool{border:1px solid #8d94c144;border-radius:18px;padding:18px;margin:20px 0;background:linear-gradient(140deg,#1e2340,#0d1424)}.studio-tool summary{cursor:pointer;font-size:20px;font-weight:600;color:#f2f3ff;list-style:none;display:flex;justify-content:space-between;gap:15px}.studio-tool summary span{color:#a9caff}.studio-tool .btn{width:100%;margin:12px 0}.studio-tool p{font-size:12px}.studio-colours{display:grid;grid-template-columns:1fr 1fr;gap:12px}.studio-colours input[type=color]{height:44px;padding:3px}.studio-tool .studio-consent{display:flex;align-items:flex-start;gap:9px;font-size:12px}.studio-scene{border-top:1px solid #8797ca33;padding-top:14px;margin-top:15px}.studio-scene strong{font-size:12px;letter-spacing:.1em;color:#bfcaff}.studio-film-preview{border:1px solid #8a9edb66;border-radius:12px;overflow:hidden;margin:16px 0}.studio-film-preview canvas{display:block;width:100%;height:auto}.studio-film-preview button{margin:8px}.template-art{display:grid;place-items:center;height:100px;font-size:28px!important;letter-spacing:.1em;background:radial-gradient(ellipse at 90% 20%,#8967db77,transparent),repeating-linear-gradient(130deg,#32497233 0 1px,transparent 1px 20px),#101b30!important;color:#cde2ff}.studio-promo{position:relative;border:1px solid #a39cf05c;border-radius:24px;padding:clamp(25px,5vw,60px);margin:60px auto;overflow:hidden;background:radial-gradient(ellipse at 90% 20%,#534c8e66,transparent 65%),#101522}.studio-promo:before{content:'';position:absolute;width:300px;height:300px;border-radius:50%;border:1px solid #98baff44;right:-80px;top:-80px;box-shadow:0 0 80px #7667cc44;pointer-events:none;animation:studio-orbit 10s ease-in-out infinite alternate}.studio-promo h2{max-width:800px}.studio-promo p{max-width:750px}.studio-promo-links{display:flex;gap:12px;flex-wrap:wrap}@keyframes studio-orbit{to{transform:scale(1.3) translate(-30px,20px)}}@media(prefers-reduced-motion:reduce){.studio-promo:before{animation:none}}
.studio-theme-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.studio-theme-presets button:before{content:'';display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--swatch);border:1px solid #ffffff77;margin-right:5px}.whole-theme-tool input[type=color]{width:100%;height:54px}.studio-style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:15px 0}.studio-style-tile{padding:0;border:1px solid #9aafff33;border-radius:10px;background:#10182a;color:#dbe8ff;overflow:hidden;cursor:pointer}.studio-style-tile[aria-pressed=true]{border-color:#c1adff;box-shadow:0 0 20px #9e83ff33}.studio-style-tile span{display:block;padding:6px;font-size:10px;text-transform:capitalize}.studio-style-tile i{display:block;height:62px;background:repeating-radial-gradient(ellipse at 70% 50%,transparent 0 9px,#aacaff77 10px,transparent 12px 20px)}.style-starflight i{background:repeating-conic-gradient(from 30deg at 70% 45%,transparent 0deg 10deg,#b9dfff88 11deg,transparent 12deg 23deg)}.style-aurora i,.style-liquid i{background:radial-gradient(ellipse at 60% 20%,#69e9ca88,transparent),radial-gradient(ellipse at 30% 90%,#b76bff99,transparent)}.style-kinetic i{background:repeating-linear-gradient(125deg,transparent 0 15px,#aa9bff88 16px 18px,transparent 20px 30px)}.style-editorial i{background:linear-gradient(25deg,#403a39,#b7a28e)}.style-blueprint i,.style-hologram i{background:repeating-linear-gradient(0deg,transparent 0 14px,#64c5ee55 15px),repeating-linear-gradient(90deg,transparent 0 14px,#64c5ee55 15px)}.style-neonwave i{background:repeating-radial-gradient(ellipse at 20% 100%,transparent 0 7px,#f381eeaa 8px,transparent 10px 16px)}.style-eclipse i{background:radial-gradient(circle at 65% 50%,#040914 0 20px,#e5bdff 21px,#562e7877 24px,transparent 32px)}.style-prism i{background:conic-gradient(from 45deg,#9c8ceb55,#5ce0e866,#090e22,#b6aaff66)}.style-embers i{background:radial-gradient(ellipse at 50% 100%,#ff9e4788,transparent 60%),#140c0a}.studio-film-preview:has(canvas[height="1280"]){max-width:230px;margin-inline:auto}.studio-film-preview label{padding:0 10px;font-size:11px}

/* Individual visual previews replace generic effect backgrounds. */
.builder-effect{padding:0;background:#091325!important;text-align:left}.builder-effect:before{display:none}.builder-effect svg{display:block;width:100%;height:auto;aspect-ratio:16/9}.builder-effect span{display:block;padding:10px;font-size:12px}.builder-effect:hover svg,.studio-style-tile:hover canvas{filter:brightness(1.25)}.studio-style-tile canvas{display:block;width:100%;height:auto;aspect-ratio:16/9;pointer-events:none}.studio-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-effect[aria-pressed=true],.studio-style-tile[aria-pressed=true]{outline:2px solid #99dcff;outline-offset:-2px;box-shadow:0 0 20px #65cfff55}.studio-style-tile span{padding:10px;font-size:12px}