:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,sans-serif}html,body,#app{background:#0f0f1a;width:100%;height:100%;margin:0;overflow:hidden}canvas{display:block}@layer components{@scope(.editor-panel){:scope{z-index:10;color:#e2e8f0;background:#0f172aeb;border:1px solid #334155;border-radius:10px;width:min(320px,100vw - 24px);max-height:calc(100vh - 24px);padding:12px;font:14px/1.4 system-ui,sans-serif;position:fixed;top:12px;right:12px;overflow:auto}.title{margin:0 0 12px;font-size:18px;font-weight:700}.section{margin-bottom:12px}.section-label{color:#94a3b8;letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.field-row{gap:8px;margin-bottom:8px;display:flex}.field{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.field span{color:#94a3b8;font-size:12px}input[type=text],input[type=number]{width:100%;color:inherit;background:#0f172a;border:1px solid #475569;border-radius:6px;padding:6px 8px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.tool-button,.action-button{color:inherit;cursor:pointer;text-align:left;background:#1e293b;border:1px solid #475569;border-radius:6px;padding:8px 10px;text-decoration:none;display:inline-block}.tool-button:hover,.action-button:hover{border-color:#4ade80}.action-button:disabled{cursor:not-allowed;opacity:.45}.action-button:disabled:hover{border-color:#475569}.action-button.is-danger{background:#450a0a;border-color:#7f1d1d}.action-button.is-danger:hover:not(:disabled){border-color:#f87171}.tool-button.is-active{background:#14532d;border-color:#4ade80}.actions{gap:6px;display:grid}.status{color:#86efac;min-height:1.2em;margin-top:8px;font-size:12px}.status.is-error{color:#fca5a5}}}