.css-grid-page[data-v-76081bca]{display:flex;flex-direction:column;gap:.75rem}.action-bar[data-v-76081bca]{display:flex;align-items:center;gap:.5rem}.action-bar-right[data-v-76081bca]{display:flex;gap:.5rem;margin-left:auto}.main-layout[data-v-76081bca]{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}.controls-panel[data-v-76081bca]{display:flex;flex-direction:column;gap:.75rem}.panel-card[data-v-76081bca]{padding:.75rem;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--glass-bg)}.card-header[data-v-76081bca]{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.card-label[data-v-76081bca]{font-size:.78rem;font-weight:600;color:var(--text-muted);font-family:var(--font-mono, monospace)}.card-actions[data-v-76081bca]{display:flex;gap:.3rem}.btn-xs[data-v-76081bca]{padding:.2rem .5rem;font-size:.72rem}.track-list[data-v-76081bca]{display:flex;flex-direction:column;gap:.4rem}.track-row[data-v-76081bca]{display:flex;align-items:center;gap:.4rem}.track-index[data-v-76081bca]{font-size:.75rem;color:var(--text-muted);min-width:1.2rem;text-align:right}.select-input[data-v-76081bca]{padding:.25rem .4rem;font-size:.8rem;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--glass-bg);color:var(--text-primary);cursor:pointer;font-family:var(--font-mono, monospace)}.select-unit[data-v-76081bca]{width:5rem}.number-input[data-v-76081bca]{width:5rem;padding:.25rem .4rem;font-size:.8rem;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--glass-bg);color:var(--text-primary);font-family:var(--font-mono, monospace)}.auto-placeholder[data-v-76081bca]{font-size:.8rem;color:var(--text-muted);width:5rem;text-align:center}.control-row[data-v-76081bca]{display:flex;align-items:center;gap:.5rem}.control-label[data-v-76081bca]{font-size:.78rem;color:var(--text-muted);min-width:4rem;flex-shrink:0;font-family:var(--font-mono, monospace)}.range-input[data-v-76081bca]{flex:1;accent-color:var(--accent);cursor:pointer}.control-value[data-v-76081bca]{font-size:.78rem;color:var(--text-primary);min-width:3rem;text-align:right}.preview-panel[data-v-76081bca]{display:flex;flex-direction:column;gap:.75rem;position:sticky;top:0}.panel-section[data-v-76081bca]{border:1px solid var(--glass-border);border-radius:var(--radius-sm);overflow:hidden}.section-label[data-v-76081bca]{padding:.4rem .75rem;background:var(--glass-bg);border-bottom:1px solid var(--glass-border);font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-mono, monospace)}.preview-area[data-v-76081bca]{padding:1rem;min-height:160px;background:var(--glass-bg)}.grid-container[data-v-76081bca]{width:100%;min-height:120px;border:1px dashed var(--glass-border);border-radius:var(--radius-sm);padding:.5rem;box-sizing:border-box}.grid-item[data-v-76081bca]{background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;border-radius:var(--radius-sm);min-height:40px}.css-output[data-v-76081bca]{margin:0;padding:.75rem;font-family:var(--font-mono, monospace);font-size:.82rem;color:var(--text-primary);background:transparent;white-space:pre-wrap;word-break:break-all;line-height:1.6}.template-output[data-v-76081bca]{padding:.5rem .75rem;font-size:.8rem}@media (max-width: 768px){.main-layout[data-v-76081bca]{grid-template-columns:1fr}}