/* A shared compact H5 layout for every screen; only narrow-phone adjustments remain. */
:root{--paper:#f7f8f4;--surface:#ffffff;--ink:#263c34;--muted:#5f7569;--line:#d8e3da;--accent:#b9503e;--serif:Georgia,'Times New Roman',serif;--mono:'Courier New',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:26px}body{margin:0;background:var(--paper);color:var(--ink);font:14px Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{color:inherit;cursor:pointer}a,button,input,select{-webkit-tap-highlight-color:transparent}svg{display:block}em{font-family:var(--serif);font-weight:400}button:disabled{opacity:.5;cursor:default}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input:focus,select:focus{outline:2px solid #b34f3670;outline-offset:2px}[hidden]{display:none!important}.container{width:calc(100% - 104px);max-width:1160px;margin:auto}.eyebrow{font:9px/1.5 var(--mono);letter-spacing:1.3px;color:#8b7a62}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-80px;left:15px;background:var(--ink);color:var(--paper);padding:15px;z-index:20}.skip-link:focus{top:12px}.site-header{border-bottom:1px solid var(--line)}.header-inner{height:82px;display:flex;align-items:center;gap:28px}.logo{display:inline-flex;align-items:center;white-space:nowrap;font:28px var(--serif);letter-spacing:-1.3px}.brand-mark{display:block;width:26px;height:26px;margin-right:11px;color:var(--accent)}.brand-mark svg{width:100%;height:100%}.logo-dot{color:var(--accent)}.studio-label{font:8px var(--mono);letter-spacing:1.2px;color:#a08c71;padding-left:24px;border-left:1px solid var(--line)}.site-header nav{display:flex;align-items:center;gap:28px;margin-left:auto;font-size:11px;color:#796a56}.site-header nav a:hover{color:var(--accent)}.privacy-link{display:flex;align-items:center;gap:7px;font-size:10px;color:#978269;margin-left:20px}.privacy-link svg{width:13px;height:13px}.image-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:50px;align-items:center;padding-top:41px;padding-bottom:34px}.image-hero h1{font:58px/1.07 var(--serif);letter-spacing:-2px;margin:17px 0 16px}.image-hero h1 em{color:var(--accent)}.image-hero p{font-size:13px;line-height:1.8;color:#847159}.format-note-art{margin-left:auto;max-width:330px;width:100%;padding:26px 24px 19px;background:#eee6d7;border:1px solid #d8cbb7;transform:rotate(2deg);position:relative;box-shadow:5px 5px 0 #e8decd}.art-caption{font:8px var(--mono);letter-spacing:1.1px;color:#a08460}.format-stamps{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:27px 0}.format-stamps>span{font:25px var(--serif);color:#a85e3d;border-bottom:1px solid #c8ac8b;padding-bottom:6px}.format-stamps>i{font-style:normal;color:#b8a081;font-size:18px}.art-baseline{display:flex;justify-content:space-between;border-top:1px solid #d8c8ae;padding-top:15px;font:8px var(--mono);letter-spacing:1px;color:#a48b68}.converter-section{background:var(--surface);border:1px solid #d3c5b0;border-top:3px solid #554635;padding:21px 27px 19px;position:relative;scroll-margin-top:20px}.converter-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:20px}.converter-top .eyebrow{font-size:8px}.on-device{display:flex;align-items:center;gap:6px;color:#9c896e;font-size:10px}.on-device svg{width:12px;height:12px}.converter-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(235px,1fr);gap:30px}.drop-zone{min-height:294px;border:1px dashed #c9b493;background:#faf6ee;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px;text-align:center;transition:background .15s,border-color .15s}.drop-zone.drag-over{background:#f0dfcb;border:2px dashed var(--accent)}.drop-zone.is-busy{opacity:.7}.upload-art{position:relative;margin-bottom:19px}.photo-stamp{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border:1px solid #c7ad87;background:#eadbc2;color:#af7550;transform:rotate(-7deg)}.photo-stamp svg{width:32px;height:32px}.upload-mark{position:absolute;bottom:-5px;right:-12px;width:27px;height:27px;display:flex;align-items:center;justify-content:center;background:#b34f36;color:#fff8ea;border:3px solid #faf6ee;font-size:20px}.drop-zone h2{font:30px var(--serif);letter-spacing:-.6px;color:#67503a}.drop-zone>p{font-size:12px;color:#a28b6d;line-height:1.7;margin-top:8px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:44px;padding:12px 19px;border:1px solid transparent;border-radius:2px;font-size:12px}.button svg{width:17px;height:17px;flex-shrink:0}.dark{background:var(--accent);color:#fff9ed}.dark:hover:not(:disabled){background:#993f2b}.secondary{background:#f3ebdf;border-color:#d7c3a7;color:#916a42}.drop-zone .button{margin-top:18px}.upload-limits{font-size:10px;color:#ab9576;margin-top:15px;line-height:1.6}.upload-foot{display:flex;justify-content:space-between;gap:15px;margin-top:12px;color:#a0896a;font-size:10px;line-height:1.6}.upload-foot button{background:none;border:0;border-bottom:1px solid #c8aa87;padding:0 0 2px;color:#9c633c;font-size:inherit}.upload-message{font-size:11px;line-height:1.7;color:#897155;margin-top:9px;white-space:pre-line}.upload-message:empty{display:none}.upload-message.has-error{color:#a24d35}.converter-settings{border-left:1px solid #e5d9c6;padding-left:27px}.converter-settings>.eyebrow{display:block;margin-bottom:18px;font-size:8px}.converter-settings label{display:block;font-size:12px;color:#7d6549;margin-bottom:9px}.converter-settings select{width:100%;min-width:0;min-height:44px;border:1px solid #d3bfa2;background:#f9f4eb;color:#7a5e3f;padding:10px;font-size:12px;border-radius:1px}.quality-control{margin-top:20px}.quality-label{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.quality-label label{margin-bottom:6px}.quality-label output{font:12px var(--mono);color:#b16d42}.quality-control input{width:100%;height:20px;margin:0;accent-color:var(--accent)}.quality-control p{font-size:10px;color:#aa9271;line-height:1.6;margin-top:5px}#background-control{margin-top:15px}.color-field{display:flex;align-items:center;gap:9px;font-size:10px;color:#a78b65}.color-field input{width:30px;height:27px;border:1px solid #c5ad8e;padding:2px;cursor:pointer;background:#fff}.format-note{font-size:10px;line-height:1.65;color:#a68b66;margin-top:16px;min-height:33px}.settings-rule{border-top:1px solid #e0d2bf;margin:16px 0}.convert-button{width:100%;justify-content:space-between}.dimensions-note{font-size:9px;line-height:1.7;color:#a58b68;text-align:center;margin-top:8px}.support-note{font-size:10px;color:#a34e34;line-height:1.6;margin-top:8px}.converter-note{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;line-height:1.6;color:#a78e6a;margin-top:20px;border-top:1px solid #e9dfd0;padding-top:15px}.converter-note svg{width:12px;height:12px;flex-shrink:0}.notice{margin-top:14px;color:#a34e34;font-size:13px}.queue{margin-top:24px;border-top:1px solid #d7c5ad}.queue-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 0 13px}.queue-header h3{font:24px var(--serif);color:#7b5e3d}.text-button{border:0;border-bottom:1px solid #b99570;padding:3px 0;background:none;color:#96704a;font-size:11px}.queue ul{list-style:none;padding:0;margin:0}.file-row{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid #e7dccb}.file-thumb{width:64px;height:48px;object-fit:contain;background-color:#f3eee6;background-image:linear-gradient(45deg,#e7dfd2 25%,transparent 25%),linear-gradient(-45deg,#e7dfd2 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e7dfd2 75%),linear-gradient(-45deg,transparent 75%,#e7dfd2 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0}.file-info{min-width:0}.file-info strong{display:block;overflow-wrap:anywhere;font-size:12px;font-weight:400;color:#6f5131}.file-meta{display:block;font-size:10px;line-height:1.6;color:#aa8d67;margin-top:4px}.file-status{display:block;font-size:10px;line-height:1.6;color:#a18a6b;margin-top:3px}.file-status.done{color:#7c8462}.file-status.error{color:#b34f36}.file-status.converting{color:#b34f36}.file-actions{display:flex;align-items:center;gap:12px}.file-download{font-size:11px;color:#a45a34;border-bottom:1px solid #c3a27d;padding-bottom:3px}.remove-file{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;background:none;font-size:23px;color:#b39b7a}.queue-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:18px}.queue-footer p{font-size:11px;line-height:1.7;color:#9d7f5a}.queue-footer .button{font-size:11px;flex-shrink:0}.ad-slot{min-height:105px;margin-top:42px;border:1px dashed #d4c6b1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:repeating-linear-gradient(-45deg,#f0eadf,#f0eadf 1px,#f5f1e9 1px,#f5f1e9 8px);color:#b5a78f}.ad-slot>span{font:7px var(--mono);letter-spacing:2px}.ad-slot>div{font:italic 13px var(--serif)}.conversion-section{padding:48px 0 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:22px}.section-heading h2{font:37px var(--serif);letter-spacing:-1px;margin-top:9px}.section-heading h2 em{color:#a97851}.text-link{font-size:11px;color:#95643e;border-bottom:1px solid #b89770;padding-bottom:6px;display:inline-block}.conversion-links{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;border-top:1px solid #bfa98b}.conversion-links>a{position:relative;display:grid;grid-template-columns:143px minmax(0,1fr) 14px;gap:12px;align-items:center;padding:21px 0;border-bottom:1px solid #dacebb}.format-pair{display:flex;align-items:center;gap:12px;font:21px var(--serif);color:#87623b}.format-pair svg{width:18px;height:18px;color:#b89c76}.pair-description{font-size:10px;line-height:1.7;color:#a68a65}.pair-arrow{color:#b18e62;font-size:19px}.conversion-links>a:hover .format-pair,.conversion-links>a:hover .pair-arrow{color:var(--accent)}.how-section{display:grid;grid-template-columns:1fr 2.3fr;gap:55px;padding-top:58px;padding-bottom:50px}.how-section h2{font:35px/1.15 var(--serif);margin-top:14px;letter-spacing:-.8px}.how-section h2 em{color:#aa8760}.how-section ol{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;list-style:none;margin:4px 0 0;padding:0}.how-section li>span{font:10px var(--mono);color:#b34f36;display:block;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:15px}.how-section h3{font:22px var(--serif);color:#85633e;margin-bottom:12px}.how-section li p{font-size:11px;line-height:1.85;color:#a48b69}.faq-section{display:grid;grid-template-columns:1fr 2.3fr;gap:55px;padding:40px 0 60px;border-top:1px solid #cfc0a9}.faq-section h2{font:35px var(--serif);letter-spacing:-.8px;margin-top:13px}details{border-bottom:1px solid var(--line)}summary{display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;font-size:13px;line-height:1.5;color:#866947;padding:18px 0;list-style:none}summary::-webkit-details-marker{display:none}summary>span{font-size:19px;color:#b29a78}details[open] summary>span{transform:rotate(45deg)}details p{font-size:12px;line-height:1.85;color:#a18765;padding:0 20px 20px 0}footer{background:#2d2b27;color:#f0e7da}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:36px 0 31px}.footer-top .brand-mark{color:#c67958;width:22px;height:22px;margin-right:10px}.footer-top .logo{font-size:25px}.footer-top p{font-size:10px;color:#9d9588;margin-top:8px;margin-left:32px}.footer-links{display:flex;gap:25px;font-size:11px;color:#b4a99a}.footer-bottom{border-top:1px solid #484236;display:flex;justify-content:space-between;gap:20px;padding:19px 0 24px;font-size:9px;color:#81796d}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);background:#3b332a;color:#f9f1e5;padding:14px 23px;border:1px solid #71604c;font-size:12px;line-height:1.5;opacity:0;pointer-events:none;transition:.2s;z-index:25;max-width:calc(100% - 30px);text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.breadcrumbs{display:flex;gap:10px;flex-wrap:wrap;font-size:10px;color:#9f896a;margin:27px 0}.pair-hero{padding:8px 0 29px}.pair-hero h1{font:53px/1.1 var(--serif);letter-spacing:-1.6px;margin:14px 0 17px}.pair-hero h1 em{color:var(--accent)}.pair-hero p{font-size:14px;line-height:1.8;color:#9d805b;max-width:680px}.pair-guidance{display:grid;grid-template-columns:1fr 1.3fr;gap:70px;padding-top:47px}.pair-guidance h2{font:35px/1.15 var(--serif);letter-spacing:-.8px;margin-top:15px}.pair-guidance h2 em{color:#ad855a}.pair-guidance>div>p{font-size:13px;line-height:1.85;color:#a58a65;margin-top:23px;max-width:440px}.pair-guidance+.conversion-section{padding-bottom:60px}.formats-page{padding-top:36px}.table-scroll{overflow-x:auto;border-top:1px solid #bba07d}table{width:100%;border-collapse:collapse;min-width:590px;text-align:left}th,td{padding:17px 15px;border-bottom:1px solid var(--line);font-size:12px;line-height:1.7;color:#9c7d56}thead th{font:9px var(--mono);letter-spacing:1px;color:#aa8d65;background:#eee6d8}tbody th{font:24px var(--serif);color:#8e6036}.format-reading{max-width:740px;padding:46px 0 60px}.format-reading h2{font:33px var(--serif);letter-spacing:-.8px;margin-bottom:20px}.format-reading p{font-size:13px;line-height:1.9;color:#a08864;margin:15px 0}.format-reading .button{margin-top:16px}.prose{max-width:760px;padding:47px 0 65px}.prose>.eyebrow{display:block;margin-top:38px}.prose h1{font:54px/1.1 var(--serif);letter-spacing:-1.6px;margin:19px 0}.prose-lead{font:italic 25px var(--serif);color:#ad7c52!important;margin-bottom:34px!important}.prose p{font-size:14px;color:#9d8260;line-height:1.95;margin:18px 0}.prose h2{font:29px var(--serif);margin-top:31px}.prose p a{color:#a55c35;text-decoration:underline;text-underline-offset:3px}.prose .button{margin-top:15px}

.container{width:calc(100% - 64px)}.studio-label{display:none}.header-inner{gap:24px}.image-hero{gap:30px}.image-hero h1{font-size:51px}.format-note-art{max-width:290px;padding:23px 19px 16px}.format-stamps{gap:9px}.format-stamps>span{font-size:23px}.art-caption{font-size:7px}.converter-section{padding:20px}.converter-grid{grid-template-columns:minmax(0,1.6fr) minmax(225px,1fr);gap:22px}.converter-settings{padding-left:21px}.on-device{font-size:9px}.converter-top .eyebrow{font-size:7px}.drop-zone h2{font-size:27px}.drop-zone{padding:19px;min-height:295px}.conversion-links{gap:0 27px}.conversion-links>a{grid-template-columns:125px minmax(0,1fr) 12px;gap:8px}.format-pair{font-size:19px;gap:10px}.pair-description{font-size:9px}.how-section,.faq-section{gap:33px;grid-template-columns:1fr 2fr}.how-section ol{gap:22px}.how-section h3{font-size:20px}.pair-guidance{gap:40px}.privacy-link{margin-left:10px}.footer-links{gap:20px}
.container{width:calc(100% - 36px)}.header-inner{height:68px;gap:15px}.logo{font-size:25px}.brand-mark{width:23px;height:23px;margin-right:8px}.site-header nav{gap:20px;font-size:11px}.privacy-link{display:none}.image-hero{display:block;padding:30px 0 25px}.image-hero .eyebrow{font-size:8px;letter-spacing:1.1px}.image-hero h1{font-size:clamp(35px,10.8vw,46px);line-height:1.05;letter-spacing:-1.4px;margin:16px 0 15px}.image-hero p{font-size:12px;line-height:1.8}.image-hero p br{display:none}.format-note-art{display:none}.converter-section{padding:15px;border-top-width:2px}.converter-top{padding-bottom:15px}.converter-top .eyebrow{font-size:7px;letter-spacing:1px}.on-device{display:none}.converter-grid{display:block}.drop-zone{min-height:235px;padding:20px 13px}.upload-art{margin-bottom:15px}.photo-stamp{width:48px;height:48px}.photo-stamp svg{width:27px;height:27px}.upload-mark{width:25px;height:25px;font-size:18px}.drop-zone h2{font-size:25px}.drop-zone>p{font-size:11px;margin-top:7px}.drop-zone .button{font-size:12px;margin-top:16px}.upload-limits{font-size:9px;max-width:240px}.upload-foot{font-size:9px;margin-top:10px;gap:10px}.upload-message{font-size:10px}.converter-settings{border-left:0;padding-left:0;border-top:1px solid #e3d5c1;padding-top:18px;margin-top:18px}.converter-settings>.eyebrow{margin-bottom:13px;font-size:8px}.converter-settings label{font-size:12px}.converter-settings select{font-size:13px;min-height:46px}.quality-control{margin-top:17px}.quality-control p{font-size:10px}.format-note{min-height:0;margin-top:13px;font-size:10px}.settings-rule{margin:14px 0}.convert-button{font-size:12px}.dimensions-note{font-size:9px}.converter-note{align-items:flex-start;text-align:center;line-height:1.7;font-size:9px;gap:6px;margin-top:17px;padding-top:14px}.converter-note svg{margin-top:2px}.queue{margin-top:20px}.queue-header{padding-top:17px}.queue-header h3{font-size:22px}.text-button{font-size:10px}.file-row{grid-template-columns:46px minmax(0,1fr) 30px;gap:5px 10px;padding:13px 0;align-items:start}.file-thumb{width:46px;height:42px;grid-column:1;grid-row:1/3}.file-info{grid-column:2;grid-row:1}.file-info strong{font-size:11px}.file-meta,.file-status{font-size:9px}.file-actions{display:contents}.file-download{grid-column:2;grid-row:2;justify-self:start;font-size:10px;margin-top:3px}.remove-file{grid-column:3;grid-row:1/3;width:30px;height:38px;font-size:23px}.queue-footer{display:block;padding-top:14px}.queue-footer p{font-size:10px}.queue-footer .button{width:100%;margin-top:13px}.ad-slot{min-height:100px;margin-top:29px}.ad-slot>div{font-size:12px}.conversion-section{padding-top:35px}.section-heading{display:block;margin-bottom:18px}.section-heading .eyebrow{font-size:8px}.section-heading h2{font-size:31px;margin-top:8px}.section-heading .text-link{margin-top:17px;font-size:10px}.conversion-links{grid-template-columns:1fr}.conversion-links>a{grid-template-columns:138px minmax(0,1fr) 12px;gap:13px;padding:16px 0}.format-pair{font-size:21px;gap:12px}.pair-description{font-size:10px;line-height:1.7}.pair-arrow{font-size:18px}.how-section{display:block;padding-top:39px;padding-bottom:34px}.how-section h2{font-size:31px}.how-section ol{display:block;margin-top:27px}.how-section li{display:grid;grid-template-columns:37px 1fr;gap:0 13px;margin-bottom:23px}.how-section li:last-child{margin-bottom:0}.how-section li>span{border:0;margin:0;padding:5px 0 0;grid-row:1/3}.how-section h3{font-size:22px;margin-bottom:7px}.how-section li p{font-size:11px}.faq-section{display:block;padding-top:31px;padding-bottom:39px}.faq-section h2{font-size:31px;margin-top:10px;margin-bottom:12px}summary{font-size:12px;padding:17px 0}details p{font-size:11px}.footer-top{align-items:flex-start;padding:28px 0;gap:25px}.footer-top .logo{font-size:23px}.footer-top p{font-size:9px;margin-left:0;line-height:1.6}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:15px 20px;font-size:10px}.footer-bottom{font-size:8px;line-height:1.7;padding:17px 0 21px}.footer-bottom>span:last-child{text-align:right}.breadcrumbs{font-size:9px;gap:8px;margin:23px 0}.pair-hero{padding:4px 0 23px}.pair-hero .eyebrow{font-size:8px}.pair-hero h1{font-size:43px;letter-spacing:-1.3px;margin:13px 0 16px}.pair-hero p{font-size:12px;line-height:1.8}.pair-guidance{display:block;padding-top:33px}.pair-guidance h2{font-size:31px}.pair-guidance>div>p{font-size:12px;margin-top:19px;margin-bottom:18px}.pair-guidance+.conversion-section{padding-bottom:39px}.formats-page{padding-top:23px}th,td{font-size:11px;padding:14px 12px}thead th{font-size:8px}tbody th{font-size:22px}.format-reading{padding:33px 0 39px}.format-reading h2{font-size:30px}.format-reading p{font-size:12px}.prose{padding-top:29px;padding-bottom:45px}.prose>.eyebrow{margin-top:31px;font-size:8px}.prose h1{font-size:42px;letter-spacing:-1.2px}.prose-lead{font-size:22px}.prose p{font-size:13px}.prose h2{font-size:27px}
@media(max-width:380px){.container{width:calc(100% - 28px)}.logo{font-size:23px}.brand-mark{width:21px;height:21px;margin-right:7px}.site-header nav{gap:15px;font-size:10px}.header-inner{gap:12px}.converter-section{padding:13px}.converter-top .eyebrow{font-size:6px;letter-spacing:.9px}.drop-zone{padding-left:10px;padding-right:10px}.drop-zone h2{font-size:24px}.upload-foot{font-size:8px}.conversion-links>a{grid-template-columns:121px minmax(0,1fr) 11px;gap:9px}.format-pair{font-size:19px;gap:9px}.pair-description{font-size:9px}.footer-links{gap:14px;font-size:9px}.footer-top .logo{font-size:21px}.pair-hero h1{font-size:39px}.prose h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* Keep functional guidance readable against the warm paper surfaces. */
.upload-limits,.quality-control p,.format-note,.dimensions-note,.converter-note,.file-meta,.file-status,.queue-footer p{color:#8b765a}.file-status.done{color:#6c7750}.file-status.error{color:#a24d35}.file-status.converting{color:#b34f36}details p,.prose p,.format-reading p,.pair-guidance>div>p{color:#877258}
.file-row{grid-template-columns:46px minmax(0,1fr) 44px}.remove-file{width:44px;height:44px}

/* Extra output settings keep the same compact studio layout. */
#ico-control{margin-top:16px}#ico-control label{display:block;margin-bottom:9px}.all-formats-link{display:inline-block;margin-top:20px}.format-pair{white-space:nowrap}.converter-settings select{max-width:100%;text-overflow:ellipsis}.pair-hero h1{overflow-wrap:anywhere}#ico-control{margin-top:13px}.format-pair{font-size:19px;gap:9px}.pair-hero h1{font-size:clamp(30px,8.8vw,43px)}

/* Shared compact layouts for existing conversion pages. */
.header-inner{height:56px}.site-header nav a{display:inline-flex;align-items:center;min-height:44px}.converter-section{padding:12px}.converter-top{padding-bottom:10px}.drop-zone{min-height:154px;padding:13px 10px}.upload-art{display:none}.drop-zone h2{font-size:23px}.drop-zone>p{margin-top:4px}.drop-zone .button{margin-top:11px;min-height:44px}.upload-limits{margin-top:9px;max-width:285px;line-height:1.5}.upload-foot{margin-top:6px}.upload-foot button{min-height:32px}.converter-settings{padding-top:12px;margin-top:10px}.converter-settings>.eyebrow{display:none}.converter-settings label{margin-bottom:6px}.quality-control{margin-top:12px}.format-note{margin-top:9px}.settings-rule{margin:10px 0}.converter-note{margin-top:12px;padding-top:10px}.queue{margin-top:14px}.queue-header{padding:12px 0 9px}.file-row{padding:10px 0}.queue-footer{padding-top:10px}

/* Pixrelio identity: a substantial image/conversion mark and a clear wordmark. */
.site-header .logo,.footer-top .logo{font-family:Arial,Helvetica,sans-serif;font-size:27px;font-weight:700;letter-spacing:-1.1px;line-height:1;gap:9px}
.logo .brand-mark{width:38px;height:38px;margin:0;flex-shrink:0}
.brand-word{display:inline-block;white-space:nowrap}
.brand-word>span{font-weight:500;letter-spacing:-1.2px}
.site-header .logo{color:#2c2924}
.site-header .logo:hover .brand-word{color:var(--accent)}
.footer-top .logo{font-size:25px;gap:9px}
.footer-top .brand-mark{width:34px;height:34px}
.footer-top p{margin-left:43px}
.site-header .logo{font-size:25px;gap:7px;letter-spacing:-1px}.site-header .brand-mark{width:34px;height:34px}.brand-word>span{letter-spacing:-1px}.header-inner{gap:14px}.footer-top .logo{font-size:23px}.footer-top .brand-mark{width:31px;height:31px}.footer-top p{margin-left:0}
@media(max-width:350px){.site-header .logo{font-size:23px;gap:6px}.site-header .brand-mark{width:31px;height:31px}.site-header nav{gap:12px}.header-inner{gap:10px}}

/* One workspace first; conversion discovery and guidance follow it. */
.simple-hero{padding:38px 0 27px;text-align:center}
.simple-hero h1{font:43px/1.15 var(--serif);letter-spacing:-1.4px}
.simple-hero h1 em{color:var(--accent)}
.simple-hero p{font-size:13px;line-height:1.7;color:#80715e;margin-top:12px}
.home-page .workspace-wrap{max-width:1040px}
.home-page .converter-section{border:1px solid #d8cdbd;border-radius:8px;padding:27px;background:#fffdf9;box-shadow:0 6px 24px #4f382508}
.home-page .converter-grid{grid-template-columns:minmax(0,1.55fr) minmax(270px,1fr);gap:28px}
.home-page .converter-settings{padding-left:27px;border-left:1px solid #e8ded1}
.home-page .upload-column{display:flex;flex-direction:column;min-width:0}
.home-page .drop-zone{flex:1;min-height:245px;border-color:#cdbca4;background:#faf7f0;border-radius:5px;padding:22px 20px}
.home-page .upload-art{display:block;margin-bottom:14px}
.home-page .photo-stamp{height:42px;width:42px;border-radius:4px;transform:none;border:0;background:#e8d9c3;color:#a76442}
.home-page .photo-stamp svg{width:25px;height:25px}
.home-page .upload-mark{display:none}
.home-page .drop-zone h2{font-size:28px;color:#4f4032}
.home-page .drop-zone>p{margin-top:7px;font-size:12px;color:#8c7b66}
.home-page .drop-zone .button{margin-top:17px;min-height:44px;padding:11px 21px;border-radius:4px;font-size:12px}
.home-page .upload-limits{font-size:11px;line-height:1.7;margin-top:16px;max-width:420px;color:#8b7962}
.home-page .upload-foot{font-size:10px;margin-top:8px;align-items:center;gap:12px}
.home-page .upload-foot button{min-height:32px;border-bottom:0;text-decoration:underline;text-underline-offset:4px}
.output-picker{border:0;padding:0;margin:0;min-width:0}
.output-picker legend{font-size:12px;font-weight:600;color:#5f4b38;padding:0;margin-bottom:10px}
.output-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.output-buttons button{min-height:42px;border:1px solid #ddd2c2;border-radius:4px;background:#fffaf2;color:#826347;font-size:12px;cursor:pointer;padding:8px;transition:background .15s}
.output-buttons button:hover:not(:disabled){border-color:#b98162;background:#f6e9da}
.output-buttons button.is-selected{background:#b34f36;border-color:#b34f36;color:#fff8ed;box-shadow:none}
.home-page .quality-control{margin-top:16px}
.home-page .quality-control p{display:none}
.home-page .quality-control label{font-size:12px;margin-bottom:5px}
.home-page #converter[data-lossless="true"] .quality-control{display:none}
.home-page #background-control,.home-page #ico-control{margin-top:14px}
.home-page .format-note{min-height:32px;margin-top:12px;font-size:11px;line-height:1.55;color:#8b7962}
.home-page .settings-rule{display:none}
.home-page .convert-button{margin-top:14px;min-height:44px;border-radius:4px;font-size:12px}
.home-page .dimensions-note{font-size:10px;margin-top:6px}
.home-page .support-note:empty{display:none}
.home-page .converter-note{border-top:1px solid #eee6db;padding-top:14px;margin-top:19px;font-size:11px;color:#87735b}
.home-page .ad-slot{min-height:82px;margin-top:22px;border-style:solid;border-color:#e2d9cb;background:transparent;border-radius:4px}
.home-page .ad-slot>span{font-size:7px;color:#ac9b83}
.home-page .ad-slot>div{font:11px Arial;color:#ac9b83}
.conversion-browser{max-width:1040px;padding-top:36px;padding-bottom:31px}
.browse-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px}
.browse-heading h2{font:28px var(--serif);letter-spacing:-.5px}
.browse-heading select{border:1px solid #d7c9b6;border-radius:4px;background:#fbf7f0;color:#80664b;font-size:12px;padding:9px 30px 9px 11px;min-height:42px;max-width:100%}
.route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 27px;border-top:1px solid #cdbda7}
.route-link{display:flex;align-items:center;gap:10px;min-height:54px;border-bottom:1px solid #e0d6c7;color:#846040;font:18px var(--serif);padding:10px 0;white-space:nowrap}
.route-link>svg{width:15px;height:15px;color:#bda486}
.route-link .route-open{margin-left:auto;font:14px Arial;color:#b18a66}
.route-link:hover{color:var(--accent)}
.browse-footer{display:flex;justify-content:space-between;gap:12px;font-size:10px;line-height:1.6;color:#a18b70;padding-top:12px}
.browse-footer a{color:#936440;text-decoration:underline;text-underline-offset:4px}
.home-page .home-faq{max-width:1040px;padding:27px 0 43px;grid-template-columns:1fr 2fr;gap:35px}
.home-page .home-faq h2{font-size:28px;margin-top:13px}
.home-page .home-faq summary{font-size:12px;padding:15px 0}
.home-page .home-faq details p{font-size:12px;line-height:1.75}


 .simple-hero{padding:24px 0 19px;text-align:left}.simple-hero h1{font-size:34px;letter-spacing:-1px;line-height:1.06}.simple-hero h1 em{display:block}.simple-hero p{font-size:12px;line-height:1.65;margin-top:10px;max-width:360px}
 .home-page .converter-section{padding:15px;border-radius:6px;box-shadow:none}.home-page .converter-grid{display:block}.home-page .drop-zone{min-height:172px;padding:16px 13px}.home-page .upload-art{display:none}.home-page .drop-zone h2{font-size:25px}.home-page .drop-zone>p{font-size:11px;margin-top:5px}.home-page .drop-zone .button{margin-top:13px}.home-page .upload-limits{font-size:10px;line-height:1.7;max-width:300px;margin-top:11px}.home-page .upload-foot{font-size:9px;margin-top:5px;gap:6px}
 .home-page .converter-settings{padding:15px 0 0;border-left:0;border-top:1px solid #e8ded1;margin-top:9px}.output-picker legend{margin-bottom:8px}.output-buttons{gap:6px}.output-buttons button{min-height:44px;font-size:12px}.home-page .quality-control{margin-top:13px}.home-page .format-note{min-height:0;margin-top:10px;font-size:10px;line-height:1.6}.home-page .convert-button{margin-top:11px}.home-page .dimensions-note{font-size:9px}.home-page .converter-note{margin-top:13px;padding-top:11px;font-size:10px}.home-page .ad-slot{min-height:74px;margin-top:18px}
 .conversion-browser{padding-top:26px;padding-bottom:25px}.browse-heading{align-items:center;gap:10px;margin-bottom:12px}.browse-heading h2{font-size:24px;line-height:1.1;max-width:140px}.browse-heading select{min-height:44px;font-size:11px;padding:8px;max-width:165px}.route-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.route-link{font-size:17px;gap:7px;min-height:49px}.route-link>svg{width:13px}.route-link .route-open{font-size:12px}.browse-footer{font-size:9px;padding-top:11px;gap:8px}.browse-footer a{max-width:220px;text-align:right}
 .home-page .home-faq{display:block;padding:23px 0 31px}.home-page .home-faq h2{font-size:27px;margin:0 0 7px}.home-page .home-faq summary{font-size:12px;padding:14px 0}.home-page .home-faq details p{font-size:11px;padding-bottom:15px}

@media(max-width:350px){.simple-hero h1{font-size:31px}.home-page .converter-section{padding:12px}.home-page .drop-zone{padding-left:9px;padding-right:9px}.home-page .drop-zone h2{font-size:23px}.home-page .upload-limits{font-size:9px}.home-page .upload-foot{font-size:8px}.browse-heading h2{font-size:22px;max-width:105px}.browse-heading select{max-width:154px;font-size:10px}.route-link{font-size:16px;gap:5px}.route-grid{gap:0 13px}}

/* Flat colour system: soft format colours, solid actions, no decorative depth. */
:root{--green:#285e4c;--green-hover:#1e4c3c;--peach:#fbe0d5;--mint:#dcefe3;--lilac:#eae1f6;--butter:#f8edc6;--sky:#deedf3;--rose:#f4dfe8;--sans:Arial,Helvetica,sans-serif}
.site-header{background:#fff;border-color:var(--line)}
.site-header .logo{color:var(--ink)}
.studio-label,.eyebrow{color:var(--muted)}
.site-header nav,.privacy-link{color:#536e60}
.site-header nav a:hover{color:var(--accent)}
.simple-hero h1{font-family:var(--sans);font-weight:700;font-size:42px;letter-spacing:-1.7px;line-height:1.15}
.simple-hero h1 em{font-family:inherit;font-weight:700;font-style:normal;color:var(--accent)}
.simple-hero p{color:var(--muted)}
.converter-section,.home-page .converter-section{background:#fff;border:1px solid var(--line);border-top-width:1px;border-radius:6px;box-shadow:none}
.converter-top{border-color:var(--line)}
.converter-top .eyebrow,.on-device{color:var(--muted)}
.drop-zone,.home-page .drop-zone{background:#eaf3e6;border:1px solid #d1e3cb;border-radius:4px;box-shadow:none}
.drop-zone.drag-over,.home-page .drop-zone.drag-over{border:1px solid var(--green);outline:2px solid #91b39e;outline-offset:2px;background:#dcefd9}
.photo-stamp,.home-page .photo-stamp{background:#cce5d5;color:var(--green);border:0;border-radius:4px;transform:none;box-shadow:none}
.upload-mark{display:none}
.drop-zone h2,.home-page .drop-zone h2{font-family:var(--sans);font-size:25px;font-weight:650;letter-spacing:-.7px;color:var(--ink)}
.drop-zone>p,.home-page .drop-zone>p,.upload-limits,.home-page .upload-limits,.upload-foot,.home-page .upload-foot{color:#58715e}
.button{border-radius:4px;box-shadow:none}
.dark{background:var(--green);color:#fff}
.dark:hover:not(:disabled){background:var(--green-hover)}
#choose-images{background:var(--accent);color:#fff}
#choose-images:hover:not(:disabled){background:#a34332}
.secondary{background:var(--lilac);border-color:transparent;color:#5f487d}
.upload-foot button,.text-button,.text-link,.browse-footer a{color:var(--green);border-color:#83a391}
.upload-message{color:#536e60}
.upload-message.has-error,.file-status.error,.support-note{color:#a93f3d}
.converter-settings,.home-page .converter-settings{border-color:var(--line)}
.converter-settings label,.output-picker legend,.home-page .quality-control label{color:var(--ink)}
.converter-settings select,.browse-heading select{border-color:#cddfd3;background:#f1f6f0;color:#385c49;border-radius:4px}
.quality-label output{color:var(--green)}
.quality-control input{accent-color:var(--green)}
.color-field{color:var(--muted)}
.color-field input{border-color:#b9cfbf}
.quality-control p,.format-note,.home-page .format-note,.dimensions-note,.home-page .dimensions-note,.converter-note,.home-page .converter-note,.file-meta,.file-status,.queue-footer p{color:var(--muted)}
.settings-rule,.converter-note,.home-page .converter-note,.queue,.file-row{border-color:var(--line)}
.home-page .converter-note{background:#f1f6f0;border:0;padding:11px 9px;border-radius:4px}
.output-buttons button{background:var(--format-bg,var(--mint));color:var(--format-ink,#24634e);border:2px solid transparent;border-radius:4px;font-weight:600;box-shadow:none}
[data-output="jpg"],[data-format="jpg"]{--format-bg:var(--peach);--format-ink:#9c412b}
[data-output="png"],[data-format="png"]{--format-bg:var(--mint);--format-ink:#24634e}
[data-output="webp"],[data-format="webp"]{--format-bg:var(--lilac);--format-ink:#654788}
[data-output="avif"],[data-format="avif"]{--format-bg:var(--butter);--format-ink:#735609}
[data-output="bmp"],[data-format="bmp"]{--format-bg:var(--sky);--format-ink:#2e5c72}
[data-output="ico"],[data-format="ico"]{--format-bg:var(--rose);--format-ink:#873b5d}
.output-buttons button:hover:not(:disabled){background:var(--format-bg);color:var(--format-ink);border-color:var(--format-ink)}
.output-buttons button.is-selected{background:var(--format-ink);border-color:var(--format-ink);color:#fff;box-shadow:none}
.file-info strong{color:var(--ink)}
.file-status.done{color:#276b50}
.file-status.converting{color:#654788}
.file-download{color:var(--green);border-color:#9bb7a5}
.remove-file{color:#648675;border-radius:4px}
.remove-file:hover{background:var(--mint)}
.queue-header h3{font-family:var(--sans);font-weight:600;color:var(--ink);font-size:22px}
.ad-slot,.home-page .ad-slot{background:#f0eef5;border:0;border-radius:4px;box-shadow:none}
.ad-slot>span,.home-page .ad-slot>span,.ad-slot>div,.home-page .ad-slot>div{color:#736d80}
.browse-heading h2,.home-page .home-faq h2,.pair-guidance h2,.section-heading h2,.format-reading h2,.prose h2{font-family:var(--sans);font-weight:650;color:var(--ink);letter-spacing:-.7px}
.route-grid{border-top:0;gap:9px}
.route-link{background:var(--format-bg,var(--mint));color:var(--format-ink,var(--green));border:0;border-radius:4px;padding:12px;min-height:52px;font:600 14px var(--sans);gap:9px}
.route-link>svg,.route-link .route-open{color:currentColor;opacity:.75}
.route-link:hover{color:var(--format-ink,var(--green));outline:1px solid currentColor;outline-offset:-1px}
.browse-footer{color:var(--muted)}
.home-page .home-faq,.faq-section,details{border-color:var(--line)}
summary,summary>span{color:#3b5e4c}
details p,.home-page .home-faq details p,.prose p,.format-reading p,.pair-guidance>div>p{color:var(--muted)}
.pair-hero h1,.prose h1{font-family:var(--sans);font-weight:700;letter-spacing:-1.4px;color:var(--ink)}
.pair-hero h1 em{font-family:inherit;font-style:normal;font-weight:700;color:var(--accent)}
.pair-hero p,.breadcrumbs{color:var(--muted)}
.prose-lead{font-family:var(--sans);font-style:normal;color:var(--green)!important}
.prose p a{color:var(--green)}
.conversion-links{border:0;gap:10px}
.conversion-links>a{background:var(--format-bg,#eaf3e6);border:0;border-radius:4px;padding:16px 12px}
.format-pair{font-family:var(--sans);font-size:17px;font-weight:600;color:var(--format-ink,var(--green))}
.format-pair svg,.pair-arrow{color:var(--format-ink,var(--green))}
.pair-description{color:#4d6558}
.table-scroll{border-color:var(--line)}
th,td{border-color:var(--line);color:var(--muted)}
thead th{background:var(--mint);color:#385c49}
tbody th{font:600 19px var(--sans);color:var(--green)}
footer{background:#253f34;color:#edf6ee}
.footer-top p,.footer-links{color:#c3d6ca}
.footer-bottom{border-color:#476354;color:#b4cbbd}
.toast{background:var(--green);color:#fff;border:0;border-radius:4px;box-shadow:none}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#285e4c}
input:focus,select:focus{outline:2px solid #7ba58a}


 .simple-hero h1{font-size:33px;line-height:1.08;letter-spacing:-1.1px}.simple-hero h1 em{font-family:inherit;font-weight:700}
 .home-page .drop-zone h2,.drop-zone h2{font-size:23px}
 .home-page .converter-section,.converter-section{box-shadow:none;border-radius:4px}
 .home-page .converter-note{font-size:10px}
 .route-grid{gap:7px}.route-link{min-height:48px;padding:10px;font-size:12px;gap:6px}.route-link>svg{width:13px}.route-link .route-open{font-size:11px}
 .conversion-links>a{padding:14px 11px}.format-pair{font-size:17px}.pair-description{font-size:10px}
 .pair-hero h1{letter-spacing:-1.1px}

@media(max-width:350px){.simple-hero h1{font-size:29px;letter-spacing:-1.1px}.home-page .drop-zone h2{font-size:21px}.route-link{font-size:11px;padding:9px;gap:5px}.route-link .route-open{font-size:10px}.format-pair{font-size:16px}}
.output-buttons button.is-selected:hover:not(:disabled),.output-buttons button.is-selected:focus-visible{background:var(--format-ink);border-color:var(--format-ink);color:#fff}
.section-heading h2 em,.pair-guidance h2 em{font-family:inherit;font-style:normal;font-weight:inherit;color:var(--accent)}
/* Dedicated local results and crawlable format guides. */
.related-guides{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:20px 0 34px;font-size:13px;color:var(--green)}
.related-guides>span{color:var(--muted)}
.format-hub{margin:48px 0}.format-hub h2,.guide-page h2,.results-page h2{font:650 26px/1.3 var(--sans);letter-spacing:-.6px;color:var(--ink)}
.guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:22px}
.guide-grid>a{display:flex;flex-direction:column;gap:9px;padding:21px 17px;background:var(--format-bg,#e8eddf);border-radius:4px;color:var(--format-ink,var(--green))}
.guide-grid strong{font-size:23px}.guide-grid span{font-size:12px;line-height:1.5}.guide-grid a:hover{outline:1px solid currentColor;outline-offset:-1px}
.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:80px;align-items:start;margin:15px 0 60px}
.guide-copy h2{margin:32px 0 12px;font-size:23px}.guide-copy h2:first-child{margin-top:0}.guide-copy p,.guide-callout p{color:var(--muted);font-size:15px;line-height:1.8;margin:0 0 18px}.guide-copy a,.local-retention a{text-decoration:underline;text-underline-offset:3px}
.guide-callout{background:#e3efe4;padding:27px 23px;border-radius:4px}.guide-callout h2{font-size:25px;margin:15px 0}.guide-callout .text-link{display:block;margin-top:20px;font-size:13px}
.results-page{padding-bottom:65px}.result-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:33px 0 30px}.result-heading h1,.result-empty h1{font:700 40px/1.15 var(--sans);letter-spacing:-1.3px;margin:13px 0}.result-heading p{color:var(--muted);font-size:14px;line-height:1.6}
.results-layout{display:block}.results-main{min-width:0}.result-toolbar{background:#e3efe4;display:flex;justify-content:space-between;align-items:center;padding:19px;gap:24px;border-radius:4px;margin-bottom:16px}.result-toolbar>div{flex:1;min-width:0}.result-toolbar p{font-size:13px;line-height:1.6;margin:0 0 10px;color:var(--green)}.result-toolbar progress{width:100%;height:5px;accent-color:var(--green);display:block}.result-toolbar .button{flex-shrink:0}
#result-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.result-card{display:grid;grid-template-columns:180px minmax(0,1fr);gap:22px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:4px;align-items:center}.result-preview{display:block;width:180px;height:145px;object-fit:contain;background-color:#f3f5f0;background-image:linear-gradient(45deg,#e4e9e2 25%,transparent 25%),linear-gradient(-45deg,#e4e9e2 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e4e9e2 75%),linear-gradient(-45deg,transparent 75%,#e4e9e2 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0;border-radius:3px}.result-info{min-width:0}.result-info h2{font-size:17px;letter-spacing:-.2px;overflow-wrap:anywhere;margin:0 0 8px}.result-info p{font-size:12px;line-height:1.6;color:var(--muted);margin:4px 0}.result-info .result-state.done{color:var(--green)}.result-info .result-state.error{color:#a13b2f}.result-info .result-download{margin-top:12px;min-height:40px;font-size:12px;background:var(--format-ink,var(--green));color:#fff}
.result-actions{display:flex;gap:20px;flex-wrap:wrap;align-items:center;border-bottom:1px solid var(--line);padding:24px 0 20px;font-size:13px}.result-actions .text-button{font-size:13px}.local-retention{font-size:12px;line-height:1.8;color:var(--muted);margin:16px 0}.result-bottom-ad{margin-top:40px}.result-help{margin-top:50px;max-width:690px}.result-help h2{font-size:22px}.result-help p{font-size:14px;line-height:1.8;color:var(--muted);margin:14px 0}.result-help>a{font-size:13px}.result-empty{max-width:650px;padding:38px 0 50px}.result-empty p{font-size:15px;line-height:1.8;color:var(--muted);margin:20px 0 25px}.results-page [hidden]{display:none!important}
.results-layout{display:block}.result-card{grid-template-columns:130px minmax(0,1fr);padding:16px;gap:15px}.result-preview{width:130px;height:120px}.guide-layout{gap:35px;grid-template-columns:minmax(0,1fr) 250px}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.result-heading{align-items:flex-start;flex-direction:column;gap:12px;margin:20px 0}.result-heading h1,.result-empty h1{font-size:30px;letter-spacing:-.8px;margin:9px 0}.result-heading p{font-size:12px;margin:0}.result-heading .button{min-height:38px;font-size:12px;padding:9px 14px}.results-layout{display:block}.result-toolbar{padding:13px;gap:12px}.result-toolbar .button{font-size:11px;min-height:39px;padding:10px 12px}.result-toolbar p{font-size:11px}.result-card{padding:12px;grid-template-columns:90px minmax(0,1fr);gap:12px}.result-preview{width:90px;height:100px}.result-info h2{font-size:14px;margin-bottom:5px}.result-info p{font-size:11px}.result-info .result-download{min-height:36px;padding:8px 12px;margin-top:8px;font-size:11px}.result-actions{gap:16px;padding:18px 0;font-size:12px}.result-actions .text-button{font-size:12px}.local-retention{font-size:11px}.result-help{margin-top:32px}.result-help h2{font-size:21px}.result-bottom-ad{margin-top:26px}.related-guides{gap:12px;font-size:12px;margin:16px 0 24px}.guide-grid{gap:8px}.guide-grid>a{padding:17px 12px}.guide-grid strong{font-size:21px}.guide-grid span{font-size:11px}.format-hub{margin:30px 0}.format-hub h2{font-size:24px}.guide-layout{display:block;margin-bottom:30px}.guide-copy h2{font-size:22px;margin-top:27px}.guide-copy p{font-size:14px}.guide-callout{margin-top:27px;padding:23px}.result-empty{padding:25px 0}.results-page .breadcrumbs{font-size:11px;gap:9px;flex-wrap:wrap}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* The same reading width, flow and ad placement on mobile, tablet and desktop. */
html{background:#eef2ed}
body{width:100%;max-width:480px;min-height:100vh;margin:0 auto;background:var(--paper)}
.container{max-width:100%;min-width:0}
.site-header .header-inner{max-width:100%}
.simple-hero p{max-width:none}
.pair-hero h1{font-size:34px}
.converter-grid,.home-page .converter-grid,.guide-layout,.results-layout,.pair-guidance,.faq-section,.home-page .home-faq{display:block}
.converter-settings,.home-page .converter-settings{border-left:0}
.result-toolbar,.result-card,.browse-heading{min-width:0}
.result-actions a,.result-actions button{min-height:32px;display:inline-flex;align-items:center}
.table-scroll{max-width:100%;overscroll-behavior-x:contain}
.ad-slot,.home-page .ad-slot,.result-bottom-ad{width:100%;max-width:100%;min-height:110px;margin:20px 0 0;padding:14px 12px;gap:12px;background:#f0eef5;border:0;border-radius:4px;box-shadow:none;text-align:center;overflow-wrap:anywhere}
.ad-slot>span,.home-page .ad-slot>span{font:8px/1.4 var(--mono);letter-spacing:1.6px;color:#736d80}
.ad-slot>div,.home-page .ad-slot>div{font:11px/1.6 var(--sans);color:#736d80}
.ad-slot iframe,.ad-slot ins{max-width:100%}
.toast{width:max-content;max-width:min(440px,calc(100% - 30px))}
@media(max-width:350px){.pair-hero h1{font-size:30px}}
/* Keep long format names and their descriptions on separate, compact rows. */
.conversion-links>a{grid-template-columns:minmax(0,1fr) auto;gap:7px 12px}
.conversion-links .format-pair{grid-column:1;grid-row:1;min-width:0;white-space:normal;flex-wrap:wrap}
.conversion-links .pair-description{grid-column:1/-1;grid-row:2;font-size:11px;line-height:1.6}
.conversion-links .pair-arrow{grid-column:2;grid-row:1}

/* Real fixed-size GAM creatives: reserve space without scaling or clipping ads. */
.ad-slot,.home-page .ad-slot,.result-bottom-ad{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:7px;min-height:282px;margin:28px 0;padding:10px 0 9px;background:#f0f1ed;border-radius:0;overflow:visible}
.ad-slot.ad-first{width:100%;max-width:none;margin:0;padding-top:8px;min-height:278px;border-bottom:1px solid var(--line)}
.ad-slot>span,.home-page .ad-slot>span{font:8px/11px var(--mono);letter-spacing:1.5px;color:#7b8179}
.ad-slot>.ad-creative,.home-page .ad-slot>.ad-creative{flex:none;width:300px;height:250px;min-height:250px;font:inherit;position:relative}
.ad-slot iframe,.ad-slot ins{max-width:none}
/* Full page width lets a 300px creative fit even when phone content has gutters. */
.container .ad-slot{width:calc(100% + 36px);max-width:none;margin-left:-18px;margin-right:-18px}
@media(max-width:380px){.container .ad-slot{width:calc(100% + 28px);margin-left:-14px;margin-right:-14px}}
@media(max-width:299px){.ad-slot,.home-page .ad-slot{display:none}}

/* Collapse the complete wrapper, including label, padding and outer spacing. */
.ad-slot[data-ad-collapsed="true"]{display:none!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important}

/* Home: a short title, one workspace, compact discovery, optional explanations. */
.home-page .simple-hero{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 0 15px;text-align:left}
.home-page .simple-hero h1{font:700 28px/1.15 var(--sans);letter-spacing:-1px;margin:0}
.free-pill{flex:none;background:#f5ded4;color:#9b4935;border-radius:4px;padding:5px 8px;font:600 10px/1.2 var(--sans);text-transform:uppercase;letter-spacing:.8px}
.home-page .converter-section{padding:14px;border-radius:7px}
.home-page .drop-zone{display:grid;grid-template-columns:44px minmax(0,1fr);gap:13px 14px;align-items:center;align-content:center;min-height:124px;padding:18px 16px;text-align:center;background:#eaf3e6;border:1px dashed #a8c9af;border-radius:4px}
.home-page .upload-art{grid-column:1;grid-row:1;position:relative;margin:0;width:44px;height:44px}
.home-page .photo-stamp{width:44px;height:44px;background:#fff;color:#285e4c;border:0;border-radius:7px;transform:none}
.home-page .photo-stamp svg{width:27px;height:27px}
.home-page .upload-mark{width:20px;height:20px;bottom:-4px;right:-3px;font-size:15px;border:2px solid #eaf3e6;border-radius:50%}
.home-page #choose-images{grid-column:2;grid-row:1;width:100%;min-height:46px;padding:12px 14px;margin:0;font-size:14px;gap:12px;background:#285e4c}
.home-page #choose-images:hover:not(:disabled){background:#204b3d}
.home-page .upload-limits{grid-column:1/-1;margin:0;font-size:10px;line-height:1.6;color:#526d5a}
.home-page .upload-foot{margin-top:9px;font-size:10px;gap:10px;line-height:1.5}
.home-page .converter-settings{margin-top:12px;padding-top:13px}
.home-page .output-picker legend{font-size:12px;font-weight:600;margin-bottom:9px}
.home-page .output-buttons{gap:6px}
.home-page .output-buttons button{min-height:42px;font-size:13px}
.home-page .home-options{margin-top:9px;border:0;border-bottom:1px solid var(--line)}
.home-options>summary{min-height:42px;padding:10px 0;font-size:12px;color:var(--muted)}
.home-options>summary>span:last-child{font-size:17px}
.home-options-body{padding:3px 0 14px}
.home-page .home-options .quality-control{margin-top:0}
.home-page .home-options #quality-note{padding:0;margin-top:3px;font-size:10px}
.home-page .home-options #format-note{margin-top:10px}
.home-page .settings-rule{display:none}
.home-page .convert-button{min-height:46px;margin-top:12px;font-size:13px;background:#b9503e}
.home-page .dimensions-note{display:none}
.home-page .converter-note{margin:11px 0 0;padding-top:0;border:0;justify-content:center;font-size:10px;background:none;min-height:17px}
.home-page .conversion-browser{padding-top:25px}
.home-page .browse-heading h2{font-size:22px;max-width:none}
.home-page .browse-heading select{min-height:36px;max-width:132px;font-size:11px}
.home-page .route-grid{gap:7px}
.home-page .route-link{min-height:44px;padding:10px;font-size:12px}
.home-page .browse-footer{justify-content:flex-end;margin-top:11px}
.home-page .home-faq{padding:0 0 26px;margin-top:20px}
.home-help{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.home-help>summary{font-size:13px;font-weight:600;padding:17px 0}
.home-help>.faq-list{padding-bottom:9px}
.home-help .faq-list summary{font-size:12px;padding:13px 0}
.home-help .faq-list details:last-child{border:0}
.home-help .faq-list details p{font-size:12px;line-height:1.75;padding-bottom:15px}
@media(max-width:350px){.home-page .simple-hero h1{font-size:25px}.home-page .converter-section{padding:12px}.home-page .drop-zone{padding:16px 12px;gap:12px;min-height:120px}.home-page .upload-limits{font-size:9px}.home-page .upload-foot{font-size:9px}.home-page .browse-heading h2{font-size:20px}.home-page .route-link{font-size:11px}}
.home-page .upload-art{display:block}
.home-options>summary #home-options-title{font-size:12px;font-weight:400}
.home-page .home-options #format-note{font-size:11px;line-height:1.6;padding:0}
.home-page .converter-note{padding:0}

/* Strong selection and a centred primary conversion action. */
.home-page .output-buttons{gap:10px;padding:2px}
.home-page .output-buttons button{position:relative;min-height:48px;border:2px solid var(--format-bg);font-weight:600}
.home-page .output-buttons button.is-selected{border:3px solid var(--format-ink);outline:2px solid var(--format-ink);outline-offset:2px;background:var(--format-ink);color:#fff;font-weight:800}
.home-page .output-buttons button.is-selected::after{content:'✓';position:absolute;right:5px;top:4px;display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#fff;color:var(--format-ink);font:700 11px/1 Arial,sans-serif}
.convert-button,.home-page .convert-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:54px;padding:14px 18px;background:#aa3e2c;border:2px solid #943526;color:#fff;text-align:center;font-size:15px;font-weight:750;line-height:1.35}
.convert-button svg,.home-page .convert-button svg{position:static;margin:0;width:20px;height:20px;flex:0 0 20px}
.convert-button .convert-label{flex:0 1 auto;min-width:0}
.convert-button:hover:not([aria-disabled="true"]){background:#8d3021;color:#fff}
.convert-button[aria-disabled="true"]{background:#dce7de;border-color:#bdcdbf;color:#4b6254;cursor:not-allowed;opacity:1}
.convert-button[aria-disabled="true"]:hover{background:#dce7de;border-color:#bdcdbf;color:#4b6254}