.box-shadow-page[data-v-f18fdd08]{display:flex;flex-direction:column;gap:.75rem}.action-bar[data-v-f18fdd08]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.action-bar-right[data-v-f18fdd08]{display:flex;gap:.5rem;margin-left:auto}.main-layout[data-v-f18fdd08]{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}.layers-panel[data-v-f18fdd08]{display:flex;flex-direction:column;gap:.75rem}.layer-card[data-v-f18fdd08]{padding:.75rem;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--glass-bg)}.layer-header[data-v-f18fdd08]{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.layer-title[data-v-f18fdd08]{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.btn-icon[data-v-f18fdd08]{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:.85rem;padding:.2rem .4rem;border-radius:var(--radius-sm);line-height:1}.btn-icon[data-v-f18fdd08]:hover:not(:disabled){color:var(--text-primary);background:#ffffff14}.btn-icon[data-v-f18fdd08]:disabled{opacity:.3;cursor:not-allowed}.layer-controls[data-v-f18fdd08]{display:flex;flex-direction:column;gap:.5rem}.control-row[data-v-f18fdd08]{display:flex;align-items:center;gap:.5rem}.control-label[data-v-f18fdd08]{font-size:.78rem;color:var(--text-muted);min-width:5.5rem;flex-shrink:0}.range-input[data-v-f18fdd08]{flex:1;accent-color:var(--accent);cursor:pointer}.control-value[data-v-f18fdd08]{font-size:.78rem;color:var(--text-primary);min-width:3.5rem;text-align:right}.control-value.mono[data-v-f18fdd08]{font-family:var(--font-mono, monospace)}.color-picker[data-v-f18fdd08]{width:36px;height:28px;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:transparent;cursor:pointer;padding:2px}.checkbox-input[data-v-f18fdd08]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.color-settings[data-v-f18fdd08]{padding:.75rem;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--glass-bg);display:flex;flex-direction:column;gap:.5rem}.preview-panel[data-v-f18fdd08]{display:flex;flex-direction:column;gap:.75rem;position:sticky;top:0}.panel-section[data-v-f18fdd08]{border:1px solid var(--glass-border);border-radius:var(--radius-sm);overflow:hidden}.section-label[data-v-f18fdd08]{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}.preview-area[data-v-f18fdd08]{display:flex;align-items:center;justify-content:center;padding:3rem 2rem;min-height:200px;transition:background .2s}.preview-box[data-v-f18fdd08]{width:100px;height:100px;border-radius:4px;transition:box-shadow .15s,background .2s}.css-output[data-v-f18fdd08]{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}@media (max-width: 768px){.main-layout[data-v-f18fdd08]{grid-template-columns:1fr}}