:root{color-scheme:dark;font-family:Avenir Next,Trebuchet MS,sans-serif;background:#000;color:#fff4d6}*{box-sizing:border-box}body{margin:0;width:100vw;height:100vh;overflow:hidden}#app{width:100%;height:100%}.shell{position:fixed;inset:0}canvas{position:fixed;inset:0;width:100vw;height:100vh;display:block;border:0;border-radius:0;background:#000;box-shadow:inset 0 0 60px #fffadc14}.editor-panel{position:fixed;top:24px;right:24px;width:min(360px,calc(100vw - 32px));max-height:calc(100vh - 48px);padding:18px;display:grid;gap:14px;overflow:auto;border:1px solid rgba(255,240,209,.18);border-radius:18px;background:linear-gradient(180deg,#1b222bf0,#0f1218f5),#0b0c10eb;box-shadow:0 22px 54px #0000006b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10}.editor-lock{position:fixed;inset:0;display:grid;place-items:center;padding:24px;background:#05070a8f;z-index:11}.editor-lock[hidden]{display:none}.editor-lock__card{width:min(420px,100%);padding:22px;display:grid;gap:14px;border-radius:20px;border:1px solid rgba(255,238,208,.16);background:linear-gradient(180deg,#181d26f5,#0a0c11fa);box-shadow:0 26px 60px #00000073}.editor-lock__card h2{margin:0}.editor-panel[hidden]{display:none}.editor-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.editor-panel__header h2,.editor-panel__eyebrow,.editor-hint,.editor-status{margin:0}.editor-panel__eyebrow{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#ffdfa2d1}.editor-panel__header h2{font-size:1.2rem}.editor-panel__toggle,.editor-actions button{border:0;border-radius:12px;padding:10px 12px;font:inherit;color:#f8f1dd;background:linear-gradient(180deg,#e9a14beb,#a55227f0);cursor:pointer}.editor-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.editor-badges{display:flex;flex-wrap:wrap;gap:8px}.editor-badge{padding:6px 10px;border-radius:999px;font-size:.78rem;border:1px solid rgba(255,236,210,.12);background:#ffffff0f;color:#fff3dce6}.editor-badge[data-state=saved],.editor-badge[data-state=clean]{background:#52bf8a2e;color:#dfffe8}.editor-badge[data-state=dirty]{background:#e9a14b33;color:#ffe4b6}.editor-field{display:grid;gap:6px}.editor-field span{font-size:.82rem;color:#fff0d6cc}.editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.editor-field input,.editor-field select,.editor-field textarea{width:100%;border:1px solid rgba(255,236,210,.16);border-radius:12px;padding:10px 12px;font:inherit;color:#fff5dc;background:#ffffff0f}.editor-field textarea{min-height:180px;resize:vertical;font-family:SF Mono,Menlo,monospace;font-size:.84rem;line-height:1.5}.editor-hint{font-size:.85rem;color:#ffefd6b8}.editor-status{font-size:.9rem;color:#ffdf9f}kbd{border-radius:6px;padding:2px 6px;background:#ffffff1a;border:1px solid rgba(255,255,255,.12);font:inherit}body.editor-open canvas{cursor:crosshair}@media(max-width:720px){.editor-panel{inset:auto 12px 12px;width:auto;max-height:58vh}}