:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#d3dfdf;background:#0b131c;font-size:12px;--line:#2a3d45;--panel:#14212b;--muted:#8ca4ad;--gold:#d7bd81;--mint:#a4d4c2;--purple:#bda2de}*{box-sizing:border-box}body{margin:0;height:100dvh;overflow:hidden}button,input,select{font:inherit}button{color:#d7e4e3;background:#1e2d38;border:1px solid #354a53;border-radius:5px;min-height:30px;padding:5px 9px;cursor:pointer;transition:background .12s,border .12s}button:hover{background:#2c424b;border-color:#829a9e}button:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--gold);outline-offset:2px}button.active{color:#e7dcfb;background:#4a3e66;border-color:#9580b4}button:disabled{opacity:.35;cursor:default}input,select{color:#d4e3e1;background:#0e1a23;border:1px solid #354955;border-radius:4px;padding:6px;max-width:100%;min-width:0}input[type=checkbox]{accent-color:var(--mint);vertical-align:middle}input[type=number]{width:75px}input[type=file]{width:100%}label{color:var(--muted)}small,p{color:var(--muted);line-height:1.6}h2{font:500 22px Georgia,serif;color:#e6d5b0;margin:0}.primary{background:#376353;border-color:#648e75;color:#eef6e9}.primary:hover{background:#477c66}.danger{color:#d5a4a4}header{height:70px;border-bottom:1px solid #3c4948;background:linear-gradient(130deg,#1a2934,#101a24);display:flex;gap:28px;align-items:center;padding:0 20px}.brand{display:flex;gap:12px;align-items:center;min-width:280px}.brand strong{font:500 18px Georgia,serif;letter-spacing:1.3px;color:#e9dcc1}.brand strong span{font:11px system-ui;letter-spacing:2px;color:#9cb4b3}.brand small{display:block;font-size:10px;letter-spacing:.6px}.crystal{font-size:38px;color:#c3addf;text-shadow:0 0 22px #b78ee988}nav{display:flex;gap:7px}.actions{display:flex;gap:7px;margin-left:auto}#notice{height:27px;background:#172b2c;color:#b1d5c6;border-bottom:1px solid #2c4747;padding:5px 20px;font-size:11px}#notice.error{background:#462a33;color:#f1bcc3}#phone-note{display:none}main{height:calc(100dvh - 125px);display:grid;grid-template-columns:244px 44px minmax(320px,1fr) 276px;gap:8px;padding:10px}aside{display:flex;flex-direction:column;gap:8px;min-height:0}section{border:1px solid var(--line);background:var(--panel);border-radius:6px;padding:10px;min-height:0}.section-head{font-size:10px;letter-spacing:1.3px;color:#c7cdbb;display:flex;align-items:center;justify-content:space-between;gap:4px;min-height:26px;margin-bottom:6px}.section-head button{min-height:24px;padding:0 8px}.section-head div{display:flex;align-items:center;gap:8px}.section-head input{width:180px;font-size:10px}#scene-search,#asset-search{width:100%;margin-bottom:8px;font-size:11px}#scene-list{max-height:130px;overflow:auto;display:flex;flex-direction:column;gap:4px}#scene-list button{text-align:left;font-size:11px}#scene-list small{float:right;font-size:9px}.button-row{display:flex;gap:4px;margin-top:7px}.button-row button{font-size:10px;padding:4px 6px}.asset-section{flex:1;display:flex;flex-direction:column;overflow:auto}.tabs{display:flex;border-bottom:1px solid var(--line);padding-bottom:7px;gap:4px;margin-bottom:8px}.tabs button{font-size:10px;padding:4px 8px;flex:1}.palette-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.asset-card{position:relative;background:#102029;min-height:70px;padding:4px;font-size:9px;color:#a4b7bc;text-align:center;overflow:hidden}.asset-card img{display:block;margin:0 auto 4px;height:48px;max-width:100%;object-fit:contain}.terrain-card{height:70px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;padding:10px}.terrain-icon{display:block;height:18px;border-top:5px solid #9db97e;background:#36514d;border-radius:4px}.type-list{display:flex;flex-direction:column;gap:4px}.type-list button{text-align:left;font-size:10px}.type-list small{display:block;font-size:9px}#asset-details{margin-top:10px;border-top:1px solid var(--line);padding-top:8px}#asset-details:empty{display:none}#atlas{width:100%;max-height:170px;object-fit:contain;background:#08121c;cursor:crosshair}#minimap{width:100%;height:62px;display:block;cursor:pointer;border:1px solid #33424c;border-radius:4px}#map-size{font-size:10px}.tools{display:flex;flex-direction:column;align-items:center;gap:5px;border:1px solid var(--line);border-radius:6px;background:#15222e;padding:7px 3px;overflow:auto}.tools button{width:32px;height:33px;padding:0;font-size:18px}.workspace{display:flex;flex-direction:column;min-width:0;min-height:0;border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#101d26}.canvas-bar{display:flex;gap:7px;justify-content:space-between;align-items:center;padding:8px 10px;background:#1a2933;min-height:44px;flex-wrap:wrap}.canvas-bar>span{font-size:11px;color:#d7cdaa}.canvas-bar>div{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.canvas-bar input[type=number]{width:49px;padding:4px}.canvas-bar label{font-size:10px}.canvas-bar button{min-height:25px;font-size:10px;padding:4px 6px}.canvas-wrap{position:relative;flex:1;min-height:160px;overflow:hidden;background:#102331}#editor{display:block;width:100%;height:100%;touch-action:none}#canvas-caption{position:absolute;left:12px;top:12px;pointer-events:none;background:#0c1924c9;border:1px solid #45605d88;padding:5px 8px;border-radius:4px;color:#9bb5b4;font-size:8px;letter-spacing:1.3px}.dot{display:inline-block;height:5px;width:5px;background:#a4d4c2;border-radius:100%;margin-right:5px}.edit-row{display:flex;gap:4px;padding:7px;border-top:1px solid var(--line);flex-wrap:wrap}.edit-row button,.edit-row select{font-size:9px;min-height:25px;padding:3px 6px}.diagnostics{border:0;border-top:1px solid var(--line);border-radius:0;height:128px;overflow:auto}.diag{display:block;width:100%;text-align:left;font-size:10px;padding:4px 8px;background:transparent;min-height:25px;border:0;color:#cdba94}.diag.blocker{color:#e9a4ad}.diag:hover{background:#273c43}.inspector>section:first-child{max-height:50%;overflow:auto}.properties{flex:1;overflow:auto}#layers{display:flex;flex-direction:column;gap:3px}.layer{display:flex;gap:4px;align-items:center;border:1px solid transparent;border-radius:4px;padding:2px 3px}.layer.active{background:#3b3552;border-color:#70618b}.layer>button{border:0;background:transparent;font-size:9px;min-height:24px;padding:2px 4px}.layer .name{flex:1;text-align:left;white-space:nowrap;overflow:hidden}.layer input[type=checkbox]{margin:0}.field{display:grid;grid-template-columns:95px 1fr;align-items:center;gap:6px;margin:6px 0;font-size:10px}.field input,.field select{width:100%;padding:5px;font-size:11px}.field input[type=checkbox]{width:auto;justify-self:start}.field.long{grid-template-columns:1fr}.field small{font-size:9px}.prop-group{font-size:10px;letter-spacing:1px;color:#c8b78f;padding:9px 0 4px;border-top:1px solid var(--line);margin-top:10px}#properties>small{word-break:break-all}#layer-settings{border-top:1px solid var(--line);margin-top:8px;padding-top:4px}#history{padding-left:18px;margin:0;font-size:10px;color:#91a6af;max-height:58px;overflow:auto}footer{height:28px;display:flex;gap:22px;padding:6px 18px;font-size:10px;border-top:1px solid var(--line);color:#91a8ad}#performance{margin-left:auto}dialog{color:#d7e3df;background:#15232d;border:1px solid #668079;border-radius:10px;box-shadow:0 30px 100px #0009;padding:20px;max-width:90vw;max-height:90dvh;width:620px}dialog::backdrop{background:#040b12ce;backdrop-filter:blur(4px)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-head button{font-size:20px;padding:0 10px}#modal-content .field{grid-template-columns:160px 1fr;font-size:12px}#modal-content .field input,#modal-content .field select{font-size:12px}.modal-actions{display:flex;gap:8px;margin-top:20px}.project-card{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);margin:7px 0;border-radius:6px}.project-card span{flex:1}.world-card{padding:12px;border:1px solid var(--line);border-radius:6px;margin:10px 0}.world-card button{margin:5px}#play-modal{width:96vw;height:93dvh;max-width:1600px;padding:12px}#play-modal[open]{display:flex;flex-direction:column;gap:8px}.play-head{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.play-head strong{margin-right:auto;color:#e0d0ab}.play-head small{font-size:10px}#game{width:100%;flex:1;min-height:0;background:#102530;touch-action:none}#play-output{font-size:10px;min-height:16px;color:#b2c9bb}#touch-controls{display:flex;gap:6px}#touch-controls button{min-width:42px;touch-action:none}#play-text:empty{display:none}#play-text{max-height:120px;overflow:auto;background:#10202b;padding:10px}#play-text button{margin:5px}progress{width:100%}details{font-size:10px;margin-top:8px}pre{white-space:pre-wrap;word-break:break-all;font-size:10px;color:#94acb1}.help-item{padding:7px;border-bottom:1px solid var(--line)}@media(max-width:1350px){main{grid-template-columns:210px 40px minmax(320px,1fr) 235px;padding:7px;gap:6px}header{padding:0 12px;gap:10px}.brand{min-width:230px}.brand strong{font-size:15px}.actions button{font-size:11px}.canvas-bar>div{gap:4px}.field{grid-template-columns:78px 1fr}}@media(max-width:1100px){header nav{display:none}main{grid-template-columns:185px 38px minmax(200px,1fr) 210px}.canvas-bar label{font-size:9px}.canvas-bar{padding:6px}.edit-row{gap:3px}.library section{padding:7px}}@media(max-width:760px){body{height:100dvh}header{height:59px;gap:8px}.brand{min-width:0;flex:1}.brand strong{font-size:14px}.brand strong span{display:none}.crystal{font-size:28px}.actions button{display:none}.actions #export{display:block}.actions #play{display:block;font-size:0}.actions #play:after{content:'▶';font-size:14px}#notice{height:31px;font-size:10px;padding:5px 9px}#phone-note{display:block;font-size:9px;color:#d5bd85;background:#272a2b;padding:4px 8px}main{height:calc(100dvh - 139px);display:block;padding:5px}.library,.inspector,.tools,.edit-row{display:none}.workspace{height:100%}.canvas-bar{display:none}.diagnostics{height:125px}.section-head input{width:90px}footer{height:28px;padding:6px 9px;gap:7px;font-size:8px}#performance{display:none}dialog{width:96vw;max-width:96vw;padding:12px}#play-modal{height:96dvh}.play-head button{font-size:9px;padding:4px}#touch-controls button{font-size:9px;padding:4px;min-width:30px}#play-modal>small{display:none}}