:root{--ed-bg-primary: #1e1e2e;--ed-bg-secondary: #252536;--ed-bg-panel: #2a2a3e;--ed-bg-hover: #333350;--ed-bg-active: #3d3d5c;--ed-bg-input: #1a1a2a;--ed-border: #3a3a52;--ed-text: #e0e0f0;--ed-text-muted: #8888aa;--ed-text-dim: #666680;--ed-accent: #6c63ff;--ed-accent-hover: #7d75ff;--ed-accent-glow: rgba(108, 99, 255, .3);--ed-success: #43e97b;--ed-warning: #f7971e;--ed-danger: #ff4757;--ed-radius: 6px;--ed-transition: .15s ease}.scene-editor{display:grid;grid-template-rows:48px 1fr;grid-template-columns:240px 1fr 280px;grid-template-areas:"toolbar toolbar toolbar" "assets viewport properties";height:100vh;width:100vw;background:var(--ed-bg-primary);color:var(--ed-text);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:13px;overflow:hidden;position:fixed;top:0;left:0;z-index:9999}.scene-editor.show-json{grid-template-rows:48px 1fr 240px;grid-template-areas:"toolbar toolbar toolbar" "assets viewport properties" "json json json"}.ed-toolbar{grid-area:toolbar;display:flex;align-items:center;gap:8px;padding:0 12px;background:var(--ed-bg-secondary);border-bottom:1px solid var(--ed-border);z-index:10}.ed-toolbar__title{font-weight:700;font-size:14px;color:var(--ed-accent);margin-right:16px;white-space:nowrap}.ed-toolbar__divider{width:1px;height:24px;background:var(--ed-border);margin:0 4px}.ed-toolbar__spacer{flex:1}.ed-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--ed-border);border-radius:var(--ed-radius);background:var(--ed-bg-panel);color:var(--ed-text);cursor:pointer;font-size:12px;font-family:inherit;transition:all var(--ed-transition);white-space:nowrap}.ed-btn:hover{background:var(--ed-bg-hover);border-color:var(--ed-accent)}.ed-btn--active{background:var(--ed-accent);border-color:var(--ed-accent);color:#fff;box-shadow:0 0 8px var(--ed-accent-glow)}.ed-btn--accent{background:var(--ed-accent);border-color:var(--ed-accent);color:#fff}.ed-btn--accent:hover{background:var(--ed-accent-hover)}.ed-btn--danger{border-color:var(--ed-danger);color:var(--ed-danger)}.ed-btn--danger:hover{background:var(--ed-danger);color:#fff}.ed-btn--sm{padding:4px 8px;font-size:11px}.ed-panel{display:flex;flex-direction:column;background:var(--ed-bg-panel);border-right:1px solid var(--ed-border);overflow:hidden}.ed-panel--right{border-right:none;border-left:1px solid var(--ed-border)}.ed-panel__header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--ed-text-muted);border-bottom:1px solid var(--ed-border);flex-shrink:0}.ed-panel__content{flex:1;overflow-y:auto;padding:8px}.ed-panel__content::-webkit-scrollbar{width:6px}.ed-panel__content::-webkit-scrollbar-track{background:transparent}.ed-panel__content::-webkit-scrollbar-thumb{background:var(--ed-border);border-radius:3px}.ed-asset-list{display:flex;flex-direction:column;gap:2px}.ed-asset-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--ed-radius);cursor:pointer;transition:background var(--ed-transition);font-size:12px}.ed-asset-item:hover{background:var(--ed-bg-hover)}.ed-asset-item__icon{width:20px;text-align:center;flex-shrink:0}.ed-asset-item__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ed-asset-item__add{opacity:0;transition:opacity var(--ed-transition);color:var(--ed-success);font-size:14px;cursor:pointer}.ed-asset-item:hover .ed-asset-item__add{opacity:1}.ed-scene-list{display:flex;flex-direction:column;gap:2px;margin-top:4px}.ed-scene-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--ed-radius);cursor:pointer;transition:all var(--ed-transition);font-size:12px}.ed-scene-item:hover{background:var(--ed-bg-hover)}.ed-scene-item--active{background:var(--ed-bg-active);border-left:3px solid var(--ed-accent);padding-left:5px}.ed-scene-item__count{color:var(--ed-text-dim);font-size:10px}.ed-scene-objects{display:flex;flex-direction:column;gap:2px;margin-top:8px;padding-top:8px;border-top:1px solid var(--ed-border)}.ed-scene-objects__title{font-size:11px;color:var(--ed-text-muted);text-transform:uppercase;letter-spacing:.5px;padding:0 8px 4px}.ed-object-item{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:var(--ed-radius);cursor:pointer;transition:all var(--ed-transition);font-size:12px}.ed-object-item:hover{background:var(--ed-bg-hover)}.ed-object-item--selected{background:var(--ed-accent);color:#fff}.ed-object-item__tag{font-size:9px;padding:1px 4px;border-radius:3px;background:var(--ed-bg-input);color:var(--ed-text-muted)}.ed-object-item--selected .ed-object-item__tag{background:#fff3;color:#fffc}.ed-object-item__delete{opacity:0;margin-left:auto;color:var(--ed-danger);cursor:pointer;font-size:11px}.ed-object-item:hover .ed-object-item__delete{opacity:.6}.ed-object-item__delete:hover{opacity:1!important}.ed-props{display:flex;flex-direction:column;gap:12px}.ed-prop-group{display:flex;flex-direction:column;gap:6px}.ed-prop-group__title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--ed-text-muted);padding-bottom:4px;border-bottom:1px solid var(--ed-border)}.ed-prop-row{display:flex;align-items:center;gap:8px}.ed-prop-row__label{width:60px;font-size:11px;color:var(--ed-text-muted);flex-shrink:0}.ed-prop-row__inputs{display:flex;gap:4px;flex:1}.ed-input{width:100%;padding:5px 8px;border:1px solid var(--ed-border);border-radius:var(--ed-radius);background:var(--ed-bg-input);color:var(--ed-text);font-size:12px;font-family:JetBrains Mono,Fira Code,monospace;outline:none;transition:border-color var(--ed-transition)}.ed-input:focus{border-color:var(--ed-accent);box-shadow:0 0 0 2px var(--ed-accent-glow)}.ed-input--xyz{width:52px;text-align:center}.ed-input--x{border-left:3px solid #ff4757}.ed-input--y{border-left:3px solid #43e97b}.ed-input--z{border-left:3px solid #4dabf7}.ed-select{width:100%;padding:5px 8px;border:1px solid var(--ed-border);border-radius:var(--ed-radius);background:var(--ed-bg-input);color:var(--ed-text);font-size:12px;font-family:inherit;outline:none;cursor:pointer}.ed-select:focus{border-color:var(--ed-accent)}.ed-checkbox-row{display:flex;align-items:center;gap:8px;cursor:pointer}.ed-checkbox-row input[type=checkbox]{accent-color:var(--ed-accent)}.ed-textarea{width:100%;min-height:60px;padding:8px;border:1px solid var(--ed-border);border-radius:var(--ed-radius);background:var(--ed-bg-input);color:var(--ed-text);font-size:12px;font-family:inherit;outline:none;resize:vertical}.ed-textarea:focus{border-color:var(--ed-accent)}.ed-viewport{grid-area:viewport;position:relative;overflow:hidden;background:#112}.ed-viewport canvas{width:100%!important;height:100%!important;display:block}.ed-viewport__info{position:absolute;bottom:8px;left:8px;font-size:11px;color:var(--ed-text-dim);pointer-events:none;background:#00000080;padding:4px 8px;border-radius:4px}.ed-viewport__shortcuts{position:absolute;bottom:8px;right:8px;font-size:10px;color:var(--ed-text-dim);pointer-events:none;background:#00000080;padding:4px 8px;border-radius:4px;display:flex;gap:12px}.ed-viewport__shortcuts kbd{background:var(--ed-bg-panel);padding:1px 5px;border-radius:3px;font-size:10px;margin-right:2px}.ed-json-panel{grid-area:json;display:flex;flex-direction:column;background:var(--ed-bg-secondary);border-top:1px solid var(--ed-border)}.ed-json-panel__header{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;font-size:12px;font-weight:600;color:var(--ed-text-muted);border-bottom:1px solid var(--ed-border);flex-shrink:0}.ed-json-panel__editor{flex:1;overflow:auto}.ed-json-panel__editor textarea{width:100%;height:100%;padding:8px 12px;border:none;background:var(--ed-bg-input);color:#a9dc76;font-size:12px;font-family:JetBrains Mono,Fira Code,monospace;line-height:1.5;resize:none;outline:none}.ed-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:100%;color:var(--ed-text-dim);font-size:13px;text-align:center;padding:20px}.ed-empty__icon{font-size:32px;opacity:.5}@media(max-width:1024px){.scene-editor{grid-template-columns:200px 1fr 240px}}