:root{color-scheme:dark;--bg:#0c0e12;--pane:#12151b;--line:#272b32;--muted:#89909e;--white:#edf0f5;--mint:#b6e4d2;--accent:#c2eadd;font-family:Manrope,'DM Sans',system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);font-size:13px}.app{display:flex;min-height:100vh}.rail{width:62px;flex-shrink:0;border-right:1px solid #272a31;display:flex;align-items:center;flex-direction:column;gap:18px;padding:22px 8px;background:#0b0d10}.brandicon{height:32px;width:32px;display:grid;grid-template-columns:repeat(2,1fr);gap:3px;transform:rotate(-8deg);margin-bottom:44px}.dot{border-radius:5px}.dot1{background:#b3ded4}.dot2{background:#b1a7df}.dot3{background:#e7b9ac}.dot4{background:#d2cc9a}.railButton{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-size:20px;color:#737a86;cursor:default}.railButton.active{background:#1d2627;color:#bcead8}.railspace{flex:1}.railFoot{font-size:10px;color:#505762}.shell{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:63px;padding:0 29px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:#101217}.crumb{font-weight:800;letter-spacing:2px;font-size:12px}.sep{color:#515662;margin:0 13px}.crumbmuted{color:#89939c;font-weight:500;letter-spacing:1.6px}.plan{color:#b3dbca;border:1px solid #3b5b50;background:#1d2928;padding:4px 7px;margin-left:14px;font-size:8px;letter-spacing:1px;border-radius:3px}.topright{display:flex;align-items:center;gap:11px;color:#858d98;font-size:10px;letter-spacing:1px}.systemdot,.pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a6dcbd}.vertical{height:15px;border-left:1px solid #41454d;margin:0 7px}.layout{display:grid;grid-template-columns:290px minmax(280px,1fr) 285px;flex:1;min-height:0}.sidebar,.rightpanel{padding:30px 24px 24px;background:#13161b;overflow:auto;max-height:calc(100vh - 103px)}.sidebar{border-right:1px solid var(--line)}.rightpanel{border-left:1px solid var(--line);display:flex;flex-direction:column}.section-eyebrow,.sectiontitle,.viewLabel{font-size:10px;letter-spacing:1.6px;font-weight:800;color:#b2b9c1;display:flex;justify-content:space-between}.thin{font-weight:500;color:#69717e}.sidebar h1{font-size:29px;line-height:1.27;letter-spacing:-1.1px;margin:22px 0 12px;font-weight:800}.sidebar h1 em{font-style:normal;color:#addbc8}.lead{color:#929aa6;line-height:1.72;font-size:11px;margin:0 0 22px}.paneSection{padding:23px 0;border-top:1px solid #30343b}.sectiontitle{margin-bottom:18px;color:#d3d7de}.mini{color:#65707b}.fieldlabel{font-weight:700;letter-spacing:1.1px;font-size:9px;color:#8f97a3;display:block;margin:12px 0 9px}input:not([type=range]):not([type=checkbox]),select{background:#1c2027;border:1px solid #343943;border-radius:7px;min-width:0;width:100%;padding:11px 11px;color:#e1e7ea;font:inherit;font-size:11px;outline:none}input:focus,select:focus{border-color:#91bea9!important}.paletteGrid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.palette{cursor:pointer;border:1px solid transparent;padding:3px;border-radius:9px;background:none}.palette.active{border-color:#c0e6d7}.colorBubbles{height:30px;border-radius:6px;background:linear-gradient(90deg,var(--a) 0%,var(--a) 48%,var(--b) 52%,var(--b) 100%);display:block}.paletteName{font-size:11px;margin-top:9px;color:#aab2bc}.rangeTop{margin-top:25px;display:flex;justify-content:space-between;font-size:11px;font-weight:600}.rangeTop output{color:#b6e2d1}input[type=range]{width:100%;accent-color:#b6e3d0;margin:16px 0 0;cursor:pointer}.note{border-left:2px solid #546f65;color:#83909a;margin-top:17px;padding:3px 9px;font-size:10px;line-height:1.7}.stage{background:radial-gradient(ellipse at 48% 50%,#1b2026 0%,#14181e 50%,#111419 100%);display:flex;flex-direction:column;min-width:0;padding:24px 27px}.stagebar,.belowstage{display:flex;align-items:center;justify-content:space-between;gap:16px}.stagebar .viewLabel,.belowstage{font-size:9px;letter-spacing:1px;color:#808995}.subpill{border:1px solid #373d44;border-radius:4px;font-size:8px;letter-spacing:1px;color:#95a0a9;padding:5px 7px;margin-left:12px}.stageCenter{flex:1;min-height:380px;display:flex;align-items:center;justify-content:center;padding:18px 0}.previewFrame{height:min(64vh,680px);aspect-ratio:9/16;max-width:100%;background:#252934;border-radius:4px;box-shadow:0 0 0 1px #3d414a,0 25px 75px #0008;position:relative;overflow:hidden}.previewFrame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none}.placeholder{position:absolute;inset:0;display:flex;overflow:hidden}.placeholderA,.placeholderB{height:100%;width:50%;background:linear-gradient(120deg,#e8a9b7,#d58ea6);}.placeholderB{background:linear-gradient(150deg,#9f9be1,#7c81ce)}.placeholder:after{content:"";position:absolute;left:49.8%;top:0;bottom:0;width:2px;background:#ffffff4a}.placeholder span{position:absolute;z-index:1;bottom:20px;left:0;right:0;text-align:center;font-size:8px;color:#ffffffc5;letter-spacing:2px}.corner{position:absolute;width:13px;height:13px;z-index:2;border:1px solid #ffffffa0}.topLeft{top:11px;left:11px;border-bottom:none;border-right:none}.topRight{top:11px;right:11px;border-left:none;border-bottom:none}.botLeft{bottom:11px;left:11px;border-top:none;border-right:none}.botRight{bottom:11px;right:11px;border-top:none;border-left:none}.belowstage{padding-top:10px;border-top:1px solid #31353d}.hint{display:flex;gap:9px;align-items:center;line-height:1.5}.rightpanel h2{font-size:21px;letter-spacing:-.6px;margin:18px 0 8px}.subtext{color:#9299a4;line-height:1.7;font-size:11px;margin:0 0 25px}.aspect{display:flex;gap:13px;align-items:center;background:#1f2529;border:1px solid #50665e;padding:12px;border-radius:9px}.aspect>span:first-child{color:#b7decf;font-size:24px}.aspect div{flex:1}.aspect strong,.aspect small{display:block;font-size:11px}.aspect small{color:#7f8b93;margin-top:4px}.check{color:#b7decf}.twoCols{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.switchrow{display:flex;align-items:center;justify-content:space-between;position:relative;cursor:pointer}.switchrow strong,.switchrow small{display:block}.switchrow strong{font-size:11px}.switchrow small{font-size:10px;color:#7f8995;margin-top:5px}.switchrow input{position:absolute;opacity:0}.slider-switch{height:22px;width:38px;background:#555e68;border-radius:20px;position:relative}.slider-switch:after{content:"";position:absolute;top:3px;left:3px;background:white;width:16px;height:16px;border-radius:50%;transition:transform .2s}.switchrow input:checked+.slider-switch{background:#8ebcaa}.switchrow input:checked+.slider-switch:after{transform:translateX(16px)}.grow{flex:1;min-height:25px}.exportArea{border-top:1px solid #30343b;padding-top:19px}.primaryBtn{width:100%;border:0;border-radius:8px;cursor:pointer;background:#c1e6d7;color:#172620;font-weight:800;font-size:12px;letter-spacing:.1px;padding:15px;text-align:left;display:flex;justify-content:space-between;align-items:center}.primaryBtn:hover{background:#d6f6e8}.primaryBtn:disabled{opacity:.55;cursor:wait}.downloadBtn{display:block;border:1px solid #60796c;text-decoration:none;color:#c7ecdf;border-radius:8px;padding:12px;margin-top:11px;text-align:center;font-weight:700}.hidden{display:none!important}.footerNote{text-align:center;color:#78828d;font-size:9px;margin-top:14px;line-height:1.6}.progressBox{margin-bottom:14px;padding:12px;background:#222831;border:1px solid #3a4842;border-radius:8px}.progressHeading{display:flex;justify-content:space-between;font-size:10px;color:#cad6d0}.progressTrack{height:4px;background:#39413e;margin-top:9px;border-radius:5px;overflow:hidden}.progressTrack div{width:0;height:100%;background:#bce3d2;transition:width .15s}.progressFrames{font-size:9px;color:#81958b;margin-top:7px}.footer{height:40px;border-top:1px solid #282c32;display:flex;justify-content:space-between;align-items:center;padding:0 29px;color:#68707c;font-size:9px;letter-spacing:.8px}.footmark{color:#b0c6be;font-weight:800}.footerbullet{display:inline-block;width:4px;height:4px;border-radius:50%;background:#6e9182;margin:0 7px 1px}@media(max-width:1100px){.layout{grid-template-columns:260px minmax(260px,1fr)}.rightpanel{grid-column:1/-1;max-height:none;display:block;border-top:1px solid var(--line)}.rightpanel .paneSection{max-width:440px}.stage{min-height:600px}}@media(max-width:650px){.rail{display:none}.topbar{padding:0 17px}.topright{font-size:0}.layout{display:flex;flex-direction:column}.sidebar{max-height:none;order:2}.stage{order:1;min-height:590px}.rightpanel{order:3;padding:24px}.previewFrame{height:440px}.sidebar h1{font-size:24px}.footer{padding:0 15px}.footer>div:nth-child(2){display:none}}

.ideasBtn{width:100%;background:#22302c;border:1px solid #4a685c;border-radius:8px;color:#c8e9db;padding:12px;cursor:pointer;font-family:inherit;font-weight:700;display:flex;justify-content:space-between}.ideasBtn:hover{background:#2c4037}.modal{position:fixed;inset:0;z-index:100;background:#080b0eea;display:flex;align-items:center;justify-content:center;padding:22px}.modalPanel{width:min(890px,100%);height:min(690px,90vh);border:1px solid #414750;background:#151a20;border-radius:15px;display:flex;flex-direction:column;box-shadow:0 45px 140px #000a;overflow:hidden}.modalHead{padding:25px 28px 14px;display:flex;justify-content:space-between}.modalHead h2{font-size:25px;margin:14px 0 7px}.modalHead p{font-size:11px;color:#8a939d}.modalHead button{border:1px solid #444d55;background:#232830;color:#c1c7d0;border-radius:7px;padding:10px 13px;cursor:pointer;align-self:flex-start}.modalFilters{padding:10px 28px 18px;display:flex;gap:10px}.modalFilters input,.modalFilters select{background:#222832;border:1px solid #444c56;border-radius:7px;padding:10px;color:#ddd;font:inherit}.modalFilters input{flex:1;min-width:60px}.ideasList{padding:0 28px 23px;overflow:auto;display:grid;gap:10px;align-content:start}.ideaCard{border:1px solid #303943;background:#1b2128;border-radius:9px;padding:15px 18px}.ideaCard strong{font-size:13px}.ideaCard p{color:#a0aeb5;line-height:1.5;font-size:11px;margin:9px 0}.ideaMeta{display:flex;gap:10px;flex-wrap:wrap;color:#8ebda9;font-size:10px}.ideaStatus{color:#d5bc8a}.ideaCard .idx{color:#718b81;font-size:9px;letter-spacing:1px;margin-bottom:6px}.ideasList .empty{color:#a0aab7}.noScroll{overflow:hidden}@media(max-width:650px){.modalPanel{height:90vh}.modalHead{padding:19px}.modalFilters{padding:10px 19px}.ideasList{padding:0 19px 20px}.modalFilters{flex-direction:column}}

/* Pages browser-compute edition */
.stageCanvas{position:absolute;inset:0;width:100%;height:100%;display:block;image-rendering:auto;}
.stageCanvas.isHidden{display:none;}
.previewFrame video{display:none;}
.pill{font-size:9px;letter-spacing:.5px;color:#aedbcd;padding:7px 9px;border:1px solid #49665c;border-radius:5px;background:#20332b}
.browserFlag{padding:10px 11px;background:#232a30;border:1px solid #38443f;border-radius:8px;color:#a7c4ba;font-size:10px;line-height:1.55;margin-top:15px;}
.browserFlag.error{background:#302122;border-color:#864f51;color:#f2b8ae;}
.secondaryBtn{border:1px solid #44584e;border-radius:8px;background:#202b27;padding:12px;color:#c9eadc;width:100%;font-family:inherit;font-size:11px;font-weight:800;cursor:pointer;margin-top:10px;}
.secondaryBtn:hover{background:#2a3a32}.secondaryBtn:disabled{opacity:.4;cursor:not-allowed}
.actionRow{display:flex;gap:8px;margin-top:10px}.actionRow>*{flex:1}
.mutedLink{color:#a9cfbd;text-decoration:none;font-size:10px}.mutedLink:hover{text-decoration:underline}
.ribbons{position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(100deg,#ffffff05,transparent 25%,#ffffff08 52%,transparent 75%);mix-blend-mode:screen}
.previewFrame:has(.stageCanvas) {max-height:65vh;}
#renderNote{min-height:18px}
.sectiontitle .badgeTiny{color:#a0d7c0}
input[type='checkbox']:focus-visible+.slider-switch{outline:2px solid #b6e3d0;outline-offset:3px}
.downloadBtn{text-align:center}
.infoLine{font-size:10px;color:#9ba7b0;line-height:1.7;padding-top:10px}
.footlink{color:#a6baad;text-decoration:none}
.presetPick{display:flex;gap:8px;margin:12px 0}.presetPick button{flex:1;background:#1d2728;color:#afcbbb;border:1px solid #394840;border-radius:7px;padding:9px;font-size:10px;cursor:pointer}
.presetPick button:hover{background:#263730}
.previewFrame .corner{pointer-events:none}
.usageHelp{font-size:10px;color:#8fa59b;line-height:1.65;padding:13px 0;border-top:1px solid #30343b}
@media(max-width:950px){.topbar{height:auto;min-height:55px}.stageCenter{min-height:400px}}
@media(max-width:650px){.topright{font-size:9px}.topright span:nth-last-child(1){display:none}.stage{min-height:560px}.stageCenter{min-height:390px}.previewFrame{height:min(62vh,490px)}.sidebar{padding:22px}.rightpanel{padding:22px}}

/* Physics Universe v0.5 */
.ideaTech{opacity:.75;font-size:10px!important;color:#b9c8d2!important}
.ideaCard button{margin-top:12px;text-align:left;background:#1b3830;border:1px solid #417960}
.ideaCard button:hover{background:#285040}
#sceneType{border-color:#567f72;background:#172b29;color:#dcf8eb;font-weight:650}