:root{--bg: #161816;--panel: #20231f;--panel-2: #292d27;--line: #42483d;--text: #ece6d0;--muted: #b8b09a;--accent: #c9a96b;--accent-2: #5ea1a8;--danger: #e07b67;--ok: #7dbf7b;--shadow: rgba(0, 0, 0, .35);font-family:Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--text)}button,select,input,textarea{color:var(--text);font:inherit}button,select,input[type=number],input[type=text]{background:#151713;border:1px solid var(--line);border-radius:6px;min-height:32px}button{cursor:pointer;padding:0 11px}button:hover:not(:disabled){border-color:var(--accent)}button:disabled,select:disabled{cursor:default;opacity:.48}.topbar{align-items:center;background:#11130f;border-bottom:1px solid var(--line);display:flex;gap:18px;height:70px;justify-content:space-between;padding:0 18px}.brand{align-items:center;display:flex;gap:12px;min-width:320px}.brand-mark{align-items:center;background:linear-gradient(145deg,#4a5847,#1b211d);border:1px solid #778067;border-radius:8px;color:var(--accent);display:flex;font-weight:700;height:42px;justify-content:center;width:42px}h1,h2,p{margin:0}h1{font-size:17px;font-weight:650}h2{color:var(--accent);font-size:13px;margin-bottom:10px;text-transform:uppercase}#source-status{color:var(--muted);font-size:12px;margin-top:3px}.toolbar{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.shell{display:grid;grid-template-columns:280px minmax(430px,1fr) 330px;height:calc(100% - 70px);min-height:0}.left-panel,.right-panel{background:var(--panel);min-height:0;overflow:auto}.left-panel{border-right:1px solid var(--line)}.right-panel{border-left:1px solid var(--line)}.panel-section{border-bottom:1px solid var(--line);padding:14px}label{color:var(--muted);display:block;font-size:12px;margin:10px 0 5px}select,input[type=number],input[type=text]{padding:0 8px;width:100%}.row{display:grid;gap:8px;grid-template-columns:1fr auto}.window-list{display:grid;gap:6px}.window-list button{border-radius:6px;justify-content:flex-start;min-height:34px;text-align:left;width:100%}.window-list button.active{background:#3b3323;border-color:var(--accent)}.diagnostics{display:grid;gap:7px;list-style:none;margin:0;padding:0}.diagnostics li{background:#171916;border-left:3px solid var(--accent-2);color:var(--muted);font-size:12px;line-height:1.35;padding:7px 8px}.diagnostics li.error{border-left-color:var(--danger)}.diagnostics li.ok{border-left-color:var(--ok)}.stage-panel{background:#11130f;display:grid;grid-template-rows:auto 1fr;min-width:0;min-height:0}.stage-toolbar{align-items:center;background:var(--panel-2);border-bottom:1px solid var(--line);display:flex;gap:10px;padding:9px 12px}.stage-toolbar label{margin:0}.stage-toolbar select{width:150px}#zoom-range{accent-color:var(--accent);width:130px}.stage-scroll{min-height:0;overflow:auto;padding:24px}.stage{background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),#0a0c0a;background-size:32px 32px;border:1px solid #343930;box-shadow:0 18px 40px var(--shadow);position:relative;transform-origin:top left}.stage.game-preview{background:linear-gradient(180deg,rgba(55,70,76,.15) 0 36%,transparent 36%),linear-gradient(180deg,#526d61 0 28%,#2d4b31 28% 43%,#6e6d52 43% 48%,#2d261e 48% 100%);border-color:#1c201b;overflow:hidden}.stage.game-preview:before{background:linear-gradient(90deg,rgba(63,42,20,.95) 0 5%,transparent 5% 95%,rgba(63,42,20,.95) 95% 100%),repeating-linear-gradient(90deg,#5c3d1ec7 0 8px,#3a2616c7 8px 16px),linear-gradient(90deg,transparent 0 26%,rgba(73,52,34,.9) 26% 33%,transparent 33% 67%,rgba(73,52,34,.9) 67% 74%,transparent 74% 100%);bottom:0;content:"";height:58%;left:0;opacity:.78;position:absolute;right:0;transform:perspective(820px) rotateX(55deg);transform-origin:bottom center;z-index:0}.stage.game-preview:after{background:linear-gradient(115deg,rgba(45,62,45,.76) 0 18%,transparent 18% 100%),linear-gradient(245deg,rgba(41,55,40,.76) 0 16%,transparent 16% 100%),linear-gradient(90deg,#4f524899,#2634254d,#4f524899);content:"";height:50%;left:0;position:absolute;right:0;top:0;z-index:0}.empty-state{align-items:center;color:var(--muted);display:flex;flex-direction:column;gap:8px;height:420px;justify-content:center;text-align:center;width:720px}.empty-state h2{color:var(--text);font-size:18px;margin:0;text-transform:none}.viewport-label{color:#68705f;font-size:12px;left:10px;position:absolute;top:8px}.eq-window{background:#21251fb8;border:0;box-shadow:0 8px 22px #0000006b;overflow:hidden;position:absolute;z-index:3}.editor-badge{background:#0a0c09b8;border:1px solid rgba(201,169,107,.35);border-radius:4px;color:var(--accent);font-size:12px;left:4px;line-height:1;overflow:hidden;padding:4px 6px;pointer-events:none;position:absolute;text-overflow:ellipsis;top:4px;white-space:nowrap;z-index:45}.component{align-items:center;background:#3d4338ad;border:1px solid rgba(185,176,139,.36);color:#f2ebd7;display:flex;font-size:11px;justify-content:center;min-height:4px;min-width:4px;overflow:hidden;padding:2px;position:absolute;text-align:center;-webkit-user-select:none;user-select:none}.game-preview .viewport-label{display:none}.game-preview .editor-badge,.game-preview .resize-handle{opacity:0}.game-preview .eq-window:hover>.editor-badge,.game-preview .eq-window.selected>.editor-badge,.game-preview .component.selected>.resize-handle,.game-preview .eq-window.selected>.resize-handle{opacity:1}.game-preview .component{background:transparent;border-color:transparent;color:transparent;padding:0}.game-preview .component.label{color:#fff8dd;text-shadow:1px 1px 1px #000}.game-preview .component.button{background:linear-gradient(#d6d0c3,#77736c 48%,#eee8da 50%,#504b43);border-color:#171511 #a8a091 #d6cfbf #27231e;color:#1d1a16;text-shadow:0 1px rgba(255,255,255,.38)}.game-preview .component.gauge{background:#15140f;border-color:#3b3329}.game-preview .component.invslot{background:#141317ad;border-color:#a89e809e}.game-preview .component.staticanimation:not(.has-asset){background:transparent}.component.draw-template{background-color:#1f221db8}.component.screen.draw-template{border-color:#b9b08b24;color:#f2ebd759}.component.label{background:#10120f6b;border-color:#ffffff24}.component.button{background:#4d4028d6}.component.gauge{background:#141412e6;border-color:#776845;justify-content:flex-start;padding:0}.component.gauge:before{background:linear-gradient(90deg,#8f3830,#cc7d4a);content:"";height:100%;width:68%}.component.invslot{background:#221f19eb;border-color:#a58f5f}.component.has-asset{background-color:transparent;border-color:#d9c78b33;color:transparent;text-shadow:none}.eq-window.draw-template,.component.draw-template{background-blend-mode:normal}.eq-window.transparent-template{background:transparent;box-shadow:none}.template-piece{background-position:center;background-repeat:no-repeat;pointer-events:none;position:absolute;z-index:2}.frame-edge,.title-art{background-repeat:repeat}.frame-corner{background-repeat:no-repeat}.component>.template-piece{z-index:1}.component>.resize-handle,.eq-window>.resize-handle{z-index:60}.component.has-asset.selected{border-color:var(--accent)}.component.staticanimation{background:repeating-linear-gradient(45deg,#5ea1a852,#5ea1a852 5px,#5ea1a82e 5px 10px)}.component.selected,.eq-window.selected{outline:2px solid var(--accent);outline-offset:1px;z-index:30}.resize-handle{background:var(--accent);border:1px solid #1a160f;bottom:-5px;height:10px;position:absolute;right:-5px;width:10px;z-index:40}.selection-summary{background:#171916;border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:12px;line-height:1.35;padding:10px}.property-grid{display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-top:10px}.property-grid .full{grid-column:1 / -1}.property-grid input[type=checkbox]{height:18px;width:18px}.source-section{display:grid;grid-template-rows:auto 360px}.tabs{display:flex;gap:6px}.tab.active{background:#3b3323;border-color:var(--accent)}#source-view{background:#11130f;border:1px solid var(--line);border-radius:6px;color:#d8d0ba;margin-top:10px;min-height:0;padding:10px;resize:vertical;width:100%}@media(max-width:1100px){.shell{grid-template-columns:240px minmax(360px,1fr)}.right-panel{display:none}}@media(max-width:780px){.topbar{align-items:flex-start;flex-direction:column;height:auto;padding:12px}.shell{grid-template-columns:1fr;height:auto}.left-panel{border-right:0}}