.svga-preview[data-v-33819918]{max-width:1200px;margin:0 auto;padding:40px 20px;min-height:100vh;background-color:#f8f9fa}.preview-header[data-v-33819918]{text-align:center;margin-bottom:40px}.preview-header h2[data-v-33819918]{font-size:2.5em;color:#2c3e50;margin:0 0 10px;font-weight:600}.subtitle[data-v-33819918]{color:#666;font-size:1.1em;margin:0}.preview-content[data-v-33819918]{background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000001a;padding:30px}.upload-area[data-v-33819918]{margin-bottom:30px}.upload-box[data-v-33819918]{border:2px dashed #e0e0e0;padding:40px;text-align:center;cursor:pointer;border-radius:12px;transition:all .3s ease;background-color:#fafafa}.upload-box[data-v-33819918]:hover{border-color:#409eff;background-color:#f0f7ff;transform:translateY(-2px)}.upload-icon[data-v-33819918]{margin-bottom:16px;color:#409eff}.upload-text[data-v-33819918]{font-size:1.2em;color:#2c3e50;margin:10px 0;font-weight:500}.upload-hint[data-v-33819918]{font-size:.9em;color:#909399;margin:0}.preview-area[data-v-33819918]{display:flex;justify-content:center;margin-top:30px;padding:20px;background:#f8f9fa;border-radius:12px}#svga-container[data-v-33819918]{width:500px;height:500px;border-radius:12px;background-color:#fff;position:relative;box-shadow:0 2px 12px #0000001a;transition:all .3s ease}@media (max-width: 768px){.svga-preview[data-v-33819918]{padding:20px 10px}.preview-header h2[data-v-33819918]{font-size:2em}.preview-content[data-v-33819918]{padding:20px}#svga-container[data-v-33819918]{width:300px;height:300px}.upload-box[data-v-33819918]{padding:20px}}.upload-area[dragover] .upload-box[data-v-33819918]{border-color:#409eff;background-color:#f0f7ff;transform:scale(1.02)}.preview-content[data-v-33819918]{animation:fadeIn-33819918 .5s ease-out}@keyframes fadeIn-33819918{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tabs[data-v-33819918]{display:flex;gap:20px;margin-bottom:20px;border-bottom:1px solid #e0e0e0;padding-bottom:10px}.tab[data-v-33819918]{padding:8px 16px;cursor:pointer;border-radius:8px;transition:all .3s ease;font-weight:500;color:#666}.tab[data-v-33819918]:hover{color:#409eff;background-color:#f0f7ff}.tab.active[data-v-33819918]{color:#409eff;background-color:#f0f7ff;font-weight:600}.info-area[data-v-33819918]{padding:20px;background:#f8f9fa;border-radius:12px}.info-card[data-v-33819918]{background:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 12px #0000001a}.info-item[data-v-33819918]{display:flex;padding:12px 0;border-bottom:1px solid #f0f0f0}.info-item[data-v-33819918]:last-child{border-bottom:none}.info-label[data-v-33819918]{width:100px;color:#666;font-weight:500}.info-value[data-v-33819918]{color:#2c3e50;flex:1}.info-area[data-v-33819918]{animation:fadeIn-33819918 .3s ease-out}@keyframes fadeIn-33819918{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-content[data-v-33819918]{position:relative;min-height:300px}.preview-area[data-v-33819918]{position:relative;justify-content:center;margin-top:30px;padding:20px;background:#f8f9fa;border-radius:12px}.preview-container[data-v-33819918]{position:relative;display:flex;flex-direction:column;align-items:center}.control-panel[data-v-33819918]{margin-top:20px;width:100%;max-width:500px;padding:16px;background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000001a}.control-buttons[data-v-33819918]{display:flex;justify-content:center;gap:16px;align-items:center}.control-btn[data-v-33819918]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;background:#f0f7ff;color:#409eff;cursor:pointer;transition:all .3s ease}.control-btn[data-v-33819918]:hover{background:#409eff;color:#fff;transform:scale(1.05)}.speed-control[data-v-33819918]{position:relative}.speed-menu[data-v-33819918]{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#fff;border-radius:8px;box-shadow:0 2px 12px #0000001a;padding:8px 0;margin-bottom:8px;z-index:1000;transition:opacity .3s ease}.speed-item[data-v-33819918]{padding:8px 16px;cursor:pointer;transition:all .3s ease;white-space:nowrap}.speed-item[data-v-33819918]:hover{background:#f0f7ff;color:#409eff}.speed-item.active[data-v-33819918]{background:#f0f7ff;color:#409eff;font-weight:500}@media (max-width: 768px){.control-panel[data-v-33819918]{padding:12px}.control-btn[data-v-33819918]{width:36px;height:36px}.control-buttons[data-v-33819918]{gap:12px}}.speed-menu-enter-active[data-v-33819918],.speed-menu-leave-active[data-v-33819918]{transition:opacity .3s ease}.speed-menu-enter-from[data-v-33819918],.speed-menu-leave-to[data-v-33819918]{opacity:0}.app{max-width:800px;margin:0 auto;padding:20px}h1{text-align:center;color:#333;margin-bottom:30px}