:root{--color-primary:#6366f1;--color-primary-dark:#4f46e5;--color-primary-light:#818cf8;--color-secondary:#06b6d4;--color-accent:#f59e0b;--color-bg:#f8fafc;--color-bg-card:#fff;--color-bg-dark:#0f172a;--color-text:#1e293b;--color-text-light:#64748b;--color-text-muted:#94a3b8;--color-border:#e2e8f0;--color-success:#10b981;--color-error:#ef4444;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--transition:.2s ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-primary-dark)}img{height:auto;max-width:100%}.container{margin:0 auto;max-width:1200px;padding:0 1rem}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;line-height:1.5;padding:.625rem 1.5rem;text-decoration:none;transition:all var(--transition)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:var(--color-bg-card);border:1px solid var(--color-border);color:var(--color-text)}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn-lg{border-radius:var(--radius-lg);font-size:1rem;padding:.875rem 2rem}.btn-sm{font-size:.8125rem;padding:.375rem .875rem}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;transition:all var(--transition)}.card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md)}.upload-zone{background:var(--color-bg-card);border:2px dashed var(--color-border);border-radius:var(--radius-xl);cursor:pointer;padding:3rem 2rem;text-align:center;transition:all var(--transition)}.upload-zone.dragover,.upload-zone:hover{background:#6366f10a;border-color:var(--color-primary)}.upload-zone-icon{color:var(--color-primary);font-size:3rem;margin-bottom:1rem}.upload-zone-text{color:var(--color-text);font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.upload-zone-hint{color:var(--color-text-muted);font-size:.875rem}.section-title{font-size:2rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.5rem;text-align:center}.section-subtitle{color:var(--color-text-light);font-size:1.125rem;margin-bottom:2.5rem;text-align:center}.tool-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.category-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.tag{background:#6366f11a;border-radius:999px;color:var(--color-primary);display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.format-select{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;font-size:.875rem;min-width:140px;padding:.625rem 1rem}.format-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.progress-bar{background:var(--color-border);border-radius:999px;height:8px;overflow:hidden;width:100%}.progress-bar-fill{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:999px;height:100%;transition:width .3s ease}.hero{padding:4rem 0 3rem;text-align:center}.hero h1{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;font-size:3rem;font-weight:900;letter-spacing:-.03em;line-height:1.1;margin-bottom:1rem;-webkit-text-fill-color:transparent;background-clip:text}.hero p{color:var(--color-text-light);font-size:1.25rem;margin:0 auto 2rem;max-width:600px}.features-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:3rem 0}.feature-item{padding:1.5rem 1rem;text-align:center}.feature-icon{font-size:2.5rem;margin-bottom:.75rem}.feature-title{font-weight:700;margin-bottom:.25rem}.feature-desc{color:var(--color-text-light);font-size:.875rem}.breadcrumb{align-items:center;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1.5rem}.breadcrumb,.breadcrumb a{color:var(--color-text-muted)}.breadcrumb a:hover{color:var(--color-primary)}.breadcrumb-sep{color:var(--color-border)}.converter-layout{align-items:flex-start;display:flex;gap:1.5rem}.converter-main{flex:1;min-width:0}.converter-sidebar{flex-shrink:0;width:300px}.file-list{margin-top:1.5rem}.file-item{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:1rem;margin-bottom:.75rem;padding:1rem}.file-icon{flex-shrink:0;font-size:2rem}.file-info{flex:1;min-width:0}.file-name{font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:var(--color-text-muted);font-size:.75rem}.file-actions{display:flex;gap:.5rem}.toast{animation:slideUp .3s ease;background:var(--color-bg-dark);border-radius:var(--radius-md);bottom:2rem;box-shadow:var(--shadow-lg);color:#fff;font-size:.875rem;font-weight:500;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1000}@keyframes slideUp{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}.spinner{animation:spin .6s linear infinite;border:2px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);display:inline-block;height:1.25rem;width:1.25rem}.how-to-use-section{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-top:3rem;padding:2rem}.how-to-use-section h2{font-size:1.25rem;font-weight:700;margin-bottom:1rem}.how-to-use-steps{margin-bottom:1rem;padding-left:1.25rem}.how-to-use-steps li{color:var(--color-text-light);font-size:.9375rem;line-height:1.7;margin-bottom:.5rem}.privacy-note{background:#6366f10d;border:1px solid rgba(99,102,241,.1);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:.8125rem;padding:.75rem 1rem}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.gap-1{gap:.5rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.w-full{width:100%}@media(max-width:768px){.hero h1{font-size:2rem}.hero p{font-size:1rem}.section-title{font-size:1.5rem}.converter-layout{flex-direction:column}.converter-sidebar{width:100%}.tool-grid{grid-template-columns:1fr}.category-grid,.features-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.category-grid,.features-grid{grid-template-columns:1fr}}.cookie-banner[data-v-1356bec6]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172af2;bottom:0;box-shadow:0 -4px 20px #00000026;left:0;padding:1rem;position:fixed;right:0;z-index:9999}.cookie-content[data-v-1356bec6]{align-items:center;display:flex;gap:1.5rem;justify-content:space-between;margin:0 auto;max-width:1200px}.cookie-text[data-v-1356bec6]{color:#e2e8f0;font-size:.875rem;line-height:1.5;margin:0}.cookie-link[data-v-1356bec6]{color:#818cf8;text-decoration:underline}.cookie-actions[data-v-1356bec6]{display:flex;flex-shrink:0;gap:.5rem}@media(max-width:768px){.cookie-content[data-v-1356bec6]{flex-direction:column;text-align:center}}.slide-up-enter-active[data-v-1356bec6],.slide-up-leave-active[data-v-1356bec6]{transition:all .3s ease}.slide-up-enter-from[data-v-1356bec6],.slide-up-leave-to[data-v-1356bec6]{opacity:0;transform:translateY(100%)}.error-page[data-v-571786c6]{align-items:center;background:var(--color-bg);display:flex;justify-content:center;min-height:100vh}.error-content[data-v-571786c6]{text-align:center}.error-content h1[data-v-571786c6]{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;font-size:6rem;font-weight:900;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.error-content p[data-v-571786c6]{color:var(--color-text-light);font-size:1.25rem;margin:1rem 0 2rem}