:root{--hue-primary: 230;--hue-secondary: 280;--hue-accent: 330;--hue-success: 150;--hue-warning: 35;--hue-error: 0;--bg-primary: 210 40% 98%;--bg-secondary: 210 40% 96%;--text-primary: 222 47% 11%;--text-secondary: 215 16% 47%;--text-muted: 215 16% 65%;--border-color: 214 32% 91%;--color-primary: hsl(var(--hue-primary) 85% 60%);--color-primary-hover: hsl(var(--hue-primary) 85% 50%);--color-secondary: hsl(var(--hue-secondary) 80% 65%);--color-accent: hsl(var(--hue-accent) 80% 60%);--color-success: hsl(var(--hue-success) 70% 50%);--color-warning: hsl(var(--hue-warning) 85% 55%);--color-error: hsl(var(--hue-error) 75% 55%);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .4);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .07);--backdrop-blur: 12px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--font-heading: "Space Grotesk", sans-serif;--font-body: "DM Sans", "Noto Sans SC", sans-serif}[data-theme=dark]{--bg-primary: 222 47% 5%;--bg-secondary: 222 47% 8%;--text-primary: 210 40% 98%;--text-secondary: 215 20% 75%;--text-muted: 215 15% 55%;--border-color: 217 33% 17%;--color-primary: hsl(var(--hue-primary) 90% 65%);--color-primary-hover: hsl(var(--hue-primary) 90% 70%);--color-secondary: hsl(var(--hue-secondary) 85% 70%);--glass-bg: rgba(15, 23, 42, .4);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .3)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background-color:hsl(var(--bg-primary));color:hsl(var(--text-primary));line-height:1.6;overflow-x:hidden;transition:background-color .3s ease,color .3s ease;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:1rem}h1{font-size:clamp(2.5rem,5vw,4rem);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}h2{font-size:2rem;color:hsl(var(--text-primary))}p{margin-bottom:1rem;color:hsl(var(--text-secondary))}.aurora-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;overflow:hidden;pointer-events:none}.aurora-blob{position:absolute;filter:blur(120px);opacity:.08;animation:float 25s infinite alternate cubic-bezier(.4,0,.2,1);border-radius:50%}.blob-1{top:-15%;left:-5%;width:60vw;height:60vw;background:var(--color-primary);animation-delay:0s}@keyframes float{0%{transform:translate(0) scale(1)}50%{transform:translate(30px,50px) scale(1.1)}to{transform:translate(-20px,20px) scale(.9)}}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(var(--backdrop-blur));-webkit-backdrop-filter:blur(var(--backdrop-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-xl);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--backdrop-blur));-webkit-backdrop-filter:blur(var(--backdrop-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-xl);transition:all .3s cubic-bezier(.4,0,.2,1);padding:2rem;position:relative;overflow:hidden}.glass-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000001a;border-color:var(--color-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1.5rem;border-radius:var(--radius-lg);font-weight:600;font-family:var(--font-body);transition:all .2s ease;cursor:pointer;border:none;position:relative;overflow:hidden}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;box-shadow:0 4px 12px -2px #6366f14d}.btn-primary:hover{box-shadow:0 8px 16px -4px #6366f180;filter:brightness(1.1)}.btn-secondary{background:var(--glass-bg);border:1px solid hsl(var(--border-color));color:hsl(var(--text-primary))}[data-theme=dark] .btn-secondary{border-color:#fff3;background:#ffffff0d}.btn-secondary:hover{border-color:var(--color-primary);background:rgba(var(--hue-primary) 85% 60% / .1)}.btn-ghost{background:transparent;color:hsl(var(--text-secondary))}.btn-ghost:hover{background:#7d7d7d1a;color:hsl(var(--text-primary))}.input-group{margin-bottom:1.5rem}.input-label{display:block;margin-bottom:.5rem;color:hsl(var(--text-secondary));font-size:.875rem;font-weight:500}.input{width:100%;padding:.875rem 1rem;background:var(--glass-bg);border:1px solid hsl(var(--border-color));border-radius:var(--radius-lg);color:hsl(var(--text-primary));font-family:var(--font-body);transition:all .2s ease}[data-theme=dark] .input{border-color:#fff3;background:#0f172a99}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f133;background:var(--glass-bg)}[data-theme=dark] .input:focus{border-color:var(--color-primary);background:#0f172acc}.glass-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffffb3;border-bottom:1px solid var(--glass-border);padding:1rem 0;transition:all .3s ease}[data-theme=dark] .glass-header{background:#0f172ab3}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.mt-sm{margin-top:.5rem}.mt-md{margin-top:1rem}.mt-lg{margin-top:1.5rem}.mt-xl{margin-top:2rem}.flex{display:flex}.flex-col{flex-direction:column}@media (min-width: 640px){.sm\:flex-row{flex-direction:row}}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.p-4{padding:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-4{padding-left:1rem;padding-right:1rem}.mb-xs{margin-bottom:.25rem}.mb-sm{margin-bottom:.5rem}.mb-md{margin-bottom:1rem}.mb-lg{margin-bottom:1.5rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.font-medium{font-weight:500}.font-bold{font-weight:700}.text-muted{color:hsl(var(--text-muted))}.gap-sm{gap:.5rem}.gap-md{gap:1rem}.gap-lg{gap:2rem}.min-h-screen{min-height:100vh;display:flex;flex-direction:column}.text-center{text-align:center}.mb-xl{margin-bottom:3rem}.grid{display:grid;gap:2rem}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}@media (max-width: 768px){.grid-cols-2{grid-template-columns:1fr}h1{font-size:1.75rem}.container{padding:0 1rem}.header-content{flex-direction:column;gap:1.25rem;padding:.5rem 0}main{padding:var(--spacing-xl) 0!important}.upload-zone{padding:3rem 1rem}.glass-card{padding:1.5rem}.step-label{display:none}.step-line{width:12px!important}.aurora-bg{opacity:.05}}.step-line{width:24px;height:2px;background:var(--border-color);transition:all .3s ease}.step-label{font-size:.875rem;color:hsl(var(--text-muted));font-weight:400}.step-label.active{color:hsl(var(--text-primary));font-weight:600}.fade-in{animation:fadeIn .6s cubic-bezier(.16,1,.3,1) forwards;opacity:0;transform:translateY(20px)}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.upload-zone{border:2px dashed hsl(215 20% 65% / .4);border-radius:var(--radius-xl);padding:4rem 2rem;text-align:center;transition:all .3s ease;cursor:pointer;background:#ffffff1a}.upload-zone:hover,.upload-zone.dragover{border-color:var(--color-primary);background:#6366f10d;transform:scale(1.01)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.theme-toggle{background:none;border:none;color:hsl(var(--text-primary));cursor:pointer;padding:8px;border-radius:50%;transition:background .3s}.theme-toggle:hover{background:var(--glass-border)}.step-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;transition:all .3s ease}.step-dot.active{background:var(--color-primary);color:#fff;box-shadow:0 0 0 4px #6366f133}.step-dot.completed{background:var(--color-success);color:#fff}.step-dot.inactive{background:var(--glass-border);color:var(--text-muted)}.converter-layout{max-width:1200px;margin:0 auto}.converter-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}@media (max-width: 900px){.converter-grid{grid-template-columns:1fr}}.converter-card{transition:all .3s ease}.converter-card:hover{transform:none}.converter-disabled{opacity:.45;pointer-events:none;filter:grayscale(.3)}.converter-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.converter-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.converter-icon.single{background:linear-gradient(135deg,var(--color-primary),hsl(250 85% 65%));box-shadow:0 4px 12px #6366f14d}.converter-icon.batch{background:linear-gradient(135deg,hsl(280 75% 60%),var(--color-accent));box-shadow:0 4px 12px #a855f74d}.converter-title{font-size:1.2rem;font-weight:700;margin:0;color:hsl(var(--text-primary))}.converter-desc{font-size:.85rem;color:hsl(var(--text-muted));margin:.25rem 0 0}.upload-zone{margin-top:0}.upload-zone.compact{padding:2rem 1.5rem}.upload-zone .upload-icon{color:hsl(var(--text-muted));margin-bottom:.5rem}.upload-zone .upload-text{font-weight:500;color:hsl(var(--text-secondary));margin:0}.upload-zone .upload-hint{font-size:.8rem;color:hsl(var(--text-muted));margin:.5rem 0 0}.upload-disabled{opacity:.5;cursor:not-allowed!important}.progress-bar-container{width:100%;margin:.75rem 0}.progress-bar-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.8rem;color:hsl(var(--text-secondary));font-weight:500}.progress-bar-percent{font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-primary)}.progress-bar-track{width:100%;height:8px;background:hsl(var(--border-color));border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .4s cubic-bezier(.4,0,.2,1);background:var(--color-primary);position:relative}.progress-bar-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-bar-fill.success{background:var(--color-success)}.conversion-progress{padding:1.5rem;background:#6366f108;border:1px solid rgba(99,102,241,.15);border-radius:var(--radius-lg)}.conversion-file-info{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.9rem;font-weight:500;color:hsl(var(--text-primary))}.file-size{color:hsl(var(--text-muted));font-size:.8rem;font-weight:400}.conversion-result{display:flex;flex-direction:column;gap:1rem}.result-actions{display:flex;gap:.75rem;flex-wrap:wrap}.conversion-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ef444414;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--color-error);font-size:.85rem}.conversion-error .btn{margin-left:auto;flex-shrink:0}.markdown-preview{border:1px solid hsl(var(--border-color));border-radius:var(--radius-lg);overflow:hidden;background:hsl(var(--bg-secondary))}.markdown-preview-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid hsl(var(--border-color));background:var(--glass-bg);flex-wrap:wrap;gap:.5rem}.markdown-preview-info{display:flex;align-items:center;gap:1rem}.markdown-preview-filename{font-weight:600;font-size:.85rem;color:hsl(var(--text-primary))}.markdown-preview-meta{font-size:.75rem;color:hsl(var(--text-muted))}.markdown-preview-actions{display:flex;align-items:center;gap:.25rem}.preview-tabs{display:flex;background:var(--glass-border);border-radius:var(--radius-md);padding:2px;gap:2px}.preview-tabs .btn{background:transparent;color:hsl(var(--text-muted))}.preview-tabs .btn-active{background:var(--color-primary);color:#fff;box-shadow:0 2px 8px #6366f133}.preview-tabs .btn-active:hover{background:var(--color-primary)}.preview-actions-divider{width:1px;height:16px;background:hsl(var(--border-color));margin:0 .5rem}.btn-sm{padding:.35rem .75rem;font-size:.75rem;gap:.35rem}.markdown-preview-content{max-height:500px;overflow-y:auto}.markdown-preview-pre{margin:0;padding:1rem;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.8rem;line-height:1.7;white-space:pre-wrap;word-wrap:break-word;color:hsl(var(--text-primary));background:transparent}.markdown-preview-pre code{font-family:inherit}.markdown-body{padding:1.5rem;font-size:.95rem;line-height:1.6;color:hsl(var(--text-primary))}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:1.5em;margin-bottom:.5em;font-weight:600;line-height:1.25}.markdown-body h1{font-size:1.8em;border-bottom:1px solid hsl(var(--border-color));padding-bottom:.3em;margin-top:0}.markdown-body h2{font-size:1.5em;border-bottom:1px solid hsl(var(--border-color));padding-bottom:.3em}.markdown-body h3{font-size:1.25em}.markdown-body p,.markdown-body blockquote,.markdown-body ul,.markdown-body ol{margin-bottom:1em}.markdown-body blockquote{padding:0 1em;color:hsl(var(--text-muted));border-left:.25em solid hsl(var(--border-color));margin:0 0 1em}.markdown-body ul,.markdown-body ol{padding-left:2em}.markdown-body code{padding:.2em .4em;margin:0;font-size:85%;background-color:#6366f11a;color:var(--color-primary);border-radius:6px;font-family:SF Mono,monospace}.markdown-body pre{padding:1em;overflow:auto;font-size:85%;line-height:1.45;background-color:hsl(var(--bg-primary));border:1px solid hsl(var(--border-color));border-radius:6px}.markdown-body pre code{background:transparent;color:inherit;padding:0}.markdown-body table{border-spacing:0;border-collapse:collapse;width:100%;margin-bottom:1em;overflow:auto;display:block}.markdown-body table th,.markdown-body table td{padding:6px 13px;border:1px solid hsl(var(--border-color))}.markdown-body table tr{background-color:transparent;border-top:1px solid hsl(var(--border-color))}.markdown-body table tr:nth-child(2n){background-color:#00000005}.markdown-body img{max-width:100%;box-sizing:content-box}.batch-file-list{margin-top:1rem}.batch-file-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.batch-file-count{font-size:.85rem;font-weight:600;color:hsl(var(--text-secondary))}.batch-files-scroll{max-height:300px;overflow-y:auto;border:1px solid hsl(var(--border-color));border-radius:var(--radius-md)}.batch-file-item{display:flex;justify-content:space-between;align-items:center;padding:.6rem .75rem;border-bottom:1px solid hsl(var(--border-color) / .5);font-size:.8rem;transition:background .2s}.batch-file-item:last-child{border-bottom:none}.batch-file-item.converting{background:#6366f10d}.batch-file-item.done{background:#22c55e08}.batch-file-item.error{background:#ef444408}.batch-file-info{display:flex;align-items:center;gap:.5rem;min-width:0;flex:1}.batch-file-name{font-weight:500;color:hsl(var(--text-primary));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.batch-file-size{color:hsl(var(--text-muted));font-size:.75rem;flex-shrink:0}.batch-file-status-area{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.batch-file-status{font-size:.75rem;font-weight:500}.batch-file-status.pending{color:hsl(var(--text-muted))}.batch-file-status.converting{color:var(--color-primary)}.batch-file-status.done{color:var(--color-success)}.batch-file-status.error{color:var(--color-error)}.batch-file-remove{background:none;border:none;color:hsl(var(--text-muted));cursor:pointer;padding:2px;border-radius:4px;display:flex;align-items:center;transition:all .2s}.batch-file-remove:hover{color:var(--color-error);background:#ef44441a}.status-icon.pending{color:hsl(var(--text-muted))}.status-icon.converting{color:var(--color-primary)}.status-icon.done{color:var(--color-success)}.status-icon.error{color:var(--color-error)}.spin-animation{animation:spin 1.5s linear infinite}.batch-progress{padding:.75rem 0}.batch-actions{display:flex;align-items:center;gap:1rem;margin-top:1rem;flex-wrap:wrap}.batch-summary{display:flex;gap:1rem;font-size:.8rem;font-weight:500}.batch-summary-success{color:var(--color-success)}.batch-summary-error{color:var(--color-error)}.formats-info{margin-top:2rem;padding:1.25rem 1.5rem;border-radius:var(--radius-lg)}.formats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media (max-width: 768px){.formats-grid{grid-template-columns:1fr}}.format-group{display:flex;flex-direction:column;gap:.25rem}.format-label{font-weight:600;font-size:.8rem;color:hsl(var(--text-primary))}.format-types{font-size:.75rem;color:hsl(var(--text-muted));line-height:1.5}.supported-formats-hint{font-size:.7rem;color:hsl(var(--text-muted));letter-spacing:.03em;padding:.25rem .75rem;border-radius:var(--radius-full);background:#6366f10f;border:1px solid rgba(99,102,241,.12)}@media (max-width: 768px){.supported-formats-hint{display:none}}.spinner{width:40px;height:40px;border:3px solid hsl(var(--border-color));border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}