:root{--bg:#050708;--panel:#0b0f10;--panel2:#101415;--line:#23292b;--muted:#858d8e;--text:#f6f5ef;--gold:#d5aa59;--gold2:#f0cc85;--violet:#907dff;--acid:#d8ef55}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;overflow:hidden;background:radial-gradient(circle at top,#0d1112,#050708 56%);color:var(--text);font:500 14px/1.45 'DM Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}button{cursor:pointer}.app-shell{height:100%;display:grid;grid-template-rows:64px 150px 1fr}.topbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:0 18px;border-bottom:1px solid var(--line);background:rgba(5,7,8,.94);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#24190d,#bd8736);font-size:12px;font-weight:800;color:#fff3d8;border:1px solid rgba(255,255,255,.08)}.brand b{display:block;font-size:15px;letter-spacing:-.02em}.brand small{display:block;color:#7f8788;font-size:10px;margin-top:1px}.top-help{font-size:12px;color:#888f90;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-actions,.mini-actions{display:flex;gap:8px}.preview-btn,.export-btn,.ghost-btn,.icon-btn,.tiny-square,.upload-pill,.preview-big,.export-big{border:1px solid #313638;background:#101415;border-radius:10px;transition:.18s ease}.preview-btn,.export-btn,.ghost-btn{height:40px;padding:0 14px}.preview-btn{color:#e9ddc3;border-color:#51462f;background:#16130e}.export-btn{background:linear-gradient(135deg,#f1ce88,#d59d49);color:#171107;border-color:#d6a34e;font-weight:800}.icon-btn,.tiny-square{width:34px;height:34px;display:grid;place-items:center}.media-rail-wrap{padding:13px 18px 12px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:9px;background:linear-gradient(180deg,#07090a,#080b0c)}.section-label-row{display:flex;align-items:end;justify-content:space-between;gap:18px}.section-label-row b{display:block;font-size:13px}.section-label-row span{display:block;font-size:11px;color:var(--muted);margin-top:2px}.upload-pill{position:relative;display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 14px;border-radius:999px;overflow:hidden;color:#f2d39a;border-color:#55462f;background:#151109}.upload-pill input{position:absolute;inset:0;opacity:0;cursor:pointer}.media-rail{display:flex;gap:10px;overflow:auto;padding-bottom:2px;scrollbar-width:thin}.media-card{min-width:178px;width:178px;padding:7px;border:1px solid #272c2d;background:#0f1213;border-radius:13px;text-align:left}.media-card.active{border-color:#a37a3b;background:#16130f;box-shadow:0 0 0 1px rgba(213,170,89,.2) inset}.media-thumb{height:82px;border-radius:9px;overflow:hidden;background:#080b0c;position:relative}.media-thumb img,.media-thumb video{width:100%;height:100%;display:block;object-fit:cover}.media-meta-row{padding:7px 2px 1px;display:flex;flex-direction:column}.media-meta-row b{font-size:10px}.media-meta-row span{font-size:10px;color:#858c8d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-grid{min-height:0;display:grid;grid-template-columns:290px minmax(0,1fr) 340px}.left-panel,.inspector{min-height:0;overflow:auto;background:#090c0d}.left-panel{border-right:1px solid var(--line)}.inspector{border-left:1px solid var(--line);padding:15px}.left-section{padding:14px;border-bottom:1px solid #202627}.left-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.left-title b{display:block;font-size:12px}.left-title span{display:block;font-size:10px;color:#7e8687;margin-top:2px}.slide-list{display:grid;gap:7px;max-height:245px;overflow:auto}.slide-item{display:grid;grid-template-columns:27px 62px 1fr;gap:8px;align-items:center;padding:7px;border:1px solid #262b2c;background:#0f1213;border-radius:10px;text-align:left}.slide-item.active{border-color:#9e773d;background:#17140f}.slide-number{font-size:9px;color:#777f80}.slide-mini-bg{height:42px;border-radius:7px;overflow:hidden;position:relative;background:#111}.slide-mini-bg img,.slide-mini-bg video{width:100%;height:100%;object-fit:cover}.slide-copy{min-width:0}.slide-copy b{display:block;font-size:10px}.slide-copy small{display:block;font-size:9px;color:#7f8788;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slide-order{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}.slide-order button{height:30px;border:1px solid #2d3233;border-radius:8px;background:#101415}.slide-order button:disabled{opacity:.35}.scene-template-list{display:grid;gap:7px}.scene-template-card{display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center;padding:8px;border:1px solid #272c2d;background:#0f1213;border-radius:11px;text-align:left}.scene-template-card.active{border-color:#9d773e;background:linear-gradient(100deg,#18130b,#111416)}.scene-template-icon{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#1d2223,#0b0e0f);border:1px solid #282e2f;color:#e3bd74;font-size:17px}.scene-template-card b{display:block;font-size:10px}.scene-template-card small{display:block;font-size:8.5px;color:#81898a;margin-top:2px}.scene-template-card em{font-style:normal;font-size:7px;letter-spacing:.12em;color:#b5d6ff;border:1px solid #32455b;padding:4px 5px;border-radius:999px}.transition-pills{display:flex;flex-wrap:wrap;gap:6px}.transition-pills button{height:29px;padding:0 9px;border:1px solid #2b3132;border-radius:999px;background:#101415;color:#9aa1a1;font-size:8px}.transition-pills button.active{border-color:#8f6d39;color:#e7c685;background:#18130b}.preview-column{min-width:0;min-height:0;padding:15px 17px 17px;display:flex;flex-direction:column;background:linear-gradient(180deg,#090c0d,#050708)}.editor-heading{margin-bottom:10px}.scroll-preview{min-height:0;overflow:auto;padding-right:4px;display:flex;flex-direction:column;gap:16px}.scene-card{border:1px solid #242a2b;border-radius:17px;background:#090b0c;padding:10px;box-shadow:0 26px 76px rgba(0,0,0,.26)}.scene-card.selected{border-color:#9c7438;box-shadow:0 0 0 1px rgba(213,170,89,.17) inset,0 26px 76px rgba(0,0,0,.31)}.scene-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.scene-head b{display:block;font-size:11px}.scene-head span{display:block;font-size:9px;color:#81898a;margin-top:2px}.scene-chip{font-size:8px!important;padding:5px 8px;border:1px solid #53442e;border-radius:999px;background:#17130d;color:#e4c587!important}.scene-stage{position:relative;aspect-ratio:16/9;border-radius:13px;overflow:hidden;background:#101415;box-shadow:0 18px 65px rgba(0,0,0,.42);perspective:900px;isolation:isolate}.scene-media,.scene-overlay,.generated-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.scene-overlay{background:#050708;z-index:2}.copy-block{position:absolute;z-index:8;left:50%;top:50%;transform:translate(-50%,-50%);width:min(76%,900px);padding:16px 20px;touch-action:none}.copy-block.align-left{text-align:left}.copy-block.align-center{text-align:center}.copy-block.align-right{text-align:right}.copy-block h2,.copy-block p{margin:0;outline:none}.copy-block h2{line-height:.91;letter-spacing:-.045em;text-wrap:balance;text-shadow:0 11px 39px rgba(0,0,0,.52)}.copy-block p{margin-top:12px;font-size:clamp(11px,1.4vw,19px);line-height:1.45;text-shadow:0 5px 20px rgba(0,0,0,.6)}.drag-handle{position:absolute;top:-11px;left:50%;transform:translateX(-50%);width:26px;height:26px;border-radius:8px;border:1px solid #7c633b;background:#171a1b;color:var(--gold);display:grid;place-items:center;opacity:.74;z-index:4}.copy-block:hover .drag-handle{opacity:1}.copy-block.effect-poster h2{text-transform:uppercase;line-height:.82;letter-spacing:.015em}.copy-block.effect-glass{background:rgba(9,12,13,.4);border:1px solid rgba(255,255,255,.16);border-radius:18px;backdrop-filter:blur(11px);padding:25px 30px}.copy-block.effect-magazine h2{font-style:italic}.motion-fade-blur{animation:fadeBlur .95s ease both}.motion-wipe{animation:wipe 1s cubic-bezier(.2,.8,.2,1) both}.motion-blur{animation:blurIn .9s ease both}.motion-slide-left{animation:slideLeft .85s cubic-bezier(.2,.8,.2,1) both}.motion-scale{animation:scaleIn .8s cubic-bezier(.2,.8,.2,1) both}@keyframes fadeBlur{from{opacity:0;filter:blur(14px);transform:translate(-50%,calc(-50% + 36px))}to{opacity:1;filter:blur(0);transform:translate(-50%,-50%)}}@keyframes wipe{from{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}@keyframes blurIn{from{opacity:0;filter:blur(18px)}to{opacity:1;filter:blur(0)}}@keyframes slideLeft{from{opacity:0;transform:translate(calc(-50% - 70px),-50%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes scaleIn{from{opacity:0;transform:translate(-50%,-50%) scale(.82)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.scene-behavior-note{position:absolute;z-index:9;left:12px;bottom:10px;padding:5px 7px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(4,6,8,.45);backdrop-filter:blur(7px);font-size:7px;letter-spacing:.08em;color:#b9bbb7}.editor-frame-guide{position:absolute;z-index:4;left:18%;right:18%;top:16%;bottom:16%;border:1px solid rgba(255,255,255,.25);border-radius:24px;box-shadow:0 30px 80px rgba(0,0,0,.42);transform:perspective(700px) rotateX(4deg) rotateY(-5deg)}.editor-depth-planes i{position:absolute;z-index:4;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.035);backdrop-filter:blur(8px);border-radius:18px}.editor-depth-planes i:nth-child(1){width:26%;height:25%;right:8%;top:12%;transform:rotate(-5deg)}.editor-depth-planes i:nth-child(2){width:20%;height:18%;right:18%;top:42%;transform:rotate(6deg)}.editor-depth-planes i:nth-child(3){width:16%;height:14%;right:6%;bottom:10%;transform:rotate(-3deg)}.editor-depth-planes i:nth-child(4){left:4%;bottom:-9%;width:54%;height:40%;border-radius:50%;opacity:.35}.editor-signal-rings i{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(125,164,255,.22);border-radius:50%}.editor-signal-rings i:nth-child(1){width:28%;height:50%}.editor-signal-rings i:nth-child(2){width:46%;height:82%;opacity:.7}.editor-signal-rings i:nth-child(3){width:66%;height:116%;opacity:.4;border-color:rgba(216,239,85,.2)}.editor-ticker{position:absolute;z-index:3;inset:0;display:flex;flex-direction:column;justify-content:center;gap:10px;overflow:hidden;font:700 clamp(36px,7vw,90px)/.85 'Bebas Neue';white-space:nowrap;color:rgba(8,9,10,.5);transform:rotate(-4deg)}.editor-ticker span:first-child{transform:translateX(-8%)}.editor-ticker span:last-child{transform:translateX(-30%);color:transparent;-webkit-text-stroke:1px rgba(8,9,10,.4)}.contact-preview-card{min-height:230px;border-radius:20px;border:1px solid #272e2f;padding:26px;background:radial-gradient(circle at 15% 20%,rgba(144,125,255,.16),transparent 28%),radial-gradient(circle at 82% 78%,rgba(216,239,85,.12),transparent 25%),#0b0d10}.contact-preview-card>span{font-size:8px;letter-spacing:.17em;color:#c6c6c0}.contact-preview-card h3{margin:10px 0 6px;font-size:clamp(34px,4.5vw,70px);line-height:.9;letter-spacing:-.05em}.contact-preview-card p{color:#a9aaa5;max-width:600px}.contact-preview-card>div{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.contact-preview-card>div b{padding:8px 10px;border:1px solid #303637;border-radius:999px;font-size:9px}.add-section-card{border:1px dashed #394142;background:#0d1112;border-radius:17px;min-height:105px;display:grid;place-items:center;text-align:center;color:#d6d9d5;padding:14px}.add-section-card span{font-size:30px;color:var(--gold)}.add-section-card b{display:block;font-size:13px}.add-section-card small{display:block;color:#7c8485;margin-top:3px}.inspector-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:12px;border-bottom:1px solid #23292a}.inspector-head b{display:block;font-size:14px}.inspector-head span{display:block;font-size:10px;color:#81898a;margin-top:2px}.inspector-section{padding:13px 0;border-bottom:1px solid #202627}.inspector-section:last-child{border-bottom:0}.sub-label{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#d3b16b;margin-bottom:9px}.text-template-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.text-template-card{height:55px;border:1px solid #292f30;background:#101415;border-radius:9px;display:grid;place-items:center;padding:4px}.text-template-card span{font-size:17px}.text-template-card b{font-size:7px;color:#888f90}.text-template-card.active{border-color:#9f783e;background:#17140e;color:#efd09a}.fx-editorial span{font-family:'Playfair Display'}.fx-poster span{font-family:'Bebas Neue'}.fx-glass span{font-family:'Manrope'}.fx-minimal span{font-family:'Space Grotesk'}.fx-magazine span{font-family:'Cormorant Garamond';font-style:italic}.inspector label{display:block;font-size:10px;color:#bfc4c3;margin-bottom:10px}.inspector select,.text-input{width:100%;height:38px;border:1px solid #2c3233;background:#111516;border-radius:9px;padding:0 9px;color:#eeeae2;margin-top:5px;outline:none}.inspector input[type=range]{width:100%;margin-top:6px;accent-color:var(--gold)}.inspector input[type=color]{width:100%;height:38px;border:1px solid #2c3233;background:#111516;border-radius:9px;padding:3px;margin-top:5px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:8px}.range-value{float:right;color:#e6c47f}.feature-stack{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.feature-stack span{font-size:7px;letter-spacing:.08em;padding:5px 7px;border:1px solid #2d3334;border-radius:999px;color:#9aa1a1;background:#101415}.preview-big,.export-big{width:100%;height:42px;display:flex;align-items:center;justify-content:center;margin-top:8px}.preview-big{color:#ecd3a7;border-color:#55462f;background:#17130d}.export-big{background:linear-gradient(135deg,#f1ce88,#d49b47);border-color:#d5a24d;color:#171107;font-weight:800}.preview-overlay{position:fixed;inset:0;z-index:60;background:#020304;display:grid;place-items:center;padding:12px}.preview-shell{width:100%;height:100%;display:grid;grid-template-rows:54px 1fr;border:1px solid #2f3637;border-radius:16px;overflow:hidden;background:#07090a}.preview-shell header{display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #252b2c;background:#0b0e0f}.preview-shell header b{display:block;font-size:12px}.preview-shell header span{display:block;font-size:9px;color:#7f8788}.preview-shell header button{height:32px;padding:0 11px;border:1px solid #313738;background:#121617;border-radius:9px}.preview-shell iframe{width:100%;height:100%;border:0;background:#050608}.modal-backdrop{position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.78);backdrop-filter:blur(10px);display:grid;place-items:center;padding:18px}.export-modal{width:min(570px,94vw);border:1px solid #313738;border-radius:16px;background:#0b0f10;overflow:hidden;box-shadow:0 42px 130px rgba(0,0,0,.6)}.export-modal header{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #242a2b}.export-modal header b{display:block;font-size:14px}.export-modal header span{display:block;font-size:10px;color:#808889;margin-top:2px}.export-modal header button{width:32px;height:32px;border:1px solid #313738;border-radius:9px;background:#111516}.export-body{padding:15px}.format-stack{display:grid;gap:7px;margin:11px 0}.format-option{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;text-align:left;border:1px solid #2d3334;background:#101415;border-radius:10px}.format-option.active{border-color:#9d773e;background:#18130c}.format-option b{display:block;font-size:11px}.format-option small{display:block;font-size:9px;color:#838b8c;margin-top:2px}.ffmpeg-note{font-size:10px;line-height:1.48;color:#bba98a;border:1px solid #54462f;background:#16120c;border-radius:9px;padding:9px 10px}.status{height:26px;display:flex;align-items:center;gap:6px;font-size:10px;color:#878e8f;margin-top:8px}.spin{display:inline-block;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.generated-bg{overflow:hidden}.preview-bg{position:absolute!important;inset:0!important}.aurora-bg{background:linear-gradient(135deg,var(--c1),#050708 55%,var(--c2))}.aurora-bg span{position:absolute;width:62vmax;height:32vmax;border-radius:50%;filter:blur(46px);opacity:.46;background:var(--c2);animation:aurora 11s ease-in-out infinite alternate}.aurora-bg span:nth-child(1){left:-12%;top:2%}.aurora-bg span:nth-child(2){right:-18%;bottom:-2%;background:var(--c1);animation-delay:-4s}.aurora-bg span:nth-child(3){left:32%;bottom:-18%;width:42vmax;height:28vmax;opacity:.28;animation-delay:-8s}@keyframes aurora{to{transform:translate3d(9vw,7vh,0) rotate(12deg) scale(1.16)}}.orbit-bg{background:radial-gradient(circle at 50% 50%,var(--c2),var(--c1) 42%,#030506 72%)}.orbit-bg .orb{position:absolute;border:1px solid color-mix(in srgb,var(--c2) 65%,white);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);animation:orbitSpin 12s linear infinite}.orbit-bg .orb-a{width:52%;height:52%;aspect-ratio:1}.orbit-bg .orb-b{width:72%;height:28%;animation-direction:reverse;animation-duration:9s}.orbit-bg .orb-core{position:absolute;left:50%;top:50%;width:12%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:var(--c2);box-shadow:0 0 60px var(--c2)}@keyframes orbitSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}.waves-bg{background:linear-gradient(160deg,var(--c1),#030506 55%,var(--c2))}.waves-bg svg{position:absolute;inset:-10%;width:120%;height:120%;animation:waveFloat 8s ease-in-out infinite alternate}.waves-bg path{fill:none;stroke:var(--c2);stroke-width:3;opacity:.55;stroke-dasharray:16 12;animation:dash 12s linear infinite}.waves-bg path:nth-child(2){opacity:.28;stroke-width:5}.waves-bg path:nth-child(3){opacity:.18;stroke-width:2}@keyframes dash{to{stroke-dashoffset:-260}}@keyframes waveFloat{to{transform:translateY(-4%) scale(1.04)}}.mesh-bg{background:linear-gradient(145deg,var(--c1),#030405 50%,var(--c2))}.mesh-bg i{position:absolute;width:65%;aspect-ratio:1;border-radius:44%;filter:blur(45px);opacity:.35;background:var(--c2);animation:meshMove 12s ease-in-out infinite alternate}.mesh-bg i:nth-child(1){left:-18%;top:-26%}.mesh-bg i:nth-child(2){right:-22%;bottom:-24%;background:var(--c1);animation-delay:-5s}.mesh-bg i:nth-child(3){left:35%;top:20%;width:42%;opacity:.22;animation-delay:-8s}@keyframes meshMove{to{transform:translate(12%,10%) rotate(30deg) scale(1.15)}}@media(max-width:1120px){body{overflow:auto}.app-shell{height:auto;min-height:100vh;grid-template-rows:64px auto auto}.editor-grid{grid-template-columns:270px 1fr}.inspector{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);gap:12px;overflow:visible}.inspector-head{grid-column:1/-1}.site-settings-section{grid-column:span 2}.output-box{grid-column:span 2}.top-help{display:none}.topbar{grid-template-columns:1fr auto}}@media(max-width:760px){.editor-grid{display:block}.left-panel{border-right:0}.inspector{display:block}.media-card{min-width:160px;width:160px}.section-label-row{align-items:flex-start;flex-direction:column}.topbar{padding:8px 12px;height:auto}.app-shell{grid-template-rows:auto auto auto}.brand small{display:none}.scene-template-list{grid-template-columns:1fr 1fr}.scene-template-card{grid-template-columns:35px 1fr}.scene-template-card em{display:none}.text-template-grid{grid-template-columns:repeat(5,1fr)}}

/* V7 preview presentation controls */
.preview-header-actions{display:flex;align-items:center;gap:8px}.preview-shell:fullscreen{border:0;border-radius:0;width:100%;height:100%;background:#020304}.preview-shell:fullscreen header{height:54px}.preview-shell:fullscreen iframe{background:#020304}.preview-shell header .preview-header-actions button:first-child{color:#f1d39d;border-color:#59482e;background:#18130c}.preview-shell header .preview-header-actions button:hover{border-color:#676f70;background:#171b1c}

/* V9 editor hints for organic / editorial parallax styles */
.editor-floatcards,.editor-splitdrift,.editor-orbitcards,.editor-maskbloom,.editor-tiltstack,.editor-ribbon{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden}
.editor-floatcards i{position:absolute;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.035));backdrop-filter:blur(7px);box-shadow:0 15px 45px rgba(0,0,0,.25)}
.editor-floatcards i:nth-child(1){width:19%;height:32%;right:5%;top:10%;transform:rotate(-7deg)}
.editor-floatcards i:nth-child(2){width:15%;height:24%;left:5%;bottom:8%;transform:rotate(6deg)}
.editor-floatcards i:nth-child(3){width:13%;height:18%;right:25%;bottom:6%;transform:rotate(3deg)}
.editor-splitdrift:before,.editor-splitdrift:after{content:'';position:absolute;top:0;bottom:0;width:50%;background:linear-gradient(180deg,rgba(4,6,7,.04),rgba(4,6,7,.36));border-color:rgba(255,255,255,.18)}
.editor-splitdrift:before{left:-2%;border-right:1px solid rgba(255,255,255,.16);transform:skewY(1.2deg)}
.editor-splitdrift:after{right:-2%;border-left:1px solid rgba(255,255,255,.16);transform:skewY(-1.2deg)}
.editor-orbitcards:before,.editor-orbitcards:after{content:'';position:absolute;left:50%;top:50%;border:1px solid rgba(255,255,255,.24);border-radius:50%;transform:translate(-50%,-50%) rotateX(62deg)}
.editor-orbitcards:before{width:62%;aspect-ratio:1}.editor-orbitcards:after{width:38%;aspect-ratio:1;transform:translate(-50%,-50%) rotateY(67deg)}
.editor-orbitcards i{position:absolute;width:8%;height:22%;min-width:34px;border:1px solid rgba(255,255,255,.24);border-radius:9px;background:rgba(10,12,13,.3);backdrop-filter:blur(6px)}
.editor-orbitcards i:nth-child(1){left:15%;top:15%;transform:rotate(-10deg)}.editor-orbitcards i:nth-child(2){right:12%;top:24%;transform:rotate(9deg)}.editor-orbitcards i:nth-child(3){right:27%;bottom:7%;transform:rotate(-4deg)}
.editor-maskbloom:before,.editor-maskbloom:after{content:'';position:absolute;left:50%;top:50%;border:1px solid rgba(255,255,255,.25);border-radius:50%;transform:translate(-50%,-50%)}
.editor-maskbloom:before{width:43%;aspect-ratio:1}.editor-maskbloom:after{width:64%;aspect-ratio:1;opacity:.45}
.editor-tiltstack i{position:absolute;left:50%;top:50%;width:70%;height:72%;border:1px solid rgba(255,255,255,.18);border-radius:16px;transform-origin:50% 50%}
.editor-tiltstack i:nth-child(1){transform:translate(-53%,-54%) rotate(-3deg);opacity:.35}.editor-tiltstack i:nth-child(2){transform:translate(-48%,-48%) rotate(3deg);opacity:.55}.editor-tiltstack i:nth-child(3){transform:translate(-50%,-50%) perspective(700px) rotateX(4deg) rotateY(-4deg)}
.editor-ribbon{left:0;right:auto;width:8%;min-width:42px;background:rgba(232,195,104,.88);color:#090a0b;display:grid;place-items:center;font:800 9px 'DM Sans';letter-spacing:.12em;writing-mode:vertical-rl}

/* Keep the original editor usable inside the portfolio and on small screens. */
.app-shell{min-width:0;grid-template-columns:minmax(0,1fr)}
.app-shell>*,.editor-grid>*,.inspector>*{min-width:0}
@media(max-width:760px){
 .topbar{grid-template-columns:minmax(0,1fr);gap:12px}
 .top-actions{flex-wrap:wrap}
 .scene-template-list{grid-template-columns:repeat(2,minmax(0,1fr))}
 .section-label-row>div{max-width:100%}
 .preview-toolbar{flex-wrap:wrap}
}
#root:empty{display:none}