:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;color:#e8eceb;background:#141a20;--orange:#efa974;--teal:#9bc7ba;--muted:#8f9b9e;--line:#ffffff12;--panel:#20282e}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,input{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.36;cursor:default}button:focus-visible,input:focus-visible{outline:2px solid var(--orange);outline-offset:3px}button:not(:disabled):active{filter:brightness(1.2)}[hidden]{display:none!important}svg{display:block}button svg,[data-icon] svg{width:19px;height:19px;flex:none}#app{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;container-type:size;background:radial-gradient(at 50% 0,#283138,#141a20 75%)}#app.virtual-landscape{position:fixed;left:50%;top:50%;width:100dvh;height:100dvw;transform:translate(-50%,-50%) rotate(90deg);transform-origin:center}.topbar{height:74px;display:flex;align-items:center;gap:28px;padding:0 26px;border-bottom:1px solid var(--line);flex:none;background:#141c23}.brand{display:flex;align-items:center;gap:12px;flex:none}.brand-mark{width:37px;height:37px;display:grid;place-items:center;background:#efa974;border-radius:10px;color:#24292c}.brand-mark svg{width:25px;height:25px}.brand strong{font-size:15px;letter-spacing:.055em;display:block;font-weight:800}.brand strong span{font-weight:400;margin-left:5px;color:#c7cecc}.brand small{display:block;font-size:7px;letter-spacing:.22em;color:#83918f;margin-top:5px}.career{display:flex;align-items:center;gap:12px;border-left:1px solid var(--line);padding-left:26px}.career>span{font-size:8px;font-weight:700;letter-spacing:.09em;color:var(--orange);white-space:nowrap}.career b{font-size:9px;font-weight:500;color:#aab5b4}.career i{height:3px;width:78px;background:#38423f;display:block;margin-top:5px;border-radius:4px;overflow:hidden}.career em{height:100%;display:block;background:var(--orange);width:0;transition:width .3s}.top-actions{display:flex;align-items:center;gap:7px;margin-left:auto}.icon-btn{width:35px;height:35px;border-radius:8px;display:grid;place-items:center;font-size:22px;color:#aebbbd;flex:none}.icon-btn:hover{background:#344149}.divider{height:21px;width:1px;background:var(--line);margin-inline:5px}.soft-btn,.accent-btn,.danger-btn{display:flex;align-items:center;justify-content:center;gap:7px;border-radius:8px;padding:10px 13px;font-size:11px;font-weight:650;white-space:nowrap}.soft-btn{background:#303b43;color:#cad4d5;border:1px solid #ffffff0a}.accent-btn{background:var(--orange);color:#292d2f}.soft-btn:hover{background:#3c4951}.accent-btn:hover{background:#f5bb8e}.danger-btn{background:#714b422e;color:#e1a197}.workspace{padding:18px;gap:18px;display:flex;flex:1;min-height:0}.catalog{width:238px;flex:none;background:#20282e;border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;min-height:0;overflow:hidden}.catalog-head{display:flex;justify-content:space-between;align-items:center;padding:20px 17px 10px;gap:5px}.eyebrow{font-size:7px;letter-spacing:.16em;font-weight:700;color:var(--orange)}.catalog h1{font-size:18px;font-weight:600;letter-spacing:-.045em;margin:7px 0 0}.catalog-head .icon-btn{width:20px}.catalog-nav{height:33px;padding:0 17px 8px;display:flex;gap:8px;align-items:center;justify-content:space-between}.catalog-nav>span{font-size:9px;color:#809095}.back-btn{background:#a5c5b418;border:1px solid #a5c5b41d;font-size:9px;padding:6px 8px;border-radius:6px;color:#b3d5ca}.search{display:flex;align-items:center;gap:8px;margin:0 13px 13px;padding:9px 11px;border:1px solid #ffffff12;border-radius:8px;color:#849198}.search svg{width:13px;height:13px}.search input{width:100%;min-width:0;border:0;outline:0;background:none;color:#d6dedd;font-size:10px}.search input::placeholder{color:#7d8c93}.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-content:start;overflow:auto;min-height:0;flex:1;padding:0 12px 14px;scrollbar-width:thin;scrollbar-color:#4b5c61 transparent;touch-action:pan-y;overscroll-behavior:contain}.catalog-card{min-height:104px;border:1px solid #ffffff0c;border-radius:9px;background:linear-gradient(145deg,#303a40,#273138);padding:6px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;position:relative;touch-action:pan-y}.catalog-card:hover{border-color:#a8c7bb66;background:#354149}.catalog-card.active{border-color:#efa974;box-shadow:inset 0 0 0 1px #efa97422}.catalog-card.active:after{content:'✓';position:absolute;right:5px;top:4px;font-size:9px;color:var(--orange)}.catalog-card img{width:88px;height:55px;object-fit:contain;pointer-events:none}.catalog-card strong{font-size:9px;font-weight:550;line-height:1.3}.catalog-card small{font-size:7px;color:#87999d}.catalog-card .color-chip{width:41px;height:41px;border-radius:50%;box-shadow:inset 0 2px 4px #fff5,0 2px 6px #0003;border:2px solid #ffffff52}.catalog-foot{display:flex;align-items:center;gap:5px;padding:13px 12px;border-top:1px solid var(--line);font-size:8px;color:#839699;flex:none}.catalog-foot i{height:5px;width:5px;background:#9cbfad;border-radius:50%;flex:none}.studio{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;gap:12px;container-type:inline-size;container-name:studio}.studio-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;height:36px;flex:none}#modeTabs{display:flex;gap:3px;padding:3px;background:#202a32;border-radius:9px;border:1px solid var(--line)}#modeTabs button{display:flex;align-items:center;gap:7px;font-size:10px;padding:8px 12px;border-radius:6px;color:#92a5aa;white-space:nowrap}#modeTabs button svg{width:14px;height:14px}#modeTabs button.active{color:#e1e7e4;background:#3b484d;box-shadow:0 1px 3px #0002}.view-actions{display:flex;align-items:center;gap:6px}.stage{position:relative;flex:1;min-height:0;background:#344148;overflow:hidden;border:1px solid #ffffff0d;border-radius:15px;isolation:isolate}#sceneSvg{width:100%;height:100%;display:block;touch-action:none;user-select:none}.scene-caption{position:absolute;left:23px;top:22px;pointer-events:none;text-shadow:0 1px 8px #0004}.scene-caption .eyebrow{color:#d7c6a9}.scene-caption h2{margin:7px 0 4px;font-size:23px;letter-spacing:-.045em;font-weight:650}.scene-caption p{margin:0;color:#b4c2c4;font-size:9px}.save-status{position:absolute;right:20px;top:25px;font-size:8px;color:#adc6bd;max-width:40%;text-align:right}.stage-bottom{position:absolute;left:20px;right:17px;bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none}#sceneHint{font-size:9px;color:#b8c6c7;text-shadow:0 1px 4px #000;background:#1a242966;padding:7px 10px;border-radius:6px}#quickActions{display:flex;gap:5px;pointer-events:auto}#quickActions button{display:flex;gap:5px;align-items:center;padding:8px;border:1px solid #d8e2e51a;border-radius:7px;background:#19272be6;font-size:8px;color:#b7c8c9}#quickActions button svg{width:15px;height:15px}#quickActions button.active{background:#a8c6b9;color:#243e35}.context-bar{height:67px;background:#20292f;border:1px solid var(--line);border-radius:12px;padding:9px 13px;flex:none;min-width:0}.context-content{height:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.context-idle{display:flex;align-items:center;gap:13px;color:#aac4b8}.context-idle>span{background:#b5c8b910;padding:9px;border-radius:8px}.context-idle p{margin:0;display:flex;flex-direction:column;gap:5px}.context-idle b{font-size:10px;font-weight:500;color:#c9d2ce}.context-idle p span{font-size:9px;color:#778e91}.decal-tools{display:flex;align-items:center;gap:6px}.decal-tools strong{font-size:10px;max-width:135px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:12px}.decal-tools button{background:#33414b;border-radius:6px;width:30px;height:30px;display:grid;place-items:center;font-size:19px}.decal-tools button svg{width:15px;height:15px}input[type=color]{width:31px;height:30px;padding:2px;border:1px solid #ffffff25;border-radius:6px;background:#34414a;cursor:pointer}.service-tools{gap:8px}.service-tools>button{flex:1;display:flex;align-items:center;gap:10px;padding:10px 12px;background:#2b363d;border:1px solid #ffffff09;border-radius:8px;color:#b4c2c5;font-size:11px}.service-tools>button.active{background:#434339;border-color:#bea47a;color:#f4d0a9}.service-tools small{margin-left:auto;color:#88bba6;font-size:9px}.service-panel{position:absolute;top:80px;right:20px;width:205px;padding:15px;background:#1b272de8;border:1px solid #ffffff15;border-radius:12px;backdrop-filter:blur(8px)}.panel-kicker{display:flex;align-items:center;justify-content:space-between}.panel-kicker>span:last-child{font-size:10px;color:#849598}.service-panel h3{font-size:16px;margin:8px 0;letter-spacing:-.04em}.service-panel p{font-size:9px;line-height:1.5;color:#9caeb2;margin:0 0 10px;min-height:27px}.job-progress{height:4px;background:#33454b;border-radius:4px;overflow:hidden}.job-progress i{height:100%;display:block;background:#a7c5ae;transition:width .1s}.job-checklist{display:flex;gap:5px;flex-wrap:wrap;font-size:8px;margin:12px 0}.job-checklist span{padding:4px 6px;background:#ffffff08;color:#8ba1a5;border-radius:4px}.job-checklist span.done{color:#bde0c3;background:#6ba57820}.service-panel>.accent-btn{font-size:9px;width:100%;padding:8px}.service-target{cursor:pointer;touch-action:none}.service-target circle{stroke-dasharray:4 4}.service-target text{pointer-events:none}.placed-decal{cursor:grab;touch-action:none}.placed-decal.selected{filter:drop-shadow(0 0 2px white)}.float-panel{position:absolute;top:60px;right:16px;width:270px;max-height:calc(100% - 76px);overflow:auto;padding:16px;background:#202b32f5;border:1px solid #ffffff1c;border-radius:12px;box-shadow:0 16px 35px #0003;z-index:8}.float-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.float-title h3{margin:0;font-size:16px}.float-title .icon-btn{height:27px;width:27px}#environmentGrid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}#environmentGrid button{padding:0 0 7px;border:1px solid #ffffff15;background:#263942;border-radius:7px;overflow:hidden;font-size:8px}#environmentGrid img{width:100%;height:57px;object-fit:cover;margin-bottom:5px}#environmentGrid button.active{border-color:var(--orange)}.choice-row{display:flex;gap:5px;margin-top:15px}.choice-row button{font-size:9px;flex:1;padding:8px 3px;background:#36444c;border-radius:6px}.choice-row .active{color:#f3c697;outline:1px solid var(--orange)}.color-input{display:flex;align-items:center;justify-content:space-between;margin-top:17px;font-size:11px;color:#adbdc1}.drive-hud{position:absolute;right:25px;top:78px;width:180px;background:#16242eea;border:1px solid #d6e4e721;border-radius:13px;padding:15px}.drive-hud strong{display:flex;align-items:baseline;gap:6px}.drive-hud strong b{font-size:60px;line-height:1.1;font-variant-numeric:tabular-nums;font-weight:550}.drive-hud strong small{font-size:10px;color:#b2c6c9}.drive-hud>div{display:flex;justify-content:space-between;font-size:12px;color:#bdd6c7;border-top:1px solid #ffffff18;padding-top:9px;margin-top:6px}.drive-hud p{font-size:9px;color:#94aaaf;margin:10px 0 0;line-height:1.5}.drive-tools .pedal{height:100%;min-width:120px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:700;border-radius:8px;user-select:none;touch-action:none}.throttle{background:var(--teal);color:#213b32}.brake{background:#644741;color:#eab7a7}.pedal.pressed{box-shadow:inset 0 0 0 3px #fff5;filter:brightness(1.18)}#driveTip{font-size:10px;color:#8ba2aa;margin-left:auto}.drive-road{transition:none}.fx-particle{animation:fade-particle .5s ease-out forwards;pointer-events:none}@keyframes fade-particle{to{opacity:0;transform:translateY(-15px)}}#toast{position:absolute;left:50%;bottom:66px;transform:translateX(-50%) translateY(4px);font-size:10px;background:#101d26ef;color:#e0ecec;padding:10px 16px;border:1px solid #c4d7d321;border-radius:9px;opacity:0;pointer-events:none;transition:opacity .15s;max-width:85%;text-align:center;z-index:20}#toast.show{opacity:1}.portrait-tip{display:none}dialog{background:#202a30;color:#dce5e4;border:1px solid #4b5e64;border-radius:15px;padding:24px;width:min(560px,90vw);max-height:88dvh;overflow:auto;box-shadow:0 25px 90px #0008}dialog::backdrop{background:#071018a8}dialog h2{font-size:23px;line-height:1.15;letter-spacing:-.04em;margin:9px 0 15px}dialog p{font-size:12px;line-height:1.65;color:#a8b9bd}dialog p b{color:#dce7de}.volume-label{display:flex;align-items:center;justify-content:space-between;margin:18px 0;padding:14px 0;border-block:1px solid var(--line);font-size:12px}.volume-label input{accent-color:var(--orange);width:140px}.file-actions{display:flex;gap:7px;flex-wrap:wrap}.fine-print{font-size:9px!important}.virtual-landscape dialog{position:fixed;left:50%;top:50%;right:auto;bottom:auto;margin:0;width:min(560px,88dvh);max-width:88dvh;max-height:85dvw;transform:translate(-50%,-50%) rotate(90deg)}
@container(max-height:570px){.topbar{height:46px;padding:0 13px;gap:15px}.brand{gap:8px}.brand-mark{width:29px;height:29px}.brand strong{font-size:11px;letter-spacing:.035em}.brand small{font-size:5px;margin-top:3px}.career{padding-left:14px;gap:6px}.career>span{font-size:7px}.career i{width:42px}.top-actions{gap:4px}.top-actions .icon-btn{width:28px;height:28px;font-size:19px}.top-actions .soft-btn,.top-actions .accent-btn{padding:7px 9px;font-size:9px}.workspace{padding:7px;gap:8px}.catalog{width:183px;border-radius:10px}.catalog-head{padding:10px 11px 5px}.catalog-head .eyebrow{font-size:6px}.catalog h1{font-size:14px;margin-top:4px}.catalog-nav{padding:0 11px 5px;height:27px}.catalog-nav>span{font-size:7px}.search{margin:0 9px 8px;padding:6px 8px}.search input{font-size:9px}.catalog-grid{gap:6px;padding:0 8px 8px}.catalog-card{min-height:74px;padding:4px;gap:3px}.catalog-card img{width:69px;height:37px}.catalog-card strong{font-size:7px}.catalog-card small{font-size:6px}.catalog-card .color-chip{width:30px;height:30px}.catalog-foot{padding:8px;font-size:6px}.studio{gap:6px}.studio-toolbar{height:29px}#modeTabs{padding:2px}#modeTabs button{padding:6px 8px;font-size:8px;gap:4px}#modeTabs button svg{width:12px;height:12px}.view-actions .soft-btn{font-size:9px;padding:6px}.view-actions .icon-btn{width:26px;height:26px}.stage{border-radius:10px}.scene-caption{left:14px;top:12px}.scene-caption h2{font-size:15px;margin:4px 0}.scene-caption p{font-size:7px}.scene-caption .eyebrow{font-size:5px}.save-status{top:15px;right:13px;font-size:6px}.stage-bottom{left:10px;right:10px;bottom:8px}#sceneHint{font-size:7px;padding:5px}#quickActions button{font-size:7px;padding:5px;gap:4px}#quickActions button svg{width:12px;height:12px}.context-bar{height:46px;border-radius:9px;padding:5px 8px}.context-idle{gap:8px}.context-idle>span{padding:5px}.context-idle b{font-size:8px}.context-idle p span{font-size:7px}.context-idle p{gap:2px}.context-content>.soft-btn{font-size:8px;padding:7px}.service-tools{gap:5px}.service-tools>button{padding:7px 9px;font-size:9px;gap:6px}.service-tools small{font-size:7px}.service-tools svg{width:14px;height:14px}.service-panel{top:48px;right:12px;width:164px;padding:10px}.service-panel h3{font-size:12px;margin:5px 0}.service-panel p{font-size:8px;min-height:20px;margin-bottom:6px}.job-checklist{gap:3px;margin:6px 0;font-size:6px}.job-checklist span{padding:3px}.service-panel>.accent-btn{padding:5px;font-size:7px}.drive-hud{top:50px;right:14px;width:137px;padding:10px}.drive-hud strong b{font-size:39px}.drive-hud p{font-size:7px}.drive-hud>div{font-size:9px}.drive-tools .pedal{min-width:97px;font-size:10px}.drive-tools .soft-btn{font-size:9px}#driveTip{font-size:8px}.decal-tools strong{font-size:8px;margin-right:2px;max-width:80px}.decal-tools{gap:4px}.decal-tools button{width:26px;height:26px;font-size:16px}.decal-tools input{height:26px;width:26px}#toast{font-size:8px;padding:7px 10px;bottom:39px}.float-panel{top:42px;right:10px;max-height:calc(100% - 48px);width:245px;padding:12px}}
@media(max-width:1050px){.career{display:none}.button-text{display:none}.top-actions .soft-btn,.top-actions .accent-btn{padding:8px}.topbar{gap:10px}.brand strong{font-size:12px}.view-actions .soft-btn .button-text{display:none}}
@container studio (max-width:650px){#modeTabs button{padding-inline:7px}#modeTabs button svg{display:none}#sceneHint{display:none}.stage-bottom{justify-content:flex-end}.scene-caption p{display:none}.context-idle b{font-size:8px}.context-idle p span{font-size:7px}.decal-tools strong{display:none}.context-content{gap:7px}#driveTip{display:none}.drive-tools{justify-content:flex-end}.drive-tools>.soft-btn{margin-right:auto}.save-status{max-width:33%}.service-panel{width:157px}.service-tools>button{gap:5px;padding-inline:7px}.service-tools small{display:none}}
@media(orientation:portrait) and (max-width:800px){#app:not(.virtual-landscape) .topbar{height:56px;padding:0 10px}#app:not(.virtual-landscape) .brand small{display:none}#app:not(.virtual-landscape) .brand strong{font-size:9px}#app:not(.virtual-landscape) .brand-mark{width:26px;height:26px}#app:not(.virtual-landscape) .top-actions{gap:2px}#app:not(.virtual-landscape) .top-actions .icon-btn{width:25px;height:29px;font-size:18px}#app:not(.virtual-landscape) .top-actions .soft-btn,#app:not(.virtual-landscape) .top-actions .accent-btn{padding:5px}#app:not(.virtual-landscape) .divider{display:none}#app:not(.virtual-landscape) .workspace{flex-direction:column;padding:7px;gap:8px}#app:not(.virtual-landscape) .catalog{order:2;width:100%;height:196px}#app:not(.virtual-landscape) .catalog-head{padding:6px 10px 2px}#app:not(.virtual-landscape) .catalog-head .eyebrow{display:none}#app:not(.virtual-landscape) .catalog h1{font-size:12px;margin:0}#app:not(.virtual-landscape) .catalog-nav{height:24px;padding:0 10px}#app:not(.virtual-landscape) .search{display:none}#app:not(.virtual-landscape) .catalog-grid{grid-template-columns:repeat(4,1fr);gap:5px;padding:4px 8px 8px}#app:not(.virtual-landscape) .catalog-card{min-height:76px}#app:not(.virtual-landscape) .catalog-card img{width:57px;height:38px}#app:not(.virtual-landscape) .catalog-card strong{font-size:7px}#app:not(.virtual-landscape) .catalog-foot{display:none}#app:not(.virtual-landscape) .studio-toolbar{height:31px}#app:not(.virtual-landscape) #modeTabs button{font-size:8px;padding:7px}#app:not(.virtual-landscape) .view-actions .soft-btn{padding:5px}#app:not(.virtual-landscape) .scene-caption{left:12px;top:13px}#app:not(.virtual-landscape) .scene-caption h2{font-size:15px}#app:not(.virtual-landscape) .save-status{font-size:6px;right:10px;top:15px}#app:not(.virtual-landscape) .context-bar{height:47px;padding:6px}#app:not(.virtual-landscape) .context-content>.soft-btn{font-size:8px;padding:7px}#app:not(.virtual-landscape) .context-idle>span{display:none}#app:not(.virtual-landscape) .service-panel{right:10px;top:65px;padding:10px;width:145px}#app:not(.virtual-landscape) .service-panel h3{font-size:12px}#app:not(.virtual-landscape) .service-panel p{font-size:8px}#app:not(.virtual-landscape) .service-tools>button{font-size:8px;padding:7px 5px}#app:not(.virtual-landscape) .service-tools svg{width:13px;height:13px}#app:not(.virtual-landscape) .portrait-tip{display:flex;align-items:center;justify-content:center;gap:10px;padding:0 8px 7px;font-size:8px;color:#83999e}#app:not(.virtual-landscape) .portrait-tip button{font-size:8px;padding:7px;background:#344741;border-radius:5px;color:#c3d5ca}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.fx-particle{animation:none}}
@container(max-height:570px){.service-panel{top:9px;right:10px;width:182px;padding:9px 10px}.service-panel .panel-kicker,.service-panel .job-checklist{display:none}.service-panel h3{margin:0 0 4px;font-size:10px}.service-panel p{font-size:7px;line-height:1.3;min-height:19px;margin-bottom:5px}.service-panel>.accent-btn{margin-top:6px;font-size:7px;padding:5px}.service-panel .job-progress{height:3px}#app[data-mode=service] .save-status{display:none}.drive-hud{top:12px;width:128px}.drive-hud strong b{font-size:34px}.drive-hud p{font-size:7px;margin-top:6px}.drive-hud>div{padding-top:5px;margin-top:4px}#app[data-mode=drive] .save-status{display:none}}