:root{--primary: #3b82f6;--primary-dark: #2563eb;--success: #22c55e;--background: #f8fafc;--border: #e2e8f0}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{background:var(--background);min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem}.container{max-width:600px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center}h1{color:#1e293b;margin-bottom:1rem;font-weight:600}.subtitle{color:#64748b;margin-bottom:2rem;font-size:.95rem}#dropZone{width:600px;min-height:300px;border:2px dashed var(--border);border-radius:1rem;background:#fff;transition:all .2s ease;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;cursor:pointer}#dropZone:hover{border-color:var(--primary);background:#f8fafc}#dropZone.dragover{border-color:var(--primary);background:#eff6ff}.icon{width:64px;height:64px;color:#1e293c;opacity:.2}.drop-text{font-size:1.1rem;color:#1e293b;font-weight:500}.drop-hint{font-size:.9rem;color:#64748b}#fileInput{display:none}.status{margin-top:1rem;padding:1rem;border-radius:.5rem;background:#f0fdf4;color:var(--success);font-size:.9rem;display:none;width:100%}.status.show{display:block}@keyframes spin{to{transform:rotate(360deg)}}.previewList{display:grid;width:100%;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:1rem;margin-bottom:1.5rem}.previewList div{background:#fff;padding:1rem;border-radius:.75rem;box-shadow:#0000001a 0 1px 3px}.preview{aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.preview-svg{width:100%;height:100%;object-fit:contain}.loading .icon{animation:spin 1s linear infinite}.controls{margin-top:1.5rem;pointer-events:none;transition:opacity .2s ease;width:100%}.controls.active{opacity:1;pointer-events:all}.controls-row{display:flex;flex-direction:column;gap:1.5rem;align-items:stretch;width:100%}.format-options{display:flex;align-items:space-between;gap:1.5rem;flex:1}.format-option{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:.75rem;padding:.75rem 1rem;background:#fff;width:100%;transition:all .2s;box-shadow:0 1px 3px #0000001a}.format-option:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}.format-option input{display:none}.format-content{display:flex;flex-direction:column;gap:.25rem}.format-title{font-weight:500;color:#1e293b}.format-description{font-size:.8rem;color:#64748b}.format-option input:checked+.format-content{color:var(--primary)}.format-option input:checked+.format-content .format-title{color:var(--primary)}.format-option input:checked+.format-content .format-description{color:var(--primary)}.download-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:.75rem;font-weight:500;cursor:pointer;width:100%;transition:all .2s;box-shadow:#0000 0 0,#0000 0 0,#3b82f680 0 10px 20px -10px}.download-btn:hover{box-shadow:#0000 0 0,#0000 0 0,#3b82f680 0 20px 25px -15px;transform:translateY(-1px)}.download-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.download-icon{width:20px;height:20px;margin-right:.5rem}.animation{width:3rem;height:3rem;position:relative;top:-.45rem}.row{display:flex;align-items:center;justify-content:center;gap:.5rem}#fileCount{padding-right:4px;padding-left:4px}.tabs{display:flex;justify-content:center;gap:.5rem;margin-bottom:2rem;background:#fff;padding:.5rem;border-radius:1rem;box-shadow:0 1px 3px #0000001a;width:fit-content}.tabs_content{display:flex;gap:.5rem}.tab{padding:.75rem 1.25rem;border-radius:.75rem;border:none;background:transparent;color:#64748b;font-weight:500;cursor:pointer;transition:all .2s}.tab:hover{color:var(--primary)}.tab.active{background:var(--primary);color:#fff}.frame-controls{display:flex;gap:1rem;align-items:center;margin-bottom:1rem;background:#fff;padding:1rem;border-radius:.75rem;box-shadow:0 1px 3px #0000001a}.frame-slider{flex:1;height:2px;-webkit-appearance:none;background:var(--border);border-radius:2px;background-image:linear-gradient(var(--primary),var(--primary));background-repeat:no-repeat;background-size:0% 100%}.frame-slider::-webkit-slider-thumb{-webkit-appearance:none;height:16px;width:16px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:0 0 2px #555;transition:background .3s ease-in-out}.frame-input{width:60px;padding:.5rem;border:1px solid var(--border);border-radius:.5rem;text-align:center}.frame-slider,.frame-slider:focus{outline:none!important}#lottiePreview{width:100%;height:300px;background:#fff;border-radius:1rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000001a;margin-top:-1.5rem}.download-btn.cancel{background:#1e293c;box-shadow:#0000 0 0,#0000 0 0,#1e293c80 0 10px 20px -10px}.download-btn.cancel:hover{background:#1e293c}.controls-container[data-v-f91c6e88],.controls-container[data-v-9130bc2e]{display:flex;flex-direction:column;align-items:center;width:600px}