.controls-bar[data-v-2b5115ed]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding:.75rem 1rem;background:var(--color-bg-secondary, #f9fafb);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-lg, 8px)}.controls-left[data-v-2b5115ed]{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.controls-right[data-v-2b5115ed]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.control-group[data-v-2b5115ed]{display:flex;align-items:center;gap:.5rem}.control-label[data-v-2b5115ed]{font-size:.8rem;font-weight:500;color:var(--color-text-secondary, #6b7280);white-space:nowrap}.editor-panels[data-v-2b5115ed]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:768px){.editor-panels[data-v-2b5115ed]{grid-template-columns:1fr}}.panel[data-v-2b5115ed]{display:flex;flex-direction:column;gap:.5rem;min-width:0}.panel-header[data-v-2b5115ed]{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.panel-label[data-v-2b5115ed]{font-size:.85rem;font-weight:600;color:var(--color-text, #1f2937)}.code-textarea[data-v-2b5115ed]{height:400px}.code-textarea[data-v-2b5115ed] textarea{height:400px!important;resize:vertical;line-height:1.5;tab-size:2}@media(max-width:768px){.controls-bar[data-v-2b5115ed]{flex-direction:column;align-items:flex-start}.controls-right[data-v-2b5115ed]{width:100%;justify-content:flex-start}.code-textarea[data-v-2b5115ed]{height:280px}.code-textarea[data-v-2b5115ed] textarea{height:280px!important}}