@font-face{font-family:Pixelify;src:url(../fonts/pixelify-sans-latin-700.f54f30a241c6.woff2) format("woff2");font-weight:700;font-display:swap}:root{--paper:#f5efe3;--card:#fffdf7;--ink:#25211f;--muted:#665f57;--line:#2f2926;--coral:#e45b3f;--coral-deep:#b93d27;--yellow:#f2c94c;--mint:#9ed8c7;--blue:#5177c8;--display:Pixelify,ui-monospace,monospace;--sans:ui-rounded,"Avenir Next","Segoe UI",sans-serif;--mono:"SFMono-Regular",Consolas,monospace;--shadow:5px 5px 0 var(--line);--radius:14px}*{box-sizing:border-box}html,body{overflow-x:clip}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);background-image:linear-gradient(#2f292609 1px,transparent 1px),linear-gradient(90deg,#2f292609 1px,transparent 1px);background-size:24px 24px;font:16px/1.55 var(--sans)}button,input,select{font:inherit}button{cursor:pointer;color:var(--ink)}a{color:inherit}.wrap{width:min(1200px,calc(100% - 2rem));margin:auto}.skip-link{position:fixed;top:-5rem;left:1rem;z-index:99;background:var(--ink);color:#fff;padding:.65rem 1rem}.skip-link:focus{top:1rem}.site{border-bottom:2px solid var(--line);background:#f5efe3ed;position:sticky;top:0;z-index:20}.site .wrap{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.logo{display:flex;align-items:center;gap:.6rem;text-decoration:none;font:700 1.28rem var(--display)}.logo b{color:var(--coral-deep)}.logo-mark{display:grid;grid-template-columns:repeat(2,9px);gap:3px}.logo-mark i{width:9px;height:9px;border:1px solid var(--line);background:var(--coral)}.logo-mark i:nth-child(2){background:var(--yellow)}.logo-mark i:nth-child(3){background:var(--mint)}.logo-mark i:nth-child(4){background:var(--blue)}.main{display:flex;gap:1.1rem;font-size:.9rem;font-weight:700}.main a{text-decoration:none}.main a:hover{text-decoration:underline}.hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:3rem;align-items:center;padding:clamp(3rem,8vw,7rem) 0 4rem}.eyebrow,.section-label{font:700 .78rem/1 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--coral-deep)}h1,h2,h3{font-family:var(--display);line-height:1.03;overflow-wrap:anywhere;margin:.55rem 0 1rem}h1{font-size:clamp(2.9rem,8vw,6.6rem);letter-spacing:-.04em}h2{font-size:clamp(2rem,4vw,3.4rem)}h3{font-size:1.35rem}.lede{max-width:62ch;font-size:1.15rem;color:var(--muted)}.hero-notes{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.hero-notes span{border:1px solid var(--line);background:var(--card);padding:.28rem .55rem;font:700 .74rem var(--mono)}.hero-card{padding:1.5rem;background:var(--yellow);border:2px solid var(--line);box-shadow:var(--shadow);transform:rotate(1.5deg)}.hero-card strong{font:700 1.25rem var(--display)}.hero-card ol{padding-left:1.2rem;margin:.8rem 0 0}.tool-shell{margin-bottom:5rem;padding:clamp(1rem,3vw,2rem);border:2px solid var(--line);background:var(--card);box-shadow:8px 8px 0 var(--line)}.tool-heading{display:flex;justify-content:space-between;gap:1rem;border-bottom:2px solid var(--line);padding-bottom:1rem;margin-bottom:1.25rem}.tool-heading h2{font-size:clamp(1.7rem,4vw,2.8rem);margin-bottom:0}.tool-heading p{max-width:34ch;margin:auto 0;color:var(--muted);font-size:.87rem}.tool-grid{display:grid;grid-template-columns:minmax(270px,.65fr) minmax(0,1.35fr);gap:1.5rem}.controls{display:grid;align-content:start;gap:1rem}fieldset{min-width:0;margin:0;padding:1rem;border:1.5px solid var(--line);border-radius:var(--radius)}legend{padding:0 .3rem;font:700 1rem var(--display)}label{display:grid;gap:.4rem;margin-top:.8rem;font-weight:700;font-size:.9rem}label output{color:var(--coral-deep);font-family:var(--mono);font-size:.82rem}input[type=range]{width:100%;accent-color:var(--coral)}select{width:100%;min-height:42px;border:1px solid var(--line);background:#fff;padding:.5rem}.check{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.check input{width:18px;height:18px;accent-color:var(--coral)}.check small{font-weight:400;color:var(--muted)}.dropzone{width:100%;min-height:94px;border:2px dashed var(--line);background:var(--mint);padding:1rem;font-weight:700;text-align:left}.dropzone span,.dropzone small{display:block}.dropzone span{font:700 1.2rem var(--display)}.dropzone small,.file-name,.shortcut{font-size:.78rem;color:var(--muted)}.text-button{border:0;background:transparent;margin-top:.6rem;padding:0;font-weight:700;text-decoration:underline}.presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;margin-top:.5rem}.presets button{min-height:36px;border:1px solid var(--line);background:var(--paper);font:700 .78rem var(--mono)}.presets button[aria-pressed=true]{background:var(--yellow)}.export-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:1rem}.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border:2px solid var(--line);padding:.6rem .8rem;text-decoration:none;font-weight:700;box-shadow:3px 3px 0 var(--line);text-align:center}.button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--line)}.primary{background:var(--coral);color:#fff}.secondary{background:var(--card)}kbd{padding:.1rem .3rem;border:1px solid var(--line);background:var(--card);font:700 .7rem var(--mono)}.canvas-area{min-width:0}.preview-topline{display:flex;justify-content:space-between;gap:1rem;font-size:.85rem;margin-bottom:.5rem}.preview-topline span{font-family:var(--mono);color:var(--muted)}.compare-frame{position:relative;isolation:isolate;aspect-ratio:1/1;max-height:650px;overflow:hidden;border:2px solid var(--line);background-color:#e9e2d6;background-image:linear-gradient(45deg,#d7d0c4 25%,transparent 25%),linear-gradient(-45deg,#d7d0c4 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d7d0c4 75%),linear-gradient(-45deg,transparent 75%,#d7d0c4 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.compare-frame canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;object-fit:contain}.compare-frame #originalCanvas{z-index:2;clip-path:inset(0 100% 0 0)}.compare-label{position:absolute;z-index:3;bottom:.7rem;padding:.25rem .5rem;background:#25211fd9;color:#fff;font:700 .7rem var(--mono)}.result-label{right:.7rem}.original-label{left:.7rem}.preview-help{font-size:.8rem;color:var(--muted);margin:.6rem 0}.metrics{display:flex;flex-wrap:wrap;gap:.5rem}.metrics span{padding:.35rem .55rem;background:var(--paper);border:1px solid var(--line);font-size:.78rem}.metrics b{font-family:var(--mono)}.palette-panel{margin-top:1rem;border-top:1px solid var(--line);padding-top:1rem}.palette-panel h3{margin:0;font-size:1.2rem}.palette-panel p{margin:.2rem 0 .8rem;color:var(--muted);font-size:.82rem}.palette-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:.45rem}.swatch{display:grid;grid-template-columns:26px minmax(0,1fr);gap:.45rem;align-items:center;padding:.35rem;border:1px solid #0002;background:var(--paper);font:700 .67rem var(--mono)}.swatch i{width:26px;height:26px;border:1px solid #0008}.swatch span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guide{padding:4rem 0}.guide-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:3rem}.guide p{max-width:65ch;color:var(--muted)}.guide ol{margin:1rem 0;padding:1.5rem;align-self:center;border-left:5px solid var(--coral);background:var(--card)}.guide li{margin:.65rem 0}.related{margin-bottom:5rem;padding:clamp(1.5rem,4vw,3rem);display:flex;align-items:center;justify-content:space-between;gap:2rem;background:var(--blue);border:2px solid var(--line);box-shadow:var(--shadow)}.related h2{margin:.4rem 0;color:#fff}.related p{max-width:55ch;margin:0;color:#fff}.related .button{background:var(--yellow);white-space:nowrap}.site-foot{padding:2rem 0;border-top:2px solid var(--line);font-size:.85rem}.site-foot .wrap{display:flex;justify-content:space-between;gap:1rem}.site-foot p{margin:0;color:var(--muted)}.site-foot nav{display:flex;gap:.8rem}.site-foot a{white-space:nowrap}@media(max-width:760px){.main{display:none}.hero,.tool-grid,.guide-grid{grid-template-columns:minmax(0,1fr);gap:1.5rem}.hero{padding-top:3rem}.hero-card{max-width:360px}.tool-heading,.related,.site-foot .wrap{align-items:flex-start;flex-direction:column}.tool-heading p{margin:0}.export-actions{grid-template-columns:minmax(0,1fr)}.compare-frame{aspect-ratio:1/1}.related .button{width:100%}}@media(max-width:380px){.wrap{width:min(100% - 1rem,1200px)}.tool-shell{padding:.75rem}.presets{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.export-panel{display:grid;gap:.55rem;margin-top:.5rem}.export-panel label{margin-top:.25rem}.export-panel small{font-weight:400;color:var(--muted);font-size:.76rem}.export-intro{margin:.1rem 0;color:var(--muted);font-size:.82rem}.export-dimensions{margin:0;padding:.4rem .55rem;border-left:3px solid var(--blue);background:var(--paper);font:700 .75rem var(--mono)}.pdf-export{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--line)}.pdf-export label{margin:0}.pdf-export small{grid-column:1/-1}@media(max-width:380px){.pdf-export{grid-template-columns:minmax(0,1fr)}.pdf-export small{grid-column:auto}}.tone-controls{margin-top:.8rem;border-top:1px solid var(--line);padding-top:.65rem}.tone-controls summary{cursor:pointer;font-weight:700;font-size:.9rem}.tone-controls summary span{color:var(--muted);font-weight:400;font-size:.75rem}.tone-controls label{margin-top:.6rem}.decision-card{margin-top:1rem;padding:1rem 1.1rem;border:2px solid var(--line);background:#ecf6ed;box-shadow:3px 3px 0 var(--line)}.decision-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.decision-heading h3{margin:0;font-size:1.25rem}.decision-card p{margin:.6rem 0;font-size:.86rem}.decision-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:.75rem 0}.decision-card dl div{padding:.55rem;background:#fff;border:1px solid #2f292633}.decision-card dt{color:var(--muted);font:700 .69rem var(--mono);text-transform:uppercase}.decision-card dd{margin:.2rem 0 0;font-size:.78rem}.decision-card .decision-export{margin-bottom:0;padding-top:.6rem;border-top:1px solid #2f292633}.setting-guide{grid-column:1/-1;padding:1.3rem 1.5rem;border:1px solid var(--line);background:var(--card)}.setting-guide h3{margin:0 0 .8rem}.setting-guide p{max-width:100%;margin:.55rem 0}@media(max-width:520px){.decision-heading{align-items:flex-start;flex-direction:column}.decision-card dl{grid-template-columns:1fr}}.pdf-export .button,.pdf-export small{grid-column:1/-1}.compare-frame #originalCanvas{pointer-events:none}.edit-panel{margin-top:1rem;padding:1rem 1.1rem;border:1.5px solid var(--line);background:var(--paper)}.edit-heading{display:flex;justify-content:space-between;align-items:start;gap:1rem}.edit-heading h3{font-size:1.25rem;margin:0}.edit-heading p{font-size:.78rem;color:var(--muted);margin:.35rem 0}.edit-heading button,.edit-actions button{min-height:38px;border:1px solid var(--line);background:var(--card);padding:.35rem .6rem;font:700 .76rem var(--mono)}.edit-heading button[aria-pressed=true]{background:var(--yellow)}.edit-actions{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:.5rem;margin-top:.75rem}.edit-actions label{margin:0}.edit-actions button:disabled{cursor:not-allowed;opacity:.5}.edit-status{margin:.55rem 0 0;font-size:.78rem;color:var(--muted)}.edit-panel[data-active=true]+.palette-panel{border-color:var(--coral)}.compare-frame[data-editing=true] #pixelCanvas{cursor:crosshair;touch-action:none}@media(max-width:540px){.edit-heading{flex-direction:column}.edit-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.edit-actions label{grid-column:1/-1}.edit-actions button{width:100%}}.edit-cursor{position:absolute;z-index:4;pointer-events:none;border:2px solid #fff;box-shadow:inset 0 0 0 1px #25211f,0 0 0 1px #25211f}.edit-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.edit-actions button{align-self:end}.replace-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.5rem;margin-top:.6rem}.replace-actions label{margin:0}.custom-color-row{display:flex;gap:.35rem;align-items:center}.custom-color-row input{width:42px;height:38px;padding:2px;border:1px solid var(--line);background:var(--card)}.custom-color-row button{flex:1;min-height:38px;border:1px solid var(--line);background:var(--card);padding:.35rem;font:700 .72rem var(--mono)}.replace-actions button{min-height:38px;border:1px solid var(--line);background:var(--card);padding:.35rem .6rem;font:700 .76rem var(--mono)}.replace-actions button:disabled{cursor:not-allowed;opacity:.5}@media(max-width:680px){.edit-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.replace-actions{grid-template-columns:1fr}.replace-actions button{width:100%}}@media(max-width:540px){.edit-actions{grid-template-columns:1fr}.edit-actions label{grid-column:auto}}.related-actions{display:grid;gap:.7rem;min-width:min(100%,280px)}.related-actions .button{width:100%;white-space:normal}.related-actions .secondary{background:var(--card)}.hero{gap:clamp(1.25rem,3vw,2.5rem);padding:clamp(1.35rem,3vw,2.5rem) 0 1.5rem}.hero h1{font-size:clamp(2.55rem,5.5vw,5.2rem);margin:.35rem 0 .65rem}.hero .lede{margin:.45rem 0;font-size:clamp(1rem,1.4vw,1.1rem)}.hero-notes{margin-top:.85rem}.hero-card{align-self:stretch;display:grid;align-content:center;padding:1rem 1.15rem;box-shadow:4px 4px 0 var(--line)}.hero-card ol{display:grid;grid-template-columns:minmax(0,1fr);gap:.35rem;margin:.65rem 0 0;padding-left:1.1rem;font-size:.9rem;line-height:1.35}.tool-shell{margin-bottom:3.5rem;padding:clamp(.85rem,2vw,1.4rem);box-shadow:6px 6px 0 var(--line)}.tool-heading{align-items:end;padding-bottom:.7rem;margin-bottom:.85rem}.tool-heading h2{font-size:clamp(1.55rem,3vw,2.35rem)}.tool-grid{gap:clamp(1rem,2.2vw,1.5rem);align-items:start}.controls{gap:.7rem}fieldset{padding:.7rem .8rem}legend{font-size:.94rem}label{gap:.28rem;margin-top:.6rem;font-size:.84rem}select{min-height:38px;padding:.38rem .45rem}.dropzone{min-height:76px;padding:.7rem .8rem}.dropzone span{font-size:1.05rem}.text-button{margin-top:.38rem}.presets{margin-top:.35rem}.presets button{min-height:32px}.export-actions{margin-top:.7rem}.button{min-height:40px;padding:.5rem .65rem}.preview-topline{margin-bottom:.35rem}.compare-frame{max-height:min(60vh,560px)}.preview-help{margin:.42rem 0}.palette-panel,.edit-panel,.decision-card{margin-top:.75rem}.palette-panel{padding-top:.75rem}.edit-panel,.decision-card{padding:.8rem .9rem}.guide{padding:3rem 0}.related{margin-bottom:3.5rem}.source-adjustments{margin-top:.7rem;padding-top:.65rem;border-top:1px solid var(--line)}.source-adjustments summary{cursor:pointer;font-weight:700;font-size:.84rem}.source-adjustments summary span{color:var(--muted);font-weight:400;font-size:.75rem}.source-adjust-canvas{display:block;width:auto;height:auto;max-width:100%;max-height:260px;margin:.65rem auto;border:1px solid var(--line);background:var(--paper);image-rendering:pixelated;touch-action:none}.crop-fields,.source-tool-row,.background-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;align-items:end;margin-top:.6rem}.crop-fields label,.background-fields label,.source-tool-row label{margin:0}.source-tool-row button{min-height:36px;border:1px solid var(--line);background:var(--card);padding:.35rem .55rem;font:700 .74rem var(--mono)}.background-fields{padding-top:.6rem;border-top:1px solid var(--line)}@media(min-width:761px){.controls>fieldset:first-child{padding-bottom:.75rem}.controls>fieldset:nth-child(2){padding-bottom:.8rem}.controls>fieldset:nth-child(3){padding-bottom:.8rem}.export-panel{gap:.45rem}.export-intro{margin:0}.pdf-export{padding-top:.6rem}.edit-actions{margin-top:.6rem}}@media(max-width:760px){.site .wrap{min-height:56px}.hero{gap:.65rem;padding-top:.7rem;padding-bottom:.65rem}.hero h1{font-size:clamp(2.15rem,10vw,3.1rem);margin:.25rem 0 .45rem}.hero .lede{font-size:.96rem;line-height:1.43}.hero-notes{margin-top:.65rem}.hero-card{padding:.65rem .8rem;transform:none}.hero-card strong{font-size:1.08rem}.hero-card ol{grid-template-columns:minmax(0,1fr);gap:.1rem;margin:.4rem 0 0;font-size:.74rem;line-height:1.35}.tool-shell{margin-bottom:2.75rem;padding:.75rem}.tool-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.72fr);align-items:start;gap:.55rem;padding-bottom:.55rem;margin-bottom:.6rem}.tool-heading h2{font-size:clamp(1.2rem,6vw,1.7rem)}.tool-heading p{margin:.1rem 0 0;text-align:right;font-size:.74rem;line-height:1.35}.controls{gap:.65rem}fieldset{padding:.65rem .7rem}.dropzone{min-height:70px}.compare-frame{max-height:none}.canvas-area{min-width:0}.preview-topline{flex-wrap:wrap;gap:.25rem .75rem}.metrics{gap:.35rem}.metrics span{padding:.28rem .4rem}.edit-panel,.decision-card{padding:.75rem}.palette-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}.source-adjust-canvas{max-height:180px}.crop-fields,.source-tool-row,.background-fields{grid-template-columns:minmax(0,1fr)}.source-tool-row button{width:100%}}@media(max-width:380px){.hero-notes{gap:.35rem}.hero-notes span{padding:.24rem .42rem;font-size:.68rem}.tool-heading h2{font-size:1.28rem}.button{min-height:42px}.source-adjustments summary{line-height:1.35}}@media(min-width:541px){.source-tool-row{grid-template-columns:repeat(3,minmax(0,1fr))}}.mobile-live-preview{display:none}@media(max-width:760px){.mobile-live-preview{position:sticky;top:64px;z-index:10;display:grid;gap:.3rem;padding:.45rem .55rem;border:2px solid var(--line);background:var(--card);box-shadow:3px 3px 0 var(--line)}.mobile-live-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;min-width:0}.mobile-live-copy{display:grid;gap:.05rem;min-width:0;line-height:1.25}.mobile-live-copy strong{font:700 .9rem var(--display)}.mobile-live-copy span{color:var(--muted);font:.7rem var(--mono);overflow-wrap:anywhere}.mobile-live-header button{flex:none;min-height:44px;border:1px solid var(--line);background:var(--paper);padding:.25rem .55rem;font:700 .72rem var(--mono)}.mobile-live-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.mobile-live-compare figure{min-width:0;margin:0}.mobile-live-thumb{width:100%;height:clamp(84px,25vw,120px);overflow:hidden;border:1px solid var(--line);background:var(--paper)}.mobile-live-thumb canvas{display:block;width:100%;height:100%;object-fit:contain}#mobilePreviewCanvas{image-rendering:pixelated}.mobile-live-compare figcaption{margin-top:.1rem;font:700 .68rem var(--mono)}.mobile-live-change{margin:0;padding:.25rem .35rem;border-left:3px solid var(--coral);background:var(--paper);font:.7rem/1.35 var(--mono);overflow-wrap:anywhere}.mobile-live-link{width:max-content;max-width:100%;min-height:44px;display:inline-flex;align-items:center;font:700 .72rem var(--mono);text-decoration:underline;text-underline-offset:3px}.mobile-live-header button:focus-visible,.mobile-live-link:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.mobile-live-preview[data-compact=true]{grid-template-columns:100px minmax(0,1fr);grid-template-rows:auto auto;column-gap:.6rem;align-items:center;min-height:86px}.mobile-live-preview[data-compact=true] .mobile-live-compare{grid-column:1;grid-row:1/4;display:block}.mobile-live-preview[data-compact=true] .mobile-live-thumb{height:72px}.mobile-live-preview[data-compact=true] .mobile-live-compare figure:first-child,.mobile-live-preview[data-compact=true] figcaption{display:none}.mobile-live-preview[data-compact=true] .mobile-live-change{grid-column:2;grid-row:2;padding:.18rem .3rem;font-size:.72rem;line-height:1.25}.mobile-live-preview[data-compact=true] .mobile-live-header{grid-column:2;grid-row:1}.mobile-live-preview[data-compact=true] .mobile-live-link{grid-column:2;grid-row:3}#compareFrame{scroll-margin-top:132px}}@media(max-width:760px)and (max-height:600px){body header.site,.mobile-live-preview{position:static}}.faq{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1fr);gap:clamp(1.25rem,4vw,4rem);padding:1rem 0 clamp(3rem,6vw,5rem);scroll-margin-top:5rem}.faq-intro{align-self:start}.faq-intro .section-label{margin:0 0 .7rem}.faq-intro h2{margin:0 0 1rem}.faq-intro p:last-child{max-width:38ch;color:var(--muted);margin:0}.faq-list{min-width:0;border-top:2px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);background:var(--card)}.faq-list details[open]{background:var(--paper)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:54px;padding:.8rem 1rem;cursor:pointer;list-style:none;font:700 1.04rem/1.3 var(--display);overflow-wrap:anywhere}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";flex:none;color:var(--coral-deep);font:700 1.4rem/1 var(--mono)}.faq-list details[open] summary:after{content:"\2212"}.faq-list summary:hover{color:var(--coral-deep)}.faq-list summary:focus-visible{outline:2px solid var(--blue);outline-offset:-4px}.faq-list details p{max-width:70ch;margin:0;padding:0 2.2rem 1.1rem 1rem;color:var(--muted);line-height:1.55}.faq-list details p a{text-decoration-thickness:2px;text-underline-offset:2px}.setting-guide h3:not(:first-child){margin-top:1.35rem;padding-top:1rem;border-top:1px solid var(--line)}@media(max-width:760px){.faq{grid-template-columns:minmax(0,1fr);gap:1.2rem;padding-bottom:3rem}.faq-intro h2{font-size:clamp(1.8rem,8vw,2.5rem)}.faq-list summary{padding:.8rem .75rem;font-size:1rem}.faq-list details p{padding:0 1.75rem 1rem .75rem}}.presets{grid-template-columns:repeat(5,minmax(0,1fr))}.setting-limit{margin:.45rem 0 0;color:var(--muted);font-size:.76rem;line-height:1.4}.button:disabled{cursor:not-allowed;background:var(--card);color:var(--muted);box-shadow:none}.pdf-export #pdfLimitNote[data-blocked=true]{color:var(--coral-deep);font-weight:700}.related-actions .handoff-note{max-width:38ch;margin:0;color:var(--card);font-size:.76rem;line-height:1.4}.related-actions .handoff-note[data-blocked=true]{color:var(--yellow);font-weight:700}.related .button:disabled{background:var(--card);color:var(--muted)}body[data-page-family][data-page-route=pixel-art-converter] .hero{grid-template-columns:minmax(0,1.55fr) minmax(250px,.7fr);gap:2rem;padding:2rem 0 1.5rem}.hero .lede{max-width:65ch;font-size:1.03rem;line-height:1.55;margin:.75rem 0}.hero .hero-card{transform:none;max-width:none;display:grid;grid-template-columns:110px minmax(0,1fr);align-self:center;align-items:center;gap:1rem;padding:1rem;background:var(--mint);box-shadow:4px 4px 0 var(--line)}.hero-card img{width:110px;height:auto;image-rendering:pixelated;border:2px solid var(--line)}.hero-card strong{font-size:.9rem}.hero-card ol{font-size:.76rem;padding-left:1.1rem;margin:.5rem 0 0;line-height:1.5}.page-jumps{display:flex;flex-wrap:wrap;gap:.35rem 1.1rem;margin-top:1rem;font-size:.83rem;font-weight:700}.page-jumps a{display:inline-flex;align-items:center;min-height:36px;text-underline-offset:4px}#pixelTool,#examples,#grid-guide,#export-guide,#photo-guide{scroll-margin-top:85px}.photo-study{padding:3rem 0;border-bottom:2px solid var(--line)}.photo-study h2{font:400 clamp(1.8rem,3.4vw,2.5rem)/1.15 var(--display);margin:0 0 1rem;overflow-wrap:anywhere}.photo-intro{max-width:78ch;color:var(--muted);margin:0 0 2rem}.photo-layout,.photo-results{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem}.photo-source,.photo-result,.photo-result figcaption{min-width:0}.photo-study figure{margin:0}.photo-study img{display:block;width:100%;height:auto;border:2px solid var(--line);background:var(--card)}.photo-source figure{max-width:451px}.photo-source figcaption{font:400 .78rem/1.5 var(--mono);padding-top:.5rem;color:var(--muted)}.photo-source p{font-size:.9rem;max-width:55ch}.photo-source .photo-credit{font-size:.78rem;line-height:1.65}.photo-study a{text-underline-offset:3px}.photo-source .photo-status{min-height:4.5em;padding:.75rem;background:var(--card);color:var(--ink);border:1px solid var(--line);font-size:.82rem}.photo-status[data-state=error]{border-color:var(--coral-deep);color:var(--coral-deep)}.photo-result{display:flex;flex-direction:column;gap:.75rem;border-bottom:1px solid var(--line);padding-bottom:1.25rem}.photo-result img{image-rendering:pixelated;aspect-ratio:3/2;object-fit:contain}.photo-result figcaption{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;flex:1}.photo-result h3{font-size:1.05rem;margin:0}.photo-result p{font-size:.85rem;margin:0}.photo-result .photo-settings{font:400 .75rem/1.6 var(--mono);color:var(--muted)}.photo-result .button{width:auto;min-height:44px;white-space:nowrap;margin-top:auto;font-size:.8rem;padding:.65rem .8rem}.photo-result .button[aria-busy=true]{opacity:.65;cursor:progress}.photo-help{margin-top:2rem;max-width:100%}.photo-help h3{font:400 1.65rem/1.2 var(--display);margin:0 0 1rem}.photo-help dl{margin:0;border-top:1px solid var(--line)}.photo-help dl>div{display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem;padding:1rem 0;border-bottom:1px solid var(--line)}.photo-help dt{font-weight:700}.photo-help dd{margin:0;color:var(--muted);font-size:.9rem}.photo-help dd a{display:table;min-height:44px;padding-top:.6rem;white-space:nowrap;color:var(--ink);font-weight:700}.photo-help>p{font-size:.85rem;color:var(--muted);max-width:82ch}@media(min-width:40rem){.photo-results{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-help dl>div{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:1.5rem}}@media(min-width:64rem){.photo-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.65fr);gap:2.5rem}}.task-bar{display:flex;align-items:center;gap:1.1rem;padding:0 0 1rem;margin-bottom:1rem;border-bottom:1px solid #c9c0b0}.task-buttons{display:flex;flex-shrink:0;gap:.35rem}.task-buttons button{border:2px solid var(--line);min-height:44px;padding:.5rem .7rem;background:var(--card);font:700 .82rem var(--sans);cursor:pointer}.task-buttons button[aria-pressed=true]{background:var(--ink);color:var(--card)}.task-bar p{margin:0;font-size:.78rem;line-height:1.5;color:var(--muted);max-width:70ch}.input-note{font-size:.73rem;color:var(--muted);line-height:1.45;margin:.5rem 0}.dropzone small{color:#34433c}.controls input[type=range]{height:36px;min-height:36px;margin-block:.2rem}.controls .precise-input{margin-top:0}.related{background:#253c6a}.related p{opacity:1}.related .eyebrow{color:var(--yellow)}.dropzone[data-dragging=true]{background:var(--mint);outline:3px dashed var(--line);outline-offset:3px}.controls .precise-input{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.76rem;margin-top:-.35rem}.precise-input input{width:5.5rem;min-height:40px;border:1px solid var(--line);background:#fff;color:var(--ink);padding:.3rem .45rem;font:inherit}.project-panel{border-top:1px solid #c9c0b0;margin-top:1rem;padding-top:.9rem}.project-panel h3{font-size:.94rem;margin:0 0 .65rem}.project-panel p{font-size:.75rem;line-height:1.55;color:var(--muted)}.project-actions{display:flex;gap:.5rem}.project-actions .button{flex:1}.pdf-export #previewPdfButton,.pdf-export #downloadPdfButton,.pdf-export #pdfLimitNote{grid-column:1/-1}.button.primary{background:var(--coral-deep);color:#fff}.button.primary:disabled{background:var(--card);color:var(--muted)}main button:focus-visible,main a:focus-visible,main input:focus-visible,main select:focus-visible,main [tabindex]:focus-visible{outline:3px solid #24599b;outline-offset:4px}main button{touch-action:manipulation}main button:disabled{cursor:not-allowed}.export-dimensions,.mobile-live-change{border-left:0;padding-left:0}.examples{padding:3.5rem 0;border-bottom:2px solid var(--line)}.examples h2,.grid-guide h2,#export-guide h2{font-family:var(--display);font-size:clamp(1.8rem,3.4vw,2.5rem);line-height:1.15;margin:.5rem 0 1rem}.examples-intro{max-width:80ch;line-height:1.6;color:var(--muted)}.example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:1.7rem}.example-card{border:1px solid #bcb2a2;background:var(--card);padding:1.1rem;min-width:0}.example-card h3{font-size:1.18rem;margin:0 0 .35rem}.example-card header p{color:var(--muted);font-size:.8rem;margin:0 0 1rem}.example-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.example-pair figure{margin:0;min-width:0}.example-pair img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:repeating-conic-gradient(#eee7dc 0% 25%,#fffdf7 0% 50%) 50%/16px 16px;border:1px solid #c9c0b0}.pixel-image{image-rendering:pixelated}.example-pair figcaption{font:500 .75rem var(--mono);padding-top:.55rem}.example-card>p{font-size:.85rem;line-height:1.6}.example-card .example-settings{font-size:.74rem;line-height:1.65;color:var(--muted);min-height:2.5em}.example-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;font-size:.8rem}.example-actions .button{font-size:.8rem}.example-actions a{text-underline-offset:4px}.grid-guide-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-top:1.5rem}.grid-guide p,#export-guide p{line-height:1.65;max-width:92ch}.grid-guide h3{font-size:1.03rem}.grid-guide-columns p{font-size:.9rem;color:var(--muted)}.format-table-wrap{overflow:auto;margin-top:1.5rem}.format-table{border-collapse:collapse;width:100%;min-width:540px;font-size:.88rem;line-height:1.55}.format-table caption{text-align:left;font-weight:700;padding:0 0 .8rem}.format-table th,.format-table td{text-align:left;vertical-align:top;padding:.9rem;border:1px solid #bcb2a2}.format-table thead th{background:var(--ink);color:var(--card)}.format-table tbody th{white-space:nowrap}.format-table tbody tr:nth-child(2n){background:var(--card)}.limit-summary{font-size:.83rem;color:var(--muted);margin-top:1rem}.tool-maintenance{padding:1rem 0 2rem;font-size:.8rem;line-height:1.65;color:var(--muted)}.no-script{padding:1rem;border:2px solid var(--coral-deep);font-weight:600}.pdf-dialog{width:min(850px,calc(100vw - 2rem));max-height:92dvh;padding:0;border:2px solid var(--line);background:var(--paper);color:var(--ink);overflow:auto}.pdf-dialog::backdrop{background:#19191eb3}.pdf-dialog-head{display:flex;justify-content:space-between;align-items:start;gap:1rem;padding:1rem;background:var(--card);border-bottom:1px solid #bcb2a2;position:sticky;top:0;z-index:1}.pdf-dialog-head h2{font-family:var(--display);font-size:1.7rem;margin:0}.pdf-dialog-head p{max-width:65ch;font-size:.76rem;line-height:1.4;margin:.4rem 0 0}.pdf-dialog-head .button{box-shadow:none}.pdf-preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:.75rem 1rem}.pdf-preview-toolbar button{min-height:44px;background:var(--card);border:1px solid var(--line);padding:.5rem;font:600 .8rem var(--sans)}.pdf-preview-toolbar p{margin:0;text-align:center;font-size:.8rem}.pdf-preview-toolbar button:disabled{opacity:.5}.pdf-page-preview{padding:0 1rem 1rem}.pdf-page-preview svg{display:block;width:100%;height:auto;background:#fff;box-shadow:0 2px 9px #0002}.pdf-dialog-foot{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;background:var(--card);border-top:1px solid #bcb2a2}.pdf-dialog-foot p{font-size:.78rem;line-height:1.5;max-width:38ch;margin:0}@media(min-width:1050px){.canvas-area{position:sticky;top:80px;align-self:start}.compare-frame{max-height:480px}}@media(max-width:1000px){body[data-page-family][data-page-route=pixel-art-converter] .hero{grid-template-columns:minmax(0,1fr)}.hero .hero-card{grid-template-columns:100px minmax(0,1fr);max-width:520px;align-self:start}.hero-card img{width:100px}.hero-card ol{display:flex;flex-wrap:wrap;gap:.2rem 1.5rem}.task-bar{align-items:start;flex-direction:column;gap:.6rem}.grid-guide-columns{grid-template-columns:minmax(0,1fr);gap:.5rem}}@media(max-width:760px){body[data-page-family][data-page-route=pixel-art-converter] .hero{padding:1rem 0;gap:.8rem}.hero .hero-card{padding:.65rem;grid-template-columns:64px minmax(0,1fr);box-shadow:none}.hero-card img{width:64px}.hero-card strong{font-size:.78rem}.hero-card ol{font-size:.68rem;margin:.25rem 0 0;gap:.05rem 1.2rem}.hero .hero-card{display:none}body[data-page-family][data-page-route=pixel-art-converter] .hero h1{font-size:clamp(2rem,9vw,2.4rem);line-height:1.08}.hero-notes{gap:.4rem .85rem}.hero-notes span{border:0;padding:0;background:none;font:.75rem var(--sans)}.page-jumps a{min-height:30px}.tool-heading{grid-template-columns:minmax(0,1fr);gap:.25rem}.tool-heading #toolTitle{font-size:1.3rem;line-height:1.15}.tool-heading #status{max-width:none;font-size:.7rem;line-height:1.3;margin:0}.hero .lede{font-size:.9rem;line-height:1.5}.page-jumps{font-size:.75rem;gap:.15rem .9rem;margin-top:.5rem}.task-buttons{width:100%}.task-buttons button{flex:1;min-width:0;padding:.45rem;font-size:.76rem}.task-bar{margin-bottom:.75rem;padding-bottom:.75rem}.task-bar p{font-size:.74rem}.mobile-live-preview[data-compact=true]{grid-template-columns:76px minmax(0,1fr);min-height:100px;padding:.5rem;gap:.2rem .6rem}.mobile-live-preview[data-compact=true] .mobile-live-compare{grid-column:1;grid-row:1/4}.mobile-live-preview[data-compact=true] .mobile-live-thumb{height:58px}.mobile-live-preview[data-compact=true] .mobile-live-change{font-size:.66rem;line-height:1.2;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mobile-live-preview[data-compact=true] .mobile-live-header{min-width:0;gap:.2rem}.mobile-live-preview[data-compact=true] .mobile-live-header strong{font-size:.7rem}.mobile-live-preview[data-compact=true] .mobile-live-header span{font-size:.66rem}.mobile-live-preview[data-compact=true] #mobilePreviewToggle{min-height:36px;padding:.3rem;font-size:.66rem}.mobile-live-preview[data-compact=true] .mobile-live-link{font-size:.7rem;line-height:1.2;min-height:24px}.examples{padding:2.5rem 0}.example-grid{grid-template-columns:minmax(0,1fr);gap:1rem}.example-card{padding:.85rem}.example-settings{min-height:0}.example-actions{gap:.65rem}.example-actions .button{width:auto}.grid-guide-columns{gap:.5rem}.format-table{font-size:.8rem}.guide{padding:2.5rem 0}.pdf-dialog{width:calc(100vw - 1rem);max-height:95dvh}.pdf-dialog-head{padding:.7rem}.pdf-dialog-head h2{font-size:1.4rem}.pdf-dialog-head p{font-size:.7rem}.pdf-dialog-head .button{min-width:60px;padding:.4rem;font-size:.75rem}.pdf-preview-toolbar{padding:.6rem}.pdf-preview-toolbar p,.pdf-preview-toolbar button{font-size:.7rem}.pdf-page-preview{padding:0 .4rem .6rem}.pdf-dialog-foot{flex-direction:column;align-items:stretch;padding:.7rem;gap:.5rem}.pdf-dialog-foot p{max-width:none}}.hero-credit{font-size:.72rem;color:var(--ink);text-underline-offset:3px}.keep-settings{font-size:.75rem!important;line-height:1.4}.style-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.style-choice{display:flex;flex-direction:column;align-items:stretch;gap:.25rem;min-width:0;padding:.4rem;border:2px solid var(--line);border-radius:5px;background:var(--card);color:var(--ink);font:600 .77rem var(--sans);text-align:left;cursor:pointer}.style-choice canvas{display:block;width:100%;height:auto;max-height:80px;aspect-ratio:1;object-fit:contain;image-rendering:pixelated;background:var(--paper)}.style-choice[aria-pressed=true]{border-color:var(--coral-deep);background:var(--paper);box-shadow:inset 0 -3px var(--coral-deep)}.style-choice[aria-pressed=true] .style-name:after{content:" \2713";color:var(--coral-deep)}.style-choice:hover:not(:disabled){background:var(--mint)}.style-choice:disabled{opacity:.65}.style-choice[aria-busy=true] .style-spec{opacity:.55}.style-spec{font:500 .61rem/1.4 var(--mono);color:var(--muted);overflow-wrap:anywhere}#styleStatus{font-size:.76rem;line-height:1.55;color:var(--muted);margin:.7rem 0 0;min-height:3em}.advanced-settings{margin-top:.9rem;border-top:1px solid var(--line);padding-top:.75rem}.advanced-settings>summary,.result-disclosure>summary{font:700 .85rem/1.5 var(--sans);cursor:pointer;min-height:36px;list-style-position:inside}.advanced-settings>summary:focus-visible,.result-disclosure>summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.advanced-settings[open]>summary{margin-bottom:.75rem}.preview-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.7rem;margin-top:1rem}.preview-actions a{font-size:.8rem;text-underline-offset:3px}.compare-frame{margin-inline:auto}.preview-comparison-control{margin-top:.7rem;max-width:480px;margin-inline:auto}.preview-comparison-control label{display:block;font-size:.78rem;font-weight:600}.preview-comparison-control output{float:right;font-family:var(--mono)}.preview-comparison-control input{display:block;width:100%;height:36px;accent-color:var(--coral-deep)}.sample-credit{font-size:.72rem;line-height:1.6;color:var(--muted);margin:.65rem 0}.sample-credit[hidden]{display:none}.result-disclosure{border-top:1px solid var(--line);padding:.8rem 0;margin-top:.5rem}.result-disclosure>.edit-panel,.result-disclosure>.palette-panel{margin-top:.6rem}#exportControls>#downloadButton{width:100%}.export-actions>button:only-child{grid-column:1/-1}.style-study{padding:3.5rem 0;border-bottom:2px solid var(--line)}.style-study h2{font:400 clamp(1.8rem,3.4vw,2.5rem)/1.15 var(--display);margin:.5rem 0 1rem;overflow-wrap:anywhere}.style-intro{max-width:85ch;color:var(--muted);line-height:1.65}.style-comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem 1.25rem;margin:1.8rem 0}.style-example{margin:0;min-width:0}.style-example>img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:var(--card);border:1px solid var(--line)}.style-example h3{font-size:1.1rem;margin:.9rem 0 .35rem}.style-example p{font-size:.84rem;line-height:1.55;margin:.6rem 0}.style-example .style-measure{font:.73rem/1.65 var(--mono);color:var(--muted)}.style-example a,.style-example button{font-size:.79rem;min-height:40px;display:inline-flex;align-items:center}.style-example .text-button{padding:.5rem 0;text-align:left}.sample-attribution{font-size:.78rem;line-height:1.65;color:var(--muted);max-width:100ch}.sample-attribution a{text-underline-offset:3px}.style-guidance{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:.8rem 2rem;margin-top:1.5rem;border-top:1px solid var(--line);padding-top:1.5rem}.style-guidance h3{font-size:1rem;margin:0}.style-guidance p{font-size:.9rem;line-height:1.65;margin:0;color:var(--muted)}@media(max-width:760px){.style-study{padding:2.5rem 0}.style-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem .8rem}.style-example h3{font-size:.96rem}.style-example p{font-size:.8rem}.style-example .style-measure{font-size:.64rem}.style-guidance{grid-template-columns:minmax(0,1fr);gap:.6rem}.style-guidance p+h3{margin-top:.6rem}.style-choice canvas{max-height:72px}.style-spec{font-size:.6rem}.preview-actions .button{width:auto}}@media(max-width:374px){.style-comparison{grid-template-columns:minmax(0,1fr)}.style-options{gap:.35rem}.style-choice{padding:.3rem;font-size:.73rem}.style-spec{font-size:.56rem}}.preview-topline{align-items:center;gap:.5rem;flex-wrap:nowrap}.preview-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .6rem;min-width:0}.preview-title strong{font-size:.85rem}.preview-title #dimensions{font-size:.72rem;white-space:nowrap}.compare-toggle{flex-shrink:0;min-height:44px;padding:.45rem .65rem;border:1px solid var(--line);background:var(--card);color:var(--ink);font:700 .75rem var(--mono);white-space:nowrap}.compare-toggle[aria-pressed=true]{background:var(--yellow);color:var(--ink)}.compare-toggle:active:not(:disabled){background:var(--mint);color:var(--ink)}.compare-toggle:disabled{opacity:.5;cursor:not-allowed}.compare-toggle:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.compare-overlay{position:absolute;inset:0;z-index:4;pointer-events:none;--compare-position:50%}.compare-overlay[hidden],.compare-label[hidden],#originalCanvas[hidden]{display:none}.compare-label{pointer-events:none}.compare-divider{position:absolute;inset-block:0;left:var(--compare-position);width:2px;background:var(--card);box-shadow:0 0 0 1px var(--ink);transform:translate(-50%)}.compare-handle{position:absolute;inset-block:0;left:clamp(22px,var(--compare-position),calc(100% - 22px));width:44px;transform:translate(-50%);display:grid;place-items:center;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;cursor:ew-resize}.compare-grip{display:grid;place-items:center;width:44px;height:44px;border:2px solid var(--ink);background:var(--card);color:var(--ink);border-radius:50%;font:700 1.3rem var(--mono);white-space:pre}.compare-handle[data-dragging=true] .compare-grip{background:var(--yellow);color:var(--ink)}main #compareHandle:focus-visible{outline:none}.compare-handle:focus-visible .compare-grip{outline:3px solid var(--ink);outline-offset:3px;box-shadow:0 0 0 6px var(--card)}@media(hover:hover){.compare-toggle:hover:not(:disabled){background:var(--mint);color:var(--ink)}.compare-handle:hover .compare-grip{background:var(--yellow);color:var(--ink)}}