:root{--bg:#f5f6f2;--panel:#fbfcfa;--line:#e0e5de;--text:#1e2c26;--muted:#7a8981;--green:#1f9d61;--green2:#14794a;--lime:#dff46a;--shadow:0 10px 35px rgba(38,60,48,.08);--radius:14px;font-family:Inter,"Noto Sans Thai",system-ui,sans-serif;color:var(--text)}*{box-sizing:border-box}html,body{height:100%;margin:0;background:#eef2ed}body{overflow:hidden}.app-shell{height:100vh;display:flex;flex-direction:column}.topbar{height:62px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 18px;gap:22px;flex:0 0 auto}.brand-wrap{display:flex;align-items:center;gap:10px;min-width:230px}.brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#1aa263,#0b7745);color:#fff;display:grid;place-items:center;font-weight:800;box-shadow:0 5px 14px rgba(20,121,74,.25)}.brand-wrap strong{font-size:14px}.brand-sub{display:block;font-size:9px;letter-spacing:.18em;color:#8a9990;text-transform:uppercase}.project-crumb{font-size:12px;color:#819087;display:flex;align-items:center;gap:7px;flex:1}.project-crumb strong{color:#435149}.dot{width:7px;height:7px;border-radius:50%;background:#aaa}.dot.online{background:#42bb73}.top-actions{display:flex;align-items:center;gap:8px}.autosave{font-size:11px;color:#99a59f}.btn{border:1px solid var(--line);background:#fff;color:#34443b;border-radius:9px;padding:8px 12px;font:600 12px inherit;cursor:pointer;transition:.18s}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(30,50,40,.08)}.btn.primary{background:var(--lime);border-color:#c9df4f;color:#30410c}.btn.ai{background:#edf9f2;border-color:#cdebd8;color:#17754a}.btn.ghost{background:#fff}.btn.outline{background:transparent;border-style:dashed}.btn.danger{color:#bd3c3c;background:#fff7f7;border-color:#f2d2d2}.wide{width:100%}.workspace{display:grid;grid-template-columns:238px minmax(560px,1fr) 250px;min-height:0;flex:1}.sidebar{background:var(--panel);padding:15px;border-color:var(--line);overflow:auto}.left-panel{border-right:1px solid var(--line)}.right-panel{border-left:1px solid var(--line)}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.panel-head h2{font-size:14px;margin:2px 0 0}.eyebrow{font-size:8px;letter-spacing:.16em;color:#9aa79f;font-weight:700}.count{font-size:11px;color:#88968e}.ai-scene-box{background:#f2f7f1;border:1px solid #dce7db;border-radius:11px;padding:8px;margin-bottom:11px}.ai-scene-box textarea,.stack-label textarea{width:100%;resize:vertical;border:0;background:transparent;outline:none;font:11px/1.5 inherit;color:var(--text);min-height:50px}.tabs{display:flex;gap:4px;margin-bottom:10px}.tab{border:0;background:#eef2ee;border-radius:7px;padding:5px 7px;font:600 9px inherit;color:#7f8c84;cursor:pointer}.tab.active{background:#dff1e5;color:#187347}.asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.asset-card{border:1px solid #dfe6df;border-radius:10px;background:#fff;padding:7px;cursor:grab;min-height:86px;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;transition:.15s}.asset-card:hover{border-color:#9dccad;box-shadow:0 5px 14px rgba(50,80,60,.07);transform:translateY(-1px)}.asset-thumb{height:52px;width:100%;display:grid;place-items:center;overflow:hidden;border-radius:7px;background:#f4f8f3}.asset-thumb img{max-width:100%;max-height:100%;object-fit:contain}.asset-name{font-size:9px;color:#56655d;text-align:center}.editor-wrap{background:#eef3ed;display:grid;grid-template-rows:44px minmax(0,1fr) 104px;min-width:0}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;background:#fbfcfa;border-bottom:1px solid var(--line);padding:0 10px}.scene-tabs,.tool-group{display:flex;align-items:center;gap:5px}.scene-tab{border:0;background:transparent;padding:9px 10px;font:600 10px inherit;color:#87938d;cursor:pointer;border-radius:7px}.scene-tab.active{background:#e8f3eb;color:#24754d}.icon-btn{width:30px;height:30px;border:1px solid transparent;border-radius:7px;background:transparent;color:#6f7c75;cursor:pointer;font:600 13px inherit}.icon-btn:hover,.icon-btn.active{background:#edf2ee;border-color:#e0e5df;color:#2f4036}.divider{width:1px;height:18px;background:#dfe4df}.zoom-label{font-size:9px;color:#8b9891;padding:0 5px}.canvas-viewport{position:relative;padding:16px 18px 25px;overflow:auto;display:grid;place-items:center}.scene-canvas{width:min(100%,1000px);aspect-ratio:1000/520;position:relative;overflow:hidden;border-radius:5px;border:1px solid #cad8cf;background:linear-gradient(#bfe7ed 0 52%,#d8efd8 52% 70%,#4f8e50 70% 73%,#346638 73% 100%);box-shadow:0 9px 25px rgba(35,68,48,.12);user-select:none;background-size:cover;background-position:center}.scene-canvas::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 35%,rgba(255,255,255,.7),transparent 18%),linear-gradient(180deg,transparent 62%,rgba(23,81,43,.08));}.grid-overlay{position:absolute;inset:0;pointer-events:none;opacity:0;background-image:linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px);background-size:20px 20px;z-index:999}.grid-overlay.show{opacity:1}.drop-hint{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);background:rgba(25,54,39,.62);color:#fff;border-radius:99px;padding:6px 12px;font-size:9px;backdrop-filter:blur(8px);transition:.2s}.drop-hint.hidden{opacity:0}.scene-object{position:absolute;cursor:move;display:grid;place-items:center;transform-origin:center;z-index:2}.scene-object img{width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 3px 2px rgba(14,38,21,.12))}.scene-object.selected{outline:2px solid #39a56b;outline-offset:2px}.scene-object.selected::before{content:"";position:absolute;inset:-5px;border:1px dashed rgba(255,255,255,.9);pointer-events:none}.resize-handle{display:none;position:absolute;width:10px;height:10px;border-radius:3px;background:#fff;border:2px solid #2d9b63;right:-6px;bottom:-6px;cursor:nwse-resize}.scene-object.selected .resize-handle{display:block}.canvas-status{position:absolute;left:18px;right:18px;bottom:4px;display:flex;justify-content:space-between;font-size:8px;color:#91a098}.asset-dock{background:#fafbf9;border-top:1px solid var(--line);padding:8px 12px}.dock-head{display:flex;justify-content:space-between;font-size:9px;color:#66746d;margin-bottom:5px}.dock-head span{color:#9aa69f}.dock-items{display:flex;gap:7px;overflow-x:auto;padding-bottom:3px}.dock-card{flex:0 0 74px;height:63px;background:#fff;border:1px solid #e0e5df;border-radius:8px;padding:4px;display:flex;flex-direction:column;align-items:center;cursor:grab}.dock-card img{height:40px;max-width:64px;object-fit:contain}.dock-card span{font-size:7px;color:#7f8b84;white-space:nowrap;max-width:65px;overflow:hidden;text-overflow:ellipsis}.empty-inspector{height:70%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#96a39c;padding:12px}.empty-icon{font-size:30px;color:#bbc5bf}.empty-inspector h3{font-size:12px;margin:8px 0 4px;color:#718078}.empty-inspector p{font-size:9px;line-height:1.5;margin:0}.inspector-form{display:flex;flex-direction:column;gap:10px}.hidden{display:none!important}.selected-summary{display:flex;align-items:center;gap:9px;padding:8px;background:#f1f5f1;border-radius:9px}.asset-preview{width:42px;height:42px;border-radius:8px;background:#fff;border:1px solid #e0e6e1;display:grid;place-items:center;overflow:hidden}.asset-preview img{max-width:100%;max-height:100%}.selected-summary strong{font-size:11px;display:block}.selected-summary span{font-size:8px;color:#9aa69f}.inspector-form label,.stack-label{font-size:9px;color:#7c8982;display:flex;flex-direction:column;gap:4px}.inspector-form input,.stack-label input{width:100%;border:1px solid #e0e5df;border-radius:7px;background:#fff;padding:7px 8px;font:10px inherit;color:#38483f;outline:none}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.check-label{justify-content:flex-end}.check-label input{height:29px;accent-color:#2f9d65}.inspector-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rule{height:1px;background:#e4e8e3;margin:3px 0}.modal{position:fixed;inset:0;background:rgba(17,31,24,.38);display:grid;place-items:center;z-index:2000;backdrop-filter:blur(5px);padding:18px}.modal-card{width:min(520px,100%);background:#fff;border-radius:16px;box-shadow:0 30px 90px rgba(15,35,24,.25);padding:18px}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.modal-head h2{margin:3px 0 0;font-size:18px}.stack-label{margin-bottom:12px}.stack-label textarea{border:1px solid #dfe5df;border-radius:9px;padding:10px;background:#fafcf9;font-size:12px}.segmented{display:grid;grid-template-columns:1fr 1fr;background:#eff3ef;border-radius:9px;padding:3px}.segment{border:0;background:transparent;border-radius:7px;padding:8px;font:600 10px inherit;color:#849189;cursor:pointer}.segment.active{background:#fff;color:#1c764a;box-shadow:0 2px 7px rgba(30,60,40,.08)}.notice{font-size:9px;padding:9px;border-radius:8px;background:#f3f7f4;color:#718078;margin:6px 0 14px}.notice.ok{background:#edf8f1;color:#24754d}.notice.error{background:#fff3f2;color:#a74742}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#24372d;color:#fff;padding:9px 14px;border-radius:9px;font-size:10px;z-index:3000;box-shadow:0 8px 30px rgba(0,0,0,.18)}.play-mode .sidebar,.play-mode .editor-toolbar,.play-mode .asset-dock{filter:blur(1px);pointer-events:none;opacity:.35}.play-mode .scene-canvas{box-shadow:0 0 0 4px #dff46a,0 12px 30px rgba(20,50,30,.2)}@media(max-width:980px){body{overflow:auto}.app-shell{min-width:930px}.workspace{min-height:720px}.topbar{position:sticky;top:0;z-index:100}}