html,body,#root{margin:0;height:100%;overflow:hidden}body{font-family:system-ui,-apple-system,sans-serif;color:#eee;background:#111}.app{display:flex;flex-direction:column;height:100%}.toolbar{flex:0 0 48px;background:#1b1b1b;color:#eee;display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid #333}.toolbar h1{margin:0 16px 0 0;font-size:14px;font-weight:600;opacity:.7}.toolbar button,.toolbar select,.sidebar button,.property-panel button,.property-panel input,.property-panel select{background:#2a2a2a;color:#eee;border:1px solid #444;border-radius:4px;padding:6px 10px;font:inherit;cursor:pointer}.toolbar button:hover,.sidebar button:hover,.property-panel button:hover{background:#333}.toolbar .spacer{flex:1 1 auto}.main{flex:1 1 auto;display:flex;min-height:0}.sidebar{flex:0 0 260px;background:#1f1f1f;color:#eee;overflow-y:auto;padding:12px;border-right:1px solid #333}.sidebar h2{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#999;margin:12px 0 6px}.sidebar h2:first-child{margin-top:0}.sidebar .item{display:flex;align-items:center;padding:6px 8px;border-radius:4px;cursor:pointer;-webkit-user-select:none;user-select:none}.sidebar .item:hover{background:#2a2a2a}.sidebar .item.selected{background:#3b5f8a}.sidebar .add-buttons{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}.sidebar .add-buttons button{font-size:11px;padding:4px 8px}.scene{flex:1 1 auto;position:relative;min-width:0;background:#2a2a2a}.scene>div{width:100%;height:100%}.property-panel{flex:0 0 300px;background:#1f1f1f;color:#eee;overflow-y:auto;padding:12px;border-left:1px solid #333}.property-panel h2{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#999;margin:0 0 10px}.property-panel .field{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:13px}.property-panel .field label{flex:0 0 70px;color:#999;font-size:12px}.property-panel .field input[type=number],.property-panel .field input[type=text]{flex:1 1 auto;min-width:0;width:100%}.property-panel .field input[type=color]{height:28px;padding:0;width:60px}.property-panel .field.row-triple{align-items:flex-start}.property-panel .field.row-triple .inputs{flex:1 1 auto;display:grid;gap:4px;min-width:0}.property-panel .section-break{margin-top:18px}.property-panel .delete-btn{width:100%;margin-top:12px;background:#4a1f1f;border-color:#6a2a2a}.property-panel .delete-btn:hover{background:#5a2a2a}.empty{color:#666;font-size:12px;font-style:italic}.room-label{background:#000000a6;color:#fff;padding:3px 8px;border-radius:4px;font-size:12px;font-weight:500;pointer-events:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.fab,.drawer-backdrop{display:none}@media (max-width: 767px){.toolbar{flex-wrap:wrap;height:auto;min-height:44px;padding:6px 8px;gap:6px}.toolbar h1{font-size:13px;margin-right:8px}.toolbar .spacer{display:none}.toolbar button,.toolbar select{font-size:12px;padding:5px 8px}.main{position:relative}.sidebar-drawer{position:absolute;top:0;left:0;bottom:0;width:280px;max-width:80vw;z-index:20;transform:translate(-100%);transition:transform .25s ease}.sidebar-drawer.open{transform:translate(0)}.sidebar-drawer .sidebar{width:100%;height:100%;flex:none;border-right:1px solid #333}.inspector-drawer{position:absolute;top:0;right:0;bottom:0;width:300px;max-width:85vw;z-index:20;transform:translate(100%);transition:transform .25s ease}.inspector-drawer.open{transform:translate(0)}.inspector-drawer .property-panel{width:100%;height:100%;flex:none;border-left:1px solid #333}.drawer-backdrop{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:15;background:#00000080}.fab{display:flex;align-items:center;justify-content:center;position:absolute;bottom:16px;z-index:10;width:44px;height:44px;border-radius:50%;background:#1b1b1b;color:#eee;border:1px solid #444;font-size:18px;cursor:pointer;box-shadow:0 4px 12px #00000080}.fab:active{background:#333}.fab--left{left:12px}.fab--right{right:12px}.scene{flex:1 1 auto;position:relative}}