.css-generator-container[data-v-38821582]{max-width:1200px;margin:0 auto;padding:20px}.page-header[data-v-38821582]{text-align:center;margin-bottom:30px}.page-header h1[data-v-38821582]{color:#2c3e50;margin-bottom:10px;font-size:28px}.page-description[data-v-38821582]{color:#7f8c8d;font-size:16px;line-height:1.6}.tool-selector[data-v-38821582]{margin-bottom:30px}.tool-selector .el-tabs__header[data-v-38821582]{margin-bottom:20px}.generator-section[data-v-38821582]{background:#f8f9fa;border-radius:12px;padding:25px;box-shadow:0 2px 12px rgba(0,0,0,.1)}.controls-preview[data-v-38821582]{display:grid;grid-template-columns:1fr 1fr;gap:30px}.controls-panel[data-v-38821582]{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.controls-panel h3[data-v-38821582]{color:#2c3e50;margin:0 0 20px 0;font-size:18px;border-bottom:2px solid #f0f0f0;padding-bottom:10px}.control-group[data-v-38821582]{margin-bottom:20px}.control-group label[data-v-38821582]{display:block;margin-bottom:8px;font-weight:500;color:#2c3e50}.control-group .el-slider[data-v-38821582]{margin-bottom:10px}.color-stops[data-v-38821582]{display:flex;flex-direction:column;gap:10px}.color-stop[data-v-38821582]{display:flex;align-items:center;gap:10px;padding:10px;background:#f8f9fa;border-radius:6px}.border-radius-controls[data-v-38821582]{display:grid;grid-template-columns:1fr 1fr;gap:10px}.radius-input[data-v-38821582]{display:flex;align-items:center;gap:8px}.radius-input label[data-v-38821582]{min-width:40px;font-size:12px;margin:0}.preview-panel[data-v-38821582]{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.preview-panel h3[data-v-38821582]{color:#2c3e50;margin:0 0 20px 0;font-size:18px;border-bottom:2px solid #f0f0f0;padding-bottom:10px}.preview-box[data-v-38821582]{width:200px;height:200px;margin:0 auto 20px auto;border-radius:8px;background:#f0f0f0}.shadow-preview[data-v-38821582]{background:#fff!important}.border-preview[data-v-38821582]{background:#f8f9fa!important}.preview-text[data-v-38821582]{font-size:48px;font-weight:700;text-align:center;color:#2c3e50;margin:20px 0;padding:20px}.animation-preview[data-v-38821582]{text-align:center;margin-bottom:20px}.animated-box[data-v-38821582]{background:linear-gradient(45deg,#409eff,#67c23a)!important}.css-output[data-v-38821582]{margin-top:20px}.css-output h4[data-v-38821582]{color:#2c3e50;margin:0 0 10px 0;font-size:14px}.css-code .el-textarea__inner[data-v-38821582]{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;background:#2c3e50;color:#ecf0f1;border:none;border-radius:6px}.output-actions[data-v-38821582]{margin-top:10px;text-align:right}@keyframes fadeInOut-38821582{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes scale-38821582{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes rotate-38821582{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes slide-38821582{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes bounce-38821582{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@media (max-width:768px){.css-generator-container[data-v-38821582]{padding:15px}.page-header h1[data-v-38821582]{font-size:24px}.page-description[data-v-38821582]{font-size:14px}.generator-section[data-v-38821582]{padding:20px 15px}.controls-preview[data-v-38821582]{grid-template-columns:1fr;gap:20px}.controls-panel[data-v-38821582],.preview-panel[data-v-38821582]{padding:15px}.color-stop[data-v-38821582]{flex-wrap:wrap;gap:8px}.border-radius-controls[data-v-38821582]{grid-template-columns:1fr}.preview-box[data-v-38821582]{width:150px;height:150px}.preview-text[data-v-38821582]{font-size:36px}}@media (max-width:480px){.css-generator-container[data-v-38821582]{padding:10px}.page-header h1[data-v-38821582]{font-size:20px}.generator-section[data-v-38821582]{padding:15px 10px}.controls-panel[data-v-38821582],.preview-panel[data-v-38821582]{padding:12px}.preview-box[data-v-38821582]{width:120px;height:120px}.preview-text[data-v-38821582]{font-size:24px}.color-stop[data-v-38821582]{flex-direction:column;align-items:flex-start}}