:root{--ink:#17212b;--muted:#627181;--subtle:#8a98a6;--line:#dce3e8;--line-strong:#c5d0d8;--paper:#f6f8f9;--panel:#fff;--navy:#183244;--teal:#126e73;--teal-dark:#0d5559;--teal-soft:#e4f2f1;--amber:#b66a19;--amber-soft:#fff1dd;--danger:#a33b3b;--shadow:0 14px 40px #23354214;--radius:8px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}button,label.button-primary,label.button-secondary{cursor:pointer}.file-picker-form{display:contents}.file-picker{position:relative;overflow:hidden}.file-picker .file-input{z-index:1;cursor:pointer;opacity:0;width:100%;height:100%;margin:0;position:absolute;inset:0}.skip-link{z-index:100;background:var(--navy);color:#fff;padding:8px 12px;position:absolute;top:-50px;left:12px}.skip-link:focus{top:12px}.site-header{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f6f8f9f0;border-bottom:1px solid #dce3e8e6;position:sticky;top:0}.header-inner{align-items:center;gap:16px;width:min(1240px,100% - 40px);min-height:70px;margin:0 auto;display:flex}.brand{letter-spacing:-.02em;color:var(--navy);white-space:nowrap;align-items:center;gap:10px;font-weight:780;display:inline-flex}.brand-mark{color:#fff;background:var(--teal);border-radius:6px;place-items:center;width:30px;height:30px;display:grid;box-shadow:inset 0 -4px #0000001f}.brand-mark svg{width:21px;height:21px}.main-nav{align-items:center;gap:0;margin-left:auto;display:flex}.nav-group{position:relative}.nav-trigger,.nav-link{color:var(--muted);background:0 0;border:0;align-items:center;gap:6px;padding:8px 7px;font-size:14px;font-weight:650;display:inline-flex}.nav-trigger:hover,.nav-trigger:focus-visible,.nav-link:hover,.nav-link:focus-visible{color:var(--navy)}.nav-menu{border:1px solid var(--line);background:var(--panel);min-width:230px;box-shadow:var(--shadow);border-radius:8px;padding:8px;display:none;position:absolute;top:calc(100% + 6px);left:0}.nav-group:hover .nav-menu,.nav-group:focus-within .nav-menu{display:grid}.nav-menu a{color:var(--muted);border-radius:5px;padding:9px 10px;font-size:13px}.nav-menu a:hover,.nav-menu a:focus-visible{color:var(--navy);background:var(--teal-soft)}.header-cta,.button-primary,.button-secondary,.button-quiet{border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:14px;font-weight:750;transition:all .18s;display:inline-flex}.header-cta,.button-primary{color:#fff;background:var(--teal)}.header-cta:hover,.button-primary:hover{background:var(--teal-dark);transform:translateY(-1px)}.button-secondary{color:var(--navy);border-color:var(--line-strong);background:var(--panel)}.button-secondary:hover{border-color:var(--teal);color:var(--teal-dark)}.button-quiet{color:var(--muted);background:0 0;border-color:#0000}.button-quiet:hover{color:var(--navy);background:#edf2f3}.mobile-menu-button{color:var(--navy);background:0 0;border:0;margin-left:auto;display:none}.mobile-nav{border-top:1px solid var(--line);width:min(1240px,100% - 40px);margin:0 auto 14px;padding-top:8px;display:none}.mobile-nav.open{gap:3px;display:grid}.mobile-nav a{color:var(--muted);padding:10px 0;font-weight:650}.page-shell{min-height:70vh}.container{width:min(1180px,100% - 40px);margin:0 auto}.eyebrow{color:var(--teal-dark);letter-spacing:.11em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:800}.hero{padding:52px 0 26px}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(420px,.94fr);align-items:end;gap:44px;display:grid}.hero h1{max-width:720px;color:var(--navy);letter-spacing:-.055em;margin:0 0 15px;font-size:clamp(2.3rem,5vw,4.8rem);line-height:1.04}.hero-lead{max-width:690px;color:var(--muted);margin:0;font-size:18px}.hero-note{color:var(--subtle);align-items:center;gap:8px;margin-top:20px;font-size:13px;display:flex}.tool-anchor{scroll-margin-top:86px}.tool-card{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:10px;margin:12px 0 46px;overflow:hidden}.tool-topline{border-bottom:1px solid var(--line);background:#fbfcfc;justify-content:space-between;align-items:center;gap:20px;padding:16px 20px;display:flex}.tool-topline strong{color:var(--navy)}.privacy-note{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.tool-body{grid-template-columns:minmax(0,1.15fr) minmax(310px,.85fr);min-height:460px;display:grid}.viewer-panel{background:#172633;min-height:460px;position:relative}.viewer-canvas{width:100%;height:100%;min-height:460px;display:block}.viewer-canvas canvas{width:100%;height:100%;display:block}.viewer-canvas-wrap{height:100%;min-height:460px;position:relative}.viewer-empty{text-align:center;color:#afc1ca;place-items:center;min-height:460px;padding:26px;display:grid}.viewer-empty-inner{max-width:320px}.viewer-empty-icon{color:#a9d3cf;border:1px solid #48616e;border-radius:8px;place-items:center;width:54px;height:54px;margin:0 auto 16px;display:grid}.viewer-empty h2{color:#fff;margin:0 0 7px;font-size:18px}.viewer-empty p{margin:0;font-size:13px}.viewer-toolbar{gap:5px;display:flex;position:absolute;top:14px;right:14px}.viewer-toolbar button{color:#d9e6e8;background:#172633cc;border:1px solid #506671;border-radius:5px;place-items:center;width:34px;height:34px;display:grid}.viewer-toolbar button.active,.viewer-toolbar button:hover{color:#fff;background:#31515b;border-color:#9acbc8}.settings-panel{padding:24px}.settings-panel h2{color:var(--navy);margin:0 0 6px;font-size:19px}.settings-panel>p{color:var(--muted);margin:0 0 22px;font-size:13px}.dropzone{text-align:center;background:linear-gradient(#f4fbfa,#fff);border:1px dashed #6f9297;border-radius:8px;place-items:center;min-height:330px;margin:20px;padding:30px;display:grid}.dropzone.dragging{border-color:var(--teal);background:var(--teal-soft)}.dropzone-icon{width:50px;height:50px;color:var(--teal-dark);background:var(--teal-soft);border-radius:8px;place-items:center;margin-bottom:14px;display:grid}.dropzone h2{color:var(--navy);margin:0 0 6px;font-size:20px}.dropzone p{color:var(--muted);margin:0 0 18px;font-size:13px}.format-line{color:var(--subtle);letter-spacing:.07em;text-transform:uppercase;margin-top:17px;font-size:11px}.file-pill{border:1px solid var(--line);background:#fbfcfc;border-radius:6px;align-items:center;gap:10px;margin:0 20px 20px;padding:11px 13px;display:flex}.file-pill strong{color:var(--navy);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.file-pill span{color:var(--subtle);white-space:nowrap;margin-left:auto;font-size:12px}.field{margin-bottom:18px}.field label,.field-label{color:var(--navy);margin-bottom:7px;font-size:13px;font-weight:750;display:block}.field input[type=number]{border:1px solid var(--line-strong);width:100%;height:42px;color:var(--ink);background:#fff;border-radius:5px;padding:0 11px}.field input:focus-visible{outline-offset:1px;border-color:var(--teal);outline:2px solid #126e7347}.radio-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.radio-option{border:1px solid var(--line);min-height:42px;color:var(--muted);border-radius:5px;align-items:center;gap:8px;padding:0 11px;font-size:13px;display:flex}.radio-option:has(input:checked){color:var(--teal-dark);background:var(--teal-soft);border-color:#8fc1bf}.check-option{color:var(--muted);align-items:center;gap:9px;margin:10px 0;font-size:13px;display:flex}.check-option input{accent-color:var(--teal)}.settings-actions{gap:8px;margin-top:24px;display:flex}.settings-actions .button-primary{flex:1}.tool-error{color:var(--danger);background:#fff5f5;border:1px solid #e6bcbc;border-radius:6px;gap:9px;margin:0 20px 17px;padding:11px 12px;font-size:13px;display:flex}.processing-state{text-align:center;place-items:center;min-height:330px;padding:30px;display:grid}.processing-icon{width:46px;height:46px;color:var(--teal);margin-bottom:14px;animation:1.2s ease-in-out infinite pulse}.processing-state h2{color:var(--navy);margin:0 0 6px;font-size:19px}.processing-state p{color:var(--muted);margin:0;font-size:13px}@keyframes pulse{50%{opacity:.42;transform:scale(.9)}}.result-panel{padding:20px}.result-status{color:#26705b;align-items:center;gap:8px;margin-bottom:18px;font-size:14px;font-weight:800;display:flex}.stats-grid{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:18px;display:grid}.stat{border:1px solid var(--line);background:#fbfcfc;border-radius:6px;padding:12px}.stat span{color:var(--subtle);font-size:11px;display:block}.stat strong{color:var(--navy);margin-top:3px;font-size:18px;display:block}.result-actions{gap:8px;margin-bottom:18px;display:flex}.result-actions>*{flex:1}.recommendation{border-left:3px solid var(--amber);background:var(--amber-soft);padding:17px}.recommendation p{color:#754714;margin:0 0 7px;font-size:13px}.recommendation h3{color:#633b13;margin:0 0 5px;font-size:16px}.recommendation small{color:#8c6a43;margin-top:8px;font-size:10px;display:block}.recommendation .button-secondary{color:#754714;background:#ffffff80;border-color:#dfbc88}.section{padding:48px 0}.section+.section{border-top:1px solid var(--line)}.section-heading{max-width:760px;margin-bottom:25px}.section-heading h2{color:var(--navy);letter-spacing:-.035em;margin:0 0 10px;font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.12}.section-heading p{color:var(--muted);margin:0}.review-meta{color:var(--subtle);flex-wrap:wrap;gap:0 5px;margin:13px 0 0;font-size:12px;display:flex}.source-list{gap:9px;max-width:860px;margin:0;padding:0;list-style:none;display:grid}.source-list li{border-top:1px solid var(--line);color:var(--muted);grid-template-columns:minmax(190px,260px) 1fr;gap:12px;padding-top:9px;font-size:13px;display:grid}.source-list a{color:var(--teal-dark);text-underline-offset:3px;font-weight:700;text-decoration:underline}.affiliate-note{color:var(--subtle);margin-top:10px;font-size:11px;display:block}.affiliate-note a{color:var(--teal-dark);text-underline-offset:2px;text-decoration:underline}.content-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.info-card,.step-card,.faq-item,.comparison-table-wrap{border:1px solid var(--line);background:var(--panel);border-radius:7px}.info-card{padding:19px}.info-card h3{color:var(--navy);margin:0 0 6px;font-size:16px}.info-card p{color:var(--muted);margin:0;font-size:14px}.steps{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.step-card{padding:18px}.step-number{color:#fff;background:var(--teal);border-radius:5px;place-items:center;width:28px;height:28px;margin-bottom:13px;font-size:13px;font-weight:800;display:grid}.step-card h3{color:var(--navy);margin:0 0 5px;font-size:15px}.step-card p{color:var(--muted);margin:0;font-size:13px}.prose{max-width:840px;color:var(--muted)}.prose p{margin:0 0 15px}.prose ul{margin:0 0 18px;padding-left:20px}.prose li{margin:7px 0}.comparison-table-wrap{overflow-x:auto}.comparison-table{border-collapse:collapse;width:100%;min-width:630px}.comparison-table th,.comparison-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:13px 15px;font-size:13px}.comparison-table th{color:var(--navy);background:#f8fafb;font-size:12px}.comparison-table td{color:var(--muted)}.comparison-table tr:last-child td{border-bottom:0}.callout{border-left:3px solid var(--teal);background:var(--teal-soft);color:var(--navy);margin:0 0 25px;padding:17px 19px}.callout strong{margin-bottom:4px;display:block}.faq-list{gap:9px;display:grid}.faq-item{padding:17px 19px}.faq-item h3{color:var(--navy);margin:0 0 6px;font-size:15px}.faq-item p{color:var(--muted);margin:0;font-size:14px}.related-links{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.related-link{color:var(--navy);border:1px solid var(--line);background:#fff;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:13px 14px;font-size:13px;font-weight:700;display:flex}.related-link:hover{color:var(--teal-dark);border-color:#91b9b9}.breadcrumbs{color:var(--subtle);flex-wrap:wrap;align-items:center;gap:7px;padding-top:25px;font-size:12px;display:flex}.breadcrumbs a:hover{color:var(--teal-dark)}.article-hero{padding:42px 0 28px}.article-hero h1{max-width:860px;color:var(--navy);letter-spacing:-.05em;margin:0 0 14px;font-size:clamp(2.1rem,4.2vw,3.8rem);line-height:1.07}.article-hero .lead{max-width:820px;color:var(--muted);margin:0;font-size:18px}.article-body{padding:0 0 52px}.article-body .prose{max-width:900px}.article-body .prose h2{color:var(--navy);margin:35px 0 10px;font-size:24px;line-height:1.15}.article-body .prose h3{color:var(--navy);margin:24px 0 7px;font-size:17px}.article-body .prose strong{color:var(--navy)}.article-layout{grid-template-columns:minmax(0,900px) 220px;align-items:start;gap:42px;display:grid}.toc{border-left:1px solid var(--line);padding:14px;position:sticky;top:98px}.toc strong{color:var(--navy);margin-bottom:8px;font-size:12px;display:block}.toc a{color:var(--muted);padding:4px 0;font-size:12px;display:block}.toc a:hover{color:var(--teal-dark)}.trust-band{border-top:1px solid var(--line);background:#eef3f4;padding:28px 0}.trust-band p{color:var(--muted);margin:0;font-size:13px}.site-footer{border-top:1px solid var(--line);background:#eef2f3;padding:42px 0 28px}.footer-grid{grid-template-columns:1.5fr repeat(3,1fr);gap:34px;display:grid}.footer-brand p{max-width:280px;color:var(--muted);margin:13px 0 0;font-size:13px}.footer-column h2{color:var(--navy);margin:3px 0 11px;font-size:13px}.footer-column a{width:fit-content;color:var(--muted);margin:7px 0;font-size:13px;display:block}.footer-column a:hover{color:var(--teal-dark)}.footer-bottom{border-top:1px solid var(--line);color:var(--subtle);justify-content:space-between;gap:18px;margin-top:36px;padding-top:18px;font-size:12px;display:flex}.not-found{text-align:center;padding:100px 0}.not-found h1{color:var(--navy);margin:0 0 10px;font-size:48px}.not-found p{color:var(--muted);margin:0 auto 24px}@media (max-width:900px){.main-nav,.header-cta{display:none}.mobile-menu-button{place-items:center;display:grid}.hero-grid,.tool-body{grid-template-columns:1fr}.hero-grid{gap:24px}.tool-body{min-height:0}.viewer-panel,.viewer-canvas,.viewer-canvas-wrap{min-height:390px}.dropzone{min-height:280px}.content-grid,.steps{grid-template-columns:1fr 1fr}.article-layout{grid-template-columns:1fr}.toc{display:none}}@media (max-width:560px){.header-inner,.mobile-nav,.container{width:min(100% - 28px,1180px)}.hero{padding-top:32px}.hero h1,.article-hero h1{font-size:2.35rem}.hero-lead,.article-hero .lead{font-size:16px}.tool-topline{flex-direction:column;align-items:flex-start;gap:6px}.viewer-panel,.viewer-canvas,.viewer-canvas-wrap,.viewer-empty{min-height:300px}.settings-panel{padding:18px}.dropzone{min-height:255px;margin:15px 0;padding:22px}.file-pill,.tool-error{margin-left:0;margin-right:0}.content-grid,.related-links,.footer-grid{grid-template-columns:1fr}.source-list li{grid-template-columns:1fr;gap:3px}.steps{grid-template-columns:1fr}.footer-bottom{flex-direction:column;align-items:flex-start}.section{padding:36px 0}}