@font-face{font-family:Departure Mono;src:url(/fonts/departure-mono.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#24211f;--muted:#746d67;--cream:#fffaf2;--paper:#fffefd;--coral:#f45b72;--coral-dark:#d94059;--mint:#31b88a;--mint-dark:#18785e;--sky:#4d8dff;--yellow:#ffbf47;--line:#ded4c5;--shadow:0 20px 60px #4d3c2a1f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.55}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}h1,h2,h3,p{margin-top:0}.nowrap{white-space:nowrap}.site-shell{min-height:100vh;overflow-x:clip}.content-width{width:min(1120px,100% - 48px);margin-inline:auto}.site-header{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffaf2eb;border-bottom:1px solid #4f41331a;position:sticky;top:0}.header-inner{grid-template-columns:1fr auto;align-items:center;gap:28px;width:min(1180px,100% - 48px);min-height:76px;margin:auto;display:grid}.brand{letter-spacing:-.02em;align-items:center;gap:12px;width:max-content;font-weight:800;text-decoration:none;display:inline-flex}.brand span{letter-spacing:-.01em;font-synthesis:weight;font-family:Departure Mono,ui-monospace,monospace;font-size:17px;font-weight:800}.brand-logo{object-fit:contain;width:44px;height:44px;image-rendering:pixelated;flex:none}footer .brand-logo{width:48px;height:48px}.site-header nav{justify-self:end;align-items:center;gap:28px;display:flex}.site-header nav a{color:#5d5751;font-size:14px;font-weight:650;text-decoration:none}.site-header nav a:hover{color:var(--coral-dark)}.mobile-nav-toggle{min-height:42px;color:var(--ink);background:#ffffffd1;border:1px solid #d8cdbf;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:780;display:none}.mobile-nav-toggle span{color:var(--coral-dark);font-size:17px;line-height:1}#converter,#examples,#how{scroll-margin-top:92px}.hero-section{background-color:var(--cream);background-image:linear-gradient(#483d3309 1px,#0000 1px),linear-gradient(90deg,#483d3309 1px,#0000 1px);background-size:16px 16px;padding:84px 0 70px;position:relative}.hero{z-index:2;text-align:center;position:relative}.hero-badge{color:#625b54;letter-spacing:.04em;text-transform:uppercase;background:#ffffffb8;border:1px solid #d8cdbd;border-radius:999px;align-items:center;gap:8px;width:max-content;margin:0 auto 22px;padding:7px 12px;font-family:ui-monospace,monospace;font-size:12px;display:flex}.badge-dot{background:var(--mint);width:7px;height:7px;box-shadow:0 0 0 3px #31b88a26}.hero h1{letter-spacing:-.018em;font-synthesis:weight;max-width:1040px;margin:0 auto 22px;font-family:Departure Mono,ui-monospace,monospace;font-size:clamp(48px,6.2vw,77px);font-weight:800;line-height:1.02}.hero h1 .hero-accent{color:var(--coral);text-shadow:3px 3px #ffd8df;white-space:nowrap;display:block}.hero-copy{max-width:700px;color:var(--muted);margin:0 auto;font-size:clamp(17px,2vw,20px);line-height:1.65}.pixel-spark{opacity:.8;grid-template-columns:repeat(2,12px);gap:3px;display:grid;position:absolute}.pixel-spark i{background:currentColor;width:12px;height:12px}.pixel-spark i:nth-child(3){grid-column:2}.spark-one{color:var(--yellow);top:88px;left:8%;transform:rotate(8deg)}.spark-two{color:var(--sky);top:178px;right:7%;transform:rotate(-12deg)scale(.8)}.converter-entrance{max-width:940px;margin:48px auto 0}.upload-zone{min-height:180px;box-shadow:var(--shadow);background:#fffffff0;border:2px dashed #cbbca9;border-radius:24px;outline:none;grid-template-columns:120px 1fr auto;align-items:center;gap:28px;padding:30px 32px;transition:border-color .18s,transform .18s,box-shadow .18s;display:grid}:is(.upload-zone:hover,.upload-zone:focus-visible,.upload-zone.is-dragging){border-color:var(--coral);transform:translateY(-2px);box-shadow:0 24px 70px #f45b7224}.upload-zone.is-loading{border-color:var(--mint);box-shadow:0 24px 70px #31b88a24}.upload-visual{border:4px solid var(--ink);width:112px;height:112px;image-rendering:pixelated;background:#c8edff;position:relative;overflow:hidden;box-shadow:7px 7px #aee1ef}.upload-sun{background:var(--yellow);width:24px;height:24px;box-shadow:8px 0 var(--yellow),0 8px var(--yellow),8px 8px var(--yellow);position:absolute;top:17px;right:16px}.upload-mountain{border-bottom:52px solid #287d69;border-left:43px solid #0000;border-right:43px solid #0000;width:0;height:0;position:absolute;bottom:0}.upload-mountain.one{left:-18px}.upload-mountain.two{border-bottom-color:#195a51;right:-26px}.upload-arrow{z-index:3;border:3px solid var(--ink);width:34px;height:34px;box-shadow:4px 4px 0 var(--coral);background:#fff;place-items:center;font-family:ui-monospace,monospace;font-size:22px;font-weight:900;display:grid;position:absolute;bottom:25px;left:38px}.upload-copy{text-align:left}.upload-copy strong{letter-spacing:-.02em;margin-bottom:3px;font-size:21px;display:block}.upload-copy span{color:var(--muted);display:block}.upload-copy small{color:#91887f;margin-top:12px;font-family:ui-monospace,monospace;font-size:12px;display:block}.button{border:1px solid var(--ink);min-height:46px;color:var(--ink);background:#fff;border-radius:11px;padding:11px 17px;font-weight:750;transition:all .15s}.button.primary{background:var(--coral);color:#fff;border-color:var(--coral-dark);box-shadow:4px 4px 0 var(--ink)}.button.primary:hover{background:var(--coral-dark);box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.button.quiet:hover{border-color:var(--coral);color:var(--coral-dark)}.trust-row{color:#746c64;justify-content:center;gap:28px;padding:17px 8px 0;font-size:12px;display:flex}.trust-row span{align-items:center;gap:7px;display:flex}.trust-row i{width:18px;height:18px;color:var(--mint-dark);background:#daf4ea;border-radius:50%;place-items:center;font-size:12px;font-style:normal;font-weight:900;display:inline-grid}.quick-demos{justify-content:center;align-items:center;gap:12px;max-width:930px;margin:36px auto 0;display:flex}.quick-label{color:#8a827b;text-transform:uppercase;letter-spacing:.06em;margin-right:4px;font-family:ui-monospace,monospace;font-size:12px}.quick-demo{color:var(--ink);text-align:left;background:#ffffffbd;border:1px solid #ded3c3;border-radius:12px;align-items:center;gap:10px;padding:8px 12px 8px 8px;transition:transform .15s,border-color .15s;display:flex}.quick-demo:hover{border-color:var(--coral);transform:translateY(-2px)}.quick-demo>span:last-child{flex-direction:column;display:flex}.quick-demo strong{font-size:12px}.quick-demo small{color:#8a827b;font-size:12px}.mini-art{width:44px;height:44px;image-rendering:pixelated;border-radius:7px;flex:none;position:relative;overflow:hidden}.mini-sunset{background:#ffd39f}.mini-sunset i{border-bottom:27px solid #2c6d60;border-left:25px solid #0000;border-right:25px solid #0000;width:0;height:0;position:absolute;bottom:0}.mini-sunset i:nth-child(2){border-bottom-color:#214d49;right:-14px}.mini-sunset i:nth-child(3){background:var(--yellow);border:0;width:10px;height:10px;top:7px;right:7px}.mini-potion{background:#ded7ff}.mini-potion i:first-child{background:var(--coral);border:4px solid #342b58;width:24px;height:25px;position:absolute;bottom:7px;left:10px}.mini-potion i:nth-child(2){background:#fff;border:3px solid #342b58;width:12px;height:8px;position:absolute;top:7px;left:16px}.mini-berry{background:#d5f3e6}.mini-berry i:first-child{background:var(--coral);border-radius:5px 5px 12px 12px;width:26px;height:27px;position:absolute;top:12px;left:9px}.mini-berry i:nth-child(2){background:var(--mint-dark);width:22px;height:8px;position:absolute;top:7px;left:11px}.mini-game{background:linear-gradient(#83769c 0 45%,#ff77a8 45% 62%,#008751 62%)}.mini-game i:first-child{background:#ab5236;width:19px;height:18px;position:absolute;bottom:7px;left:13px;box-shadow:-5px -9px #7e2553,14px -12px #7e2553}.mini-game i:nth-child(2){background:#1d2b53;width:5px;height:12px;position:absolute;bottom:7px;left:20px}.mini-game b{background:#1d2b53;width:5px;height:9px;position:absolute;bottom:4px;left:5px}.mini-flower{background:linear-gradient(135deg,#c9f0e4,#f8dfb7)}.mini-flower i:first-child{background:#34775f;width:4px;height:24px;position:absolute;top:15px;left:20px}.mini-flower i:nth-child(2){background:var(--yellow);border-radius:50%;width:14px;height:14px;position:absolute;top:7px;left:15px;box-shadow:0 -7px 0 -1px #ff7c91,0 7px 0 -1px #ef5470,-7px 0 0 -1px #ff9aad,7px 0 0 -1px #e94364}.visually-hidden{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.notice{text-align:left;border:1px solid;border-radius:10px;max-width:940px;margin:18px auto 0;padding:12px 15px;font-size:13px}.notice.error{color:#932b3c;background:#fff1f4;border-color:#ee9aa8}.toast{z-index:100;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));color:#fff;background:#173f35;border:1px solid #72bea5;border-radius:12px;align-items:center;gap:9px;min-height:46px;padding:11px 16px;font-size:13px;font-weight:720;animation:.2s ease-out toast-in;display:flex;position:fixed;box-shadow:0 18px 45px #1d312a38}.toast>span{color:#173f35;background:#8be0c2;border-radius:6px;place-items:center;width:21px;height:21px;font-size:12px;font-weight:900;display:grid}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.workspace{--ui-title:16px;--ui-body:14px;--ui-label:13px;--ui-meta:12px;padding:92px 0 100px;scroll-margin-top:24px}.workspace .button{font-size:var(--ui-body)}.workspace-top{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.section-kicker{color:var(--coral-dark);letter-spacing:.13em;margin:0 0 8px;font-family:ui-monospace,monospace;font-size:12px;font-weight:800}.workspace-top h2,.section-heading h2,.feature-intro h2,.faq-layout h2,.final-cta h2{letter-spacing:-.045em;margin:0;font-size:clamp(32px,4vw,48px);line-height:1.08}.section-heading h2,.feature-intro h2,.benefits-heading h2,.faq-layout h2,.final-cta h2{letter-spacing:-.015em;font-synthesis:weight;font-family:Departure Mono,ui-monospace,monospace;font-size:clamp(30px,3.4vw,44px);font-weight:800;line-height:1.08}.reset-button{color:#625b54;min-height:40px;font-size:var(--ui-label);background:#ffffffb3;border:1px solid #d8cdbf;border-radius:10px;align-items:center;gap:7px;padding:8px 12px;font-weight:750;display:inline-flex}.reset-button:hover{color:var(--ink);background:#fff;border-color:#b9aa98}.reset-button span{color:var(--coral-dark);font-family:ui-monospace,monospace;font-size:15px}.text-button{color:#514b45;font-size:var(--ui-label);background:0 0;border:0;border-bottom:1px solid #a49b91;padding:4px 0;font-weight:700}.text-button:hover{color:var(--coral-dark);border-color:var(--coral-dark)}.text-button:disabled{color:#9a928a;cursor:default;border-color:#d8d0c7}.editor-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:stretch;gap:22px;height:clamp(560px,68vh,660px);display:grid}.preview-shell{min-width:0;height:100%;box-shadow:var(--shadow);background:#fff;border:1px solid #ded4c6;border-radius:24px;flex-direction:column;transition:border-color .16s,box-shadow .16s;display:flex;position:relative;overflow:hidden}.editor-layout.is-dragging .preview-shell{border-color:var(--coral);box-shadow:0 22px 65px #f45b722e}.preview-topbar{background:#f8f4ee;border-bottom:1px solid #e8dfd3;justify-content:space-between;align-items:center;gap:18px;min-height:76px;padding:9px 10px 9px 14px;display:flex}.preview-tabs{background:#ebe5dc;border:1px solid #d9cfc2;border-radius:13px;gap:4px;min-width:0;padding:4px;display:flex}.preview-tabs button{color:#716961;min-width:132px;min-height:48px;font-size:var(--ui-body);background:0 0;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:9px;padding:7px 16px;font-weight:780;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s;display:flex}.preview-tabs button:hover{color:var(--ink);background:#ffffff9e}.preview-tabs button[aria-selected=true]{color:var(--coral-dark);background:#fff;border-color:#0000;box-shadow:0 3px 10px #4031221a}.preview-tabs button:active{transform:translateY(1px)}.preview-tabs button:focus-visible{outline-offset:2px;outline:3px solid #f45b724d}.tab-icon{color:#716961;background:#ffffffb3;border-radius:6px;place-items:center;width:24px;height:24px;font-family:ui-monospace,monospace;font-size:14px;line-height:1;display:grid}.preview-tabs button[aria-selected=true] .tab-icon{color:var(--coral-dark);background:#ffe1e6}.replace-image-button{min-width:180px;min-height:56px;color:var(--ink);text-align:left;background:#fff;border:1px dashed #c8b9a7;border-radius:12px;align-items:center;gap:10px;padding:7px 11px;transition:border-color .15s,background .15s,transform .15s;display:flex}.replace-image-button:hover{border-color:var(--coral);background:#fff7f8;transform:translateY(-1px)}.replace-image-button>span:last-child{flex-direction:column;min-width:0;display:flex}.replace-image-button strong{font-size:var(--ui-body)}.replace-image-button small{color:#938980;font-size:var(--ui-meta);line-height:1.25}.replace-button-icon{border:2px solid var(--ink);width:30px;height:30px;color:var(--coral-dark);box-shadow:3px 3px 0 var(--coral);background:#ffe1e6;flex:none;place-items:center;font-family:ui-monospace,monospace;font-size:15px;font-weight:900;display:grid}.preview-grid{flex:1;min-height:0;display:block}.preview-pane{min-width:0;height:100%;display:none}.preview-pane.mobile-active{display:block}.canvas-wrap{background-color:#f3eee7;background-image:linear-gradient(45deg,#e5ded4 25%,#0000 25%),linear-gradient(-45deg,#e5ded4 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e5ded4 75%),linear-gradient(-45deg,#0000 75%,#e5ded4 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px;place-items:center;height:100%;min-height:0;padding:28px;display:grid;position:relative;overflow:hidden}.canvas-wrap canvas{filter:drop-shadow(0 12px 18px #2e24191f);background:0 0;border-radius:6px;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.replace-overlay{z-index:12;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffaf2eb;flex-direction:column;justify-content:center;align-items:center;gap:6px;transition:opacity .15s;display:flex;position:absolute;inset:76px 0 0}.replace-overlay.is-visible{opacity:1}.replace-overlay strong{margin-top:8px;font-size:20px}.replace-overlay small{color:var(--muted);font-size:12px}.replace-icon{border:3px solid var(--ink);width:58px;height:58px;color:var(--coral-dark);box-shadow:6px 6px 0 var(--coral);background:#fff;place-items:center;font-family:ui-monospace,monospace;font-size:27px;font-weight:900;display:grid}.controls{height:100%;min-height:0;box-shadow:var(--shadow);background:#fff;border:1px solid #ded4c6;border-radius:24px;flex-direction:column;display:flex;overflow:hidden}.controls-heading{justify-content:space-between;align-items:baseline;padding:20px 20px 14px;display:flex}.controls-heading span{font-size:var(--ui-title);font-weight:800}.controls-heading small{color:#9a9289;font-size:var(--ui-meta)}.control-tabs{background:#f3eee7;border-radius:11px;grid-template-columns:repeat(4,1fr);gap:3px;margin:0 14px;padding:5px;display:grid}.control-tabs button{color:#7a726a;min-width:0;min-height:38px;font-size:var(--ui-body);background:0 0;border:0;border-radius:8px;padding:7px 4px;font-weight:750}.control-tabs button[aria-selected=true]{color:var(--coral-dark);background:#fff;box-shadow:0 3px 10px #4031221a}.control-panel{overscroll-behavior-y:auto;scrollbar-color:#cfc2b2 transparent;scrollbar-width:thin;flex-direction:column;flex:1;gap:22px;min-height:0;padding:22px 20px 24px;display:flex;overflow-y:auto}.control-panel::-webkit-scrollbar{width:8px}.control-panel::-webkit-scrollbar-thumb{background:#cfc2b2;border:2px solid #fff;border-radius:999px}.setting{min-width:0;display:block}.setting-label{min-height:23px;font-size:var(--ui-label);justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;font-weight:750;display:flex}.setting-label output{color:var(--coral-dark);font-family:ui-monospace,monospace;font-weight:800}.setting input[type=range]{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;width:100%;height:18px;margin:0}.setting input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--coral) 0 var(--range-progress),#3b3b3b var(--range-progress) 100%);height:6px;box-shadow:none;border:0;border-radius:999px}.setting input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--coral);width:16px;height:16px;box-shadow:none;border:0;border-radius:50%;margin-top:-5px}.setting input[type=range]::-moz-range-track{height:6px;box-shadow:none;background:#3b3b3b;border:0;border-radius:999px}.setting input[type=range]::-moz-range-progress{background:var(--coral);height:6px;box-shadow:none;border:0;border-radius:999px}.setting input[type=range]::-moz-range-thumb{background:var(--coral);width:16px;height:16px;box-shadow:none;border:0;border-radius:50%}.setting input[type=range]:focus-visible{outline:2px solid var(--coral);outline-offset:3px;border-radius:999px}.setting select{width:100%;min-height:45px;color:var(--ink);font-size:var(--ui-body);background:#fff;border:1px solid #d9cfc1;border-radius:10px;padding:9px 11px}.setting input[type=color]{background:#fff;border:1px solid #d9cfc1;border-radius:9px;width:55px;min-height:44px;padding:3px}.preset-row{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.preset-row button{color:#675f58;min-height:42px;font-family:ui-monospace,monospace;font-size:var(--ui-body);background:#fff;border:1px solid #ddd3c6;border-radius:9px;font-weight:750}.preset-row button:hover,.preset-row button.selected{border-color:var(--coral);color:var(--coral-dark);background:#fff1f4}.custom-size{color:#776f67;min-height:44px;font-size:var(--ui-label);border:1px solid #ddd3c6;border-radius:9px;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:12px;margin-top:9px;padding-left:12px;display:grid}.custom-size input{width:100%;min-width:0;min-height:42px;font-size:var(--ui-body);text-align:left;background:#faf7f2;border:0;border-left:1px solid #ddd3c6;border-radius:0 9px 9px 0;padding:6px 12px}.switch-card{background:#faf7f2;border:1px solid #e1d8cd;border-radius:11px;justify-content:space-between;align-items:center;gap:14px;padding:12px 13px;display:flex}.switch-card span{flex-direction:column;display:flex}.switch-card strong{font-size:var(--ui-label)}.switch-card small{color:#8d857c;font-size:var(--ui-meta);margin-top:2px}.switch-card input{width:19px;height:19px;accent-color:var(--coral)}.advanced{border-top:1px solid #eee6dc;padding-top:2px}.advanced summary{color:#6e665f;cursor:pointer;font-size:var(--ui-label);justify-content:space-between;padding-top:16px;font-weight:750;list-style:none;display:flex}.advanced summary::-webkit-details-marker{display:none}.advanced summary span{transition:transform .15s}.advanced[open] summary span{transform:rotate(45deg)}.advanced-grid{flex-direction:column;gap:16px;padding-top:18px;display:flex}.background-options{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.background-options button{color:#675f58;min-height:42px;font-size:var(--ui-meta);background:#fff;border:1px solid #ddd3c6;border-radius:9px;align-items:center;gap:8px;padding:7px 9px;font-weight:750;display:flex}.background-options button:hover,.background-options button.selected{border-color:var(--coral);color:var(--coral-dark);background:#fff1f4}.background-swatch{border:1px solid #1e1e1e2e;border-radius:5px;flex:none;width:21px;height:21px}.background-swatch.transparent{background-color:#fff;background-image:linear-gradient(45deg,#d8d0c7 25%,#0000 25%),linear-gradient(-45deg,#d8d0c7 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#d8d0c7 75%),linear-gradient(-45deg,#0000 75%,#d8d0c7 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px}.background-swatch.white{background:#fff}.background-swatch.black{background:#000}.custom-background{color:#776f67;min-height:48px;font-size:var(--ui-meta);border:1px solid #ddd3c6;border-radius:9px;grid-template-columns:1fr 46px max-content;align-items:center;gap:9px;margin-top:9px;padding:5px 7px 5px 11px;display:grid}.custom-background input[type=color]{width:46px;min-height:36px}.custom-background output{color:var(--coral-dark);font-family:ui-monospace,monospace;font-weight:800}.inline-field{gap:8px;display:flex}.inline-field .button{flex:1}.palette-builder{background:#faf7f2;border:1px solid #e1d8cd;border-radius:12px;flex-direction:column;gap:16px;padding:14px;display:flex}.palette-builder>div:first-child>strong{font-size:var(--ui-body);margin-bottom:5px;display:block}.palette-name-input,.hex-input{width:100%;min-height:43px;color:var(--ink);font-size:var(--ui-body);background:#fff;border:1px solid #d9cfc1;border-radius:9px;padding:8px 10px}.palette-color-row{grid-template-columns:52px minmax(90px,1fr) max-content;gap:8px;display:grid}.palette-color-row input[type=color]{background:#fff;border:1px solid #d9cfc1;border-radius:9px;width:52px;min-height:43px;padding:3px}.palette-color-row .button{padding-inline:12px}.palette-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.palette-actions .button{border-radius:8px;min-width:0;min-height:42px;padding:7px 10px}.palette-actions .button.primary{min-height:42px;box-shadow:none;border-radius:8px;padding:7px 14px}.palette-actions .button.primary:hover{box-shadow:none;transform:none}.button:disabled{opacity:.48;cursor:default;transform:none}.empty-palette{color:#8b837b;font-size:var(--ui-meta);margin:0}.palette-state{color:var(--mint-dark);font-size:var(--ui-meta);margin:0;font-weight:750}.custom-color-list,.color-list{flex-wrap:wrap;gap:8px;display:flex}.color-chip{min-height:38px;color:var(--ink);background:#fff;border:1px solid #ded4c6;border-radius:9px;align-items:center;gap:7px;padding:6px 9px;display:inline-flex}.color-chip:hover{border-color:var(--coral);background:#fff7f8}.color-chip.compact{font-size:var(--ui-meta)}.color-chip.palette-result{gap:8px;min-height:40px;padding:7px 11px}.color-chip.palette-result.selected{border-color:var(--coral);box-shadow:inset 0 0 0 1px var(--coral);background:#fff1f4}.swatch{border:1px solid #1e1e1e26;border-radius:5px;flex:none;width:20px;height:20px}.color-value,.color-chip small{font-family:ui-monospace,monospace;font-size:var(--ui-meta)}.color-chip small{color:#958c83}.palette-detail{color:#746d67;font-family:ui-monospace,monospace;font-size:var(--ui-meta);background:#faf7f2;border:1px solid #e1d8cd;border-radius:11px;align-items:center;gap:13px;margin-top:14px;padding:11px 13px;display:flex}.palette-detail .swatch{width:24px;height:24px}.palette-detail strong{color:var(--ink)}.palette-detail span:last-child{margin-left:auto}.helper{color:#8b837b;font-size:var(--ui-meta);margin:0}.export-intro strong{font-size:var(--ui-body);margin-bottom:4px;display:block}.export-intro p{color:#8b837b;font-size:var(--ui-meta);margin:0;line-height:1.5}.download-options{gap:8px;display:grid}.download-card{color:var(--ink);font-size:var(--ui-body);text-align:left;background:#fff;border:1px solid #ded4c6;border-radius:10px;flex-direction:column;align-items:stretch;gap:3px;padding:10px 12px;display:flex}.download-card:hover,.download-card.selected{border-color:var(--coral);background:#fff4f6}.download-card.selected{box-shadow:inset 3px 0 0 var(--coral)}.download-card-title{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.download-card-title>span{color:#786f67;font-family:ui-monospace,monospace;font-size:var(--ui-meta);white-space:nowrap}.download-card small{color:#8b837b;font-size:var(--ui-meta)}.export-action{border-top:1px solid #eee6dc;gap:9px;padding-top:15px;display:grid}.export-action>span{color:#8b837b;font-size:var(--ui-meta);justify-content:space-between;gap:10px;display:flex}.export-action>span strong{color:var(--ink);font-family:ui-monospace,monospace;font-weight:750}.export-download{width:100%;box-shadow:none!important}.export-download:hover{box-shadow:none!important;transform:none!important}.result-summary{background:#fff;border:1px solid #ded4c6;border-radius:20px;margin-top:22px;padding:24px;box-shadow:0 12px 36px #4d3c2a12}.result-heading{margin-bottom:18px}.result-heading strong{font-size:18px;display:block}.result-heading strong span{color:var(--coral)}.result-heading small{color:#8d857d;margin-top:3px;font-size:12px;display:block}.showcase-section{background:#fffefd;padding:110px 0}.section-heading{justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px;display:flex}.section-heading>p{max-width:430px;color:var(--muted);margin:0}.showcase-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.showcase-card{color:var(--ink);text-align:left;background:#f7f2ea;border:0;border-radius:22px;padding:0;transition:transform .2s,box-shadow .2s;overflow:hidden}.showcase-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #3f2f2021}.showcase-preview{background:0 0;border:0;width:100%;padding:0;display:block}.showcase-preview:focus-visible{outline:3px solid var(--coral);outline-offset:-3px}.comparison-wrap{background:#eee;grid-template-columns:1fr 1fr;height:300px;display:grid;position:relative;overflow:hidden}.compare-panel{min-width:0;position:relative;overflow:hidden}.compare-panel+.compare-panel{border-left:2px solid var(--ink)}.showcase-canvas{object-fit:cover;width:100%;height:100%;display:block}.showcase-canvas.pixelated{image-rendering:pixelated}.compare-label{z-index:8;color:#5f5852;letter-spacing:.05em;text-transform:uppercase;background:#ffffffdb;border-radius:999px;padding:5px 8px;font-family:ui-monospace,monospace;font-size:12px;font-weight:800;position:absolute;top:14px;left:14px}.pixel-panel .compare-label{background:var(--ink);color:#fff}.sunset-original{background:linear-gradient(#79d5f4 0 42%,#ffd39f 72%,#fa8c79)}.smooth-sun{background:var(--yellow);border-radius:50%;width:46px;height:46px;position:absolute;top:48px;right:22px;box-shadow:0 0 22px #ffbf4773}.smooth-mountain{border-bottom:145px solid #3f826c;border-left:105px solid #0000;border-right:105px solid #0000;width:0;height:0;position:absolute;bottom:50px}.smooth-mountain.one{left:-54px}.smooth-mountain.two{border-bottom-width:175px;border-bottom-color:#28554e;right:-65px}.smooth-water,.pixel-water{background:#2d817a;height:58px;position:absolute;bottom:0;left:0;right:0}.smooth-water{background:linear-gradient(#3f9690,#216e6a)}.sunset-pixel{image-rendering:pixelated;background:linear-gradient(#70cfef 0 43%,#f5cc91 43% 72%,#f58c77 72%)}.pixel-sun{background:var(--yellow);width:36px;height:36px;box-shadow:9px 0 var(--yellow),0 9px var(--yellow),9px 9px var(--yellow);position:absolute;top:50px;right:24px}.pixel-mountain{clip-path:polygon(0 100%,0 70%,12% 70%,12% 58%,24% 58%,24% 47%,36% 47%,36% 35%,48% 35%,48% 23%,60% 23%,60% 35%,72% 35%,72% 47%,84% 47%,84% 58%,100% 58%,100% 100%);background:#397562;width:145px;height:150px;position:absolute;bottom:50px}.pixel-mountain.one{left:-26px}.pixel-mountain.two{background:#234d49;height:180px;right:-35px}.pixel-water{background:#257973;box-shadow:inset 0 13px #ffffff29}.potion-original{background:radial-gradient(circle at 50% 45%,#efeaff,#cfc3ff)}.smooth-bottle{background:linear-gradient(#fff 0 24%,#ff8097 25% 100%);border:9px solid #392d5b;border-radius:18px 18px 35px 35px;width:90px;height:118px;position:absolute;top:103px;left:50%;transform:translate(-50%);box-shadow:0 18px 25px #392d5b38}.smooth-bottle:before{content:"";background:#fff;border:9px solid #392d5b;border-radius:8px 8px 0 0;width:38px;height:38px;position:absolute;top:-47px;left:17px}.smooth-bottle i{background:#ffb1bf;border-radius:50%;width:18px;height:18px;position:absolute;top:58px;left:18px}.potion-pixel{background-color:#ddd7ff;background-image:linear-gradient(45deg,#ffffff40 25%,#0000 25%),linear-gradient(-45deg,#ffffff40 25%,#0000 25%);background-size:30px 30px}.pixel-bottle{background:var(--coral);border:10px solid #31284f;width:92px;height:120px;position:absolute;top:112px;left:50%;transform:translate(-50%);box-shadow:inset 0 25px #fff,10px 10px #31284f26}.pixel-bottle:before{content:"";background:#fff;border:10px solid #31284f;width:34px;height:38px;position:absolute;top:-48px;left:19px}.pixel-bottle i{background:#ff9aad;width:19px;height:19px;position:absolute;top:58px;left:15px}.pixel-bottle b{background:#fff;width:14px;height:14px;position:absolute;top:55px;right:13px}.berry-original{background:radial-gradient(circle at 50% 45%,#effcf7,#c6ecde)}.smooth-berry{background:linear-gradient(135deg,#ff7187,#e8435d);border-radius:48% 48% 58% 58%;width:120px;height:128px;position:absolute;top:102px;left:50%;transform:translate(-50%);box-shadow:0 18px 24px #166a5529}.smooth-berry:before{content:"";background:#18785e;border-radius:60% 20%;width:82px;height:28px;position:absolute;top:-18px;left:19px;transform:rotate(-5deg)}.smooth-berry i,.smooth-berry b,.smooth-berry em,.pixel-berry-shape i,.pixel-berry-shape b,.pixel-berry-shape em{background:#fff0a6;width:10px;height:16px;position:absolute}.smooth-berry i{top:42px;left:31px}.smooth-berry b{top:38px;right:31px}.smooth-berry em{bottom:25px;left:55px}.berry-pixel{background-color:#d8f4e8;background-image:linear-gradient(#166a550f 1px,#0000 1px),linear-gradient(90deg,#166a550f 1px,#0000 1px);background-size:18px 18px}.pixel-berry-shape{background:var(--coral);clip-path:polygon(18% 0,82% 0,82% 10%,100% 10%,100% 65%,82% 65%,82% 82%,65% 82%,65% 100%,35% 100%,35% 82%,18% 82%,18% 65%,0 65%,0 10%,18% 10%);width:112px;height:126px;position:absolute;top:105px;left:50%;transform:translate(-50%);box-shadow:-12px 12px #df425b}.pixel-berry-shape:before{content:"";z-index:2;background:var(--mint-dark);width:76px;height:24px;position:absolute;top:0;left:18px}.pixel-berry-shape i{top:43px;left:27px}.pixel-berry-shape b{top:38px;right:27px}.pixel-berry-shape em{bottom:22px;left:51px}.portrait-original{background:linear-gradient(135deg,#f7c8d5,#bdc9ff)}.smooth-face{background:#efb28f;border-radius:48%;width:110px;height:142px;position:absolute;top:82px;left:50%;transform:translate(-50%);box-shadow:0 65px 0 38px #345f9e,0 12px 28px #2c23402e}.smooth-face:before{content:"";background:#2c2340;border-radius:60% 60% 28% 28%;width:132px;height:95px;position:absolute;top:-22px;left:-11px}.smooth-face i,.smooth-face b{z-index:2;background:#2c2340;border-radius:50%;width:8px;height:8px;position:absolute;top:57px}.smooth-face i{left:30px}.smooth-face b{right:30px}.smooth-face em{z-index:2;border-bottom:5px solid #a05258;border-radius:0 0 50% 50%;width:34px;height:18px;position:absolute;top:82px;left:38px}.portrait-pixel{background-color:#d9d7f8;background-image:linear-gradient(#ffffff38 1px,#0000 1px),linear-gradient(90deg,#ffffff38 1px,#0000 1px);background-size:14px 14px}.pixel-face{clip-path:polygon(18% 0,82% 0,82% 8%,92% 8%,92% 82%,82% 82%,82% 92%,65% 92%,65% 100%,35% 100%,35% 92%,18% 92%,18% 82%,8% 82%,8% 8%,18% 8%);background:#e5a47f;width:100px;height:128px;position:absolute;top:90px;left:50%;transform:translate(-50%);box-shadow:0 65px 0 36px #31588f}.pixel-face:before{content:"";z-index:2;clip-path:polygon(0 0,100% 0,100% 75%,84% 75%,84% 100%,66% 100%,66% 78%,34% 78%,34% 100%,16% 100%,16% 75%,0 75%);background:#2c2340;width:100px;height:48px;position:absolute;top:0;left:0}.pixel-face i,.pixel-face b{z-index:3;background:#2c2340;width:8px;height:8px;position:absolute;top:62px}.pixel-face i{left:26px}.pixel-face b{right:26px}.pixel-face em{z-index:3;background:#a05258;width:30px;height:7px;position:absolute;top:88px;left:35px}.flower-original{background:linear-gradient(135deg,#c9f0e4,#f8dfb7)}.smooth-flower{background:var(--yellow);border-radius:50%;width:66px;height:66px;position:absolute;top:76px;left:50%;transform:translate(-50%);box-shadow:0 -40px 0 7px #ff7c91,0 40px 0 7px #ef5470,-40px 0 0 7px #ff9aad,40px 0 0 7px #e94364}.smooth-flower:before{content:"";background:#34775f;border-radius:8px;width:13px;height:122px;position:absolute;top:58px;left:27px}.smooth-flower:after{content:"";clip-path:polygon(0 0,100% 0,83% 100%,17% 100%);background:#d96a54;width:112px;height:62px;position:absolute;top:172px;left:-23px}.smooth-flower i,.smooth-flower b{z-index:2;background:#245b4a;border-radius:50%;width:54px;height:25px;position:absolute;top:104px}.smooth-flower i{left:-45px;transform:rotate(25deg)}.smooth-flower b{right:-45px;transform:rotate(-25deg)}.flower-pixel{background-color:#d8f4e8;background-image:linear-gradient(#166a5512 1px,#0000 1px),linear-gradient(90deg,#166a5512 1px,#0000 1px);background-size:16px 16px}.pixel-flower{background:var(--yellow);width:54px;height:54px;position:absolute;top:84px;left:50%;transform:translate(-50%);box-shadow:0 -36px #ff7c91,0 36px #ef5470,-36px 0 #ff9aad,36px 0 #e94364}.pixel-flower:before{content:"";background:#34775f;width:12px;height:110px;position:absolute;top:50px;left:21px}.pixel-flower:after{content:"";clip-path:polygon(0 0,100% 0,100% 20%,88% 20%,88% 100%,12% 100%,12% 20%,0 20%);background:#d96a54;width:104px;height:58px;position:absolute;top:160px;left:-25px}.pixel-flower i,.pixel-flower b{z-index:2;background:#245b4a;width:42px;height:22px;position:absolute;top:92px}.pixel-flower i{left:-36px}.pixel-flower b{right:-36px}.showcase-info{background:#f7f2ea;flex-direction:column;align-items:flex-start;min-height:218px;padding:21px 22px 22px;display:flex}.showcase-info small{color:#8d8379;letter-spacing:.075em;font-family:ui-monospace,monospace;font-size:12px;font-weight:750}.showcase-info h3{letter-spacing:-.025em;margin:7px 0;font-size:20px}.showcase-info p{color:var(--muted);margin:0 0 18px;font-size:13px;line-height:1.6}.showcase-info button{min-height:36px;color:var(--coral-dark);background:#fff;border:1px solid #ded3c5;border-radius:999px;margin-top:auto;padding:7px 11px;font-size:12px;font-weight:800}.showcase-info button:hover{border-color:var(--coral);background:#fff7f8}.showcase-info button span{margin-left:4px}.steps-section{background-color:#f7efe4;background-image:linear-gradient(#483d330a 1px,#0000 1px),linear-gradient(90deg,#483d330a 1px,#0000 1px);background-size:16px 16px;padding:110px 0}.section-heading.centered{text-align:center;flex-direction:column;align-items:center;gap:15px;max-width:760px;margin:0 auto 52px}.section-heading.centered>p{max-width:590px}.steps-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.steps-grid article{background:#ffffffd4;border:1px solid #e0d5c6;border-radius:20px;min-height:265px;padding:29px;position:relative}.step-icon{border:3px solid var(--ink);width:58px;height:58px;box-shadow:5px 5px 0 var(--ink);place-items:center;margin-bottom:38px;font-family:ui-monospace,monospace;font-size:25px;font-weight:900;display:grid}.upload-step{color:var(--coral-dark);background:#ffdce2}.tune-step{color:var(--mint-dark);background:#d9f3ea}.export-step{color:#315fba;background:#dce8ff}.step-number{color:#b3a99e;font-family:ui-monospace,monospace;font-size:12px;position:absolute;top:28px;right:28px}.steps-grid h3{margin-bottom:8px;font-size:19px}.steps-grid p{color:var(--muted);margin:0;font-size:14px}.features-section{background:#fffefd;padding:115px 0}.feature-layout{grid-template-columns:.9fr 1.2fr;align-items:center;gap:90px;display:grid}.feature-intro>p:not(.section-kicker){max-width:410px;color:var(--muted);margin:20px 0}.feature-intro a{color:var(--coral-dark);font-weight:800;text-decoration:none}.feature-intro a span{margin-left:7px}.feature-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.feature-grid article{background:#fbf7f1;border:1px solid #e4dbcf;border-radius:18px;min-height:185px;padding:24px}.feature-glyph{border-radius:11px;place-items:center;width:42px;height:42px;margin-bottom:24px;font-family:ui-monospace,monospace;font-weight:900;display:grid}.private-glyph{color:var(--mint-dark);background:#dff5ed}.palette-glyph{color:var(--coral-dark);background:#ffe2e7}.instant-glyph{color:#a96700;background:#fff0c9}.crisp-glyph{color:#5946b0;background:#e4e0ff}.feature-grid h3{margin-bottom:6px;font-size:16px}.feature-grid p{color:var(--muted);margin:0;font-size:13px}.benefits-block{border-top:1px solid #e5dbcf;margin-top:90px;padding-top:70px}.benefits-heading{max-width:720px;margin-bottom:34px}.benefits-heading h2{letter-spacing:-.015em;margin:0;font-size:clamp(29px,3vw,38px);line-height:1.08}.benefits-heading>p:not(.section-kicker){max-width:650px;color:var(--muted);margin:15px 0 0}.benefits-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.benefits-grid article{background:#fbf7f1;border:1px solid #e4dbcf;border-radius:16px;padding:22px}.benefits-grid article:before{content:"✓";width:25px;height:25px;color:var(--mint-dark);background:#dff5ed;border-radius:7px;place-items:center;margin-bottom:18px;font-family:ui-monospace,monospace;font-size:12px;font-weight:900;display:grid}.benefits-grid strong{font-size:14px}.benefits-grid p{color:var(--muted);margin:7px 0 0;font-size:12px;line-height:1.55}.faq-section{background:#f5ede2;padding:110px 0}.faq-layout{grid-template-columns:.75fr 1.25fr;gap:90px;display:grid}.faq-layout>div:first-child>p:not(.section-kicker){max-width:350px;color:var(--muted);margin-top:18px}.faq-list{border-top:1px solid #d8cdbf}.faq-list details{border-bottom:1px solid #d8cdbf}.faq-list summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-weight:780;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--coral-dark);font-family:ui-monospace,monospace}.faq-list details p{max-width:650px;color:var(--muted);margin:0;padding:0 35px 22px 0;font-size:14px}.final-cta{color:#fff;text-align:center;background:#233e38;padding:105px 0;position:relative;overflow:hidden}.final-cta .section-kicker{color:#8be0c2}.final-cta h2{text-wrap:balance;max-width:920px;margin:auto;font-size:clamp(38px,4.4vw,55px)}.final-cta p:not(.section-kicker){color:#c6d7d2;margin:18px 0 28px}.final-cta .button{align-items:center;gap:12px;text-decoration:none;display:inline-flex}.pixel-cloud{background:#ffffff12;width:150px;height:50px;position:absolute;box-shadow:35px -25px #ffffff12,70px 0 #ffffff12}.cloud-left{top:75px;left:-25px}.cloud-right{bottom:48px;right:30px;transform:scale(.7)}footer{color:#f5f0e8;background:#171b1a;padding:70px 0 24px}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:70px;padding-bottom:54px;display:grid}footer .brand{color:#fff}.footer-brand p,.footer-grid>div>p{color:#979e9b;max-width:260px;margin:16px 0 0;font-size:13px}.footer-grid>div:not(.footer-brand){flex-direction:column;align-items:flex-start;gap:10px;display:flex}.footer-grid strong{color:#d9dfdc;margin-bottom:6px;font-size:12px}.footer-grid a,.footer-grid span{color:#949b98;font-size:12px;text-decoration:none}footer .brand span{color:#fff;font-size:17px}.footer-grid a:hover{color:#fff}.footer-bottom{color:#727977;border-top:1px solid #2b302f;justify-content:space-between;padding-top:22px;font-size:12px;display:flex}.footer-legal{gap:18px;display:flex}.footer-legal a{color:#949b98;text-decoration:none}.footer-legal a:hover{color:#fff}.analytics-consent{z-index:140;right:max(22px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffefdfa;border:1px solid #d8cdbf;border-radius:18px;gap:18px;width:min(460px,100% - 44px);padding:22px;display:grid;position:fixed;box-shadow:0 24px 70px #2d231938}.analytics-consent .section-kicker{margin-bottom:5px}.analytics-consent strong{letter-spacing:-.02em;margin-bottom:7px;font-size:19px;display:block}.analytics-consent p:not(.section-kicker){color:#625b54;margin:0 0 8px;font-size:13px;line-height:1.6}.analytics-consent a{color:var(--coral-dark);font-size:12px;font-weight:750}.analytics-consent-actions{grid-template-columns:1fr 1.45fr;gap:9px;display:grid}.analytics-consent-actions .button{justify-content:center;min-height:44px}.consent-decline{color:#514b45;box-shadow:none;background:#fff;border:1px solid #d8cdbf}.legal-shell{background-color:var(--cream);background-image:linear-gradient(#483d3309 1px,#0000 1px),linear-gradient(90deg,#483d3309 1px,#0000 1px);background-size:16px 16px;flex-direction:column;min-height:100vh;display:flex}.legal-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffaf2eb;border-bottom:1px solid #4f41331f}.legal-header-inner{justify-content:space-between;align-items:center;gap:30px;width:min(1120px,100% - 48px);min-height:76px;margin:auto;display:flex}.legal-header nav{align-items:center;gap:22px;display:flex}.legal-header nav a{color:#625b54;font-size:13px;font-weight:700;text-decoration:none}.legal-header nav a:hover{color:var(--coral-dark)}.legal-header .legal-back{background:#fff;border:1px solid #d8cdbf;border-radius:9px;padding:8px 11px}.legal-main{width:min(920px,100% - 48px);margin:0 auto;padding:82px 0 110px}.legal-hero{max-width:760px;margin-bottom:42px}.legal-hero h1{letter-spacing:-.055em;margin:0 0 16px;font-size:clamp(46px,7vw,78px);line-height:1}.legal-hero>p:not(.section-kicker){max-width:680px;color:var(--muted);margin-bottom:17px;font-size:18px}.legal-hero small{color:#91887f;font-family:ui-monospace,monospace;font-size:12px}.legal-content{box-shadow:var(--shadow);background:#fffffff0;border:1px solid #ded4c6;border-radius:24px;padding:44px 52px}.legal-content section+section{border-top:1px solid #eee6dc;margin-top:38px;padding-top:36px}.legal-content h2{letter-spacing:-.025em;margin:0 0 13px;font-size:23px}.legal-content h3{margin:24px 0 7px;font-size:15px}.legal-content p,.legal-content li{color:#625b54;font-size:15px;line-height:1.75}.legal-content p{margin-bottom:13px}.legal-content p:last-child{margin-bottom:0}.legal-content ul{margin:0;padding-left:22px}.legal-content a{color:var(--coral-dark);font-weight:700}.legal-content code{background:#f3eee7;border-radius:5px;padding:2px 5px;font-family:ui-monospace,monospace;font-size:13px}.legal-missing{color:#8a5700;background:#fff0c9;border-radius:5px;padding:2px 6px;font-size:13px}.legal-footer{margin-top:auto;padding:28px 0}.legal-footer>div{color:#979e9b;justify-content:space-between;gap:24px;width:min(1120px,100% - 48px);margin:auto;font-size:12px;display:flex}.legal-footer>div>span:last-child{gap:18px;display:flex}.legal-footer a{color:#b6bdb9;text-decoration:none}.legal-footer a:hover{color:#fff}@media (max-width:980px){.header-inner{grid-template-columns:1fr auto;position:relative}.mobile-nav-toggle{display:inline-flex}.site-header nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffaf2fa;border:1px solid #ded4c5;border-radius:0 0 14px 14px;grid-template-columns:1fr;gap:3px;padding:9px;display:none;position:absolute;top:calc(100% - 1px);left:0;right:0;box-shadow:0 18px 40px #4d3c2a24}.site-header nav.is-open{display:grid}.site-header nav a{border-radius:8px;align-items:center;min-height:43px;padding:10px 12px;display:flex}.site-header nav a:hover{background:#fff1f4}.upload-zone{grid-template-columns:100px 1fr}.upload-zone>.button{grid-column:2;width:max-content}.editor-layout{grid-template-columns:1fr;height:auto}.preview-shell{height:clamp(520px,65vh,620px)}.controls{height:auto}.control-panel{overscroll-behavior:auto;flex:none;overflow-y:visible}.showcase-art{height:270px}.feature-layout,.faq-layout{gap:50px}.benefits-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:740px){.content-width,.header-inner{width:min(100% - 28px,1120px)}.header-inner{min-height:66px}.hero-section{padding:58px 0 52px}.hero h1{font-size:clamp(36px,10.5vw,48px);line-height:1.08}.hero h1 .hero-accent{white-space:normal}.pixel-spark{display:none}.converter-entrance{margin-top:34px}.upload-zone{text-align:center;border-radius:20px;grid-template-columns:1fr;justify-items:center;gap:17px;padding:24px}.upload-zone>.button{grid-column:auto;width:100%}.upload-copy{text-align:center}.trust-row{flex-direction:column;align-items:flex-start;gap:9px;padding-left:22px}.quick-demos{flex-wrap:wrap;align-items:stretch}.quick-label{width:100%;margin-bottom:3px}.quick-demo{flex:145px}.workspace{padding:72px 0 80px}.workspace-top{flex-direction:column;align-items:flex-start}.preview-shell{height:min(70vh,540px);min-height:420px}.preview-topbar{flex-direction:column;align-items:stretch;gap:8px;min-height:132px;padding:9px}.preview-tabs{width:100%}.preview-tabs button{flex:1;min-width:0;padding-inline:10px}.replace-image-button{width:100%;min-width:0;min-height:48px}.replace-overlay{inset:132px 0 0}.canvas-wrap{padding:15px}.section-heading{flex-direction:column;align-items:flex-start;gap:14px}.showcase-section,.steps-section,.features-section,.faq-section{padding:82px 0}.showcase-grid,.steps-grid{grid-template-columns:1fr}.showcase-art{height:300px}.steps-grid article{min-height:230px}.feature-layout,.faq-layout{grid-template-columns:1fr;gap:42px}.benefits-block{margin-top:64px;padding-top:54px}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:1/-1}.legal-header-inner{width:min(100% - 28px,1120px);min-height:66px}.legal-header nav>a:not(.legal-back){display:none}.legal-main{width:min(100% - 28px,920px);padding:58px 0 82px}.legal-content{border-radius:18px;padding:30px 24px}.legal-content h2{font-size:20px}.legal-content p,.legal-content li{font-size:14px}.legal-footer>div{flex-direction:column;gap:9px;width:min(100% - 28px,1120px)}}@media (max-width:460px){.brand{font-size:14px}.hero-badge{font-size:12px}.quick-demo{flex-basis:100%}.preview-shell,.controls{border-radius:17px}.control-tabs,.preset-row{grid-template-columns:repeat(2,1fr)}.result-summary{padding:18px}.palette-detail{flex-wrap:wrap;align-items:flex-start;gap:7px 11px}.palette-detail span:last-child{width:100%;margin-left:35px}.toast{left:14px;right:14px;bottom:max(14px,env(safe-area-inset-bottom));justify-content:center}.feature-grid,.benefits-grid,.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column;gap:5px}.analytics-consent{right:14px;bottom:max(14px,env(safe-area-inset-bottom));border-radius:15px;width:calc(100% - 28px);padding:18px}.analytics-consent-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}