html,body{width:100%;height:100%;overflow:hidden;font-family:system-ui,sans-serif;-webkit-font-smoothing:antialiased}#root{width:100%;height:100%}.sidebar{width:200px;min-width:200px;background:#1e1e2e;color:#cdd6f4;display:flex;flex-direction:column;gap:12px;padding:12px 8px;overflow-y:auto;font-family:sans-serif}.sidebar-section h3{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#6c7086;margin:0 0 6px 4px}.cabinet-btn{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;background:#313244;border:1px solid #45475a;border-radius:8px;color:#cdd6f4;cursor:pointer;margin-bottom:6px;text-align:left;transition:background .15s}.cabinet-btn:hover{background:#45475a}.cabinet-icon{font-size:20px}.cabinet-info{display:flex;flex-direction:column}.cabinet-label{font-size:13px;font-weight:600}.cabinet-desc{font-size:10px;color:#6c7086}.action-btn{width:100%;padding:8px 10px;border-radius:8px;border:none;font-size:13px;cursor:pointer;margin-bottom:6px;font-weight:600;transition:opacity .15s}.action-btn:disabled{opacity:.4;cursor:not-allowed}.delete-btn{background:#f38ba8;color:#1e1e2e}.save-btn{background:#a6e3a1;color:#1e1e2e}.export-btn{background:#89dceb;color:#1e1e2e}.props-panel{position:absolute;right:12px;top:12px;background:#1e1e2e;color:#cdd6f4;border-radius:12px;padding:14px;width:180px;font-family:sans-serif;font-size:12px;box-shadow:0 4px 16px #0006}.props-panel h4{margin:0 0 6px;font-size:12px;color:#89b4fa}.prop-type{font-size:11px;color:#6c7086;margin-bottom:10px}.props-panel label{display:flex;flex-direction:column;gap:2px;margin-bottom:8px;color:#cdd6f4}.props-panel input{background:#313244;border:1px solid #45475a;border-radius:6px;color:#cdd6f4;padding:4px 6px;font-size:12px;width:100%}.rotation-btns{display:flex;gap:4px;margin-top:2px}.rotation-btns button{flex:1;padding:4px 0;background:#313244;border:1px solid #45475a;border-radius:4px;color:#cdd6f4;cursor:pointer;font-size:11px}.rotation-btns button.active{background:#89b4fa;color:#1e1e2e;border-color:#89b4fa}.prop-pos{font-size:10px;color:#6c7086;margin-top:8px;border-top:1px solid #313244;padding-top:6px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}.app{display:flex;width:100%;height:100%;background:#f5f5f0}.canvas-wrapper{flex:1;position:relative;overflow:hidden}