*{box-sizing:border-box}html,body,#root{margin:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;color:#e5e7eb;background:#0f1115}button{font:inherit;cursor:pointer;background:#1f2937;color:#e5e7eb;border:1px solid #374151;border-radius:4px;padding:6px 10px}button:hover{background:#273142}button:disabled{opacity:.5;cursor:not-allowed}input,select{font:inherit;background:#111827;color:#e5e7eb;border:1px solid #374151;border-radius:4px;padding:4px 6px;width:100%}label{font-size:12px;color:#9ca3af;display:block;margin-bottom:2px}.app{display:grid;grid-template-rows:48px 1fr;grid-template-columns:260px 1fr 300px;grid-template-areas:"toolbar toolbar toolbar" "left    canvas  right";height:100vh;width:100vw}.toolbar{grid-area:toolbar}.left{grid-area:left;overflow-y:auto;border-right:1px solid #1f2937;padding:12px}.canvas-area{grid-area:canvas;background:#1a1d24;overflow:auto;display:flex;align-items:center;justify-content:center}.right{grid-area:right;overflow-y:auto;border-left:1px solid #1f2937;padding:12px}.toolbar{display:flex;gap:8px;align-items:center;padding:0 12px;background:#111827;border-bottom:1px solid #1f2937}.toolbar .title{margin-left:auto;color:#9ca3af;font-size:13px}.panel-section{margin-bottom:16px}.panel-section h3{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin:0 0 8px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:6px}.field{margin-bottom:6px}.layer-row{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:4px;cursor:pointer;font-size:13px}.layer-row:hover{background:#1f2937}.layer-row.selected{background:#1e3a8a}.layer-row .vis{width:20px;text-align:center}.layer-row .del{margin-left:auto;opacity:0}.layer-row:hover .del{opacity:1}.add-btn{display:flex;width:100%;align-items:center;gap:8px;text-align:left;margin-bottom:4px}