.svg-generator-container[data-v-3ada4682]{display:grid;grid-template-columns:400px 1fr;gap:24px;min-height:600px}@media (max-width: 1200px){.svg-generator-container[data-v-3ada4682]{grid-template-columns:1fr;gap:16px}}.control-panel[data-v-3ada4682]{height:fit-content;position:sticky;top:20px}.preview-output-panel[data-v-3ada4682]{display:flex;flex-direction:column;gap:16px}.card-header[data-v-3ada4682]{display:flex;justify-content:space-between;align-items:center;font-weight:600}.header-title[data-v-3ada4682]{font-size:16px;color:var(--el-text-color-primary);font-weight:600;margin:0;padding:0}.preview-info[data-v-3ada4682]{display:flex;gap:8px}.control-form[data-v-3ada4682]{max-height:70vh;overflow-y:auto;padding-right:8px}.control-form[data-v-3ada4682]::-webkit-scrollbar{width:6px}.control-form[data-v-3ada4682]::-webkit-scrollbar-track{background:var(--el-fill-color-lighter);border-radius:3px}.control-form[data-v-3ada4682]::-webkit-scrollbar-thumb{background:var(--el-border-color);border-radius:3px}.control-form[data-v-3ada4682]::-webkit-scrollbar-thumb:hover{background:var(--el-border-color-darker)}.form-section[data-v-3ada4682]{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--el-border-color-lighter)}.form-section[data-v-3ada4682]:last-child{border-bottom:none;margin-bottom:0}.section-title[data-v-3ada4682]{margin:0 0 16px;font-size:14px;font-weight:600;color:var(--el-text-color-primary)}.preset-sizes[data-v-3ada4682]{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.preset-btn[data-v-3ada4682]{flex:0 0 auto;min-width:60px;transition:all .2s ease}.preset-btn[data-v-3ada4682]:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.preview-container[data-v-3ada4682]{min-height:300px}.preview-wrapper[data-v-3ada4682]{transition:all .3s ease;border:2px dashed var(--el-border-color)}.svg-preview[data-v-3ada4682]{display:flex;justify-content:center;align-items:center;transition:all .2s ease}.svg-preview[data-v-3ada4682]:hover{transform:scale(1.02)}.action-buttons[data-v-3ada4682]{display:flex;justify-content:center;padding:16px 0}.action-buttons .el-button-group[data-v-3ada4682]{box-shadow:0 2px 8px #0000001a;border-radius:6px;overflow:hidden}.output-tabs[data-v-3ada4682]{--el-tabs-header-height: 48px}.code-container[data-v-3ada4682]{position:relative}.code-textarea[data-v-3ada4682]{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.5}.copy-btn[data-v-3ada4682]{position:absolute;top:8px;right:8px;z-index:10;opacity:.7;transition:opacity .2s ease}.copy-btn[data-v-3ada4682]:hover{opacity:1}@media (prefers-color-scheme: dark){.preview-wrapper[data-v-3ada4682]{background:repeating-conic-gradient(#2a2a2a 0% 25%,transparent 0% 50%) 50% / 20px 20px}}.el-card[data-v-3ada4682]{transition:all .3s ease}.el-card[data-v-3ada4682]:hover{transform:translateY(-2px)}.el-form-item[data-v-3ada4682]{margin-bottom:18px}.el-slider[data-v-3ada4682]{padding:0 8px}@media (max-width: 768px){.svg-generator-container[data-v-3ada4682]{padding:0 8px}.control-panel[data-v-3ada4682]{position:static}.preset-sizes[data-v-3ada4682]{justify-content:center}.action-buttons .el-button-group[data-v-3ada4682]{flex-direction:column;width:100%}.action-buttons .el-button[data-v-3ada4682]{border-radius:0}.action-buttons .el-button[data-v-3ada4682]:first-child{border-top-left-radius:6px;border-top-right-radius:6px}.action-buttons .el-button[data-v-3ada4682]:last-child{border-bottom-left-radius:6px;border-bottom-right-radius:6px}}@keyframes fadeInUp-3ada4682{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.svg-generator-container[data-v-3ada4682]>*{animation:fadeInUp-3ada4682 .6s ease-out}.svg-generator-container[data-v-3ada4682]>*:nth-child(2){animation-delay:.1s}