.shadow-layout[data-v-a2c15cf2]{display:flex;gap:24px;margin-top:16px}.shadow-preview-area[data-v-a2c15cf2]{flex:1;display:flex;flex-direction:column;gap:16px}.preview-box-wrapper[data-v-a2c15cf2]{display:flex;align-items:center;justify-content:center;min-height:280px;background:var(--bg-secondary, #f5f7fa);border-radius:8px;border:1px solid var(--border-color)}.preview-box[data-v-a2c15cf2]{width:200px;height:200px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:14px;transition:box-shadow .2s}.code-output[data-v-a2c15cf2]{border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.code-header[data-v-a2c15cf2]{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;background:var(--bg-secondary, #f5f7fa);font-size:13px;color:var(--text-secondary)}.copy-btn[data-v-a2c15cf2]{background:none;border:none;color:var(--primary-color, #2c8cf0);cursor:pointer;font-size:12px}.code-output pre[data-v-a2c15cf2]{margin:0;padding:12px 14px;font-family:Fira Code,Consolas,monospace;font-size:13px;line-height:1.5;white-space:pre-wrap;word-break:break-all}.shadow-controls[data-v-a2c15cf2]{width:320px;flex-shrink:0}.layer-tabs[data-v-a2c15cf2]{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap}.layer-tab[data-v-a2c15cf2]{padding:4px 12px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-secondary, #f5f7fa);cursor:pointer;font-size:12px;transition:all .2s}.layer-tab.active[data-v-a2c15cf2]{background:var(--primary-color, #2c8cf0);color:#fff;border-color:var(--primary-color, #2c8cf0)}.layer-tab.add-layer[data-v-a2c15cf2],.layer-tab.remove-layer[data-v-a2c15cf2]{font-weight:700}.control-group[data-v-a2c15cf2]{display:flex;flex-direction:column;gap:12px}.control-label[data-v-a2c15cf2]{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-secondary);gap:8px}.control-value[data-v-a2c15cf2]{font-family:Fira Code,monospace;font-size:12px;color:var(--text-color)}.control-group input[type=range][data-v-a2c15cf2]{width:100%}.color-input[data-v-a2c15cf2]{width:60px;height:28px;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;padding:2px}.checkbox-label[data-v-a2c15cf2]{cursor:pointer}.checkbox-label input[type=checkbox][data-v-a2c15cf2]{margin-right:6px}.presets-section[data-v-a2c15cf2]{margin-top:20px;padding-top:16px;border-top:1px solid var(--border-color)}.presets-section h3[data-v-a2c15cf2]{font-size:14px;margin:0 0 10px;color:var(--text-color)}.preset-grid[data-v-a2c15cf2]{display:flex;gap:8px;flex-wrap:wrap}.preset-btn[data-v-a2c15cf2]{padding:6px 14px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-secondary, #f5f7fa);cursor:pointer;font-size:12px;transition:all .2s}.preset-btn[data-v-a2c15cf2]:hover{border-color:var(--primary-color, #2c8cf0);color:var(--primary-color, #2c8cf0)}@media (max-width: 768px){.shadow-layout[data-v-a2c15cf2]{flex-direction:column}.shadow-controls[data-v-a2c15cf2]{width:100%}}