.box-shadow-tool[data-v-5c7e2a3d]{width:100%}.tool-layout[data-v-5c7e2a3d]{display:flex;gap:2rem;margin-bottom:1.5rem}.controls-panel[data-v-5c7e2a3d]{flex:1;display:flex;flex-direction:column;gap:1rem}.slider-group[data-v-5c7e2a3d]{display:flex;flex-direction:column;gap:.35rem}.slider-group label[data-v-5c7e2a3d],.color-group label[data-v-5c7e2a3d],.preview-panel>label[data-v-5c7e2a3d],.output-section>label[data-v-5c7e2a3d]{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:.15rem}.slider[data-v-5c7e2a3d]{width:100%;accent-color:var(--accent)}.color-group[data-v-5c7e2a3d]{display:flex;flex-direction:column;gap:.35rem}.color-input-row[data-v-5c7e2a3d]{display:flex;gap:.5rem;align-items:center}.color-input[data-v-5c7e2a3d]{width:48px;height:38px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);cursor:pointer;padding:2px}.hex-text-input[data-v-5c7e2a3d]{width:120px;font-family:var(--font-mono)}.checkbox-group[data-v-5c7e2a3d]{margin-top:.25rem}.checkbox-label[data-v-5c7e2a3d]{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:var(--text-primary)}.checkbox-label input[type=checkbox][data-v-5c7e2a3d]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.preview-panel[data-v-5c7e2a3d]{flex:1;display:flex;flex-direction:column}.preview-container[data-v-5c7e2a3d]{flex:1;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);min-height:280px;padding:2rem}.preview-box[data-v-5c7e2a3d]{width:160px;height:160px;background:var(--bg-primary);border-radius:var(--radius);border:1px solid var(--border)}.output-section[data-v-5c7e2a3d]{margin-bottom:1rem}.code-row[data-v-5c7e2a3d]{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border)}.css-output[data-v-5c7e2a3d]{flex:1;font-family:var(--font-mono);font-size:.85rem;color:var(--text-primary);word-break:break-all}@media(max-width:768px){.tool-layout[data-v-5c7e2a3d]{flex-direction:column}}