@font-face{font-family:DM Sans;src:url('./fonts/dm-sans.woff2') format('woff2');font-weight:100 1000;font-display:swap}
:root{font-family:'DM Sans',system-ui,sans-serif;color:#e4eef4;background:#0e1217;font-size:13px;font-synthesis:none;--bg:#10151b;--panel:#151b22;--panel2:#19212a;--line:#27313c;--muted:#8293a4;--cyan:#61dff3;--white:#edf7fc;--radius:12px}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer;user-select:none;transition:background .15s,border-color .15s,transform .15s}button:active{transform:translateY(1px)}button:disabled{opacity:.3;cursor:default}button,input,textarea,select{outline:none}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}button[hidden],[hidden]{display:none!important}.icon{width:18px;height:18px;display:block;flex-shrink:0}.icon.small{width:14px;height:14px}[data-icon]{display:inline-flex;align-items:center;justify-content:center}.icon-button{background:transparent;border:1px solid transparent;width:34px;height:34px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:#91a2b2;flex-shrink:0}.icon-button:hover{background:#24303d;color:#e8f8ff}.icon-button.active{color:var(--cyan);background:#1e3540;border-color:#315363}.button{height:38px;border:1px solid #354554;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#202c37;font-weight:650;white-space:nowrap;padding:0 16px}.button:hover{background:#293b48;border-color:#4c7085}.button.primary{background:var(--cyan);border-color:var(--cyan);color:#0e303b}.button.primary:hover{background:#93edff}.button .icon{width:16px;height:16px}.quiet-button{display:inline-flex;align-items:center;gap:7px;padding:6px 0;background:none;border:0;color:#8597a8;font-size:11px}.quiet-button:hover{color:var(--cyan)}.quiet-button .icon{width:14px;height:14px}.tiny-label{font-size:9px;font-weight:650;letter-spacing:1.8px;color:#8298a7}.count{display:inline-flex;min-width:20px;height:18px;align-items:center;justify-content:center;border:1px solid #34414e;border-radius:5px;font-size:10px;color:#90a4b4;margin-left:5px}
#app{height:100dvh;display:flex;flex-direction:column;min-width:340px}.topbar{height:70px;flex-shrink:0;padding:0 22px;display:flex;align-items:center;gap:22px;background:#11161c;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#f0f7fb;font-size:26px;font-weight:750;letter-spacing:-1.2px}.brand img{width:34px;height:34px;border-radius:10px}.brand-dot{color:var(--cyan)}.header-divider{height:24px;width:1px;background:var(--line);margin-left:9px}.project-button{height:35px;display:flex;gap:10px;align-items:center;background:none;border:0;font-size:12px;font-weight:600;padding:0}.project-button .project-icon{color:#82a6b8}.project-button [data-icon=down] .icon{width:13px}.save-state{display:flex;align-items:center;gap:6px;color:#83929f;font-size:10px}.save-state i{width:5px;height:5px;background:#72c7ad;border-radius:50%}.topbar-right{display:flex;gap:16px;align-items:center;margin-left:auto}.export-button{border:1px solid #355465;background:#172b36;color:#b0effa;height:36px;font-size:11px;padding:0 14px}.export-button>span:last-child .icon{width:12px}.avatar{display:grid;place-items:center;border:1px solid #365359;background:#243d3c;color:#9ae3d4;width:31px;height:31px;border-radius:50%;font-weight:700;font-size:11px}
.studio{display:flex;flex:1;min-height:0;min-width:0}.tool-rail{width:74px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;padding:18px 7px 14px;background:#11171e;border-right:1px solid var(--line)}.rail-top{display:flex;flex-direction:column;gap:9px;flex:1}.rail-button{background:none;border:1px solid transparent;width:58px;height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border-radius:11px;color:#8192a2;font-size:9px;font-weight:500;position:relative}.rail-button .icon{width:21px;height:21px}.rail-button:hover{color:#daeefa;background:#1a2630}.rail-button.active{color:var(--cyan);background:#1b303b;border-color:#294652}.rail-button.active:before{content:'';position:absolute;left:-8px;height:21px;width:2px;background:var(--cyan);border-radius:0 2px 2px 0}.rail-line{height:1px;margin:8px 12px;background:var(--line)}.rail-spark{margin-top:19px;color:#536979}.rail-spark .icon{width:16px}.library{width:222px;flex-shrink:0;background:#151b23;border-right:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}.library-header{padding:23px 18px 16px}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.panel-heading h2{font-size:15px;letter-spacing:-.3px;margin:0;font-weight:600}.panel-heading .icon-button{width:25px;height:25px}.panel-subtitle{font-size:10px;color:#8193a5;margin:6px 0 16px;line-height:1.6}.search-field{height:33px;border:1px solid #2c3742;display:flex;align-items:center;gap:8px;border-radius:8px;background:#111820;padding:0 10px}.search-field .icon{width:14px;color:#6e8595}.search-field input{width:100%;min-width:0;background:none;border:0;color:#d9e7f0;font-size:10px}.search-field input::placeholder{color:#667e91}.library-tabs{padding:0 18px;display:flex;gap:17px;border-bottom:1px solid var(--line)}.library-tabs button{background:none;border:0;position:relative;padding:0 0 12px;font-size:10px;color:#8c9eac}.library-tabs button.active{color:var(--cyan)}.library-tabs button.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--cyan);border-radius:2px}.library-scroll{overflow:auto;flex:1;min-height:0;padding:16px 15px;scrollbar-width:thin;scrollbar-color:#334450 transparent}.category-chips{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:19px}.category-chips button{font-size:9px;padding:5px 8px;border-radius:6px;background:none;border:1px solid #2a3743;color:#8da0af}.category-chips button.active{background:#223846;color:#b9f3fc;border-color:#396071}.asset-section-title{display:flex;align-items:center;justify-content:space-between;color:#91a3b4;font-size:9px;letter-spacing:.8px;margin:5px 0 11px}.asset-section-title span:last-child{font-size:9px;color:#5a7387}.asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:22px}.asset-card{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;height:107px;border:1px solid #2b3742;background:linear-gradient(140deg,#202c35,#1a232c);border-radius:10px;overflow:hidden;padding:6px;gap:2px}.asset-card:hover{border-color:#58b5ca;background:linear-gradient(140deg,#283d48,#202e38);transform:translateY(-2px)}.asset-card:after{content:'+';position:absolute;top:5px;right:7px;font-size:14px;color:#6bbfd3;opacity:0}.asset-card:hover:after{opacity:1}.asset-card .asset-art{width:65px;height:65px;filter:drop-shadow(0 6px 7px #0003)}.asset-card .asset-name{font-size:9px;color:#c9d7e1;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.asset-card img{width:62px;height:62px;object-fit:contain;border-radius:5px}.library-footer{border-top:1px solid var(--line);padding:14px 16px}.upload-zone{height:65px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;border:1px dashed #395363;border-radius:9px;color:#a4c4d4;width:100%;background:#18232c;font-size:10px}.upload-zone:hover{border-color:var(--cyan);background:#1d303b}.upload-zone .icon{width:18px}.upload-zone small{font-size:8px;color:#6d8496}.center{flex:1;min-width:0;display:flex;flex-direction:column;background:#10191f}.canvas-toolbar{height:61px;flex-shrink:0;border-bottom:1px solid var(--line);background:#151d25;display:flex;align-items:center;gap:13px;padding:0 21px}.world-title{display:flex;align-items:center;gap:8px;min-width:0;font-size:11px;color:#c9d8e2;white-space:nowrap}.world-title>span:nth-child(2){overflow:hidden;text-overflow:ellipsis}.live-dot{width:6px;height:6px;border-radius:50%;background:#75d5ba;box-shadow:0 0 0 3px #71eac411;flex-shrink:0}.world-badge{font-size:7px;letter-spacing:.9px;color:#829aaa;border:1px solid #344652;border-radius:4px;padding:4px 5px;margin-left:3px}.mode-switch{display:flex;padding:3px;gap:2px;background:#10171f;border:1px solid #2b3945;border-radius:8px;margin-left:auto}.mode-switch button{border:0;background:transparent;color:#8095a7;border-radius:5px;padding:6px 10px;font-size:10px;font-weight:600}.mode-switch button.active{background:#2a3b47;color:#d4f0fb;box-shadow:0 1px 3px #0003}.preview-controls{display:flex;gap:4px;align-items:center}.play-button{height:33px;padding:0 13px;color:#102c36;background:var(--cyan);border-color:#6ee7fc;font-size:11px;box-shadow:0 0 18px #4de0fa0d}.play-button:hover{background:#98edfb}.play-button .icon{width:13px;fill:currentColor;stroke-width:0}.play-button kbd{font:10px inherit;background:#0c526b33;padding:1px 4px;border-radius:3px;margin-left:7px}.stage{position:relative;flex:1;min-height:180px;overflow:hidden;background:radial-gradient(ellipse at 50% 38%,#243c43 0,#17292f 42%,#111c24 85%)}.stage:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.3;background-image:radial-gradient(#6ba4b8 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(ellipse,transparent 25%,black 100%)}#viewport{position:absolute;inset:0;outline:none;touch-action:none}#viewport canvas{width:100%;height:100%;display:block;touch-action:none}#viewport[data-theme=space]{background:radial-gradient(ellipse at center,#24365200,#1a183333)}.stage-meta{position:absolute;left:24px;right:24px;top:23px;display:flex;justify-content:space-between;pointer-events:none;z-index:2}.stage-meta .tiny-label{font-size:8px;color:#6f8d9c;letter-spacing:1.7px}.scene-coordinate{display:flex;gap:7px;font-size:9px;color:#557d8b;font-variant-numeric:tabular-nums}.scene-coordinate b{font-weight:400;color:#82a3ae}.scene-coordinate>span{margin-left:7px}.canvas-tools{position:absolute;left:19px;top:50%;transform:translateY(-50%);border:1px solid #35505a;background:#152630dc;backdrop-filter:blur(12px);padding:4px;display:flex;flex-direction:column;border-radius:10px;gap:3px;box-shadow:0 6px 20px #0002;z-index:3}.canvas-tools .icon-button{width:32px;height:33px}.canvas-tools>span{height:1px;background:#344652;margin:2px 5px}.scene-label{position:absolute;pointer-events:none;bottom:20%;right:5%;display:flex;align-items:center;gap:9px;transform:rotate(-7deg);color:#7f9f9e;font-size:10px;line-height:1.55;opacity:.7}.scene-label strong{font-weight:500;color:#a3c1b7}.label-line{width:22px;height:1px;background:#7daca6;transform:rotate(-30deg)}.label-star{font-size:23px;color:#9bc5b5;margin-left:3px}.stage-bottom{display:flex;justify-content:space-between;align-items:center;position:absolute;left:18px;right:18px;bottom:18px;z-index:3;gap:8px}.history-controls,.zoom-controls{display:flex;align-items:center;border:1px solid #324652;background:#172732db;border-radius:9px;padding:3px;backdrop-filter:blur(8px)}.history-controls .icon-button,.zoom-controls .icon-button{width:28px;height:28px}.history-controls .icon,.zoom-controls .icon{width:14px;height:14px}#zoom-reset{font-size:10px;border:0;background:none;padding:0 6px;color:#cedee5;min-width:45px}#zoom-reset span{color:#778f9e;margin-left:1px}.canvas-hint{font-size:9px;color:#74909f;display:flex;align-items:center;gap:7px;white-space:nowrap}.canvas-hint .icon{width:13px;height:13px}.canvas-hint b{font-weight:400;color:#4b697a;margin:0 3px}.scenes-panel{height:154px;flex-shrink:0;background:#151c24;border-top:1px solid var(--line);padding:13px 20px}.scenes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.scenes-header>span{display:flex;gap:7px;align-items:center;font-size:11px;color:#adbecd}.scenes-header .icon{width:14px;height:14px;color:#8295a8}.scene-strip{display:flex;gap:10px;overflow-x:auto;padding-bottom:5px;scrollbar-width:thin;scrollbar-color:#3e5360 transparent}.scene-card{flex-shrink:0;width:142px;padding:0;background:#1c2730;border:1px solid #35444d;border-radius:8px;overflow:hidden;text-align:left;position:relative}.scene-card.active{border-color:#51bbd0;box-shadow:0 0 0 2px #4cd4e71a}.scene-thumb{height:53px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#345b51,#1d3637);overflow:hidden;position:relative}.scene-thumb:before{content:'';position:absolute;width:80px;height:40px;background:#418e7066;transform:rotate(-20deg) skewX(20deg);border-radius:5px}.scene-thumb.night{background:radial-gradient(ellipse,#3c3e65,#232d40)}.scene-thumb.space{background:radial-gradient(ellipse,#3c405e,#162435)}.scene-thumb.race{background:radial-gradient(ellipse,#52543c,#213f42)}.scene-thumb .asset-art{height:42px;width:42px;z-index:1;margin:0 -5px;filter:drop-shadow(0 3px 2px #0d242e80)}.scene-caption{font-size:9px;color:#a7bfcb;display:flex;align-items:center;gap:7px;padding:7px 9px;background:#17232b}.scene-caption b{color:#668698;font-size:8px;font-weight:500}.scene-card.active .scene-caption{color:#d1f3fa}.scene-active-dot{position:absolute;top:7px;left:7px;width:5px;height:5px;background:#8ef2dd;border-radius:50%;z-index:2}.new-scene{flex-shrink:0;border:1px dashed #3b4e5c;background:none;border-radius:8px;width:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#849eaf;font-size:9px}.new-scene:hover{color:var(--cyan);border-color:var(--cyan);background:#1c303d}.new-scene .icon{width:18px;height:18px}.inspector{width:264px;flex-shrink:0;background:#151b23;border-left:1px solid var(--line);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#344650 transparent;padding-bottom:14px}.inspector-top{height:61px;border-bottom:1px solid var(--line);padding:0 17px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#acbdcb}.inspector-top span{display:flex;gap:7px;align-items:center}.inspector-top .icon{width:14px;height:14px}.inspector-top .icon-button{width:25px;height:25px}.object-identity{display:flex;align-items:center;gap:12px;padding:21px 18px 18px}.object-portrait{width:50px;height:53px;background:#223440;border:1px solid #38505e;border-radius:11px;display:grid;place-items:center;flex-shrink:0}.object-portrait .asset-art{width:45px;height:45px}.object-name{font-size:16px;font-weight:600;background:transparent;border:0;width:150px;color:#e1f4fc;letter-spacing:-.2px;padding:0;margin-bottom:6px}.object-role{font-size:8px;color:#74c3d7;letter-spacing:1px;font-weight:600}.inspector-section{padding:0 18px 16px;border-bottom:1px solid var(--line);margin-bottom:16px}.inspector-section:last-child{border-bottom:0}.section-label{font-size:9px;letter-spacing:1px;color:#839aac;display:flex;align-items:center;justify-content:space-between;margin:0 0 12px}.section-label .icon{width:13px;height:13px}.transform-row{display:flex;gap:7px;margin-bottom:10px}.number-field{border:1px solid #2f404d;border-radius:7px;height:32px;display:flex;gap:7px;align-items:center;flex:1;min-width:0;background:#111b24;padding:0 9px}.number-field>span{font-size:9px;color:#72b4c4;font-weight:600}.number-field.z>span{color:#b2a1da}.number-field input{border:0;background:none;color:#bacee0;width:100%;font-size:10px;min-width:0;appearance:textfield}.number-field input::-webkit-inner-spin-button{appearance:none}.range-label{display:flex;align-items:center;justify-content:space-between;color:#9aafbf;font-size:10px}.range-label output{font-size:10px;color:#cce3ed;font-variant-numeric:tabular-nums;background:#202f3c;padding:2px 6px;border-radius:4px}.range-row{margin:12px 0 6px}input[type=range]{width:100%;height:20px;appearance:none;background:none;margin:5px 0;cursor:pointer;touch-action:pan-x}input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:8px;background:linear-gradient(to right,#57c8df var(--fill,50%),#30414f var(--fill,50%))}input[type=range]::-webkit-slider-thumb{appearance:none;width:11px;height:11px;margin-top:-4px;border-radius:50%;background:#b1f1fd;box-shadow:0 0 0 3px #61dff31c}input[type=range]::-moz-range-track{height:3px;background:#30414f}input[type=range]::-moz-range-progress{background:#57c8df}input[type=range]::-moz-range-thumb{border:0;background:#b1f1fd;width:11px;height:11px;border-radius:50%}.color-row{display:flex;gap:9px;align-items:center;margin-top:13px}.swatch{border:2px solid transparent;border-radius:50%;width:19px;height:19px;background:var(--swatch);padding:0}.swatch.active{outline:1px solid var(--swatch);outline-offset:3px;border-color:#15202a}.custom-color{position:relative;border:1px dashed #5e7d90;border-radius:50%;width:21px;height:21px;display:grid;place-items:center;color:#a3c2d2;cursor:pointer;margin-left:auto}.custom-color input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer}.custom-color .icon{width:11px;height:11px}.behavior-card{border:1px solid #30404b;border-radius:10px;background:#1b2833;margin:9px 0;overflow:hidden}.behavior-card summary{display:flex;align-items:center;gap:9px;padding:11px 10px;cursor:pointer;list-style:none;font-size:10px}.behavior-card summary::-webkit-details-marker{display:none}.behavior-symbol{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:#284658;color:#7be0fa}.behavior-symbol .icon{width:16px;height:16px}.behavior-card:nth-of-type(3n) .behavior-symbol{background:#3b3156;color:#c2a6ff}.behavior-title{flex:1;font-size:10px;font-weight:500}.behavior-title small{display:block;font-size:8px;color:#7793a6;font-weight:400;margin-top:4px}.behavior-chevron{color:#6d899c}.behavior-chevron .icon{width:11px;height:11px}.behavior-card[open] .behavior-chevron{transform:rotate(90deg)}.behavior-settings{padding:1px 12px 10px;border-top:1px solid #2c3c48;margin:0 10px}.behavior-actions{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.behavior-remove{background:none;border:0;color:#9c8e9c;font-size:9px;padding:0}.behavior-remove:hover{color:#ffabbc}.toggle{display:flex;align-items:center;gap:7px;background:none;border:0;font-size:9px;color:#92afbd;padding:0}.toggle i{position:relative;width:24px;height:14px;background:#3b4a58;border-radius:9px}.toggle i:after{content:'';position:absolute;left:3px;top:3px;height:8px;width:8px;background:#adbccc;border-radius:50%;transition:transform .2s}.toggle[aria-pressed=true] i{background:#327589}.toggle[aria-pressed=true] i:after{background:#a3f2ff;transform:translateX(10px)}.add-behavior{width:100%;height:37px;border:1px dashed #477080;border-radius:8px;background:#172833;color:#82cede;display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;margin-top:12px}.add-behavior:hover{background:#203c49;border-color:#76d8eb}.add-behavior .icon{width:14px;height:14px}.inspector-details{margin:0 18px 14px;border-bottom:1px solid var(--line);padding-bottom:13px}.inspector-details summary{list-style:none;display:flex;align-items:center;gap:8px;font-size:10px;color:#a7bccb;cursor:pointer}.inspector-details summary .icon{width:14px;height:14px;color:#6c92aa}.inspector-details summary .icon:last-child{margin-left:auto;width:12px}.inspector-details[open] summary .icon:last-child{transform:rotate(90deg)}.inspector-details>div{padding-top:15px}.mini-tip{margin:22px 18px 0;border:1px solid #2c4351;background:#182934;border-radius:9px;padding:12px;font-size:10px;color:#8ba9b9;line-height:1.65}.mini-tip .icon{display:inline;vertical-align:middle;width:13px;height:13px;color:#65c9e0;margin-right:4px}.mini-tip strong{color:#b7d5df;font-weight:500}.behavior-palette{display:flex;flex-direction:column;gap:8px}.palette-item{display:flex;align-items:center;gap:10px;padding:12px 9px;border:1px solid #2d3d4b;border-radius:9px;background:#1c2935;text-align:left;width:100%}.palette-item:hover{background:#243d4b;border-color:#4c7b8e}.palette-item>.icon{color:#7bd7e8;width:20px}.palette-item strong{font-size:11px;font-weight:500;display:block}.palette-item small{display:block;color:#7a97aa;font-size:9px;margin-top:4px}.palette-item .plus{margin-left:auto;color:#77a2b5}.statusbar{height:29px;flex-shrink:0;display:flex;align-items:center;padding:0 19px;gap:26px;border-top:1px solid var(--line);background:#10161c;font-size:9px;color:#6c8294}.statusbar>span{display:flex;align-items:center;gap:7px}.statusbar i{width:4px;height:4px;background:#5ba6a4;border-radius:50%}.statusbar .icon{width:12px;height:12px}.footer-tip{margin-left:auto}.statusbar button{display:flex;align-items:center;gap:6px;background:none;border:0;color:#7593a7;font-size:9px;padding:0}.path-done{position:absolute;bottom:70px;left:50%;transform:translateX(-50%);background:var(--cyan);color:#173b45;border-color:#a0f0ff;z-index:7}.path-done:active{transform:translateX(-50%)}body.playing .library,body.playing .inspector,body.playing .tool-rail,body.playing .scenes-panel{opacity:.35;pointer-events:none}body.playing .stage-meta,body.playing .canvas-tools,body.playing .stage-bottom,body.playing .scene-label{display:none}body.playing .mode-switch{visibility:hidden}body.focus .library,body.focus .inspector,body.focus .scenes-panel{display:none}body.focus .canvas-hint{opacity:0}.scene-fade canvas{animation:sceneFade .7s ease}.scene-slide canvas{animation:sceneSlide .7s ease}@keyframes sceneFade{from{opacity:0}to{opacity:1}}@keyframes sceneSlide{from{opacity:0;transform:translateX(50px)}to{opacity:1;transform:none}}
.dialog-note{font-size:11px;color:#829bad;line-height:1.7}.empty-state{padding:28px 10px;text-align:center;color:#91adbd;font-size:11px;line-height:1.8}.empty-state .icon{width:32px;height:32px;margin:0 auto 14px;color:#6399ae}.field-label{display:block;color:#9ab5c5;font-size:10px;margin:16px 0 7px}.text-input,select,textarea{width:100%;border:1px solid #3b5060;border-radius:8px;background:#111e29;color:#cde7f4;padding:10px 11px;font-size:12px}textarea{resize:vertical;min-height:90px;line-height:1.6}.wide-button{width:100%;margin-top:12px}.inline-row{display:flex;gap:8px;align-items:center}.inline-row>*{min-width:0}.inline-row .button{flex-shrink:0}.world-colors{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.theme-card{border:1px solid #385467;border-radius:9px;padding:14px 5px;font-size:11px;background:linear-gradient(125deg,var(--theme),#172630)}.theme-card.active{outline:2px solid var(--cyan);outline-offset:2px}.audio-row{display:flex;align-items:center;gap:9px;background:#1b2936;border:1px solid #324654;border-radius:9px;padding:10px;margin-bottom:9px}.audio-row>div{flex:1;min-width:0}.audio-row strong{display:block;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-row small{font-size:9px;color:#7293a5}.audio-row .icon-button{width:25px;height:25px}.audio-row .icon{width:15px;height:15px}.waveform{display:flex;gap:3px;align-items:center;height:20px;margin:7px 0}.waveform i{width:2px;height:var(--h);background:#4db2c6;opacity:.65;border-radius:3px}.drop-highlight{outline:2px dashed var(--cyan);outline-offset:-8px;background-color:#275f7333!important}
dialog{width:min(680px,calc(100% - 32px));border:1px solid #3d586c;border-radius:22px;background:#17232e;color:var(--white);padding:25px 30px 30px;max-height:90dvh;overflow:auto;box-shadow:0 35px 100px #0009;scrollbar-width:thin}dialog::backdrop{background:#050c18aa;backdrop-filter:blur(8px)}dialog[open]{animation:dialogIn .2s ease-out}@keyframes dialogIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.modal-top{display:flex;justify-content:space-between;align-items:center}.modal-top .tiny-label{color:#70b9cf}.modal-top .icon-button{width:28px;height:28px}dialog h2{font-size:28px;font-weight:600;letter-spacing:-1px;margin:13px 0 8px}dialog .subtitle{font-size:12px;color:#92aebf;line-height:1.7;margin-bottom:24px}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.template-card{border:1px solid #3a4d5d;background:#202f3c;border-radius:14px;padding:0;overflow:hidden;text-align:left}.template-card:hover{border-color:#7ad9ef;transform:translateY(-3px)}.template-art{height:100px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,var(--template-color),#22333e);gap:8px}.template-art .asset-art{width:70px;height:70px;filter:drop-shadow(0 12px 10px #0005)}.template-content{padding:15px;display:flex;align-items:center;gap:10px}.template-content strong{font-size:13px;font-weight:600;display:block}.template-content small{display:block;font-size:10px;margin-top:5px;color:#8daabb}.template-content>.icon{margin-left:auto;width:15px;color:#83b9d1}.modal-actions{display:flex;gap:10px;margin-top:22px;justify-content:flex-end}.help-steps{display:grid;gap:17px;margin:24px 0}.help-step{display:flex;gap:16px;align-items:center;padding:15px;background:#203140;border:1px solid #314c61;border-radius:12px}.help-step>.icon{width:29px;height:29px;color:var(--cyan)}.help-step strong{font-size:14px}.help-step p{color:#94b1c4;font-size:11px;line-height:1.6;margin:5px 0 0}.export-card{width:100%;display:flex;align-items:center;gap:17px;text-align:left;padding:22px;border:1px solid #38536b;border-radius:12px;background:#203243;color:#d9edf8;margin:12px 0}.export-card:hover{background:#29475a;border-color:#66c4df}.export-card>.icon{width:28px;height:28px;color:var(--cyan)}.export-card strong{display:block;font-size:15px}.export-card small{display:block;font-size:11px;line-height:1.6;color:#92b1c6;margin-top:6px}.export-card .chev{margin-left:auto;width:18px}.project-row{display:flex;align-items:center;gap:15px;width:100%;border:1px solid #354c60;background:#1b2b39;border-radius:10px;padding:16px;margin:10px 0;text-align:left}.project-row:hover{background:#254154;border-color:#71c4de}.project-row>.icon{color:#82d9eb}.project-row strong{font-size:14px;display:block}.project-row small{display:block;margin-top:5px;font-size:10px;color:#90adc1}.project-row .chev{margin-left:auto;width:14px}.choice-editor{display:flex;gap:7px;margin:8px 0}.choice-editor input{flex:1;min-width:0}.choice-editor select{width:42%;font-size:11px}.choice-editor .icon-button{align-self:center}.scene-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.sound-select{font-size:10px;padding:8px;margin-top:10px}.danger{color:#f2a5af;border-color:#694c5b;background:#372833}.pill-note{background:#213b48;color:#9fdceb;padding:9px 12px;border-radius:8px;display:flex;gap:8px;align-items:center;font-size:10px;line-height:1.5}.pill-note .icon{width:14px;height:14px;flex-shrink:0}#toast{position:fixed;bottom:48px;left:50%;transform:translate(-50%,15px);padding:12px 19px;border:1px solid #487589;background:#1d3647;color:#d7f7ff;font-size:12px;border-radius:10px;box-shadow:0 8px 30px #0005;z-index:100;opacity:0;pointer-events:none;transition:.2s;max-width:90vw;text-align:center}#toast.show{transform:translate(-50%,0);opacity:1}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#344854;border-radius:4px}
@media(min-width:1600px){.library{width:248px}.inspector{width:286px}.asset-card{height:118px}.asset-card .asset-art{width:76px;height:76px}.scenes-panel{height:164px}.scene-thumb{height:62px}.topbar{height:76px}.canvas-toolbar{height:65px}.inspector-top{height:65px}}
@media(max-width:1200px){.library{width:192px}.inspector{width:230px}.topbar{gap:15px;padding:0 16px}.save-state{display:none}.canvas-toolbar{padding:0 14px}.world-badge{display:none}.canvas-hint{font-size:8px;gap:4px}.scene-coordinate{display:none}.library-header{padding:20px 14px 14px}.library-scroll{padding:13px 11px}.library-tabs{padding:0 14px}.asset-card{height:94px}.asset-card .asset-art{width:57px;height:57px}.object-name{width:120px}.scene-label{right:4%;font-size:9px}.stage-meta{left:20px}.inspector-section{padding-left:14px;padding-right:14px}.object-identity{padding-left:14px}.footer-tip{display:none}.statusbar #object-count{margin-left:auto}}
@media(max-width:1000px){.tool-rail{width:62px;padding-left:3px;padding-right:3px}.rail-button{width:54px}.library{width:178px}.inspector{width:210px}.canvas-hint{display:none}.world-title{font-size:10px;gap:6px}.mode-switch button{padding:5px 8px}.canvas-toolbar{gap:8px;padding:0 12px}.play-button{padding:0 10px}.play-button kbd{display:none}.scene-label{display:none}.object-name{width:110px}.object-identity{gap:9px}.color-row{gap:7px}.topbar .header-divider{margin-left:0}.brand{font-size:23px}.stage-meta .tiny-label{font-size:7px}}
@media(max-width:800px){.inspector{position:absolute;right:10px;top:136px;bottom:58px;width:230px;z-index:15;border:1px solid #395365;border-radius:14px;box-shadow:0 15px 60px #0009;display:none}.inspector.mobile-open{display:block}.library{width:170px}.topbar{height:61px}.topbar-right{gap:8px}.avatar{display:none}.brand{font-size:21px}.brand img{width:28px;height:28px}.project-button{font-size:11px}.export-button{font-size:10px;padding:0 9px}.export-button>span:last-child{display:none}.statusbar{font-size:8px;padding:0 10px;gap:12px}.statusbar>span:first-child{max-width:50%;white-space:nowrap;overflow:hidden}.scenes-panel{height:141px;padding:11px 14px}.canvas-toolbar{height:55px}.world-title{max-width:50%}.scene-thumb{height:49px}}
@media(max-width:600px){.topbar{gap:10px;padding:0 11px}.brand{font-size:19px;gap:6px}.brand img{width:26px;height:26px}.header-divider{display:none}.project-button{max-width:105px}.project-button .project-icon{display:none}.project-button #project-label{max-width:85px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-right #help-button{display:none}.export-button{padding:0 9px;font-size:9px;height:32px;gap:5px}.export-button .icon{width:13px}.tool-rail{width:54px;padding-top:10px}.rail-button{width:47px;height:57px;font-size:8px;gap:7px}.rail-button .icon{width:19px;height:19px}.rail-spark{display:none}.library{position:absolute;z-index:16;left:61px;top:123px;width:200px;bottom:44px;border:1px solid #395163;border-radius:12px;box-shadow:0 20px 80px #0009;display:none}.library.mobile-open{display:flex}.center{width:calc(100% - 54px)}.canvas-toolbar{padding:0 10px}.world-title{font-size:9px;max-width:43%}.world-title .live-dot{display:none}.mode-switch button{padding:5px 7px;font-size:9px}.play-button{height:30px;font-size:10px}.play-button .icon{width:12px}.stage-meta{left:13px;top:17px}.canvas-tools{left:10px;padding:2px}.canvas-tools .icon-button{width:26px;height:28px}.canvas-tools .icon{width:15px;height:15px}.stage-bottom{left:10px;right:10px;bottom:12px}.history-controls .icon-button,.zoom-controls .icon-button{width:24px;height:25px}.scene-card{width:119px}.new-scene{width:72px}.scenes-panel{height:137px;padding:10px 12px}.scenes-header{margin-bottom:8px}.scenes-header .quiet-button{font-size:9px}.statusbar #object-count{display:none}.statusbar button{margin-left:auto}.footer-tip{display:none}dialog{padding:20px;width:calc(100% - 24px)}dialog h2{font-size:24px}.template-grid{gap:9px}.template-art{height:82px}.template-art .asset-art{width:55px;height:55px}.template-content{padding:10px}.template-content strong{font-size:11px}.template-content small{font-size:9px}.template-content>.icon{display:none}.scene-settings-grid{grid-template-columns:1fr}.inspector{top:122px}.scene-caption{font-size:8px}.path-done{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* World building, cameras, and a tiny pixel studio. */
.selection-tag{position:absolute;z-index:6;transform:translate(-50%,-110%);pointer-events:none;padding:5px 9px;border:1px solid #68d7ef;border-radius:6px;color:#d7f8ff;background:#12303ee8;box-shadow:0 3px 16px #0004;font-size:10px;max-width:160px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.camera-button{margin-left:auto;color:#9acbdb}.camera-button+.mode-switch{margin-left:0}.rail-top{gap:3px}.rail-button{height:58px}.build-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.build-modes button{display:flex;flex-direction:column;align-items:center;gap:7px;background:#1b2934;border:1px solid #354b5d;border-radius:8px;padding:10px 4px;font-size:9px;color:#9fb5c5}.build-modes button.active{color:#a8f1ff;border-color:#66d4eb;background:#244250}.build-modes .icon{width:18px;height:18px}.tile-palette{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.tile-palette button{border:1px solid #354d5c;background:#1b2b36;padding:6px 5px;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:8px;color:#a0baca}.tile-palette button.active{border-color:#6ce1f5;box-shadow:0 0 0 2px #58d4ef18;color:#d6f8ff}.tile-sample{width:33px;height:31px;background:var(--tile);border-radius:4px;box-shadow:inset 0 -5px 0 #0003;border:1px solid var(--tile-light)}.tile-grass,.tile-sand,.tile-ice{background-color:var(--tile);background-image:radial-gradient(var(--tile-light) 1px,transparent 1px);background-size:6px 7px}.tile-brick,.tile-stone{background:repeating-linear-gradient(0deg,transparent 0 8px,var(--tile-dark) 8px 9px),repeating-linear-gradient(90deg,transparent 0 14px,var(--tile-dark) 14px 15px),var(--tile)}.tile-wood{background:repeating-linear-gradient(0deg,var(--tile) 0 6px,var(--tile-dark) 6px 7px)}.tile-metal{box-shadow:inset 0 0 10px #58edff44}.build-note{font-size:9px;color:#8daaba;line-height:1.7;margin:12px 0}.build-actions{display:flex;justify-content:space-between;align-items:center;margin:20px 0}.build-map-settings{border-top:1px solid #334655;padding-top:15px;margin-top:16px}.build-map-settings summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;font-size:11px;color:#b0cfde}.build-map-settings summary .icon{width:13px;height:13px}.build-meter{display:flex;flex-wrap:wrap;justify-content:space-between;font-size:9px;color:#7394a8;margin:25px 0 8px;gap:10px}.build-meter i{width:100%;height:3px;border-radius:4px;background:linear-gradient(to right,#57cbde var(--used),#31424e var(--used))}.camera-presets{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:22px 0}.camera-presets button{border:1px solid #355465;background:#1d303f;border-radius:10px;padding:10px 6px;display:flex;align-items:center;flex-direction:column;gap:11px}.camera-presets button.active{border-color:#7ce6fb;background:#254653;box-shadow:0 0 0 2px #6ae3ff16}.camera-presets strong{font-size:10px;font-weight:500;text-align:center}.camera-illustration{height:45px;display:grid;place-items:center;color:#88d9ee}.camera-illustration .icon{width:29px;height:29px}.camera-illustration.side{color:#b2dba1}.camera-illustration.first{color:#c2a3ff}.camera-illustration.third{color:#ffd299}.camera-settings{padding:0 5px}.camera-settings .range-row{margin-bottom:20px}.sprite-toolbar{display:flex;justify-content:space-between;gap:10px;margin:20px 0 13px}.sprite-tools{display:flex;gap:5px}.sprite-tool{border:1px solid #345065;border-radius:8px;background:#1d303e;padding:9px 10px;display:flex;flex-direction:column;align-items:center;gap:5px;color:#92b5c8;font-size:9px}.sprite-tool.active{background:#285065;border-color:#67ddf5;color:#bcefff}.sprite-history{display:flex;align-items:center}.sprite-workspace{display:grid;grid-template-columns:1fr 146px;gap:21px}.sprite-paper{width:100%;aspect-ratio:1;align-self:start;overflow:hidden;border:1px solid #486779;border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 35px #0004}.checkerboard{background-color:#21303b;background-image:linear-gradient(45deg,#394650 25%,transparent 25%),linear-gradient(-45deg,#394650 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#394650 75%),linear-gradient(-45deg,transparent 75%,#394650 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}#pixel-canvas{display:block;image-rendering:pixelated;width:100%;height:100%;touch-action:none;cursor:crosshair}.sprite-options .field-label:first-child{margin-top:0}.sprite-options input[type=color]{width:100%;height:30px;border:1px solid #345367;background:#1b2b38;border-radius:6px;padding:3px;cursor:pointer}.pixel-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:12px 0}.pixel-swatches button{height:20px;border:1px solid #ffffff30;background:var(--swatch);border-radius:5px}.sprite-options .toggle{margin-top:15px;font-size:10px}.sprite-options select{font-size:10px;padding:8px}.sprite-options .quiet-button{margin-top:14px}.sprite-inspector select{font-size:10px;padding:9px}.sprite-inspector .button{font-size:10px;height:33px}
@media(max-width:1100px){.world-title{max-width:36%}.canvas-toolbar{gap:6px}.camera-button{width:28px}.rail-button{height:55px}.rail-line{margin:5px 12px}}
@media(max-width:600px){.rail-button{height:52px}.rail-top{gap:1px}.world-title{max-width:32%}.world-badge{display:none}.camera-button{width:23px}.mode-switch button{padding:5px}.canvas-toolbar{gap:4px}.camera-presets{grid-template-columns:repeat(3,1fr)}.sprite-workspace{grid-template-columns:1fr;gap:15px}.sprite-options{display:grid;grid-template-columns:1fr 1fr;gap:8px 15px}.sprite-options .field-label{margin:0}.sprite-toolbar{gap:4px}.sprite-tool{padding:7px 6px;font-size:8px}.sprite-tool .icon{width:15px;height:15px}.sprite-history{flex-direction:column}.sprite-history .icon-button{height:25px;width:25px}.sprite-options .pixel-swatches{margin:0}.sprite-options input[type=range]{margin:0}.selection-tag{font-size:9px}.statusbar>span:first-child{max-width:58%}}
.sprite-options .pixel-field{margin-bottom:15px}.sprite-options .pixel-field .field-label{margin-top:0}.sprite-options #pixel-clear{align-self:center}
@media(max-width:600px){.sprite-options .pixel-field{margin:0}.sprite-options .pixel-field .field-label{margin:0 0 8px}.sprite-options .pixel-color-field{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.pixel-color-field .pixel-swatches{grid-column:2;grid-row:1/3;align-self:center}.sprite-options #pixel-clear{margin:0}.sprite-options .toggle{margin:8px 0}.sprite-options .pixel-field input[type=range]{width:100%}}