html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;font-family:SF Pro Text,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:12px;background:#1a1a2e;color:#e0e0e0}#app{display:flex;flex-direction:column;height:100vh;overflow:hidden}#menubar{display:flex;align-items:stretch;height:30px;background:#16213e;border-bottom:1px solid #0f3460;user-select:none;padding:0}#menubar .menu-item{position:relative}#menubar .menu-label{display:flex;align-items:center;padding:4px 12px;font-size:13px;color:#ddd;cursor:pointer;border-radius:0;height:100%;transition:background .1s}#menubar .menu-label:hover{background:#1a4a8a;color:#fff}#menubar .menu-dropdown{display:none;position:absolute;top:100%;left:0;min-width:180px;background:#1a1a2e;border:1px solid #0f3460;border-top:none;border-radius:0 0 6px 6px;z-index:1000;padding:4px 0;box-shadow:0 8px 24px #0006}#menubar .menu-dropdown.open{display:block}#menubar .menu-action{padding:6px 16px;font-size:13px;color:#ddd;cursor:pointer;white-space:nowrap;transition:background .1s}#menubar .menu-action:hover{background:#e94560;color:#fff}#menubar .menu-action .menu-checkmark{display:inline-block;width:16px;text-align:center;font-size:11px;color:#4fc3f7;visibility:visible}#menubar .menu-action .menu-snap-marker{display:inline-block;width:16px;text-align:center;font-size:11px}#menubar .menu-sep{height:1px;background:#0f3460;margin:4px 8px}#toolbar{display:flex;align-items:center;flex-wrap:wrap;padding:4px 8px;gap:4px;min-height:36px;background:#16213e;border-bottom:1px solid #0f3460;user-select:none}#toolbar .tb-btn{padding:4px 10px;border-radius:4px;border:1px solid #0f3460;background:#0f3460;color:#ddd;font-size:12px;cursor:pointer;white-space:nowrap;transition:all .15s}#toolbar .tb-btn:hover{border-color:#e94560;color:#fff}#toolbar .tb-btn.active{background:#e94560;color:#fff;border-color:#e94560}#toolbar .tb-sep{width:1px;height:20px;background:#0f3460;margin:0 4px}#layout-row{display:flex;flex:1;min-height:0}#sidebar{width:200px;min-width:180px;display:flex;flex-direction:column;overflow:hidden;background:#16213e;border-right:1px solid #0f3460}#sidebar .sidebar-scroll{flex:1;overflow-y:auto;min-height:0}#sidebar .sidebar-title{padding:12px;font-size:14px;font-weight:700;text-transform:uppercase;color:#e94560;border-bottom:1px solid #0f3460;letter-spacing:1px}#sidebar .sidebar-section{overflow:hidden}#sidebar .section-header{padding:8px 12px;font-size:11px;font-weight:700;text-transform:uppercase;color:#888;background:#00000026;border-bottom:1px solid #0f3460;cursor:pointer;user-select:none}#sidebar .section-header:hover{color:#e94560}#sidebar .section-content{display:flex;flex-direction:column;padding:2px 0}#sidebar .add-btn{text-align:left;padding:6px 14px;margin:1px 6px;border-radius:4px;border:1px solid #0f3460;background:#0f3460;color:#ddd;font-size:12px;cursor:pointer;transition:all .15s}#sidebar .add-btn:hover{background:#1a4a8a;border-color:#e94560;color:#fff}#sidebar .object-item{display:flex;align-items:center;gap:6px;padding:5px 12px;font-size:12px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.04);transition:background .1s}#sidebar .object-item:hover{background:#ffffff0f}#sidebar .object-item.selected{background:#e94560;color:#fff}#sidebar .obj-color{display:inline-block;width:10px;height:10px;border-radius:3px;flex-shrink:0}#sidebar .obj-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#sidebar .obj-vis{font-size:10px;opacity:.5;cursor:pointer;padding:2px}#sidebar .obj-vis:hover{opacity:1}#sidebar .obj-del{font-size:10px;opacity:.3;cursor:pointer;padding:2px;transition:opacity .1s}#sidebar .obj-del:hover{opacity:1;color:#e94560}#sidebar .spacer{flex:1}#sidebar .sidebar-actions{padding:8px 6px;display:flex;flex-direction:column;gap:3px;border-top:1px solid #0f3460}#sidebar .action-btn{text-align:left;padding:6px 10px;border-radius:4px;border:1px solid #0f3460;background:#0f3460;color:#bbb;font-size:11px;cursor:pointer;transition:all .15s}#sidebar .action-btn:hover{background:#1a4a8a;border-color:#e94560;color:#fff}#viewport-container{flex:1;position:relative;overflow:hidden}#viewport-container canvas{display:block}#properties-panel{width:240px;min-width:200px;display:flex;flex-direction:column;background:#16213e;border-left:1px solid #0f3460;overflow-y:auto}#properties-panel .prop-header{padding:12px;font-size:13px;font-weight:700;color:#e94560;border-bottom:1px solid #0f3460}#prop-content{padding:10px;overflow-y:auto}#properties-panel .prop-empty{color:#666;padding:20px;text-align:center;font-size:12px}#properties-panel .prop-group{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}#properties-panel .prop-label{width:60px;font-size:11px;color:#888;flex-shrink:0}#properties-panel .prop-value{font-size:12px;color:#ccc}#properties-panel .prop-input{flex:1;min-width:80px;padding:4px 6px;border-radius:3px;border:1px solid #0f3460;background:#0f3460;color:#ddd;font-size:12px;outline:none;transition:border-color .15s}#properties-panel .prop-input:focus{border-color:#e94560}#properties-panel .prop-separator{padding:10px 0 4px;font-size:10px;font-weight:700;text-transform:uppercase;color:#666;letter-spacing:.5px}#properties-panel .prop-color{width:100%;height:28px;border:1px solid #0f3460;border-radius:4px;cursor:pointer;background:none;padding:2px}#properties-panel .prop-btn{padding:5px 10px;border-radius:4px;border:1px solid #0f3460;background:#0f3460;color:#ddd;font-size:11px;cursor:pointer;transition:all .15s;white-space:nowrap}#properties-panel .prop-btn:hover{background:#1a4a8a;border-color:#e94560;color:#fff}#properties-panel .prop-btn-accent{background:#e94560;color:#fff;border-color:#e94560}#properties-panel .prop-btn-accent:hover{background:#ff6b81}#properties-panel input[type=number]::-webkit-inner-spin-button,#properties-panel input[type=number]::-webkit-outer-spin-button{opacity:.6}#modal-overlay{display:none;position:fixed;inset:0;background:#0009;z-index:2000;align-items:center;justify-content:center}#modal-overlay.open{display:flex}.modal-content{background:#16213e;border:1px solid #0f3460;border-radius:8px;padding:24px;min-width:420px;max-width:640px;max-height:80vh;box-shadow:0 16px 48px #00000080;color:#ddd}.modal-close-btn{background:none;border:none;color:#888;font-size:18px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .15s}.modal-close-btn:hover{color:#fff;background:#ffffff1a}#loading-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:3000;align-items:center;justify-content:center;flex-direction:column;gap:12px}#loading-overlay.active{display:flex}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top-color:#e94560;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:#e0e0e0;font-size:13px}