:root{--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--bg:#f6f8fb;--bg-elevated:#fff;--bg-subtle:#eef1f6;--bg-inset:#f0f3f8;--border:#dde3ec;--border-strong:#c7cfdb;--text:#101828;--text-muted:#4a5468;--text-faint:#8993a8;--brand:#2f5fff;--brand-hover:#2650e0;--brand-soft:#e8edff;--brand-contrast:#fff;--accent:#0ea5a0;--accent-soft:#e3f8f6;--danger:#d92d20;--danger-soft:#fdecea;--success:#12864b;--success-soft:#e6f6ec;--shadow-sm:0 1px 2px #1018280f;--shadow-md:0 4px 16px #10182814;--shadow-lg:0 12px 32px #1018281f;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--header-height:76px;--surface-brand:#c7efdd;--logo-gradient:linear-gradient(135deg, #0561b0 0%, #02c9e8 50%, #1ed398 100%);--heading-color:#1c6dd6;--tool-blue-from:#dce9f4;--tool-blue-to:#96bdde;--tool-azure-from:#dcebf5;--tool-azure-to:#96c4e2;--tool-cyan-from:#dceef7;--tool-cyan-to:#96cbe6;--tool-teal-from:#dcf0f8;--tool-teal-to:#95d2ea;--tool-jade-from:#dcf3f9;--tool-jade-to:#95daee;--tool-emerald-from:#dcf5fa;--tool-emerald-to:#95e1f1;--tool-green-from:#dcf7fc;--tool-green-to:#95e8f5;--tool-spring-from:#dcf8fa;--tool-spring-to:#97e9f0;--tool-mint-from:#ddf8f8;--tool-mint-to:#99eaea;--tool-aqua-from:#def8f6;--tool-aqua-to:#9beae5;--tool-seafoam-from:#def8f4;--tool-seafoam-to:#9debdf;--tool-lagoon-from:#dff9f2;--tool-lagoon-to:#9fecd9;--tool-viridian-from:#e0f9f1;--tool-viridian-to:#a1edd4;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#05070c;--bg-elevated:#0a0d15;--bg-subtle:#0d121c;--bg-inset:#07090f;--border:#171d2b;--border-strong:#212838;--text:#eef1f8;--text-muted:#a0a9c0;--text-faint:#6b7590;--brand:#5b82ff;--brand-hover:#7495ff;--brand-soft:#182247;--brand-contrast:#fff;--accent:#2dd4c9;--accent-soft:#0d2b2a;--danger:#f47066;--danger-soft:#2c1416;--success:#3fc879;--success-soft:#0f2519;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 20px #00000059;--shadow-lg:0 16px 40px #00000073;--surface-brand:var(--bg-elevated);--heading-color:#5b9dff;--tool-blue-from:#07223d;--tool-blue-to:#063a68;--tool-azure-from:#07273f;--tool-azure-to:#06436d;--tool-cyan-from:#072c42;--tool-cyan-to:#064d72;--tool-teal-from:#073145;--tool-teal-to:#065677;--tool-jade-from:#073647;--tool-jade-to:#05607d;--tool-emerald-from:#063b4a;--tool-emerald-to:#056a82;--tool-green-from:#063f4c;--tool-green-to:#057387;--tool-spring-from:#084049;--tool-spring-to:#07747f;--tool-mint-from:#094045;--tool-mint-to:#0a7578;--tool-aqua-from:#0a4141;--tool-aqua-to:#0c7671;--tool-seafoam-from:#0c413e;--tool-seafoam-to:#0f7769;--tool-lagoon-from:#0d423a;--tool-lagoon-to:#127862;--tool-viridian-from:#0e4236;--tool-viridian-to:#14795b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{overflow-x:hidden}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);font-family:var(--font-sans);margin:0;line-height:1.5;transition:background-color .2s,color .2s;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4{letter-spacing:-.01em;color:var(--heading-color);margin:0;font-weight:700;line-height:1.2}p{text-align:justify;text-align-last:left;margin:0}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{color:inherit;font-family:inherit}img,svg{max-width:100%;display:block}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.skip-link{background:var(--brand);color:var(--brand-contrast);z-index:1000;border-radius:0 0 8px;padding:10px 16px;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:11px 20px;font-size:.95rem;font-weight:600;transition:background-color .15s,border-color .15s,color .15s,transform .1s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--brand);color:var(--brand-contrast);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--brand-hover)}.btn-secondary{background:var(--bg-elevated);color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover:not(:disabled){border-color:var(--brand);color:var(--brand)}.btn-ghost{color:var(--text-muted);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--bg-subtle);color:var(--text)}.btn-sm{min-height:36px;padding:7px 14px;font-size:.85rem}.btn-icon{min-width:40px;min-height:40px;padding:8px}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.field-label{color:var(--text-muted);margin-bottom:6px;font-size:.82rem;font-weight:600;display:block}.select,.text-input{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:100%;color:var(--text);min-height:42px;padding:10px 12px;font-size:.92rem}.select:focus-visible,.text-input:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.checkbox-row{color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;padding:7px 0;font-size:.9rem;display:flex}.checkbox-row input[type=checkbox],.checkbox-row input[type=radio]{width:18px;height:18px;accent-color:var(--brand);cursor:pointer;flex-shrink:0}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.badge{background:var(--brand-soft);color:var(--brand);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.toast{background:var(--text);color:var(--bg);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);z-index:2000;padding:12px 20px;font-size:.9rem;font-weight:600;animation:.2s toast-in;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}.site-header{z-index:100;background:var(--surface-brand);background:color-mix(in srgb, var(--surface-brand) 92%, transparent);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0}.site-header__inner{height:var(--header-height);justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{color:var(--text);align-items:center;gap:10px;font-size:1.1rem;font-weight:800;display:flex}.brand:hover{text-decoration:none}.brand__logo{flex-shrink:0;width:auto;height:56px;display:block}.brand__text-sub{color:var(--heading-color);font-weight:700}.site-nav--desktop{background:var(--bg-subtle);border:1px solid var(--border);border-radius:999px;align-items:center;gap:4px;padding:6px;display:flex}.site-nav__link{color:var(--text-muted);border-radius:999px;padding:9px 18px;font-size:.92rem;font-weight:600;transition:background-color .15s,color .15s}.site-nav__link:hover{color:var(--text);background:var(--bg-elevated);text-decoration:none}.site-nav__link.is-active{color:var(--brand-contrast);background:var(--logo-gradient);box-shadow:var(--shadow-sm)}.site-nav__link.is-active:hover{color:var(--brand-contrast);background:var(--logo-gradient)}.site-header__actions{align-items:center;gap:8px;display:flex}.menu-toggle,.site-nav--mobile{display:none}@media (width<=860px){.site-nav--desktop{display:none}.menu-toggle{display:inline-flex}.site-nav--mobile{border-top:1px solid var(--border);flex-direction:column;align-items:stretch;gap:4px;padding:8px 16px 16px;display:flex}.site-nav--mobile .site-nav__link{border-radius:var(--radius-md);padding:14px 16px;font-size:1rem}}@media (width<=480px){.brand__logo{height:44px}.brand__text-sub{display:none}}.site-footer{border-top:1px solid var(--border);background:var(--surface-brand);margin-top:48px;padding:36px 0}.site-footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.site-footer__logo-row{align-items:center;gap:10px;display:flex}.site-footer__logo{flex-shrink:0;width:auto;height:68px;display:block}.site-footer__title{color:var(--heading-color);font-size:1.02rem;font-weight:700}.site-footer__tagline{color:var(--text-muted);white-space:nowrap;margin-top:4px;font-size:.88rem;font-weight:700}.site-footer__links{background:var(--bg-subtle);border:1px solid var(--border);border-radius:999px;flex-wrap:wrap;gap:4px;padding:6px;display:flex}.site-footer__link{color:var(--text-muted);border-radius:999px;padding:8px 16px;font-size:.88rem;font-weight:600;transition:background-color .15s,color .15s}.site-footer__link:hover{color:var(--text);background:var(--bg-elevated);text-decoration:none}.site-footer__link.is-active{color:var(--brand-contrast);background:var(--logo-gradient);box-shadow:var(--shadow-sm)}.site-footer__link.is-active:hover{color:var(--brand-contrast);background:var(--logo-gradient)}.site-footer__copyright{color:var(--text-faint);border-top:1px solid var(--border);width:100%;margin-top:4px;padding-top:18px;font-size:.82rem;font-weight:700}@media (width<=640px){.site-footer__inner{flex-direction:column;align-items:flex-start}.site-footer__tagline{white-space:normal}}.line-numbered{background:var(--bg-inset);flex:0 0 320px;height:320px;display:flex}.line-numbered__gutter{min-width:2.75em;min-height:0;font-family:var(--font-mono);color:var(--text-faint);text-align:right;white-space:pre;-webkit-user-select:none;user-select:none;pointer-events:none;background:var(--bg-subtle);border-right:1px solid var(--border);flex:none;padding:16px 10px 16px 14px;font-size:.88rem;line-height:1.55;position:relative;overflow:hidden}.line-numbered__gutter-calibration{visibility:hidden;position:absolute;top:0;left:0}.line-numbered__textarea{resize:none;min-width:0;min-height:0;color:var(--text);font-family:var(--font-mono);white-space:pre;background:0 0;border:none;flex:1;padding:16px;font-size:.88rem;line-height:1.55;overflow:auto}.line-numbered__textarea:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.line-numbered__textarea::placeholder{color:var(--text-faint)}.converter{flex-direction:column;gap:14px;display:flex}.converter__settings{flex-direction:column;gap:12px;padding:10px 20px;display:flex}.settings-row{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.settings-group{flex:200px;min-width:180px}.settings-group--delimiter{flex:0 220px;min-width:160px}.settings-group--advanced{flex:none;min-width:0;margin-left:auto}.advanced-toggle{color:#fff;background:var(--heading-color);border-color:var(--heading-color);gap:8px}.advanced-toggle:hover{color:#fff;background:var(--heading-color);border-color:var(--heading-color);opacity:.9}.advanced-toggle__label{animation:1.4s ease-in-out infinite advanced-toggle-blink}.advanced-toggle:hover .advanced-toggle__label{animation:none}@keyframes advanced-toggle-blink{0%,to{opacity:1}50%{opacity:.35}}.advanced-toggle__chevron{font-size:.75rem;transition:transform .15s}.advanced-toggle__chevron.is-open{transform:rotate(180deg)}.advanced-filter-panel{flex-direction:column;gap:16px;display:flex}.formatting-options{border-top:1px solid var(--border);padding-top:14px}.formatting-options__grid{flex-direction:column;gap:12px;margin-top:8px;display:flex}.formatting-options__checkboxes{flex-wrap:wrap;align-items:center;gap:4px 24px;display:flex}.formatting-options__fields{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px 16px;display:grid}.quote-choice{border-left:2px solid var(--border);flex:1 0 100%;gap:16px;margin-left:6px;padding-left:6px;display:flex}.text-field-group{flex-direction:column;justify-content:center;display:flex}.quick-presets{border-top:1px solid var(--border);padding-top:14px}.quick-presets__list{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.chip{border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--text);cursor:pointer;border-radius:999px;min-height:38px;padding:8px 14px;font-size:.82rem;font-weight:600;transition:border-color .15s,background-color .15s,color .15s}.chip:hover{border-color:var(--brand);color:var(--brand)}.chip.is-active{background:var(--brand);border-color:var(--brand);color:var(--brand-contrast)}.chip--clear{color:var(--text-muted);background:0 0;border-style:dashed}.converter__panels{grid-template-columns:1fr 1fr;gap:20px;display:grid}.panel{border-width:2px;border-color:var(--border-strong);flex-direction:column;display:flex;overflow:hidden}.panel__header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;display:flex}.panel__title{color:var(--brand);font-size:1rem;font-weight:700}.panel__actions{flex-wrap:wrap;gap:6px;display:flex}.panel__actions .btn-secondary{background:var(--brand-soft);color:var(--brand);border-color:var(--brand)}.panel__actions .btn-secondary:hover:not(:disabled){background:var(--brand);color:#fff;border-color:var(--brand)}.file-upload-btn{cursor:pointer;position:relative}.panel__textarea{resize:vertical;background:var(--bg-inset);min-height:320px;color:var(--text);font-family:var(--font-mono);border:none;flex:1;width:100%;padding:16px;font-size:.88rem;line-height:1.55}.panel__textarea:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.panel__textarea::placeholder{color:var(--text-faint)}.panel__status{background:var(--bg-inset);flex-direction:column;flex:1;gap:14px;min-height:320px;padding:16px;display:flex}.panel__status-placeholder{color:var(--text-faint);font-size:.9rem}.panel__status-filename{word-break:break-all;font-size:.95rem;font-weight:600}.panel__footer{color:var(--text-faint);border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 16px;font-size:.78rem;font-weight:700;display:flex}.panel__error{color:var(--danger);margin-left:auto;font-weight:600}.error-banner{background:var(--danger-soft);color:var(--danger);border:1px solid var(--danger);border-radius:var(--radius-sm);align-items:flex-start;gap:8px;margin:12px 16px 0;padding:10px 14px;font-size:.88rem;font-weight:600;line-height:1.5;display:flex}.converter__privacy-note{text-align:center;color:var(--text-faint);padding:4px 0;font-size:.82rem}@media (width<=860px){.converter__panels{grid-template-columns:1fr}.panel__textarea{min-height:240px}.quote-choice{grid-column:span 1}}.ad-slot{border:1px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--bg-subtle);color:var(--text-faint);letter-spacing:.03em;text-transform:uppercase;justify-content:center;align-items:center;width:100%;margin:28px 0;font-size:.72rem;display:flex}.ad-slot--banner{min-height:90px}.ad-slot--inline{min-height:60px}.ad-slot--sidebar{min-height:250px;margin:0}.video-embed{aspect-ratio:16/9;border:2px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-inset);width:100%;max-width:900px;box-shadow:var(--shadow-md,0 12px 36px #1e3ca029);margin:0 auto;position:relative;overflow:hidden}.video-embed__frame,.video-embed__poster{border:0;width:100%;height:100%;position:absolute;inset:0}.video-embed__poster{cursor:pointer;background:0 0;padding:0}.video-embed__img{object-fit:cover;width:100%;height:100%;display:block}.video-embed__play{background:var(--brand);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;margin:-38px 0 0 -38px;padding-left:4px;transition:transform .15s;display:flex;position:absolute;top:50%;left:50%;box-shadow:0 8px 24px #0000004d}.video-embed__poster:hover .video-embed__play,.video-embed__poster:focus-visible .video-embed__play{transform:scale(1.1)}.video-embed__poster:focus-visible{outline:3px solid var(--brand);outline-offset:-3px}.section{padding-top:56px;padding-bottom:56px}.section__heading{color:var(--heading-color);margin-bottom:10px;font-size:clamp(1.5rem,2.4vw,1.9rem)}.section__subheading{color:var(--text-muted);max-width:640px;margin-bottom:28px;font-size:1rem;line-height:1.6}.page-hero{border-bottom:1px solid var(--border);background:linear-gradient(180deg, var(--brand-soft), transparent);padding:20px 0 16px}.page-hero__eyebrow{color:var(--brand);text-transform:uppercase;letter-spacing:.06em;font-size:.82rem;font-weight:700}.page-hero h1{margin:8px 0 10px;font-size:clamp(1.4rem,2.6vw,1.8rem)}.page-hero p{color:var(--text-muted);white-space:nowrap;font-size:1.05rem;line-height:1.65}@media (width<=1024px){.page-hero p{white-space:normal;max-width:680px}}.prose h2{margin:32px 0 12px;font-size:1.3rem}.prose h2:first-child{margin-top:0}.prose h3{margin:20px 0 8px;font-size:1.05rem}.prose p{color:var(--text-muted);margin-bottom:14px;line-height:1.75}.prose ul{color:var(--text-muted);margin:0 0 14px;padding-left:22px;line-height:1.75}.prose li{margin-bottom:6px}.prose strong{color:var(--text)}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.home-title{text-align:center;padding-top:4px}.home-title h1{color:var(--text);font-size:clamp(1.3rem,2.6vw,1.7rem)}.section.section--top{padding-top:8px}#converter .section__heading{margin-bottom:6px}#converter .section__subheading{margin-bottom:14px}.converter-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.more-tools-btn{background:var(--logo-gradient);color:#fff;letter-spacing:.01em;white-space:nowrap;background-size:200% 200%;border-radius:999px;flex:none;align-items:center;gap:10px;padding:12px 24px;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;animation:6s ease-in-out infinite more-tools-flow;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 22px #02c9e859,0 2px 6px #0561b04d}.more-tools-btn:after{content:"";background:linear-gradient(100deg,#0000,#ffffff8c,#0000);width:40%;height:100%;animation:3.6s ease-in-out infinite more-tools-shine;position:absolute;top:0;left:-60%;transform:skew(-20deg)}.more-tools-btn:hover,.more-tools-btn:focus-visible{text-decoration:none}.more-tools-btn__icon{flex:none;animation:4s linear infinite more-tools-spin}.more-tools-btn:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 12px 28px #02c9e880,0 4px 10px #0561b059}.more-tools-btn:active{transform:translateY(0)scale(.99)}.more-tools-btn:focus-visible{outline:3px solid var(--brand);outline-offset:3px}.more-tools-btn__arrow{font-size:1.15rem;line-height:1;animation:1.2s ease-in-out infinite more-tools-nudge;display:inline-block}.more-tools-btn:hover .more-tools-btn__arrow{animation-duration:.6s}@keyframes more-tools-spin{to{transform:rotate(360deg)}}@keyframes more-tools-nudge{0%,to{transform:translate(0)}50%{transform:translate(6px)}}@keyframes more-tools-flow{0%,to{background-position:0%}50%{background-position:100%}}@keyframes more-tools-shine{0%,55%{left:-60%}to{left:140%}}@media (prefers-reduced-motion:reduce){.more-tools-btn,.more-tools-btn:after,.more-tools-btn__icon,.more-tools-btn__arrow{animation:none}}@media (width<=640px){.converter-head{flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:14px}#converter .converter-head .section__subheading{margin-bottom:8px}.more-tools-btn{padding:10px 20px;font-size:.95rem}}.highlights__grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.highlight-card{padding:24px}.highlight-card__icon{margin-bottom:10px;font-size:1.6rem}.highlight-card__title{margin-bottom:8px;font-size:1.02rem}.highlight-card__text{color:var(--text-muted);font-size:.9rem;line-height:1.6}.faq__list{flex-direction:column;gap:10px;max-width:760px;display:flex}.faq__item{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:4px 20px}.faq__question{cursor:pointer;color:var(--text);padding:14px 0;font-weight:600;list-style:none}.faq__question::-webkit-details-marker{display:none}.faq__question:before{content:"+";width:1.2em;color:var(--brand);font-weight:700;display:inline-block}.faq__item[open] .faq__question:before{content:"−"}.faq__answer{color:var(--text-muted);padding:0 0 16px 1.2em;line-height:1.65}.cta__box{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:40px;display:flex}.cta__box .btn{margin-top:12px}.cta__subheading{text-align:center;max-width:none}@media (width>=900px){.cta__subheading{white-space:nowrap}}@media (width<=640px){.cta__box{padding:28px 20px}}