.shadow-builder[data-v-42566f58]{width:100%}.shadow-builder-content[data-v-42566f58]{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:32px}.shadow-preview-section[data-v-42566f58],.shadow-controls-section[data-v-42566f58]{width:100%}.shadow-preview-container[data-v-42566f58]{padding:40px;background:#f5f5f5;border-radius:8px;display:flex;justify-content:center;align-items:center;min-height:200px}.shadow-preview-box[data-v-42566f58]{width:120px;height:80px;background:white;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;color:#666}.shadow-controls[data-v-42566f58]{display:flex;flex-direction:column;gap:20px}.shadow-control-row[data-v-42566f58]{display:flex;align-items:center;gap:16px;min-height:40px}.control-label[data-v-42566f58]{min-width:80px;flex-shrink:0}.control-slider[data-v-42566f58]{flex:1;min-width:120px}.control-input[data-v-42566f58]{width:80px;flex-shrink:0}.control-color[data-v-42566f58]{flex:1;max-width:200px}.control-opacity[data-v-42566f58]{flex:1;display:flex;align-items:center;gap:12px}.opacity-value[data-v-42566f58]{min-width:40px;font-size:12px;color:#666;font-weight:500}.control-toggle[data-v-42566f58]{flex:1}.shadow-color-preview[data-v-42566f58]{width:20px;height:20px;border-radius:50%;border:1px solid #ccc;cursor:pointer}.text-caption[data-v-42566f58]{font-size:12px;font-weight:500;color:#666}@media (max-width: 768px){.shadow-control-row[data-v-42566f58]{flex-direction:column;align-items:flex-start;gap:8px}.control-label[data-v-42566f58]{min-width:auto;width:100%}.control-slider[data-v-42566f58],.control-input[data-v-42566f58]{width:100%}.control-color[data-v-42566f58]{width:100%;max-width:none}.control-opacity[data-v-42566f58],.control-toggle[data-v-42566f58]{width:100%}}.color-grid[data-v-824ee8c2]{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.color-config-card[data-v-824ee8c2]{padding:16px;border:1px solid #e0e0e0;border-radius:8px;background-color:#fafafa;flex:0 0 auto;width:fit-content;min-width:280px;max-width:320px}.color-config-card .text-subtitle2[data-v-824ee8c2]{font-weight:600}@media (max-width: 599px){.color-grid[data-v-824ee8c2]{justify-content:stretch}.color-config-card[data-v-824ee8c2]{flex:1 1 100%;width:100%;min-width:unset;max-width:unset}}.code-block[data-v-1279ee46]{background:transparent;margin:0;padding:0;white-space:pre-wrap;word-wrap:break-word;font-family:Courier New,Courier,monospace;font-size:12px;line-height:1.4}.font-mono[data-v-1279ee46]{font-family:Courier New,Courier,monospace}