:root{--background:#14110d;--surface:#1d1913;--border:#3a3124;--text:#eadfc4;--text-muted:#a99c80;--gold:#d9b45a;--gold-strong:#f0cf7a;--danger:#e0796b;--radius:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% -20%, #2b2216, var(--background) 60%) fixed;color:var(--text);margin:0;font:14px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}h1,h2{letter-spacing:.02em;margin:0;font-family:Georgia,Times New Roman,serif;font-weight:600}h1{color:var(--gold-strong);font-size:22px}h2{color:var(--gold);text-transform:uppercase;letter-spacing:.08em;font-size:15px}a{color:var(--gold)}.shell{gap:16px;max-width:1280px;margin:0 auto;padding:16px;display:grid}.app-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.workspace{grid-template-columns:minmax(220px,280px) minmax(0,1fr) minmax(220px,260px);align-items:start;gap:16px;display:grid}@media (max-width:960px){.workspace{grid-template-columns:minmax(0,1fr)}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);gap:12px;padding:16px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.stack{gap:8px;display:grid}.muted{color:var(--text-muted)}.error,.field-error{color:var(--danger)}button,.button{font:inherit;color:var(--text);border:1px solid var(--border);cursor:pointer;text-align:center;background:#2c2519;border-radius:8px;padding:7px 12px}button:hover,.button:hover{border-color:var(--gold)}button:focus-visible,.button:focus-within,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}button.primary{color:#1b140a;background:linear-gradient(#e2bf66,#b38a35);border-color:#f0cf7a;font-weight:600}button.ghost,.button.ghost{background:0 0}button.danger:hover{border-color:var(--danger);color:var(--danger)}input[type=text],input[type=number],input[type=search],select{font:inherit;color:var(--text);border:1px solid var(--border);background:#120f0b;border-radius:8px;min-width:0;padding:7px 10px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.brush-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:8px;padding:6px 6px 6px 12px;display:flex}.label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px}.group-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.group-row,.glyph-button{text-align:left;background:0 0;align-items:center;gap:10px;width:100%;padding:6px;display:flex}.group-row[aria-pressed=true]{border-color:var(--gold);background:#2c2519}.group-row img{flex:none;width:48px;height:48px}.group-text{min-width:0;display:grid}.group-text strong,.group-text small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.group-text small{color:var(--text-muted)}.is-rendering{opacity:.55;transition:opacity .2s}.editor{grid-template-columns:minmax(0,1fr) minmax(220px,300px);align-items:start}@media (max-width:720px){.editor{grid-template-columns:minmax(0,1fr)}}.preview-frame{background:repeating-conic-gradient(#1a1610 0 25%, #211b14 0 50%) 0 0 / 24px 24px;border-radius:var(--radius);aspect-ratio:1;place-items:center;display:grid}.preview{width:min(100%,384px);height:auto}.fields{gap:14px;display:grid}.field{gap:4px;display:grid}input[type=range]{min-width:120px;accent-color:hsl(var(--hue,40) 70% 55%);flex:1}.hue-number{width:72px}.glyph-button svg{width:40px;height:40px;color:var(--gold);flex:none}.size-list{flex-wrap:wrap;gap:8px;display:flex}.size-toggle{border:1px solid var(--border);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:5px 10px;display:flex}.export-panel input[type=number]{flex:1;width:0}.export-status,.set-message{min-height:1.4em;color:var(--text-muted);margin:0}.app-footer{color:var(--text-muted);font-size:12px}.app-footer p{margin:4px 0}.glyph-picker{background:var(--surface);width:min(960px,100vw - 32px);height:min(720px,100vh - 32px);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.glyph-picker[open]{grid-template-rows:auto auto minmax(0,1fr);gap:10px;display:grid}.glyph-picker::backdrop{background:#000a}.picker-toolbar{flex-wrap:wrap;gap:8px;display:flex}.picker-toolbar input[type=search]{flex:240px}.picker-status{color:var(--text-muted);margin:0}.glyph-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));align-content:start;gap:8px;display:grid;overflow-y:auto}.glyph-tile{background:#16120d;justify-items:center;gap:6px;padding:10px 6px;display:grid}.glyph-tile svg{width:44px;height:44px;color:var(--gold)}.glyph-tile span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;overflow:hidden}