*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base: #1a1b1e;--bg-panel: #25262b;--bg-panel-hover: #2c2d32;--bg-input: #1e1f23;--border: #3a3b40;--text-primary: #e8e9ed;--text-secondary: #9a9ba0;--text-muted: #6a6b70;--accent: #4f8ef7;--accent-hover: #6ba3fa;--accent-dim: rgba(79, 142, 247, .15);--error: #f05252;--warning: #f6a623;--success: #34c78c;--selected-bg: rgba(79, 142, 247, .2);--selected-border: #4f8ef7;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-ui);font-size:12px;background:var(--bg-base);color:var(--text-primary);line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.editor-layout{display:grid;grid-template-rows:38px 1fr 160px;grid-template-columns:220px 1fr 260px;grid-template-areas:"toolbar toolbar toolbar" "hierarchy viewport inspector" "hierarchy validation validation";height:100%;width:100%;overflow:hidden}.toolbar{grid-area:toolbar;display:flex;align-items:center;gap:4px;padding:0 8px;background:var(--bg-panel);border-bottom:1px solid var(--border);overflow:hidden}.toolbar-brand{font-weight:700;font-size:13px;color:var(--accent);margin-right:8px;letter-spacing:.02em;white-space:nowrap}.toolbar-sep{width:1px;height:20px;background:var(--border);margin:0 4px}.toolbar-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-size:11px;cursor:pointer;white-space:nowrap;transition:background .1s,border-color .1s}.toolbar-btn:hover{background:var(--bg-panel-hover);border-color:var(--text-muted)}.toolbar-btn.primary{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.toolbar-btn.primary:hover{background:#4f8ef740}.toolbar-btn svg{width:13px;height:13px;flex-shrink:0}.toolbar-spacer{flex:1}.hierarchy-panel{grid-area:hierarchy;display:flex;flex-direction:column;background:var(--bg-panel);border-right:1px solid var(--border);overflow:hidden}.panel-header{display:flex;align-items:center;padding:6px 10px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);border-bottom:1px solid var(--border);flex-shrink:0}.panel-header .panel-title{flex:1}.panel-header .panel-action{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:2px;border-radius:3px;display:flex;align-items:center}.panel-header .panel-action:hover{color:var(--text-primary);background:var(--bg-panel-hover)}.hierarchy-list{flex:1;overflow-y:auto;padding:4px 0}.hierarchy-item{display:flex;align-items:center;gap:6px;padding:5px 10px;cursor:pointer;border-left:2px solid transparent;transition:background .1s;-webkit-user-select:none;user-select:none}.hierarchy-item:hover{background:var(--bg-panel-hover)}.hierarchy-item.selected{background:var(--selected-bg);border-left-color:var(--selected-border)}.hierarchy-item-type-badge{font-size:9px;padding:1px 4px;border-radius:3px;font-weight:600;letter-spacing:.04em;flex-shrink:0}.hierarchy-item-id{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);font-size:11px}.hierarchy-item-delete{display:none;background:none;border:none;cursor:pointer;color:var(--text-muted);padding:2px;border-radius:3px}.hierarchy-item:hover .hierarchy-item-delete{display:flex;align-items:center}.hierarchy-item-delete:hover{color:var(--error)}.hierarchy-empty{padding:20px 10px;text-align:center;color:var(--text-muted);font-size:11px}.scene-meta{border-top:1px solid var(--border);padding:8px 10px;flex-shrink:0}.scene-meta-row{display:flex;gap:4px;align-items:center;margin-bottom:4px}.scene-meta-label{font-size:10px;color:var(--text-secondary);width:48px;flex-shrink:0}.scene-meta input{flex:1;font-size:11px;font-family:var(--font-mono);background:var(--bg-input);border:1px solid var(--border);border-radius:3px;color:var(--text-primary);padding:2px 6px;min-width:0}.scene-meta input:focus{outline:none;border-color:var(--accent)}.viewport-container{grid-area:viewport;position:relative;background:var(--bg-base);overflow:hidden}.viewport-overlay{position:absolute;top:8px;left:8px;pointer-events:none;z-index:10;display:flex;flex-direction:column;gap:4px}.viewport-badge{font-size:10px;background:#1a1b1ecc;padding:3px 7px;border-radius:4px;color:var(--text-secondary);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.inspector-panel{grid-area:inspector;display:flex;flex-direction:column;background:var(--bg-panel);border-left:1px solid var(--border);overflow:hidden}.inspector-body{flex:1;overflow-y:auto;padding:8px}.inspector-empty{padding:20px;text-align:center;color:var(--text-muted);font-size:11px}.field-group{margin-bottom:12px}.field-group-title{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:6px;padding-bottom:3px;border-bottom:1px solid var(--border)}.field-row{display:flex;align-items:center;gap:6px;margin-bottom:4px}.field-label{font-size:11px;color:var(--text-secondary);min-width:70px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-input{flex:1;background:var(--bg-input);border:1px solid var(--border);border-radius:3px;color:var(--text-primary);font-size:11px;padding:3px 6px;font-family:var(--font-mono);min-width:0}.field-input:focus{outline:none;border-color:var(--accent)}.field-input.full-width{width:100%;flex:none}.field-checkbox-row{display:flex;align-items:center;gap:6px;margin-bottom:4px;cursor:pointer}.field-checkbox-row input[type=checkbox]{accent-color:var(--accent)}.field-checkbox-label{font-size:11px;color:var(--text-secondary)}.field-select{flex:1;background:var(--bg-input);border:1px solid var(--border);border-radius:3px;color:var(--text-primary);font-size:11px;padding:3px 6px;min-width:0;cursor:pointer}.field-select:focus{outline:none;border-color:var(--accent)}.vec3-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;margin-bottom:4px}.vec3-input-group{display:flex;flex-direction:column;gap:2px}.vec3-axis-label{font-size:9px;color:var(--text-muted);text-align:center}.vec3-input-group input{background:var(--bg-input);border:1px solid var(--border);border-radius:3px;color:var(--text-primary);font-size:11px;font-family:var(--font-mono);padding:3px 4px;text-align:right;width:100%}.vec3-input-group input:focus{outline:none;border-color:var(--accent)}.validation-panel{grid-area:validation;display:flex;flex-direction:column;background:var(--bg-panel);border-top:1px solid var(--border);overflow:hidden}.validation-list{flex:1;overflow-y:auto;padding:4px 0}.validation-item{display:flex;gap:8px;align-items:flex-start;padding:4px 10px;font-size:11px;border-bottom:1px solid rgba(58,59,64,.5)}.validation-item:last-child{border-bottom:none}.validation-icon{flex-shrink:0;font-size:12px;line-height:1.5}.validation-item.error .validation-icon{color:var(--error)}.validation-item.warning .validation-icon{color:var(--warning)}.validation-item.info .validation-icon{color:var(--success)}.validation-msg{flex:1;color:var(--text-primary);line-height:1.5}.validation-path{color:var(--text-muted);font-family:var(--font-mono);font-size:10px;margin-top:1px}.action-list{display:flex;flex-direction:column;gap:4px;margin-bottom:6px}.action-item{background:var(--bg-input);border:1px solid var(--border);border-radius:4px;padding:6px 8px}.action-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.action-type-badge{font-size:9px;font-weight:700;color:var(--accent);letter-spacing:.04em}.action-remove{margin-left:auto;background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:12px;padding:0 2px;border-radius:2px}.action-remove:hover{color:var(--error)}.add-action-row{display:flex;gap:4px;align-items:center}.add-action-row select{flex:1;background:var(--bg-input);border:1px solid var(--border);border-radius:3px;color:var(--text-secondary);font-size:11px;padding:3px 6px}.add-action-row button{background:var(--accent-dim);border:1px solid var(--accent);border-radius:3px;color:var(--accent);font-size:11px;padding:3px 8px;cursor:pointer}.add-action-row button:hover{background:#4f8ef740}.type-text{background:#4f8ef733;color:#4f8ef7}.type-item{background:#34c78c33;color:#34c78c}.type-block{background:#f6a62333;color:#f6a623}.type-dropped{background:#f0525233;color:#f05252}.type-interaction{background:#a163f733;color:#a163f7}.add-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.add-dialog{background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;padding:20px;min-width:300px}.add-dialog h3{font-size:14px;margin-bottom:14px;color:var(--text-primary)}.add-dialog-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.add-dialog-btn{padding:10px;background:var(--bg-input);border:1px solid var(--border);border-radius:6px;cursor:pointer;text-align:center;transition:border-color .1s,background .1s}.add-dialog-btn:hover{border-color:var(--accent);background:var(--accent-dim)}.add-dialog-btn .btn-icon{font-size:22px;display:block;margin-bottom:4px}.add-dialog-btn .btn-label{font-size:10px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.06em}.add-dialog-cancel{width:100%;padding:7px;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);font-size:12px;cursor:pointer}.add-dialog-cancel:hover{background:var(--bg-panel-hover)}