:root{--shared-shell:1120px;--shared-ink:#17201e;--shared-line:#d8d1c4;--shared-paper:#f6f3ec;--shared-surface:#f6f3ec;--shared-surface-raised:#fff;--shared-accent:#a8402e;--shared-muted:#65706c;--shared-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}
:root{--shared-shell:1120px;--shared-line:#d8d1c4;--shared-paper:#f6f3ec;--shared-ink:#17201e;--shared-accent:#a8402e}.shared-site-header__rail{z-index:50;pointer-events:none;height:76px;position:sticky;top:0}.shared-site-header{width:min(var(--shared-shell), calc(100% - 32px));border-bottom:1px solid var(--shared-line);pointer-events:auto;justify-content:space-between;align-items:center;gap:24px;min-height:76px;margin:auto;padding-block:12px;transition:width .18s,min-height .18s,padding .18s,transform .18s,border-color .18s,border-radius .18s,background-color .18s,box-shadow .18s;display:flex}.shared-site-header--scrolled{border:1px solid var(--shared-line);background:color-mix(in srgb, var(--shared-paper) 88%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px;width:min(100% - 48px,880px);min-height:60px;padding:7px 14px;transform:translateY(10px);box-shadow:0 10px 30px #17201e1a}.shared-site-header__brand{color:var(--shared-ink);align-items:center;gap:11px;font-weight:750;text-decoration:none;display:flex}.shared-site-header__nav{gap:18px;display:flex}.shared-site-header__nav a{color:var(--shared-ink);font-size:13px;font-weight:700;text-decoration:none}.shared-site-header__nav a[aria-current=page]{color:var(--shared-accent)}.shared-site-footer{width:min(var(--shared-shell), calc(100% - 32px));color:#65706c;margin:auto;padding:30px 0;font-size:13px}.shared-site-footer__columns{grid-template-columns:repeat(2,1fr);gap:30px;display:grid}.shared-site-footer__legal{border-top:1px solid var(--shared-line);margin-top:20px;padding-top:16px;font-size:11px}@media (max-width:560px){.shared-site-header__rail{height:64px;position:relative}.shared-site-header,.shared-site-header--scrolled{width:min(100% - 32px, var(--shared-shell));border:0;border-bottom:1px solid var(--shared-line);background:var(--shared-paper);min-height:64px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;padding:9px 0;transform:none}.shared-site-header__nav{gap:12px}.shared-site-footer__columns{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.shared-site-header{transition:none}}
:root{--shared-ink:var(--ink);--shared-line:var(--border);--shared-paper:var(--paper);--shared-surface:var(--surface);--shared-surface-raised:var(--surface-raised);--shared-accent:var(--brand);--shared-muted:var(--text-muted);--shared-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}.faq-list{border-top:1px solid var(--shared-line)}.faq-list__item{border-bottom:1px solid var(--shared-line)}.faq-list__summary{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:60px;padding:var(--space-3) 0;cursor:pointer;font-weight:650;list-style:none;display:flex}.faq-list__summary::-webkit-details-marker{display:none}.faq-list__summary:after{color:var(--shared-muted);content:"+";flex:none;font-size:1.35rem;font-weight:400}.faq-list__item[open] .faq-list__summary:after{content:"−"}.faq-list__question{min-width:0}.faq-list__number{color:var(--shared-accent);font:.8rem/1 var(--shared-mono);letter-spacing:.08em;flex:none;order:2}.faq-list__answer{max-width:760px;padding:0 var(--space-8) var(--space-4) 0;color:var(--text-secondary)}.faq-list__answer p{margin:0}.shared-step-list{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}.shared-step-list__item{gap:var(--space-4);padding:var(--space-4) 0;border-top:1px solid var(--shared-line);grid-template-columns:48px minmax(0,1fr);display:grid}.shared-step-list__number{color:var(--shared-accent);font-family:var(--shared-mono);font-size:.875rem;font-weight:700;line-height:1.5}.shared-step-list__content{min-width:0}.shared-step-list__content h3{color:var(--shared-ink);margin:0}.shared-step-list__body{color:var(--shared-muted)}.shared-step-list__body p{margin:0}.shared-step-list__body a{overflow-wrap:anywhere}@media (min-width:700px){.shared-step-list{gap:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr))}}
@font-face{font-family:Geist Sans;src:url(/fonts/geist-sans.woff2)format("woff2");font-display:swap}@font-face{font-family:"Source Serif 4";src:url(/fonts/source-serif-4.woff2)format("woff2");font-display:swap}:root{--paper:#f7f3ea;--surface:#fffdf8;--surface-raised:#fff;--field:#fffaf0;--ink:#2b2721;--text-secondary:#6a6256;--text-muted:#8a8175;--border:#ded5c8;--border-strong:#b8ad9b;--brand:#f05a38;--brand-hover:#d94a2c;--brand-active:#bf3f25;--focus:#ff8a6f;--success:#2f7d5b;--warning:#a96812;--error:#b43d35;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;--radius-xs:6px;--radius-sm:9px;--radius-md:12px;--radius-lg:16px;--motion-fast:.16s;--line:var(--border);--accent:var(--brand)}*{box-sizing:border-box}html{overflow-x:hidden}body{background:var(--paper);color:var(--ink);margin:0;font:16px/1.6 Geist Sans,Arial,sans-serif}a{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.site-footer,.page{width:min(100% - var(--space-8),1080px);margin-inline:auto}.site-footer nav{gap:var(--space-1) var(--space-4);flex-wrap:wrap;display:flex}.site-footer nav a{min-height:44px;transition:color var(--motion-fast);align-items:center;display:inline-flex}.site-footer nav a:hover{color:var(--brand-hover)}.page{padding-block:var(--space-12)}.home{gap:64px;display:grid}.eyebrow{margin:0 0 var(--space-2);color:var(--brand);letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;font-weight:700}h1,h2{font-family:"Source Serif 4",Georgia,serif;line-height:1.08}h1{max-width:900px;margin:.1em 0 .35em;font-size:clamp(2.6rem,9vw,5.6rem)}h2{margin:.15em 0 .4em;font-size:clamp(2rem,5vw,3.2rem)}h3{margin:.1em 0}.hero p:not(.eyebrow){max-width:640px;font-size:1.15rem}.converter-placeholder{background:var(--surface);border:1px solid var(--border);padding:var(--space-8);border-radius:var(--radius-lg)}.converter-placeholder button{border-radius:var(--radius-sm);min-height:44px;color:var(--text-muted);background:var(--field);font:inherit;border:0;padding:0 18px}.steps{gap:var(--space-4);padding:0;list-style:none;display:grid}.steps li{gap:var(--space-1);padding:var(--space-4) 0;border-top:1px solid var(--border-strong);display:grid}.steps span{color:var(--text-secondary)}.use-cases{margin:var(--space-6) 0;border-top:1px solid var(--border-strong);padding:0;list-style:none}.use-cases li{gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--border);grid-template-columns:48px 1fr;display:grid}.use-cases span{color:var(--brand);font-weight:700}.use-cases p{color:var(--text-secondary);margin:var(--space-1) 0}.trust{font-weight:650}.prose{max-width:760px}.prose h1{font-size:clamp(2.5rem,7vw,4.5rem)}.prose h2{margin-top:1.5em;font-size:clamp(1.7rem,4vw,2.5rem)}.site-footer{border-top:1px solid var(--border-strong);padding:28px 0 40px;font-size:.9rem}.site-footer p{max-width:620px}:root{--text-on-light-emphasis:#8a3e2c;--focus-ring-accessible:#9f321f}.eyebrow{color:var(--text-on-light-emphasis)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--focus-ring-accessible)}@media (min-width:700px){.page{padding-block:76px}.steps{gap:var(--space-6);grid-template-columns:repeat(3,1fr)}.site-footer{gap:var(--space-3) 40px;grid-template-columns:1.2fr .8fr;display:grid}.site-footer p:last-child{grid-column:1/-1}}.image-converter{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:0 16px 40px #2b272114}.converter-heading{gap:var(--space-2);margin-bottom:var(--space-6);display:grid}.converter-heading h2,.converter-heading p{margin-top:0}.converter-heading>p{color:var(--text-secondary)}.upload-zone{align-content:center;place-items:center;gap:var(--space-2);min-height:260px;padding:var(--space-6);border:1.5px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--field);text-align:center;display:grid}.upload-zone span{color:var(--text-secondary)}.upload-zone--compact{background:0 0;border:0;min-height:auto;padding:0;display:block}.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}.upload-button,.download-button,.secondary-button{border-radius:var(--radius-sm);min-height:44px;font:inherit;cursor:pointer;transition:background var(--motion-fast),transform var(--motion-fast);font-weight:700}.upload-button,.download-button{padding:0 var(--space-6);border:1px solid var(--brand);color:#fff;background:var(--brand)}.upload-button:hover,.download-button:hover{background:var(--brand-hover)}.upload-button:active,.download-button:active{background:var(--brand-active);transform:translateY(1px)}.secondary-button{padding:0 var(--space-3);border:1px solid var(--border-strong);color:var(--ink);background:var(--surface-raised)}.editor-layout{gap:var(--space-6);display:grid}.preview-frame{aspect-ratio:1;border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;position:relative;overflow:hidden}.preview-frame--transparent{background-color:#fff;background-image:linear-gradient(45deg,#ded5c8 25%,#0000 25%),linear-gradient(-45deg,#ded5c8 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ded5c8 75%),linear-gradient(-45deg,#0000 75%,#ded5c8 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px}.preview-frame canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.preview-hint{left:50%;bottom:var(--space-3);padding:var(--space-1) var(--space-3);border-radius:var(--radius-xs);color:#fff;pointer-events:none;background:#2b2721c7;font-size:.875rem;position:absolute;translate:-50%}.image-meta{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-3);color:var(--text-secondary);display:flex}.editor-controls,.settings-stack{align-content:start;gap:var(--space-6);display:grid}.control-group{border:0;min-width:0;margin:0;padding:0}.control-group legend,.range-control>span{width:100%;margin-bottom:var(--space-2);justify-content:space-between;font-size:.8125rem;font-weight:700;display:flex}.segmented{gap:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}.segmented label{min-height:44px;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--field);cursor:pointer;justify-content:center;align-items:center;display:flex}.segmented label:has(input:checked){border-color:var(--brand);color:var(--text-on-light-emphasis);background:#fff0e9}.segmented input{opacity:0;position:absolute}.color-control,.check-control{align-items:center;gap:var(--space-3);min-height:44px;display:flex}.color-control input{border:1px solid var(--border);border-radius:var(--radius-xs);background:#fff;width:44px;height:36px;padding:2px}.check-control input{width:20px;height:20px;accent-color:var(--brand)}.range-control{display:grid}.range-control input,.focus-controls input{width:100%;accent-color:var(--brand)}.focus-controls{gap:var(--space-3);display:grid}.focus-controls label{align-items:center;gap:var(--space-3);grid-template-columns:90px 1fr;font-size:.875rem;display:grid}.download-button{width:100%}.download-button:disabled{cursor:wait;opacity:.7}.status-message{margin:var(--space-3) 0 0}.status-message--warning{color:var(--warning)}.status-message--error{color:var(--error)}@media (min-width:700px){.image-converter{padding:var(--space-6)}.converter-heading{grid-template-columns:1fr auto;align-items:end}.editor-layout{gap:var(--space-8);grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr)}}@media (prefers-reduced-motion:reduce){.upload-button,.download-button,.secondary-button{transition:none}}