:root{color:#222823;font-synthesis:none;--ink:#222823;--accent:#345c42;--green:#345c42;--border:#d9ddd4;--muted:#687168;--soft:#e7eddf;background:#f4f3ee;font-family:Arial,Segoe UI,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{border:1px solid var(--border);min-height:44px;color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:600;line-height:20px;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}button:hover:not(:disabled){background:#f0f2ec;border-color:#91a28a}button:disabled{color:#8a9287;cursor:not-allowed;background:#f0f1ec;border-color:#e0e3db}button[aria-pressed=true]{background:var(--soft);color:#345c42;border-color:#a4b19a}button.primary{background:var(--ink);border-color:var(--ink);color:#fff;min-height:50px;box-shadow:none;padding:13px 24px}button.primary:hover:not(:disabled){background:#384038;transform:translateY(-1px)}button.primary:disabled{box-shadow:none;color:#7b8578;background:#e6e8e1;border-color:#e6e8e1}a{color:var(--accent);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #688862}input,select{width:100%;min-height:44px;color:var(--ink);background:#fff;border:1px solid #ccd2c5;border-radius:7px;padding:9px 12px;font-size:16px}input[aria-invalid=true]{border-color:#b42318}h1,h2,h3,p{margin:0}h1{letter-spacing:-2.6px;font-size:58px;font-weight:650;line-height:1.05}h2{letter-spacing:-.8px;font-size:30px;line-height:1.2}h3{letter-spacing:-.2px;font-size:18px;line-height:1.35}small{font-size:12px;line-height:20px}svg{flex-shrink:0}img{max-width:100%}em{font-style:normal}.muted{color:var(--muted)}.visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.skip-link{z-index:100;border:2px solid var(--accent);background:#fff;border-radius:8px;padding:12px;position:fixed;top:-80px;left:16px}.skip-link:focus{top:10px}.checker{background-color:#f1f2ec;background-image:linear-gradient(45deg,#e5e8de 25%,#0000 25%),linear-gradient(-45deg,#e5e8de 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e5e8de 75%),linear-gradient(-45deg,#0000 75%,#e5e8de 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px}.white{background:#fff}.black{background:#222823}.work-grid{border:1px solid var(--border);background:#fff;border-radius:14px;grid-template-columns:minmax(0,1fr) 344px;align-items:start;gap:0;display:grid;overflow:hidden;box-shadow:0 8px 28px #22282303}.preview-card{min-width:0;padding:22px 24px 18px}.settings-card{border-left:1px solid var(--border);background:#fffefb;align-self:stretch;min-width:0;padding:25px 24px}.file-bar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:21px;display:flex}.file-description{min-width:0}.file-description strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.file-description span{color:var(--muted);margin-top:3px;font-size:11px;display:block}.file-bar>button{flex-shrink:0;min-height:36px;padding:7px 10px;font-size:11px}.preview-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px;display:flex}.segmented{background:#eff1eb;border-radius:8px;flex-shrink:0;gap:3px;padding:3px;display:flex}.segmented button{background:0 0;border:1px solid #0000;border-radius:5px;min-width:44px;min-height:36px;padding:6px 13px;font-size:12px}.segmented button[aria-pressed=true]{color:#345c42;background:#fff;border-color:#d9ddd4;box-shadow:0 1px 3px #24243b0a}.segmented.full button{flex:1}.preview-toolbar>button{background:#f1f2ec;border-color:#0000}.preview-stage{border:1px solid #dfe3d7;border-radius:9px;justify-content:center;align-items:center;height:480px;display:flex;position:relative;overflow:hidden}.canvas-holder{place-items:safe center;width:100%;height:100%;display:grid;overflow:auto}.canvas-holder canvas{image-rendering:pixelated;flex-shrink:0;max-width:none;display:block}.processing-placeholder{color:var(--muted);align-items:center;gap:10px;font-size:14px;display:flex}.processing-badge,.stale-badge{border:1px solid var(--border);white-space:nowrap;background:#ffffffed;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.stale-badge{color:#b42318}.spinner{border:2px solid #cdd7c6;border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}.preview-meta{justify-content:space-between;align-items:center;gap:12px;margin-top:14px;font-size:11px;display:flex}.preview-meta strong{font-family:SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:500}.preview-meta>span{color:var(--muted)}.preview-options{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:15px;display:flex}.background-controls{align-items:center;gap:5px;display:flex}.background-controls>span{color:var(--muted);margin-right:6px;font-size:11px}.background-swatch{width:44px;min-width:44px;height:44px;min-height:44px;box-shadow:0 0 0 1px var(--border) inset;border:7px solid #fff;border-radius:10px;padding:7px}.background-swatch[aria-pressed=true]{outline:1px solid var(--accent);outline-offset:-3px}.background-swatch.white{background:#fff}.background-swatch.black{background:#222823}.background-swatch.checker{background-color:#f1f2ec;background-image:linear-gradient(45deg,#d9ddd4 25%,#0000 25%),linear-gradient(-45deg,#d9ddd4 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#d9ddd4 75%),linear-gradient(-45deg,#0000 75%,#d9ddd4 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px}.zoom-controls{gap:4px;display:flex}.zoom-controls button{min-width:44px;padding:6px 10px}.preview-caption{color:var(--muted);margin-top:10px;font-size:10px;line-height:18px}.settings-card h2{letter-spacing:-.5px;align-items:center;gap:10px;font-size:19px;line-height:26px;display:flex}.settings-card h2>span{color:#688862;font-size:18px}.help-link{white-space:nowrap;font-size:10px;text-decoration:none}.setting-block{border-top:1px solid var(--border);margin-top:18px;padding-top:18px}.settings-card>.section-line+.setting-block{border-top:0;margin-top:0;padding-top:0}.setting-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.setting-heading>span{color:var(--muted);font-size:10px}.setting-block h3{font-size:12px;font-weight:650;line-height:20px}.size-fields{grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr);align-items:end;gap:10px;margin-top:9px;display:grid}.size-fields label{color:var(--muted);font-size:10px;font-weight:500}.size-fields label>span{float:right;font-weight:400}.size-fields input,.size-fields output{min-height:44px;color:var(--ink);margin-top:5px;font-family:SFMono-Regular,Consolas,monospace;font-size:18px;font-weight:500;display:block}.size-fields output{border:1px solid var(--border);background:#f1f2ec;border-radius:7px;padding:8px 12px}.size-link{text-align:center;color:#7b8578;padding-bottom:11px}.field-hint{color:var(--muted);margin-top:7px;font-size:11px;line-height:17px}.field-error{color:#b42318;margin-top:8px;font-size:12px;line-height:18px}.quick-sizes,.color-counts{gap:7px;margin-top:10px;display:flex}.quick-sizes button,.color-counts button{flex:1;min-height:38px;padding:7px;font-size:11px}.setting-block>.full{margin-top:9px}.preset-label{margin-top:12px;font-size:11px}.stacked-label{flex-direction:column;gap:7px;font-size:13px;font-weight:600;display:flex}.dither-block{justify-content:space-between;align-items:center;gap:10px;display:flex}.dither-block .field-hint{max-width:145px;margin-top:3px}.dither-block .segmented button{padding:6px 9px}.palette-block summary{cursor:pointer;min-height:30px;list-style:none}.palette-block summary::-webkit-details-marker{display:none}.palette-block summary>span:first-child{color:var(--ink);font-size:11px;font-weight:600}.palette-block summary>span:last-child{white-space:nowrap;font-size:10px}.palette-block summary:after{content:"+";color:var(--accent);font-size:17px}.palette-block[open] summary:after{content:"−"}.palette-grid{grid-template-columns:repeat(6,1fr);gap:2px;margin-top:12px;display:grid}.palette-swatch{background:0 0;border:1px solid #0000;border-radius:6px;min-width:0;min-height:44px;padding:4px}.palette-swatch>span{aspect-ratio:1;border:1px solid #22282320;border-radius:3px;width:100%;display:block}.palette-swatch:hover:not(:disabled){border-color:var(--accent);background:var(--soft)}.palette-swatch:disabled{background:0 0;border-color:#0000}.history-controls{gap:8px;margin-top:14px;display:flex}.history-controls button{background:#eff1eb;border:0;flex:1;min-height:38px;font-size:11px}.history-controls span{font-size:18px}.export-bar{border-top:1px solid var(--border);margin-top:22px;padding-top:20px}.export-options{justify-content:space-between;align-items:flex-end;gap:10px;display:flex}.export-scale{flex-direction:column;gap:7px;display:flex}.export-label{color:var(--muted);font-size:10px;font-weight:600}.export-scale .segmented{gap:0;padding:2px}.export-scale .segmented button{min-width:33px;min-height:34px;padding:5px 6px;font-size:11px}.export-dimensions{flex-direction:column;align-items:flex-end;padding-bottom:4px;display:flex}.export-dimensions strong{white-space:nowrap;font-family:Consolas,monospace;font-size:13px;font-weight:500}.export-dimensions strong span{color:var(--muted);font-size:10px;font-weight:400}.export-dimensions>span{color:var(--muted);font-size:9px}.download-button{width:100%;margin-top:14px;font-size:13px}.examples-compact .example-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.examples-compact .example-card{flex-direction:row;align-items:center}.examples-compact .example-thumb{flex-shrink:0;width:64px;height:64px}.examples-compact .example-thumb img{padding:5px}.examples-compact .example-arrow{margin-left:auto;padding-right:16px;position:static}.content-section{padding:70px 0 0;scroll-margin-top:24px}.content-section>.eyebrow{color:var(--accent)}.content-section>h2{margin-bottom:25px}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;display:grid}.result-tips .steps{grid-template-columns:repeat(2,minmax(0,1fr))}.step{border-top:1px solid var(--border);padding:24px 0}.step-number{color:var(--accent);letter-spacing:1px;margin-bottom:18px;font-family:Consolas,monospace;font-size:12px;display:block}.step h3{margin-bottom:9px;font-size:17px;font-weight:600}.step p{color:var(--muted);font-size:13px;line-height:23px}.prose{max-width:800px;margin:0 auto}.prose h1{letter-spacing:-1.5px;margin-bottom:20px;font-size:40px}.prose h2{text-align:left;margin-top:30px;margin-bottom:12px;font-size:22px}.prose h3{margin:20px 0 8px}.prose p{color:var(--muted);margin:12px 0;line-height:1.7}.prose li{color:var(--muted);margin:8px 0}.prose.content-section{min-height:60vh;padding-top:48px}.faq{max-width:800px;margin:0 auto}.faq details{border-bottom:1px solid var(--border);padding:21px 0}.faq summary{cursor:pointer;padding-right:32px;font-size:15px;font-weight:500;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--accent);font-size:20px;font-weight:400;position:absolute;right:4px}.faq details[open] summary:after{content:"−"}.faq details p{color:var(--muted);max-width:720px;padding-top:12px;font-size:13px;line-height:23px}.site-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;margin-top:80px;padding:28px 0 36px;display:flex}.site-footer>span{color:var(--muted);font-size:13px}.site-footer .brand-sub{text-transform:none;letter-spacing:0;margin-left:4px;font-size:13px;display:inline}.error-banner{color:#912018;background:#fff1f0;border:1px solid #f3b5aa;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:14px 16px;display:flex}.error-banner strong{font-size:14px}.error-banner p{margin-top:3px;font-size:13px}.error-banner>button{background:0 0;border-color:#de9286;flex-shrink:0}.drop-overlay{border:3px dashed var(--accent);z-index:10;pointer-events:none;color:var(--accent);background:#e7eddff5;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:18px;font-size:24px;display:flex;position:absolute;inset:0}.toast{z-index:30;background:var(--ink);color:#fff;opacity:0;visibility:hidden;pointer-events:none;border-radius:10px;width:calc(100% - 32px);max-width:560px;padding:14px 18px;font-size:13px;transition:opacity .15s,transform .15s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,10px);box-shadow:0 4px 20px #24243615}.toast-visible{opacity:1;visibility:visible;transform:translate(-50%)}.editor-dialog{border:1px solid var(--border);color:#222823;border-radius:16px;width:min(620px,100% - 32px);max-height:calc(100dvh - 32px);padding:24px;overflow:auto;box-shadow:0 16px 80px #22282326}.editor-dialog::backdrop{background:#20282080}.editor-dialog .muted{margin:10px 0 20px;font-size:14px;line-height:22px}.dialog-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.dialog-title h2{font-size:22px;line-height:30px}.icon-button{background:0 0;border-color:#0000;min-width:44px;padding:6px;font-size:26px}.dialog-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.dialog-actions button{min-width:112px}.crop-modes{margin-bottom:16px}.crop-stage{border:1px solid var(--border);border-radius:8px;justify-content:center;align-items:center;height:340px;display:flex;overflow:hidden}.crop-image{touch-action:none;cursor:crosshair;align-items:center;max-width:100%;max-height:100%;line-height:0;display:flex;position:relative}.crop-image canvas{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:338px;display:block}.crop-selection{pointer-events:none;border:2px solid #fff;outline:1px solid #222823;position:absolute;box-shadow:0 0 0 10000px #22282350}.crop-selection:before,.crop-selection:after{content:"";border-top:1px solid #ffffff80;border-bottom:1px solid #ffffff80;position:absolute;inset:33.333% 0}.crop-selection:after{border:0;border-left:1px solid #ffffff80;border-right:1px solid #ffffff80;inset:0 33.333%}.crop-selection span{background:#fff;border:1px solid #222823;width:8px;height:8px;position:absolute}.crop-selection span:first-child{top:-5px;left:-5px}.crop-selection span:nth-child(2){top:-5px;right:-5px}.crop-selection span:nth-child(3){bottom:-5px;left:-5px}.crop-selection span:nth-child(4){bottom:-5px;right:-5px}.crop-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.crop-fields label{font-size:12px;font-weight:600}.crop-fields input{margin-top:6px;padding:10px}.color-dialog{max-width:430px}.color-comparison{justify-content:center;align-items:center;gap:32px;margin:24px 0;display:flex}.color-comparison>div{flex-direction:column;align-items:center;gap:4px;font-size:12px;display:flex}.color-comparison strong{font-size:14px}.color-comparison>span{color:var(--muted);font-size:24px}.large-swatch{border:1px solid #22282330;border-radius:10px;width:76px;height:76px;margin-bottom:6px;display:block}.color-picker{position:relative;overflow:hidden}.color-picker input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.site-shell{max-width:1264px;margin:auto;padding:0 36px}.site-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:82px;display:flex}.brand{color:var(--ink);letter-spacing:-.4px;white-space:nowrap;align-items:center;gap:11px;font-size:17px;font-weight:700;text-decoration:none;display:flex}.brand svg{color:var(--accent)}.nav-links{gap:30px;display:flex}.nav-links a,.mobile-help{color:var(--muted);font-size:13px;text-decoration:none}.mobile-help{display:none}.workspace{scroll-margin-top:20px;position:relative}.landing{grid-template-columns:minmax(0,1fr) 602px;align-items:center;gap:65px;padding:64px 0 44px;display:grid}.intro{min-width:0}.topnote{letter-spacing:1.5px;color:var(--muted);align-items:center;gap:8px;margin-bottom:21px;font-size:9px;display:flex}.topnote>span{background:var(--accent);width:5px;height:5px}.intro h1{letter-spacing:-1.9px;margin-bottom:19px;font-size:44px;font-weight:600;line-height:1.09}.intro h1>span{display:block}.intro-copy{color:var(--muted);max-width:320px;margin-bottom:28px;font-size:16px;line-height:1.6}.upload-button{justify-content:space-between;gap:32px;min-width:226px}.upload-note{color:var(--muted);margin-top:11px;font-size:11px;line-height:1.8}.local-note{color:var(--muted);align-items:center;gap:7px;margin-top:24px;font-size:11px;display:flex}.photo-demo{border:1px solid var(--border);background:#fffefb;border-radius:12px;min-width:0;scroll-margin-top:24px;overflow:hidden}.demo-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:15px 21px;font-size:12px;display:flex}.demo-head strong{font-weight:600}.demo-head>span{letter-spacing:1px;color:var(--muted);font-size:9px}.comparison{grid-template-columns:256px 256px;justify-content:center;gap:20px;padding:21px 16px 15px;display:grid}.image-label{color:var(--muted);justify-content:space-between;margin-bottom:8px;font-size:11px;display:flex}.image-label small{letter-spacing:1px;font-size:8px}.photo-box{background:#e9ece3;border-radius:3px;width:256px;height:256px;overflow:hidden}.photo-box img{object-fit:cover;width:100%;height:100%;display:block}.photo-box img.pixel{image-rendering:pixelated}.comparison-caption{text-align:center;color:var(--muted);padding:0 12px 17px;font-size:10px}.demo-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:12px 17px;display:flex}.sample-list{gap:6px;display:flex}.sample-list button{background:0 0;border-color:#0000;gap:6px;min-height:40px;padding:3px 7px 3px 3px;font-size:10px;font-weight:400}.sample-list button[aria-pressed=true]{background:var(--soft);border-color:#8b9f7e}.sample-list img{object-fit:cover;border-radius:3px;width:32px;height:32px}.text-button{white-space:nowrap;color:var(--accent);background:0 0;border-color:#0000;padding:6px;font-size:12px}.underbar{color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding-bottom:40px;font-size:12px;display:flex}.underbar .segmented{border:1px solid var(--border);background:#eaece5;padding:2px}.underbar button{min-height:34px;padding:5px 12px;font-size:11px}.editor-title{justify-content:space-between;align-items:center;gap:20px;padding:31px 0 23px;display:flex}.editor-title h1{letter-spacing:-.7px;font-size:26px;font-weight:600;line-height:1.25}.editor-title p{color:var(--muted);font-size:12px}.work-grid{box-shadow:none;background:#fffefb;border-radius:11px;grid-template-columns:minmax(0,1fr) 310px}.preview-card{padding:18px 20px}.settings-card{padding:23px 20px}.preview-stage{border-radius:6px;height:444px}.file-bar{margin-bottom:15px}.preview-toolbar{margin-bottom:12px}.preview-meta{margin-top:12px}.preview-caption{font-size:10px}.settings-card h2{letter-spacing:-.2px;font-size:15px}.settings-card>.section-line{margin-bottom:22px}.help-link{font-size:10px}.setting-block{margin-top:16px;padding-top:16px}.export-bar{margin-top:19px;padding-top:18px}.download-button{min-height:46px!important}.inline-export{display:none}.export-hidden{display:none!important}.section-line{justify-content:space-between;align-items:center;gap:12px;display:flex}.examples-section h2{letter-spacing:0;font-size:13px}.examples-section .section-line>a{color:var(--muted);font-size:11px}.examples-compact{margin-top:22px}.example-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:13px;display:grid}.example-card{text-align:left;background:#fffefb;justify-content:flex-start;gap:13px;min-width:0;padding:8px;font-weight:500}.example-card>img{object-fit:cover;border-radius:4px;width:48px;height:48px}.example-card strong{font-size:12px;display:block}.example-card small{color:var(--muted);font-size:10px;display:block}.example-arrow{color:var(--accent);margin-left:auto}.content-section{padding-top:56px}.content-section>h2{margin-bottom:23px;font-size:25px}.steps{gap:35px}.step{padding:21px 0}.step-number{letter-spacing:0;float:left;color:#819076;margin-right:8px;font-family:inherit;font-size:10px;line-height:23px;display:inline}.step h3{letter-spacing:-.2px;font-size:15px}.step p{font-size:13px;line-height:1.7}.step-number~p{padding-left:23px}#how-it-works{padding-top:0}.photo-credits{color:var(--muted);justify-content:space-between;align-items:flex-start;gap:28px;padding-top:42px;scroll-margin-top:20px;font-size:11px;display:flex}.photo-credits summary{cursor:pointer;min-height:32px}.photo-credits p{max-width:650px;margin:8px 0}.photo-credits li{margin:6px 0}.photo-credits>span{white-space:nowrap}.site-footer{margin-top:32px;padding:25px 0 32px}.site-footer nav{gap:24px;display:flex}.site-footer a{color:var(--muted);font-size:12px;text-decoration:none}@media (width>=981px) and (width<=1160px){.site-shell{padding:0 28px}.landing{grid-template-columns:minmax(0,1fr) 564px;gap:30px}.intro h1{font-size:38px}.intro-copy{font-size:14px}.demo-foot{padding:12px}.sample-list button{padding-right:4px}.comparison{gap:16px}.preview-card{padding:17px}.work-grid{grid-template-columns:minmax(0,1fr) 300px}.settings-card{padding:22px 17px}.background-controls>span{display:none}}@media (width<=980px){.site-shell{padding:0 22px}.site-header{height:66px}.brand{gap:9px;font-size:14px}.brand svg{width:23px;height:23px}.nav-links{display:none}.mobile-help{justify-content:center;align-items:center;min-width:44px;min-height:44px;font-size:12px;display:flex}.landing{flex-direction:column;align-items:stretch;gap:26px;padding:29px 0 23px;display:flex}.topnote{display:none}.intro h1{letter-spacing:-1px;margin-bottom:13px;font-size:32px;line-height:1.13}.intro h1>span{display:inline}.intro-copy{max-width:320px;margin-bottom:18px;font-size:14px;line-height:1.5}.upload-button{width:100%;min-height:48px!important}.upload-note{flex-wrap:wrap;justify-content:space-between;gap:2px 10px;margin-top:8px;font-size:10px;line-height:1.6;display:flex}.local-note{margin-top:8px;font-size:10px}.local-note svg{width:12px;height:12px}.demo-head{padding:12px;font-size:11px}.demo-head>span{font-size:8px}.comparison{grid-template-columns:128px 128px;justify-content:space-around;gap:10px;padding:13px 10px}.photo-box{width:128px;height:128px}.image-label{margin-bottom:7px;font-size:10px}.image-label small{display:none}.comparison-caption{padding:0 8px 12px;font-size:9px}.demo-foot{gap:4px;padding:10px}.sample-list{gap:5px}.sample-list button{gap:0;min-width:40px;min-height:40px;padding:3px}.sample-list button span{display:none}.text-button{font-size:11px}.underbar{align-items:flex-start;gap:12px;padding-bottom:25px;font-size:10px}.underbar p{max-width:165px}.underbar button{min-height:32px;padding:4px 9px;font-size:10px}.editor-title{padding:24px 0 16px}.editor-title h1{font-size:22px;line-height:1.2}.editor-title p{display:none}.work-grid{display:block}.preview-card{padding:14px}.file-bar{gap:12px;margin-bottom:11px}.file-description strong{font-size:11px}.file-description span{font-size:10px}.file-bar>button{min-height:36px;font-size:10px}.preview-toolbar{margin-bottom:10px}.preview-toolbar button{min-height:38px;font-size:11px}.preview-stage{height:298px}.preview-meta{margin-top:11px;font-size:10px}.preview-meta strong{font-size:11px}.preview-meta>span{display:none}.inline-export{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding-top:12px;display:flex}.inline-export>span{color:var(--muted);font-size:10px}.inline-export .primary{min-height:38px;padding:8px 14px;font-size:11px}.preview-options{flex-wrap:nowrap;gap:6px;margin-top:12px}.background-controls>span{display:none}.zoom-controls{gap:2px}.zoom-controls button{padding:6px 8px}.preview-caption{margin-top:6px;font-size:9px;line-height:16px}.settings-card{border-left:0;border-top:1px solid var(--border);padding:21px 18px}.settings-card>.section-line{margin-bottom:19px}.settings-card h2{font-size:15px}.quick-sizes button,.color-counts button{min-height:44px}.dither-block .field-hint{max-width:none}.palette-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.palette-block summary{min-height:36px}.history-controls button{min-height:44px}.export-bar{margin-top:18px;position:static}.export-scale .segmented button{min-width:38px;min-height:40px}.export-dimensions strong{font-size:14px}.export-dimensions>span{font-size:10px}.examples-compact{margin-top:22px}.example-grid{gap:8px}.examples-compact .example-card{flex-direction:column;align-items:flex-start;gap:6px;padding:8px}.example-card>img{aspect-ratio:1;object-fit:cover;width:100%;height:auto}.example-card strong{font-size:10px}.example-card small,.examples-compact .example-arrow{display:none}.content-section{padding-top:42px}.content-section>h2{margin-bottom:17px;font-size:23px}.steps{display:block}.step{padding:19px 0}.step h3{margin-bottom:7px;font-size:14px}.step p{font-size:12px;line-height:1.7}.prose.content-section{padding-top:32px}.prose h1{font-size:32px}.prose p{font-size:14px}.prose h2{font-size:20px}.faq summary{font-size:13px;line-height:22px}.faq details{padding:17px 0}.faq details p{font-size:12px;line-height:21px}.photo-credits{padding-top:29px;font-size:11px;display:block}.photo-credits>span{margin-top:13px;display:block}.site-footer{flex-direction:column;align-items:flex-start;gap:15px;margin-top:25px;padding:23px 0}.site-footer>span{font-size:12px}.toast{font-size:12px;bottom:16px}.editor-dialog{max-height:calc(100dvh - 24px);padding:18px}.dialog-title h2{font-size:20px}.editor-dialog .muted{margin-bottom:16px;font-size:13px;line-height:20px}.crop-stage{height:280px}.crop-image canvas{max-height:278px}.crop-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}.crop-fields input{margin-top:4px}.dialog-actions{gap:10px;margin-top:20px}.dialog-actions button{flex:1;min-width:0}.error-banner{gap:8px;padding:12px}.error-banner p{font-size:12px}.error-banner button{min-width:44px;padding:8px}.drop-overlay{font-size:21px}}@media (width>=600px) and (width<=980px){.comparison{grid-template-columns:256px 256px}.photo-box{width:256px;height:256px}.preview-stage{height:424px}.examples-compact .example-card{flex-direction:row;align-items:center}.example-card>img{width:48px;height:48px}.example-card strong{font-size:12px}.example-card small{display:block}}@media (width<=360px){.site-shell{padding:0 14px}.preview-card{padding:11px}.preview-options{gap:2px}.background-controls,.zoom-controls{gap:0}.background-swatch,.zoom-controls button{width:40px;min-width:40px}.settings-card{padding:19px 14px}.palette-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.export-scale .segmented button{min-width:34px}.export-dimensions strong{font-size:12px}.demo-head{padding:10px}.demo-head>span{letter-spacing:.5px;font-size:7px}.intro h1{font-size:30px}}