:root{--hm-bg: #ececee;--hm-surface: rgba(255, 255, 255, .62);--hm-surface-2: rgba(255, 255, 255, .82);--hm-surface-3: rgba(255, 255, 255, .92);--hm-surface-strong: rgba(255, 255, 255, .86);--hm-surface-soft: rgba(255, 255, 255, .48);--hm-border: rgba(20, 20, 28, .12);--hm-border-active: rgba(47, 125, 106, .45);--hm-border-soft: rgba(20, 20, 28, .08);--hm-text: #2a2a30;--hm-text-bright: #131318;--hm-text-muted: #5d5d65;--hm-text-dim: #74747c;--hm-accent: #2f7d6a;--hm-accent-rgb: 47, 125, 106;--hm-gradient-start: #4ea892;--hm-gradient-mid: #2f7d6a;--hm-gradient-end: #1f5d4f;--hm-success: #1a8838;--hm-warning: #b85a1a;--hm-error: #c42b2b;--hm-radius-md: 6px;--hm-radius-lg: 8px;--hm-radius-pill: 999px;--hm-elevation-1: 0 1px 1px rgba(20, 20, 28, .08), 0 2px 4px rgba(20, 20, 28, .1), 0 6px 12px rgba(20, 20, 28, .06), inset 0 1px 0 rgba(255, 255, 255, .9), inset 0 0 0 1px rgba(20, 20, 28, .04);--hm-elevation-2: 0 1px 2px rgba(20, 20, 28, .09), 0 4px 8px rgba(20, 20, 28, .1), 0 10px 20px rgba(20, 20, 28, .06), inset 0 1px 0 rgba(255, 255, 255, .9), inset 0 0 0 1px rgba(20, 20, 28, .04);font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--hm-text);background:var(--hm-bg)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--hm-text);background:radial-gradient(circle at 18% 12%,rgba(47,125,106,.16) 0,transparent 32%),radial-gradient(circle at 86% 8%,rgba(110,118,170,.16) 0,transparent 30%),linear-gradient(180deg,#fafafc,#ececee 52%,#e5e5e8);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.24;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch' seed='7'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.045 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}a{color:inherit;text-decoration:none}main{position:relative}.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.9rem 2rem;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);background:#ffffffb8;border-bottom:1px solid var(--hm-border-soft);box-shadow:0 2px 8px #14141c14}.nav-logo{display:inline-flex;align-items:center;font-size:1.2rem;font-weight:750;color:var(--hm-accent);flex:0 0 auto;line-height:1}.brand-lockup{display:inline-flex;align-items:center;gap:.55rem;line-height:1}.brand-mark{display:block;width:1.55rem;height:1.55rem;fill:currentColor;flex:0 0 auto}.nav-links{display:flex;gap:1.05rem;align-items:center;min-width:0}.nav-links a:not(.btn){font-size:.88rem;font-weight:600;color:var(--hm-text-muted);white-space:nowrap;transition:color .15s ease-out}.nav-links a:not(.btn):hover{color:var(--hm-text-bright)}.nav-link-divider{width:1px;height:18px;background:var(--hm-border)}.hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(360px,1.05fr);align-items:center;gap:3.5rem;width:min(1160px,calc(100% - 4rem));min-height:88vh;margin:0 auto;padding:8.5rem 0 4.5rem}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.hero-badge,.section-kicker,.feature-eyebrow{color:var(--hm-accent);font-size:.73rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero-badge{display:inline-flex;align-items:center;gap:.55rem;padding:.45rem .8rem;border-radius:var(--hm-radius-pill);border:1px solid var(--hm-border-soft);background:var(--hm-surface);box-shadow:var(--hm-elevation-1);color:var(--hm-text-muted);margin-bottom:1.5rem;text-transform:none;letter-spacing:0}.hero-badge-dot,.status-dot{width:7px;height:7px;border-radius:50%;background:var(--hm-accent);box-shadow:0 0 0 4px rgba(var(--hm-accent-rgb),.12);flex:0 0 auto}.hero h1{max-width:660px;font-size:4rem;font-weight:820;line-height:1.02;margin-bottom:1.35rem;letter-spacing:0;color:var(--hm-text-bright)}.hero p,.section-heading p,.input-copy p,.parts-copy p,.final-cta p{font-size:1.08rem;line-height:1.7;color:var(--hm-text-muted)}.hero p{max-width:610px;margin-bottom:2rem}.hero-buttons{display:flex;flex-wrap:wrap;gap:.9rem}.hero-carousel-controls{display:flex;flex-wrap:wrap;gap:.55rem;padding:0 1rem 1rem}.hero-carousel-progress{height:3px;background:#14141c14;overflow:hidden}.hero-carousel-progress-fill{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--hm-gradient-start),var(--hm-gradient-end));transform:scaleX(0);transform-origin:left center;animation:carousel-progress 6.5s linear forwards}.hero-carousel-progress-fill.paused{animation:none;opacity:.48;transform:scaleX(1)}.carousel-tab{display:inline-flex;align-items:center;gap:.45rem;min-height:36px;padding:.45rem .72rem;border:1px solid var(--hm-border-soft);border-radius:var(--hm-radius-pill);background:#ffffff85;color:var(--hm-text-muted);font:inherit;font-size:.78rem;font-weight:750;cursor:pointer;box-shadow:var(--hm-elevation-1);transition:background .15s ease-out,border-color .15s ease-out,color .15s ease-out,transform .15s ease-out}.carousel-tab:hover{transform:translateY(-1px);color:var(--hm-text-bright);border-color:rgba(var(--hm-accent-rgb),.3)}.carousel-tab.active{color:var(--hm-text-bright);background:rgba(var(--hm-accent-rgb),.12);border-color:rgba(var(--hm-accent-rgb),.36)}.hero-preview{min-width:0;border-radius:var(--hm-radius-lg);border:1px solid rgba(255,255,255,.68);background:linear-gradient(180deg,#ffffffad,#ffffff6b);backdrop-filter:blur(34px) saturate(160%);-webkit-backdrop-filter:blur(34px) saturate(160%);box-shadow:0 1px 2px #14141c14,0 12px 32px #14141c1f,0 28px 70px #2f7d6a1f,inset 0 1px #fffffff2;overflow:hidden}.preview-toolbar{display:flex;align-items:center;gap:.65rem;min-height:46px;padding:0 1rem;border-bottom:1px solid var(--hm-border-soft);background:#ffffff70}.preview-dot{width:14px;height:14px;border-radius:4px;background:linear-gradient(135deg,var(--hm-gradient-start),var(--hm-gradient-end));box-shadow:inset 0 1px #ffffff80}.preview-title{font-size:.86rem;font-weight:750;color:var(--hm-text)}.preview-pill{margin-left:auto;padding:.25rem .65rem;border-radius:var(--hm-radius-pill);background:rgba(var(--hm-accent-rgb),.1);color:var(--hm-accent);font-size:.72rem;font-weight:750}.hero-slide-image{display:block;width:100%;aspect-ratio:2 / 1;object-fit:contain;object-position:center;background:#fff;animation:hero-image-swap .38s cubic-bezier(.2,.8,.2,1)}.hero-slide-input{background:#f7f3e8}.hero-slide-condensing{background:#fbf8ef}.hero-slide-caption{min-height:142px;padding:1rem 1rem .85rem;border-top:1px solid var(--hm-border-soft);animation:caption-scroll-in .34s cubic-bezier(.2,.8,.2,1)}.hero-slide-caption h2{margin:.32rem 0 .35rem;color:var(--hm-text-bright);font-size:1.2rem;font-weight:800;line-height:1.22;letter-spacing:0}.hero-slide-caption p{margin:0 0 .55rem;color:var(--hm-text-muted);font-size:.92rem;line-height:1.55}.hero-slide-caption a{color:var(--hm-accent);font-size:.84rem;font-weight:780}@keyframes caption-scroll-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-image-swap{0%{opacity:0;transform:translateY(8px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes carousel-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.hero-carousel-progress-fill,.hero-slide-image,.hero-slide-caption{animation:none}.hero-carousel-progress-fill{transform:scaleX(1)}}.condensing-preview{min-width:0;border-radius:var(--hm-radius-lg);border:1px solid rgba(255,255,255,.68);background:linear-gradient(180deg,#ffffffad,#ffffff6b);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);box-shadow:var(--hm-elevation-2);overflow:hidden}.condensing-image{display:block;width:100%;aspect-ratio:982 / 473;object-fit:cover;background:#fbf8ef}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.9rem 1.55rem;border-radius:16px;font-size:.95rem;font-weight:750;letter-spacing:0;cursor:pointer;border:none;overflow:hidden;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s cubic-bezier(.2,.8,.2,1),background .15s ease-out,border-color .15s ease-out,color .15s ease-out,filter .2s ease-out}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--hm-gradient-start) 0%,var(--hm-gradient-mid) 50%,var(--hm-gradient-end) 100%);box-shadow:0 8px 24px rgba(var(--hm-accent-rgb),.38),0 16px 40px rgba(var(--hm-accent-rgb),.26),0 1px 2px #14141c33,inset 0 1px #ffffff59,inset 0 -1px #0000001a}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.22) 0%,transparent 45%);pointer-events:none}.btn-primary:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.25) 50%,transparent 100%);transition:left .65s cubic-bezier(.2,.8,.2,1);pointer-events:none}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 32px rgba(var(--hm-accent-rgb),.48),0 20px 50px rgba(var(--hm-accent-rgb),.32),0 1px 2px #14141c33,inset 0 1px #fff6,inset 0 -1px #0000001a}.btn-primary:hover:after{left:110%}.btn-primary:active{transform:translateY(1px);filter:brightness(.96)}.btn-secondary{color:var(--hm-text);background:#ffffff94;border:1px solid var(--hm-border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--hm-elevation-1)}.btn-secondary:hover{background:rgba(var(--hm-accent-rgb),.1);border-color:rgba(var(--hm-accent-rgb),.35);color:var(--hm-text-bright)}.btn-nav{min-height:36px;padding:.55rem 1.05rem;border-radius:12px;font-size:.84rem}.workflow,.input-section,.parts-section,.collaboration,.tools,.final-cta{width:min(1100px,calc(100% - 4rem));margin:0 auto;padding:4.75rem 0}.section-heading{max-width:760px;margin:0 auto 2rem;text-align:center}.section-heading.compact{max-width:720px}.section-heading h2,.input-copy h2,.parts-copy h2,.final-cta h2{margin:.45rem 0 .9rem;color:var(--hm-text-bright);font-size:2.45rem;font-weight:820;line-height:1.1;letter-spacing:0}.input-section{display:grid;grid-template-columns:minmax(420px,1.08fr) minmax(0,.92fr);gap:2rem;align-items:center}.input-visual,.input-copy{min-width:0}.input-preview{min-width:0;border-radius:var(--hm-radius-lg);border:1px solid rgba(255,255,255,.68);background:linear-gradient(180deg,#ffffffad,#ffffff6b);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);box-shadow:var(--hm-elevation-2);overflow:hidden}.input-image{display:block;width:100%;aspect-ratio:792 / 527;object-fit:cover;background:#f7f3e8}.input-copy p{margin-bottom:1.35rem}.input-highlights{display:grid;gap:.7rem;margin-bottom:1.55rem}.input-highlight{display:grid;grid-template-columns:18px 1fr;gap:.65rem;align-items:start;color:var(--hm-text);font-size:.92rem;font-weight:650;line-height:1.55}.input-highlight .status-dot{margin-top:.42rem}.workflow-grid,.collab-grid,.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.feature-card,.collab-card,.tool-card,.steps-panel{border-radius:var(--hm-radius-lg);background:var(--hm-surface);border:1px solid rgba(255,255,255,.62);box-shadow:var(--hm-elevation-1);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}.feature-card{padding:1.5rem;transition:transform .18s ease-out,box-shadow .18s ease-out,border-color .18s ease-out}.feature-card:hover,.tool-card:hover{transform:translateY(-2px);border-color:rgba(var(--hm-accent-rgb),.32);box-shadow:var(--hm-elevation-2)}.feature-card h3,.collab-card h3{margin:.65rem 0 .55rem;color:var(--hm-text-bright);font-size:1.12rem;font-weight:780;line-height:1.3}.feature-card p,.collab-card p,.tool-card p{color:var(--hm-text-muted);font-size:.92rem;line-height:1.65}.parts-section{display:grid;grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr);gap:2rem;align-items:center}.parts-copy p{margin-bottom:1.6rem}.parts-visual{display:grid;gap:1rem;min-width:0}.steps-panel{padding:.75rem}.parts-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:.15rem}.step-row{display:grid;grid-template-columns:34px 1fr;gap:.8rem;align-items:center;padding:.95rem;border-radius:var(--hm-radius-lg);color:var(--hm-text);font-weight:650}.step-row+.step-row{border-top:1px solid var(--hm-border-soft)}.parts-steps .step-row+.step-row{border-top:0}.step-number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:rgba(var(--hm-accent-rgb),.1);color:var(--hm-accent);font-size:.82rem;font-weight:800}.collab-grid{grid-template-columns:repeat(2,1fr)}.collab-card{padding:1.5rem}.collab-card.ready .status-dot{background:var(--hm-success);box-shadow:0 0 0 4px #1a88381f}.collab-card.next .status-dot{background:var(--hm-warning);box-shadow:0 0 0 4px #b85a1a1f}.tool-grid{grid-template-columns:repeat(2,1fr)}.tool-card{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;transition:transform .18s ease-out,box-shadow .18s ease-out,border-color .18s ease-out}.tool-card span{color:var(--hm-text-bright);font-size:1.1rem;font-weight:780}.tool-card strong{margin-top:auto;color:var(--hm-accent);font-size:.9rem}.final-cta{max-width:780px;text-align:center}.final-cta p{margin-bottom:1.65rem}.final-buttons{justify-content:center}.route-main{min-height:calc(100vh - 73px);padding-top:4.5rem}.route-loading{width:min(760px,calc(100% - 4rem));margin:0 auto;padding:5rem 0;color:var(--hm-text-muted);font-weight:650}.converter-route .app-container{position:relative;width:min(1200px,calc(100% - 4rem));margin:0 auto;padding:3rem 0 0}.converter-route .page-header{display:grid;grid-template-columns:minmax(0,.95fr) minmax(320px,.7fr);gap:2rem;align-items:center;padding:2.5rem 0 2rem}.converter-route .page-header-copy{min-width:0}.converter-route .eyebrow{display:inline-flex;margin-bottom:.75rem;color:var(--hm-accent);font-size:.73rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.converter-route .page-header h1{max-width:720px;color:var(--hm-text-bright);font-size:3.3rem;font-weight:820;line-height:1.04;letter-spacing:0;margin-bottom:1rem}.converter-route .page-header p{max-width:650px;color:var(--hm-text-muted);font-size:1.05rem;line-height:1.7}.converter-route .header-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:1.6rem}.converter-route .import-summary,.converter-route .drop-zone,.converter-route .converter-options,.converter-route .file-item,.converter-route .result-panel,.converter-route .download-bar,.converter-route .features-toggle,.converter-route .features-content{border:1px solid rgba(255,255,255,.62);background:var(--hm-surface);box-shadow:var(--hm-elevation-1);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}.converter-route .import-summary{display:grid;gap:.75rem;padding:.8rem;border-radius:var(--hm-radius-lg)}.converter-route .import-summary div{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:.8rem;padding:.8rem;border-radius:var(--hm-radius-lg);color:var(--hm-text);font-weight:650}.converter-route .import-summary div+div{border-top:1px solid var(--hm-border)}.converter-route .import-summary strong{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:rgba(var(--hm-accent-rgb),.1);color:var(--hm-accent);font-size:.82rem}.converter-route .drop-zone{display:flex;flex-direction:column;align-items:center;padding:2.6rem 2rem;border-style:dashed;border-color:rgba(var(--hm-accent-rgb),.3);border-radius:var(--hm-radius-lg);text-align:center;cursor:pointer;transition:transform .18s ease-out,border-color .18s ease-out,box-shadow .18s ease-out,background .18s ease-out}.converter-route .drop-zone:hover,.converter-route .drop-zone.drag-over{transform:translateY(-2px);border-color:rgba(var(--hm-accent-rgb),.65);background:#ffffffbd;box-shadow:var(--hm-elevation-2)}.converter-route .drop-zone-icon{display:inline-flex;align-items:center;justify-content:center;min-width:92px;min-height:38px;margin-bottom:1rem;padding:0 .9rem;border-radius:var(--hm-radius-pill);background:rgba(var(--hm-accent-rgb),.1);color:var(--hm-accent);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.converter-route .drop-zone h3{color:var(--hm-text-bright);font-size:1.25rem;font-weight:780;margin-bottom:.45rem}.converter-route .drop-zone p{color:var(--hm-text-muted);font-size:.9rem;line-height:1.5}.converter-route .drop-zone-formats{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1rem}.converter-route .format-badge{padding:.28rem .62rem;border-radius:var(--hm-radius-md);background:#ffffff9e;border:1px solid var(--hm-border);color:var(--hm-text-muted);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.75rem}.converter-route .file-input{display:none}.converter-route .converter-options{display:flex;align-items:center;gap:1rem;margin:1rem 0;padding:.9rem 1rem;border-radius:var(--hm-radius-lg)}.converter-route .toggle-label{display:flex;align-items:center;gap:.6rem;cursor:pointer;font-size:.9rem;font-weight:650;-webkit-user-select:none;user-select:none}.converter-route .toggle-label input[type=checkbox]{display:none}.converter-route .toggle-switch{position:relative;width:38px;height:22px;background:#14141c24;border-radius:12px;transition:background .2s;flex-shrink:0}.converter-route .toggle-switch:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 1px 2px #14141c33;transition:transform .2s}.converter-route .toggle-label input:checked+.toggle-switch{background:var(--hm-accent)}.converter-route .toggle-label input:checked+.toggle-switch:after{transform:translate(16px)}.converter-route .toggle-hint{color:var(--hm-text-muted);font-size:.82rem;line-height:1.45}.converter-route .btn-danger{background:#c42b2b14;border:1px solid rgba(196,43,43,.2);color:var(--hm-error)}.converter-route .btn-danger:hover{background:#c42b2b21}.converter-route .btn-sm{min-height:34px;padding:.45rem .8rem;border-radius:10px;font-size:.78rem}.converter-route .file-list{margin-top:1.5rem}.converter-route .file-list-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.converter-route .file-list-header h3{color:var(--hm-text-bright);font-size:1rem;font-weight:750}.converter-route .file-count-success,.converter-route .file-count-error{margin-left:.5rem;font-size:.8rem;font-weight:500}.converter-route .file-count-success{color:var(--hm-success)}.converter-route .file-count-error{color:var(--hm-error)}.converter-route .file-list-actions{display:flex;gap:.5rem}.converter-route .file-item{display:flex;align-items:center;gap:1rem;margin-bottom:.55rem;padding:.8rem 1rem;border-radius:var(--hm-radius-lg);cursor:pointer;transition:transform .15s ease-out,border-color .15s ease-out,box-shadow .15s ease-out}.converter-route .file-item:hover{transform:translateY(-1px);border-color:var(--hm-border-active)}.converter-route .file-item.active{border-color:var(--hm-border-active);box-shadow:0 0 0 1px rgba(var(--hm-accent-rgb),.2),var(--hm-elevation-1)}.converter-route .file-item-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;border-radius:50%;background:rgba(var(--hm-accent-rgb),.1);font-size:.95rem}.converter-route .file-item-info{flex:1;min-width:0}.converter-route .file-item-name{color:var(--hm-text-bright);font-size:.88rem;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.converter-route .file-item-meta{margin-top:.12rem;color:var(--hm-text-muted);font-size:.76rem}.converter-route .file-item-status{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.converter-route .status-badge{padding:.18rem .55rem;border-radius:var(--hm-radius-pill);font-size:.7rem;font-weight:750}.converter-route .status-badge.success{background:#1a88381a;color:var(--hm-success)}.converter-route .status-badge.error{background:#c42b2b1a;color:var(--hm-error)}.converter-route .status-badge.warning{background:#b85a1a1a;color:var(--hm-warning)}.converter-route .status-badge.pending{background:rgba(var(--hm-accent-rgb),.1);color:var(--hm-accent)}.converter-route .remove-btn{width:26px;height:26px;border:none;border-radius:var(--hm-radius-md);background:transparent;color:var(--hm-text-dim);cursor:pointer;font-size:1.1rem;line-height:1}.converter-route .remove-btn:hover{background:#c42b2b1a;color:var(--hm-error)}.converter-route .progress-bar{width:100%;height:5px;margin-top:1rem;border-radius:var(--hm-radius-pill);background:#14141c14;overflow:hidden}.converter-route .progress-fill{height:100%;border-radius:var(--hm-radius-pill);background:linear-gradient(90deg,var(--hm-gradient-start),var(--hm-gradient-end));transition:width .3s}.converter-route .result-panel{margin-top:2rem;border-radius:var(--hm-radius-lg);overflow:hidden}.converter-route .result-tabs{display:flex;gap:.25rem;padding:.55rem;border-bottom:1px solid var(--hm-border);background:#ffffff6b}.converter-route .result-tab{display:inline-flex;align-items:center;gap:.35rem;padding:.55rem .85rem;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--hm-text-muted);cursor:pointer;font-family:inherit;font-size:.83rem;font-weight:650;transition:background .15s,color .15s,border-color .15s}.converter-route .result-tab:hover{color:var(--hm-text);background:rgba(var(--hm-accent-rgb),.08)}.converter-route .result-tab.active{color:var(--hm-accent);background:rgba(var(--hm-accent-rgb),.1);border-color:rgba(var(--hm-accent-rgb),.22)}.converter-route .result-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 .4rem;border-radius:var(--hm-radius-pill);background:var(--hm-accent);color:#fff;font-size:.7rem}.converter-route .result-content{min-height:600px;background:var(--hm-surface-3)}.converter-route .preview-transport{padding:8px 12px;border-bottom:1px solid var(--hm-border);background:#ffffffb3}.converter-route .validation-panel,.converter-route .preview-panel,.converter-route .diagnostics-section{padding:1.25rem}.converter-route .validation-summary{display:flex;align-items:center;gap:.75rem;padding:.8rem 1rem;border-radius:var(--hm-radius-lg);margin-bottom:1rem;font-size:.86rem;font-weight:650}.converter-route .validation-summary.valid{background:#1a883814;border:1px solid rgba(26,136,56,.22);color:var(--hm-success)}.converter-route .validation-summary.invalid{background:#c42b2b14;border:1px solid rgba(196,43,43,.22);color:var(--hm-error)}.converter-route .validation-errors{list-style:none}.converter-route .validation-error{padding:.65rem .8rem;margin-bottom:.5rem;border-radius:var(--hm-radius-md);background:#ffffff9e;border:1px solid var(--hm-border);font-size:.82rem}.converter-route .validation-error-path{color:var(--hm-accent);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.75rem}.converter-route .validation-error-message{color:var(--hm-text-muted);margin-top:.2rem}.converter-route .features-panel{margin:.5rem 0 1rem}.converter-route .features-toggle{display:flex;align-items:center;gap:.55rem;width:100%;padding:.75rem 1rem;border-radius:var(--hm-radius-lg);color:var(--hm-text);font-family:inherit;font-size:.86rem;font-weight:650;cursor:pointer;transition:background .15s,border-color .15s}.converter-route .features-toggle:hover{background:#ffffffc7;border-color:var(--hm-border-active)}.converter-route .features-toggle-icon{color:var(--hm-text-muted);font-size:.7rem}.converter-route .features-count{margin-left:auto;color:var(--hm-text-muted);font-size:.75rem}.converter-route .features-content{border-top:none;border-radius:0 0 var(--hm-radius-lg) var(--hm-radius-lg);padding:1rem}.converter-route .features-section+.features-section{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--hm-border)}.converter-route .features-section-title{display:flex;align-items:center;gap:.5rem;margin:0 0 .25rem;color:var(--hm-text);font-size:.86rem}.converter-route .features-section-hint{margin:0 0 .75rem;color:var(--hm-text-muted);font-size:.76rem}.converter-route .features-section-hint code{background:#14141c0f;padding:.1rem .35rem;border-radius:3px;font-size:.75rem}.converter-route .features-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.converter-route .features-dot.covered{background:var(--hm-accent)}.converter-route .features-dot.not-covered{background:var(--hm-text-dim)}.converter-route .features-badge{margin-left:auto;padding:.12rem .42rem;border-radius:var(--hm-radius-pill);font-size:.7rem}.converter-route .features-badge.covered{background:rgba(var(--hm-accent-rgb),.1);color:var(--hm-accent)}.converter-route .features-badge.not-covered{background:#14141c0f;color:var(--hm-text-muted)}.converter-route .features-list{display:grid;gap:.4rem;margin:0;padding:0;list-style:none}.converter-route .features-item{display:flex;gap:.75rem;padding:.45rem .55rem;border-radius:var(--hm-radius-md);background:#ffffff80;font-size:.8rem}.converter-route .features-item strong{min-width:140px;flex-shrink:0;color:var(--hm-text)}.converter-route .features-item span{color:var(--hm-text-muted)}.converter-route .download-bar{position:sticky;bottom:1rem;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.5rem;padding:1rem 1.25rem;border-radius:var(--hm-radius-lg)}.converter-route .download-info{color:var(--hm-text-muted);font-size:.86rem}.converter-route .download-actions{display:flex;flex-wrap:wrap;gap:.55rem}.converter-route .stale-warning{margin-left:.5rem;color:var(--hm-warning);font-size:.8rem}@keyframes spin{to{transform:rotate(360deg)}}.converter-route .spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(20,20,28,.14);border-top-color:var(--hm-accent);border-radius:50%;animation:spin .8s linear infinite}.converter-route .json-viewer{padding:1rem;font-family:JetBrains Mono,monospace;font-size:.8rem;line-height:1.6;overflow:auto;max-height:500px;white-space:pre;color:var(--hm-text)}.converter-route .json-key{color:#8a3d62}.converter-route .json-string{color:#2f7d6a}.converter-route .json-number{color:#935c25}.converter-route .json-boolean{color:#6b5aa6}.converter-route .json-null{color:#49778a}.converter-route .json-bracket{color:var(--hm-text-muted)}.converter-route .diagnostics-section-title{margin:0 0 .5rem;color:var(--hm-text-muted);font-size:.82rem;letter-spacing:.06em;text-transform:uppercase}.converter-route .diagnostics-list{list-style:none;margin:0;padding:0}.converter-route .diagnostics-item{display:flex;gap:.65rem;margin-bottom:.45rem;padding:.6rem .75rem;border:1px solid var(--hm-border);border-radius:var(--hm-radius-md);background:#ffffff9e}.converter-route .diagnostics-item.severity-error{border-left:3px solid var(--hm-error)}.converter-route .diagnostics-item.severity-warning{border-left:3px solid var(--hm-warning)}.converter-route .diagnostics-item.severity-info{border-left:3px solid var(--hm-accent)}.converter-route .diagnostics-icon{font-weight:700;font-size:1.05rem;line-height:1.2}.converter-route .severity-error .diagnostics-icon{color:var(--hm-error)}.converter-route .severity-warning .diagnostics-icon{color:var(--hm-warning)}.converter-route .severity-info .diagnostics-icon{color:var(--hm-accent)}.converter-route .diagnostics-body{flex:1;min-width:0}.converter-route .diagnostics-message{color:var(--hm-text);font-size:.9rem;overflow-wrap:anywhere}.converter-route .diagnostics-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem;font-size:.75rem}.converter-route .diagnostics-pointer,.converter-route .diagnostics-code{background:#14141c0f;padding:1px 6px;border-radius:4px;color:var(--hm-text-muted);font-family:JetBrains Mono,ui-monospace,monospace}.footer{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:2rem;border-top:1px solid var(--hm-border-soft);background:#fff6;font-size:.8rem;color:var(--hm-text-muted)}.footer-links{display:flex;flex-wrap:wrap;gap:1.25rem}.footer-links a:hover{color:var(--hm-text-bright)}@media(max-width:1060px){.nav{align-items:flex-start}.nav-links{flex-wrap:wrap;justify-content:flex-end;row-gap:.55rem}.hero{grid-template-columns:1fr;min-height:auto;padding-top:8.8rem}.hero-copy{align-items:center;text-align:center}.hero-buttons,.hero-carousel-controls{justify-content:center}.hero h1{font-size:3.2rem}.input-section,.parts-section{grid-template-columns:1fr}}@media(max-width:780px){.nav{padding:.8rem 1rem}.nav-links a:not(.btn):nth-of-type(n+4),.nav-link-divider{display:none}.hero,.workflow,.input-section,.parts-section,.collaboration,.tools,.final-cta{width:min(100% - 2rem,640px)}.hero{padding-top:8.4rem}.hero h1{font-size:2.55rem}.workflow-grid,.collab-grid,.tool-grid,.parts-steps{grid-template-columns:1fr}.parts-steps .step-row+.step-row{border-top:1px solid var(--hm-border-soft)}.section-heading h2,.parts-copy h2,.final-cta h2{font-size:2rem}.footer{flex-direction:column;text-align:center}}@media(max-width:500px){.brand-lockup span:last-child{display:none}.nav-links{gap:.65rem}.nav-links a:not(.btn):nth-of-type(n+3){display:none}.btn{width:100%}.btn-nav{width:auto}}