:root{font-family:'Noto Sans SC',sans-serif;color:#252a29;background:#f5f6f3;font-synthesis:none;--red:#dc292e;--green:#086442;--line:#e1e3df;--muted:#7c827d}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #147a55;outline-offset:3px}button{border:0;background:none}button:disabled{cursor:default;opacity:.45}.header{height:92px;margin:0 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{text-decoration:none;color:#222924;display:flex;gap:14px;align-items:center;font-family:'Barlow Condensed',sans-serif;font-size:25px;font-weight:800;letter-spacing:.8px;line-height:1}.brand-mark{background:var(--red);color:#fff;font-size:28px;font-style:italic;letter-spacing:-4px;padding:10px 14px 12px 8px;transform:skew(-8deg)}.brand-mark span{color:#fff}.brand-light{font-weight:500}.brand small{display:block;font-family:Arial,sans-serif;font-size:9px;letter-spacing:3px;margin-top:8px;color:#77807a}.header-center{display:flex;align-items:center;gap:14px;font-family:'Barlow Condensed',sans-serif;font-size:14px;letter-spacing:2px;color:#757b76}.tricolor{display:flex;gap:3px;transform:skew(-25deg)}.tricolor i{width:16px;height:17px;background:var(--red)}.tricolor i:nth-child(2){background:#fff;border:1px solid #d1d6cf}.tricolor i:nth-child(3){background:var(--green)}.text-button{font-size:14px;display:flex;gap:8px;align-items:center}.text-button span{font-size:22px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 374px;min-height:680px;height:calc(100dvh - 152px);max-height:1080px;margin:0 40px}.stage{position:relative;overflow:hidden;border-right:1px solid var(--line);background:radial-gradient(ellipse at 50% 45%,#fff 0%,#f3f4f0 59%,#edefe9 100%)}.stage-heading{position:absolute;left:34px;top:30px;pointer-events:none;z-index:2}.eyebrow{font-family:'Barlow Condensed',sans-serif;font-size:12px;letter-spacing:2.3px;font-weight:600;color:#787f79}.stage-heading h1{font-family:'Barlow Condensed',sans-serif;font-size:78px;line-height:.95;letter-spacing:-1px;font-style:italic;margin:10px 0 13px;font-weight:800}.stage-heading h1 span{font-weight:500;color:#a3aaa2}.stage-heading h1 sup{font-family:Arial,sans-serif;font-size:12px;letter-spacing:0;font-style:normal;margin-left:12px;vertical-align:top;line-height:2;color:var(--red)}.stage-heading p{font-size:14px;color:#788077;letter-spacing:3px;margin:0}.stage-tag{position:absolute;right:28px;top:37px;font-family:'Barlow Condensed',sans-serif;letter-spacing:1.4px;font-size:12px;display:flex;align-items:center;gap:7px;z-index:2}.tag-line{width:22px;height:2px;background:var(--red)}#viewport{position:absolute;inset:0;touch-action:none;outline:none}#viewport canvas{display:block;width:100%;height:100%;touch-action:none}#loading{position:absolute;inset:0;display:grid;place-content:center;color:#666;font-size:14px}.stage-bottom{position:absolute;left:0;right:0;bottom:70px;display:flex;gap:12px;align-items:center;justify-content:center;pointer-events:none}.stage-bottom>*{pointer-events:auto}.view-controls{display:flex;padding:5px;background:#ffffffed;border:1px solid #e2e5df;border-radius:7px;box-shadow:0 6px 22px #26301a06}.view-controls button{font-size:13px;padding:10px 18px;border-radius:4px;color:#7c827b}.view-controls button.active{background:#27362e;color:#fff}.round-button{width:40px;height:40px;border:1px solid #dadfd6;border-radius:6px;background:#fff;font-size:24px;display:grid;place-content:center}.round-button.active{color:#fff;background:var(--green);border-color:var(--green)}.stage-foot{position:absolute;bottom:24px;left:30px;right:30px;display:flex;justify-content:space-between;gap:20px;color:#90968d;font-size:12px}.stage-foot>span:last-child{font-family:'Barlow Condensed',sans-serif;letter-spacing:1px}.version{background:#e4e7df;padding:3px 6px;margin-left:5px;color:#727b70}.editor{display:flex;flex-direction:column;background:#fff;min-height:0}.editor-heading{padding:31px 26px 23px;display:flex;align-items:center;justify-content:space-between}.editor-heading h2{font-size:24px;margin:6px 0 0;font-weight:700;display:flex;align-items:center;gap:10px}.red-dot{width:6px;height:6px;background:var(--red);border-radius:50%}.edition-number{font-family:'Barlow Condensed',sans-serif;font-size:13px;letter-spacing:1px;color:#a1a79f}.tabs{display:grid;grid-template-columns:repeat(5,1fr);padding:0 20px;border-bottom:1px solid var(--line);gap:4px}.tabs button{font-size:14px;padding:14px 2px;color:#90968e;border-bottom:2px solid transparent}.tabs button.active{color:#d6262d;border-color:#d6262d;font-weight:700}.panel{padding:26px;overflow:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#d9ddd5 transparent}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px;font-size:15px;font-weight:600}.section-heading small{font-size:12px;color:#8a9187;font-weight:400}.section{margin-bottom:28px}.color-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:16px}.swatch{height:36px;border-radius:50%;aspect-ratio:1;position:relative;border:1px solid #00000012;outline-offset:4px!important}.swatch.active:after{content:'';position:absolute;inset:-5px;border:1.5px solid #2d392e;border-radius:50%}.swatch.active:before{content:'✓';position:absolute;inset:0;display:grid;place-content:center;color:white;text-shadow:0 1px 4px #0007}.color-detail{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#7c8378}.color-detail strong{font-weight:500;color:#444c41}.color-code{font-family:monospace;text-transform:uppercase}.custom-color{display:flex;align-items:center;gap:7px;margin-top:15px;font-size:13px;color:#858d81}.custom-color input{width:26px;height:24px;border:1px solid #dadfd4;padding:2px;background:white}.segmented{display:flex;background:#f2f4ef;padding:4px;border-radius:5px;gap:4px}.segmented button{flex:1;padding:9px 3px;font-size:13px;color:#8a9183;border-radius:3px}.segmented button.active{background:white;color:#28372b;box-shadow:0 1px 5px #1b371a0c}.livery-card{border:1px solid #dcded8;border-radius:6px;overflow:hidden;position:relative;cursor:pointer}.livery-card.active{border-color:#22704e}.livery-art{height:97px;background:#c91627;position:relative;overflow:hidden;display:flex;align-items:center;padding-left:22px}.livery-art:before{content:'';position:absolute;width:150%;height:60px;background:#fff;transform:rotate(-24deg);left:-10%;top:30px}.livery-art:after{content:'';position:absolute;width:150%;height:22px;background:#086640;transform:rotate(-24deg);left:-10%;top:69px}.livery-art strong{position:relative;z-index:1;font-size:40px;font-family:'Barlow Condensed',sans-serif;font-style:italic;font-weight:900;line-height:.75;color:white;text-shadow:2px 2px #1d302c}.livery-art strong span{font-size:27px;display:block;padding-left:35px}.livery-caption{display:flex;justify-content:space-between;padding:13px 14px;font-size:13px;align-items:center}.livery-caption span{font-size:11px;font-family:'Barlow Condensed',sans-serif;letter-spacing:1px;color:#888f83}.check{color:var(--green);font-size:18px}.plain-option{margin-top:10px;display:flex;justify-content:space-between;width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:5px;font-size:13px}.plain-option.active{border-color:var(--green)}.panel-note{font-size:12px;line-height:1.8;color:#91988a;border-left:2px solid #e1e6dc;padding-left:10px;margin-top:20px}.editor-footer{padding:17px 26px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.build-summary span{display:block;font-size:11px;color:#92988b;margin-bottom:4px}.build-summary strong{font-size:12px;font-weight:500}.reset-button{font-size:12px;color:#858d7e;white-space:nowrap}.page-footer{height:60px;margin:0 40px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:#92988c}.page-footer span:nth-child(2),.page-footer span:nth-child(3){font-family:'Barlow Condensed',sans-serif;letter-spacing:1.6px}.tiny-stripes{display:inline-block;background:linear-gradient(90deg,var(--red) 33%,#fff 33%,#fff 66%,var(--green) 66%);width:24px;height:10px;margin-right:8px;transform:skew(-25deg)}dialog{max-width:min(1120px,94vw);padding:25px;border:1px solid var(--line);border-radius:10px;max-height:93vh}dialog::backdrop{background:#102017a8;backdrop-filter:blur(5px)}dialog img{width:100%;max-height:72vh;object-fit:contain;display:block}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.dialog-heading h2{font-size:20px;margin:5px 0}dialog p{font-size:13px;color:#858b80}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,10px);padding:13px 24px;background:#20362a;color:#fff;border-radius:6px;opacity:0;pointer-events:none;transition:.2s;z-index:20;font-size:14px}#toast.show{opacity:1;transform:translate(-50%,0)}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.option-card{text-align:left;border:1px solid var(--line);border-radius:5px;padding:12px;position:relative}.option-card.active{border-color:var(--green);background:#f1f6f0}.option-card strong{display:block;font-size:13px;font-weight:500}.option-card small{display:block;font-size:11px;color:#8e9587;margin-top:5px}.option-card.active:after{content:'✓';position:absolute;right:7px;top:5px;color:var(--green);font-size:12px}.part-icon{height:36px;display:grid;place-content:center;color:#74806f;font-size:28px;letter-spacing:-5px}.part-status{color:var(--green)!important}.wheel-preview{width:58px;height:58px;border:7px solid #303330;border-radius:50%;margin:4px auto 12px;background:repeating-conic-gradient(#bea46a 0deg 10deg,#303330 10deg 60deg);box-shadow:inset 0 0 0 3px #baa26b;position:relative}.wheel-preview:after{content:'';position:absolute;width:12px;height:12px;border:2px solid #ad9a63;background:#4a4537;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.wheel-preview.mesh{background:repeating-conic-gradient(#c6c9c7 0deg 5deg,#333 5deg 18deg);box-shadow:inset 0 0 0 3px #bcc0b9}.wheel-preview.five{background:repeating-conic-gradient(#cacdc8 0deg 16deg,#333 16deg 72deg);box-shadow:inset 0 0 0 3px #aaa}.wheel-preview.ten{background:repeating-conic-gradient(#c6c9c7 0deg 7deg,#333 7deg 36deg);box-shadow:inset 0 0 0 3px #aaa}.field{display:flex;flex-direction:column;gap:9px;margin:17px 0;font-size:13px}.field>span{display:flex;justify-content:space-between}.field output{color:#889080;font-size:12px}input[type=range]{width:100%;accent-color:var(--green);cursor:pointer}select,input[type=text]{width:100%;background:#fff;border:1px solid #dce1d6;border-radius:5px;padding:10px;color:#384331;font-size:14px}.primary-button{background:#254a35;color:#fff;border-radius:5px;font-size:13px;padding:12px;width:100%}.decal-tile{height:65px;border:1px solid var(--line);border-radius:5px;display:grid;place-content:center;padding:6px;position:relative;overflow:hidden}.decal-tile img{max-width:100%;max-height:51px;object-fit:contain}.decal-tile span{position:absolute;right:5px;bottom:2px;color:#a7afa0;font-size:13px}.decal-list{display:flex;flex-direction:column;gap:5px}.decal-row{display:flex;align-items:center;gap:7px;padding:7px 10px;background:#f3f5ef;border-radius:4px;font-size:12px}.decal-row.active{background:#e5eee2;box-shadow:inset 2px 0 #286642}.decal-row>button:first-child{flex:1;text-align:left;padding:3px}.decal-row>button:last-child{color:#8c9582;font-size:18px}.light-option{display:flex;align-items:center;gap:8px}.light-dot{width:13px;height:13px;border-radius:50%;display:inline-block;border:1px solid #ccc}.toolbar-hint{background:#edf3e9;padding:11px;font-size:12px;line-height:1.75;border-radius:5px;color:#5f7554;margin-bottom:18px}.section-heading button{font-size:12px;font-weight:400;color:#7d8972}.link-button{font-size:12px;color:var(--green);text-decoration:underline;padding:10px 0}.edit-mode-badge{position:absolute;top:186px;left:34px;z-index:2;font-size:12px;padding:7px 10px;background:#244f36;color:#fff;border-radius:4px}.empty{font-size:13px;color:#919a88;padding:20px 0;text-align:center}
@media(min-width:1600px){.workspace{grid-template-columns:minmax(0,1fr) 410px}.stage-heading{left:48px;top:42px}.stage-heading h1{font-size:100px}.editor-heading{padding:38px 32px 27px}.panel{padding:30px 32px}.stage-tag{top:47px}}@media(max-width:1100px){.header{margin:0 22px}.workspace{margin:0 22px;grid-template-columns:minmax(0,1fr) 335px}.page-footer{margin:0 22px}.stage-tag{display:none}.stage-heading{left:24px}.stage-heading h1{font-size:64px}.stage-foot{left:20px;right:20px;flex-direction:column;gap:8px}.stage-foot>span:last-child{display:none}.panel{padding:22px}.color-grid{gap:9px}.swatch{height:33px}.stage-bottom{bottom:62px}.view-controls button{padding:9px 13px}.header-center{font-size:12px;letter-spacing:1px}.page-footer>span:last-child{display:none}}@media(max-width:760px){.header{height:75px;margin:0 18px}.brand{font-size:21px;gap:10px}.brand-mark{font-size:23px;padding:9px 13px 10px 6px}.header-center{display:none}.text-button{font-size:12px}.workspace{display:flex;flex-direction:column;margin:0;height:auto;max-height:none;min-height:0}.stage{height:480px;border-right:0;border-bottom:1px solid var(--line)}.stage-heading{top:23px;left:22px}.stage-heading h1{font-size:58px;margin-top:8px}.stage-heading p{font-size:12px}.stage-heading .eyebrow{font-size:11px}.stage-bottom{bottom:44px}.stage-foot{bottom:15px;align-items:center;font-size:11px}.view-controls button{font-size:12px;padding:8px 14px}.round-button{height:36px;width:36px}.editor{min-height:550px}.editor-heading{padding:24px 24px 14px}.editor-heading h2{font-size:21px}.tabs{position:sticky;top:0;background:#fff;z-index:5;padding:0 22px}.panel{overflow:visible;padding:24px}.color-grid{grid-template-columns:repeat(6,36px);gap:18px}.swatch{height:36px}.editor-footer{padding:18px 24px}.page-footer{margin:0 20px;height:60px;justify-content:center}.page-footer>span:first-child{display:none}.edit-mode-badge{top:158px;left:22px}dialog{padding:15px}.dialog-heading h2{font-size:17px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.decal-row small{font-size:10px;color:#87927f}.selected-decal{padding:15px;background:#f7f9f4;border-radius:5px}.selected-decal .section-heading{font-size:13px}.decal-tile:hover{border-color:#14824d}.option-card:hover{border-color:#8aab84}

.model-loading .tabs,.model-loading .stage-bottom,.model-loading .editor-footer{pointer-events:none;opacity:.45}#loading{z-index:4;background:#f1f3edc9;backdrop-filter:blur(3px);padding:25px;text-align:center}#loading p{font-size:14px}
.tabs{grid-template-columns:repeat(6,minmax(0,1fr));gap:0;padding:0 14px}.tabs button{font-size:13px}.switch-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;gap:16px;padding:12px 0}.switch-row input{accent-color:var(--green);width:19px;height:19px;cursor:pointer}.fit-controls{background:#f4f6f0;border-radius:5px;padding:4px 14px 10px;margin-top:12px}.fit-controls p{font-size:12px;color:#62745c}.environment-preview{height:45px;display:block;margin:-4px -4px 10px;border-radius:3px;overflow:hidden;position:relative}.preview-studio{background:radial-gradient(ellipse at 50% 70%,#d3d8cf 0 22%,#f4f5ef 24%)}.preview-garage{background:linear-gradient(0deg,#434c52 45%,transparent 45%),repeating-linear-gradient(90deg,#222d35 0 22px,#b4c5c9 23px 25px,#222d35 26px 45px)}.preview-road{background:linear-gradient(165deg,#aecbde 45%,#839283 46% 60%,#3c4245 61% 80%,#8c9c83 81%)}.preview-park{background:radial-gradient(ellipse at 20% 45%,#4a6d43 0 18%,transparent 19%),radial-gradient(ellipse at 85% 45%,#648853 0 24%,transparent 25%),linear-gradient(#b8d3df 55%,#829868 55%)}.preview-mars{background:radial-gradient(circle at 80% 25%,#ddbea0 0 7%,transparent 8%),linear-gradient(170deg,#ad8270 45%,#924f37 46% 65%,#b36a42 66%)}.preview-desert{background:linear-gradient(170deg,#d7c7a7 46%,#ac9165 47% 60%,#c1a471 61%)}.preview-desert:after{content:'';position:absolute;bottom:10px;right:17px;width:21px;height:18px;background:#aa997c;box-shadow:-24px 7px #8b7c63}.environments .option-card small{font-size:9px;letter-spacing:.7px}.environments .option-card strong{font-size:12px}.stage-heading,.stage-tag,.stage-foot{transition:color .25s}.stage-heading{padding:12px 16px;margin:-12px -16px;border-radius:8px;background:linear-gradient(110deg,#f4f5efda,#f4f5ef00)}body[data-scene=garage]{background:#e8ecec}body[data-scene=garage] .stage-heading{background:linear-gradient(110deg,#202c35cb,#202c3500);color:#f2f5f4}body[data-scene=garage] .stage-heading .eyebrow,body[data-scene=garage] .stage-heading p,body[data-scene=garage] .stage-tag,body[data-scene=garage] .stage-foot{color:#d1dcdc}body[data-scene=mars]{background:#f3e9e0}body[data-scene=desert]{background:#f2eee4}body[data-scene=park]{background:#edf1e7}body[data-scene=road]{background:#edf1f4}body:not([data-scene=studio]) .stage-foot>span:first-child{background:#f5f6efe8;padding:6px 10px;border-radius:4px;color:#4e5a50}body[data-scene=garage] .stage-foot>span:first-child{background:#26323bdf;color:#d3dedd}

/* V4: quiet, full-height workspace */
:root{font-family:"Segoe UI","Microsoft YaHei",system-ui,sans-serif;background:#f5f6f3}.header{height:56px;margin:0 24px;border-bottom:0}.brand{font:600 16px/1 "Microsoft YaHei",sans-serif;letter-spacing:1px;gap:10px}.tricolor{gap:2px}.tricolor i{width:9px;height:12px}.text-button{font-size:12px;color:#6d746d}.workspace{margin:0 16px 16px;grid-template-columns:minmax(0,1fr) 316px;height:calc(100dvh - 72px);min-height:480px;max-height:none;border:1px solid #e3e6df;border-radius:12px;overflow:hidden}.stage{background:#eff1eb;border-right:1px solid #e3e6df}.stage-bottom{bottom:22px;gap:8px}.view-controls{border:0;border-radius:8px;background:#fffffff0;box-shadow:0 3px 18px #172a1510;padding:4px}.view-controls button{font-size:12px;padding:9px 13px}.round-button{width:36px;height:36px;font-size:21px;border:0}.tabs{padding:0 12px;gap:0;flex-shrink:0}.tabs button{padding:19px 0 16px;font-size:13px}.panel{padding:24px 22px}.section{margin-bottom:26px}.section-heading{font-size:13px;margin-bottom:14px}.section-heading small{font-size:11px}.editor-footer{padding:12px 22px;justify-content:flex-end}.reset-button{font-size:12px}.color-grid{gap:10px}.swatch{width:32px;height:32px}.color-detail{font-size:12px}.color-code{display:none}.color-detail strong{font-weight:400}.custom-color{font-size:12px}.option-card{padding:11px;border-radius:6px}.option-card strong{font-size:12px}.option-grid{gap:8px}.environment-preview{margin-bottom:8px;height:40px}.environment-preview+strong{font-size:12px}.livery-art{height:94px}.livery-caption{font-size:12px;padding:11px 13px}.livery-caption .check{font-size:14px}.livery-logo{height:84px;width:175px;object-fit:contain;position:relative;z-index:1}.livery-art strong{display:none}.edit-mode-badge{top:18px;left:18px;font-size:11px;padding:6px 9px;background:#fffef2e8;color:#345341}.toolbar-hint{font-size:11px;padding:8px 10px;margin:14px 0}.decal-row{font-size:11px}.decal-row small{font-size:9px}.plain-option{font-size:12px}.field{font-size:12px}.field output{font-size:11px}.dialog-heading h2{font-size:16px}.environments .option-card strong{font-size:12px}
@media(min-width:1600px){.workspace{grid-template-columns:minmax(0,1fr) 340px}.panel{padding:26px}}
@media(max-width:1100px){.header{margin:0 20px}.workspace{margin:0 12px 12px;grid-template-columns:minmax(0,1fr) 294px;height:calc(100dvh - 68px)}.panel{padding:20px 18px}.color-grid{gap:9px}.swatch{width:31px;height:31px}.view-controls button{padding:9px 10px}}
@media(max-width:760px){.header{height:50px;margin:0 18px}.workspace{display:flex;margin:0;height:auto;min-height:0;border-radius:0;border:0}.stage{height:52dvh;min-height:340px;max-height:500px;border-right:0}.stage-bottom{bottom:14px}.view-controls button{padding:8px 12px}.editor{min-height:440px}.tabs{padding:0 16px}.tabs button{padding:17px 0 14px}.panel{padding:22px}.color-grid{grid-template-columns:repeat(6,32px);gap:18px}.swatch{width:32px;height:32px}.editor-footer{padding:14px 22px}.edit-mode-badge{top:14px;left:14px}}

/* Scene controls live on the left of the preview. */
.tabs{grid-template-columns:repeat(5,minmax(0,1fr))}.scene-toggle{position:absolute;z-index:7;left:16px;top:16px;padding:10px 16px;border:1px solid #e1e5df;border-radius:7px;background:#ffffffed;box-shadow:0 3px 14px #19311909;font-size:12px;line-height:1.25}.scene-toggle[aria-expanded=true]{background:#273e30;color:#fff;border-color:#273e30}.scene-drawer{position:absolute;z-index:6;left:16px;top:62px;bottom:16px;width:270px;max-width:calc(100% - 32px);display:flex;flex-direction:column;overflow:hidden;background:#fffffff5;border:1px solid #dfe5dc;border-radius:10px;box-shadow:0 8px 28px #1b2e1918;backdrop-filter:blur(14px)}.scene-drawer[hidden]{display:none}.scene-drawer-heading{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid #e8ece5;flex-shrink:0}.scene-drawer-heading strong{font-size:13px;font-weight:500}.scene-drawer-heading button{width:28px;height:28px;font-size:22px;line-height:1;color:#788171}.scene-panel{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ccd4c7 transparent;padding:18px 16px;flex:1;min-height:0}.scene-panel .section:last-child{margin-bottom:0}.scene-panel .environment-preview{height:35px}.scene-panel .section-heading{font-size:12px}.edit-mode-badge{left:92px;top:18px}
@media(max-width:760px){.scene-toggle{left:12px;top:12px;padding:9px 14px}.scene-drawer{left:12px;top:54px;bottom:12px;width:260px;max-width:calc(100% - 24px)}.edit-mode-badge{left:84px;top:14px}}

/* Jennifer: one show/hide control, below the scene tab. */
.jennifer-toggle{position:absolute;z-index:7;left:16px;top:62px;width:128px;height:42px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #d6b8bd;border-radius:11px;color:#7b3649;background:linear-gradient(120deg,#fffaf7,#f4e3e7);box-shadow:0 4px 18px #572b3210;transition:background .18s,box-shadow .18s}.jennifer-toggle:hover{box-shadow:0 6px 22px #873b5424;background:linear-gradient(120deg,#fff7f3,#edd3dc)}.jennifer-action{font-family:KaiTi,"楷体",serif;font-size:13px;letter-spacing:1px}.jennifer-name{font-family:Gabriola,"Segoe Script","Brush Script MT",cursive;font-size:26px;font-style:italic;line-height:1.15;padding-right:5px;padding-bottom:3px}.jennifer-toggle[aria-pressed=true]{background:linear-gradient(125deg,#855061,#532e43);border-color:#795061;color:#fff4f3}.jennifer-toggle.is-loading:after{content:'';position:absolute;right:8px;bottom:8px;width:8px;height:8px;border:1.5px solid currentColor;border-right-color:transparent;border-radius:50%;animation:jennifer-loading .7s linear infinite}@keyframes jennifer-loading{to{transform:rotate(360deg)}}.scene-drawer{top:116px}
@media(max-width:760px){.jennifer-toggle{left:12px;top:54px;width:120px;height:40px}.jennifer-name{font-size:24px}.jennifer-action{font-size:12px}.scene-drawer{top:106px}}

/* Keep the mobile preview visible while only the options scroll. */
@media(max-width:760px){
  html{height:100%;overflow:hidden}
  body{height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column}
  .header{flex:0 0 50px}
  .workspace{flex:1;min-height:0;height:auto;overflow:hidden}
  .stage{flex:0 0 45%;height:45%;min-height:0;max-height:none}
  .editor{flex:1;min-height:0;overflow:hidden}
  .tabs{position:static;flex-shrink:0}
  .panel{min-height:0;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}
  .editor-footer{flex-shrink:0;padding-bottom:max(14px,env(safe-area-inset-bottom))}
}