.b-editor{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.b-stage{position:sticky;top:16px;display:grid;place-items:center;min-height:320px}.b-frame{border-radius:var(--radius);overflow:hidden;box-shadow:0 20px 50px #00000059;border:1px solid var(--border)}.b-canvas{display:block;width:100%;height:100%}.b-panel{display:grid;gap:18px;padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel)}.b-sec{display:grid;gap:10px}.b-sec h2{margin:0;font-size:14px}.b-styles{display:grid;gap:8px}.b-style-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.b-group{margin:4px 0 0;color:var(--text-dim);font-size:12px;font-weight:600}.b-style{display:grid;gap:4px;justify-items:center;padding:4px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-2);color:var(--text-dim);font-size:11px;line-height:1.2;text-align:center;cursor:pointer}.b-style img{width:100%;height:auto;aspect-ratio:1;border-radius:6px;background:var(--bg-3)}.b-style[aria-pressed=true]{border-color:var(--mint);color:var(--text)}.b-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.b-preset{display:grid;gap:4px;justify-items:center;padding:0;border:0;background:none;color:var(--text-dim);font-size:11px;cursor:pointer}.b-preset-sw{width:100%;height:30px;border-radius:8px;box-shadow:inset 0 0 0 1px #ffffff1f}.b-preset:hover{color:var(--text)}.b-colors{display:grid;gap:8px}.b-color{display:grid;grid-template-columns:40px minmax(0,1fr) 30px;gap:8px;align-items:center}.b-color .g-hex{width:100%}.b-remove{height:28px;border:1px solid var(--border-2);border-radius:6px;background:var(--bg-3);color:var(--text-dim);font-size:16px;line-height:1;cursor:pointer}.b-remove:disabled{opacity:.35;cursor:default}.b-add{justify-self:start;padding:6px 12px}.b-hint{color:var(--mint);font-size:13px}.b-sliders{display:grid;gap:12px}.b-size{color:var(--text-dim);font-size:13px;direction:ltr;text-align:end}.b-actions{display:grid;gap:8px}.b-actions .g-btn{width:100%}.b-actions-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media(max-width:900px){.b-editor{grid-template-columns:minmax(0,1fr)}.b-stage{top:0;z-index:5;min-height:0;padding:8px 0;background:var(--bg)}}