.heic-public{--heic-site-ink:#17203d;--heic-site-muted:#555f7a;--heic-site-line:#d9deec;--heic-site-cobalt:#333de6;color:var(--heic-site-ink)}
.heic-public .site-header{max-width:1240px}.heic-public .brand{letter-spacing:-.04em}.heic-public .brand-mark{background:var(--heic-site-ink)}
.heic-intro,.heic-content{max-width:1160px;margin:auto;padding:0 28px}.heic-intro{padding-top:20px;padding-bottom:24px}.heic-intro .eyebrow{margin:0 0 10px;color:var(--heic-site-muted);font-size:10px;letter-spacing:.1em}.heic-intro h1{font-size:clamp(28px,4vw,46px);line-height:1.1;letter-spacing:-.055em;margin:0 0 13px;max-width:850px}.heic-intro h1 span{color:var(--heic-site-cobalt)}.heic-intro>p:not(.eyebrow){max-width:730px;line-height:1.6;margin:0;color:var(--heic-site-muted);font-size:15px}.heic-jump{display:flex;gap:8px 24px;flex-wrap:wrap;margin-top:14px;font-size:12px;font-weight:650}.heic-jump a{padding:5px 0}.heic-public .tool-region{max-width:1240px;scroll-margin-top:16px}.heic-public .processing-frame{border-radius:14px}.heic-public :focus-visible{outline-color:var(--heic-site-cobalt)}.heic-public section[id]{scroll-margin-top:24px}
.heic-section{padding:38px 0;border-bottom:1px solid var(--heic-site-line)}.heic-section-heading{max-width:750px}.heic-section h2,.heic-method h2,.heic-related h2{font-size:clamp(23px,3vw,30px);letter-spacing:-.04em;line-height:1.2;margin:0 0 15px}.heic-section h3{font-size:19px;letter-spacing:-.025em;line-height:1.3;margin:0 0 10px}.heic-section p,.heic-method p{font-size:14px;line-height:1.8;color:var(--heic-site-muted);max-width:850px}.heic-section-heading>.eyebrow{margin:0 0 12px}.heic-section a,.heic-method a,.heic-article a{color:var(--heic-site-cobalt)}
.heic-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 36px;list-style:none;counter-reset:photo-step;margin:26px 0 0;padding:0}.heic-steps li{counter-increment:photo-step;position:relative;padding-top:48px;min-width:0}.heic-steps li:before{content:"0" counter(photo-step);font-size:13px;font-weight:800;position:absolute;top:0;left:0;padding-bottom:10px;border-bottom:3px solid var(--site-accent);width:38px}.heic-steps b{font-size:16px}.heic-steps p{font-size:13px;line-height:1.7;margin:8px 0 0}.heic-format-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;margin-top:25px}.heic-format-grid p{margin-bottom:0}.heic-bounds dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:26px 0}.heic-bounds dt{font-size:11px;color:var(--heic-site-muted);margin-bottom:10px}.heic-bounds dd{margin:0;font-size:18px;font-weight:800;line-height:1.5;letter-spacing:-.025em}
.heic-faq details{border-top:1px solid var(--heic-site-line)}.heic-faq details:last-of-type{border-bottom:1px solid var(--heic-site-line)}.heic-faq summary{padding:18px 38px 18px 0;font-size:15px;font-weight:700;cursor:pointer;position:relative;list-style:none;line-height:1.5;min-height:56px}.heic-faq summary::-webkit-details-marker{display:none}.heic-faq summary:after{content:"+";position:absolute;right:6px;top:15px;font-size:24px;font-weight:400}.heic-faq details[open]>summary:after{content:"−"}.heic-faq details>p{margin:0;padding:0 30px 22px 0;max-width:860px}.heic-policy-note{font-size:12px!important}
.heic-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:26px}.heic-guide-link{display:block;position:relative;padding:24px 38px 16px 0;border-top:3px solid var(--heic-site-ink);text-decoration:none!important;color:var(--heic-site-ink)!important}.heic-guide-link .eyebrow{display:block;font-size:10px;color:var(--heic-site-muted);margin-bottom:14px}.heic-guide-link h3{font-size:23px;letter-spacing:-.035em}.heic-guide-link p{margin:0;font-size:13px;line-height:1.7;color:var(--heic-site-muted)}.heic-guide-arrow{position:absolute;right:5px;top:20px;font-size:24px}.heic-guide-link:hover h3{text-decoration:underline;text-underline-offset:5px}.heic-method{padding:30px 0 0;margin-bottom:28px}.heic-method h2{font-size:18px}.heic-method p{font-size:12px}.heic-public .free-tools{margin-top:20px}
.heic-article{max-width:860px;margin:0 auto;padding:22px 30px 56px}.heic-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;align-items:center;font-size:12px;color:var(--heic-site-muted);margin-bottom:30px}.heic-article-heading h1{font-size:clamp(32px,5vw,51px);letter-spacing:-.055em;line-height:1.1;margin:16px 0 22px}.heic-article-intro{font-size:19px;line-height:1.6;color:var(--heic-site-muted)}.heic-byline{font-size:11px;line-height:1.7;color:var(--heic-site-muted)}.heic-converter-link{display:inline-flex;align-items:center;gap:30px;min-height:48px;font-size:13px;font-weight:750;text-decoration:none;background:var(--heic-site-ink);color:white!important;padding:13px 18px;border-radius:8px;margin-top:12px}.heic-converter-link:hover{background:var(--heic-site-cobalt)}.heic-toc{margin:32px 0;padding:20px 0;border-top:1px solid var(--heic-site-line);border-bottom:1px solid var(--heic-site-line);display:flex;flex-direction:column;gap:13px;font-size:13px}.heic-toc b{margin-bottom:3px}.heic-article article>section{margin-top:36px}.heic-article article>section h2{font-size:25px;line-height:1.3;letter-spacing:-.035em;margin:0 0 18px}.heic-article article>section p,.heic-article li{font-size:15px;line-height:1.85;color:var(--heic-site-muted)}.heic-article ol{padding-left:24px}.heic-article li{padding-left:6px;margin-bottom:12px}.heic-article table{width:100%;border-collapse:collapse;margin:28px 0;font-size:13px;line-height:1.6;table-layout:fixed}.heic-article caption{text-align:left;font-weight:750;margin-bottom:12px}.heic-article th,.heic-article td{text-align:left;vertical-align:top;padding:14px 10px;border-bottom:1px solid var(--heic-site-line);overflow-wrap:anywhere}.heic-article thead{background:white}.heic-source{border-top:2px solid var(--heic-site-line);padding-top:25px}.heic-source p{font-size:13px!important}.heic-related{margin-top:42px}.heic-related .heic-guide-link{max-width:600px}.heic-return{margin-top:30px}
@media(max-width:800px){.heic-bounds dl{grid-template-columns:repeat(2,minmax(0,1fr))}.heic-steps{gap:20px}.heic-format-grid,.heic-guide-grid{gap:25px}}
@media(max-width:590px){.heic-intro,.heic-content{padding-left:22px;padding-right:22px}.heic-intro{padding-top:12px;padding-bottom:20px}.heic-intro h1{font-size:31px}.heic-intro>p:not(.eyebrow){font-size:13px}.heic-intro .eyebrow{font-size:9px;line-height:1.6}.heic-jump{font-size:11px;gap:8px 18px;margin-top:12px}.heic-section{padding:30px 0}.heic-steps{grid-template-columns:1fr;gap:20px}.heic-steps li{padding-top:0;padding-left:50px}.heic-steps li:before{width:30px;padding-bottom:6px}.heic-format-grid,.heic-guide-grid{grid-template-columns:1fr}.heic-bounds dl{gap:22px 14px}.heic-bounds dd{font-size:16px}.heic-faq summary{font-size:14px;padding-top:17px;padding-bottom:17px}.heic-faq details>p{font-size:13px;padding-right:5px}.heic-section p{font-size:13px}.heic-guide-link h3{font-size:22px}.heic-guide-grid{gap:12px}.heic-article{padding:18px 23px 40px}.heic-article-heading h1{font-size:36px}.heic-article-intro{font-size:17px}.heic-article article>section h2{font-size:22px}.heic-article article>section p,.heic-article li{font-size:14px}.heic-article th,.heic-article td{padding:10px 5px;font-size:11px}.heic-converter-link{gap:16px;max-width:100%;line-height:1.5}.heic-article table{margin-left:0}.heic-breadcrumb{font-size:11px;gap:8px}.heic-public .site-footer{border-top-color:var(--heic-site-line)}}