:root{--bg:#f7f8fb;--bg-elev:#fff;--bg-sunken:#eef1f7;--border:#dfe3ec;--border-strong:#c6cddd;--text:#10131a;--text-dim:#5c6579;--text-faint:#8a93a6;--accent:#3b6cf6;--accent-hover:#2b5ae0;--accent-soft:#e8eefe;--danger:#c0392f;--warn:#8a5a00;--radius:14px;--radius-sm:9px;--shadow:0 1px 2px #10131a0f, 0 8px 24px -12px #10131a2e;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Helvetica, Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}@media (prefers-color-scheme:dark){:root{--bg:#0b0d12;--bg-elev:#14171f;--bg-sunken:#0f1219;--border:#242938;--border-strong:#333a4d;--text:#eef1f7;--text-dim:#9aa3b8;--text-faint:#6b7488;--accent:#5b83ff;--accent-hover:#7396ff;--accent-soft:#18203a;--danger:#ff7a6e;--warn:#e0b060;--shadow:0 1px 2px #0006, 0 12px 32px -16px #000000b3}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}[hidden]{display:none!important}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}code{font-family:var(--mono);background:var(--bg-sunken);border:1px solid var(--border);border-radius:5px;padding:.1em .35em;font-size:.9em}a{color:var(--accent)}.shell{width:min(100% - 2.5rem,1080px);margin-inline:auto}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{position:absolute;left:-9999px}.skip-link:focus{z-index:20;background:var(--bg-elev);border-radius:var(--radius-sm);border:1px solid var(--border-strong);padding:.6rem 1rem;top:1rem;left:1rem}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.site-header{z-index:10;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:saturate(180%)blur(14px);backdrop-filter:saturate(180%)blur(14px);border-bottom:1px solid var(--border);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:1rem;height:60px;display:flex}.brand{letter-spacing:-.015em;color:var(--text);align-items:center;gap:.55rem;font-weight:650;text-decoration:none;display:inline-flex}.brand-mark{background:linear-gradient(145deg, var(--accent), #7a5cf0);border-radius:7px;width:26px;height:26px;position:relative}.brand-mark:after{content:"";background:#fff;border-radius:4px;position:absolute;inset:7px}.site-nav{align-items:center;gap:1.35rem;font-size:.9rem;display:flex}.site-nav a{color:var(--text-dim);text-decoration:none}.site-nav a:hover{color:var(--text)}.nav-cta{border:1px solid var(--border-strong);border-radius:999px;padding:.3rem .85rem;color:var(--text)!important}@media (max-width:620px){.site-nav a:not(.nav-cta){display:none}}.hero{text-align:center;padding:4rem 0 2.25rem}.eyebrow{letter-spacing:.07em;text-transform:uppercase;color:var(--accent);margin:0 0 .85rem;font-size:.78rem;font-weight:600}h1{letter-spacing:-.035em;margin:0;font-size:clamp(2.1rem,5.5vw,3.4rem);font-weight:700;line-height:1.08}.lede{max-width:62ch;color:var(--text-dim);margin:1rem auto 0;font-size:1.06rem}.privacy-note{color:var(--text-dim);background:var(--bg-elev);border:1px solid var(--border);border-radius:999px;align-items:center;gap:.5rem;margin:1.5rem auto 0;padding:.4rem .95rem;font-size:.86rem;display:inline-flex}.lock{border:1.5px solid;border-radius:2px;flex:none;width:12px;height:12px;position:relative}.lock:before{content:"";border:1.5px solid;border-bottom:none;border-radius:4px 4px 0 0;height:6px;position:absolute;top:-5px;left:2px;right:2px}.panel{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.step{border-bottom:1px solid var(--border);padding:1.6rem}.step:last-child{border-bottom:none}.step-head{align-items:flex-start;gap:.85rem;margin-bottom:1.1rem;display:flex}.step-head h3{letter-spacing:-.01em;margin:0;font-size:1.02rem;font-weight:620}.step-head p{color:var(--text-dim);margin:.15rem 0 0;font-size:.875rem}.step-num{background:var(--accent-soft);width:24px;height:24px;color:var(--accent);border-radius:50%;flex:none;place-items:center;margin-top:2px;font-size:.78rem;font-weight:700;display:grid}.dropzone{border:2px dashed var(--border-strong);border-radius:var(--radius);background:var(--bg-sunken);text-align:center;cursor:pointer;padding:2.2rem 1.25rem;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone.is-over{border-color:var(--accent);background:var(--accent-soft)}.dropzone.has-file{cursor:default;text-align:left;padding:1.25rem}.dropzone.has-file:hover{border-color:var(--border-strong);background:var(--bg-sunken)}.dz-icon{width:34px;height:34px;color:var(--text-faint)}.dz-title{margin:.6rem 0 .2rem;font-weight:560}.dz-sub{color:var(--text-dim);margin:0;font-size:.875rem}.link{color:var(--accent);text-decoration:underline}.dropzone-filled{align-items:center;gap:1.1rem;display:flex}.source-preview{border:1px solid var(--border);background:linear-gradient(45deg, #0000 25%, #8883 25% 50%, #0000 50% 75%, #8883 75%) 0 0 / 14px 14px, var(--bg-elev);border-radius:18px;flex:none;place-items:center;width:88px;height:88px;display:grid;overflow:hidden}.source-preview img{object-fit:contain;width:100%;height:100%}.source-meta{min-width:0}.source-name{text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:560;overflow:hidden}.source-dims{color:var(--text-dim);font-size:.85rem;font-family:var(--mono);margin:.1rem 0 .5rem}.warn{color:var(--warn);margin:0 0 .5rem;font-size:.83rem}.platform-grid{grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:.7rem;display:grid}.platform{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elev);cursor:pointer;align-items:flex-start;gap:.7rem;padding:.85rem .9rem;transition:border-color .13s,background .13s;display:flex;position:relative}.platform:hover{border-color:var(--border-strong)}.platform:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.platform input{opacity:0;width:0;height:0;position:absolute}.platform-glyph{width:20px;height:20px;fill:var(--text-dim);flex:none;margin-top:2px}.platform:has(input:checked) .platform-glyph{fill:var(--accent)}.platform-label{font-size:.94rem;font-weight:560;display:block}.platform-hint{color:var(--text-dim);font-size:.78rem;line-height:1.45;display:block}.platform-check{border:1.5px solid var(--border-strong);background:var(--bg-elev);border-radius:4px;width:16px;height:16px;position:absolute;top:.7rem;right:.7rem}.platform:has(input:checked) .platform-check{background:var(--accent);border-color:var(--accent)}.platform:has(input:checked) .platform-check:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.platform:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.options{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.1rem;display:grid}.field{flex-direction:column;gap:.35rem;min-width:0;display:flex}.field-label{font-size:.85rem;font-weight:560}.field-hint{color:var(--text-dim);font-size:.76rem;line-height:1.45}select,input[type=text]{font:inherit;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-elev);color:var(--text);width:100%;padding:.5rem .65rem;font-size:.9rem}.color-row{align-items:center;gap:.5rem;display:flex}input[type=color]{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-elev);cursor:pointer;flex:none;block-size:36px;inline-size:42px;padding:2px}#bg-hex{font-family:var(--mono);text-transform:lowercase}.switch{cursor:pointer;grid-column:1/-1;align-items:flex-start;gap:.75rem;display:flex}.switch input{opacity:0;width:0;height:0;position:absolute}.switch-track{background:var(--border-strong);border-radius:999px;flex:none;width:38px;height:22px;margin-top:2px;transition:background .15s;position:relative}.switch-track:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch:has(input:checked) .switch-track{background:var(--accent)}.switch:has(input:checked) .switch-track:after{transform:translate(16px)}.switch:has(input:focus-visible) .switch-track{outline:2px solid var(--accent);outline-offset:2px}.switch-text strong{font-size:.9rem;font-weight:560;display:block}.switch-text em{color:var(--text-dim);font-size:.78rem;font-style:normal;display:block}.generate-step{background:var(--bg-sunken);flex-direction:column;align-items:center;gap:.9rem;display:flex}.summary{color:var(--text-dim);text-align:center;min-height:1.4em;font-size:.86rem}.summary strong{color:var(--text);font-variant-numeric:tabular-nums}.btn-primary{font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:.75rem 2.4rem;font-size:1rem;font-weight:600;transition:background .15s,opacity .15s}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:disabled{background:var(--bg-sunken);color:var(--text-faint);box-shadow:inset 0 0 0 1px var(--border);cursor:not-allowed}.btn-ghost{font:inherit;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-elev);color:var(--text);cursor:pointer;padding:.35rem .85rem;font-size:.85rem}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.progress{width:min(100%,380px)}.progress-bar{background:var(--border);border-radius:999px;height:6px;overflow:hidden}.progress-bar span{background:var(--accent);width:0;height:100%;transition:width .12s linear;display:block}.progress-text{color:var(--text-dim);text-align:center;font-variant-numeric:tabular-nums;margin:.45rem 0 0;font-size:.8rem}.error{color:var(--danger);text-align:center;margin:0;font-size:.87rem}.preview-wrap{margin-top:2rem}.preview-wrap h3{margin:0 0 .9rem;font-size:1rem;font-weight:620}.preview-grid{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:flex-end;gap:1.4rem;padding:1.4rem;display:flex}.preview-item{text-align:center;width:84px}.preview-item img{image-rendering:auto;background:linear-gradient(45deg,#0000 25%,#8883 25% 50%,#0000 50% 75%,#8883 75%) 0 0/10px 10px;border-radius:22%;margin:0 auto .4rem;display:block;box-shadow:0 1px 3px #00000038}.preview-item span{color:var(--text-dim);font-size:.72rem;font-family:var(--mono)}#platforms,#faq{padding:3.5rem 0 0}#platforms h2,#faq h2{letter-spacing:-.025em;margin:0;font-size:clamp(1.5rem,3.5vw,2rem)}.section-lede{color:var(--text-dim);max-width:62ch;margin:.55rem 0 1.6rem}.size-tables{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;display:grid}.size-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem}.size-card h3{margin:0 0 .15rem;font-size:.95rem;font-weight:620}.size-card p{color:var(--text-dim);margin:0 0 .75rem;font-size:.78rem}.size-chips{flex-wrap:wrap;gap:.3rem;display:flex}.size-chip{font-family:var(--mono);background:var(--bg-sunken);border:1px solid var(--border);color:var(--text-dim);border-radius:5px;padding:.15rem .45rem;font-size:.72rem}.faq{gap:.6rem;display:grid}.faq details{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.85rem 1.1rem}.faq summary{cursor:pointer;font-size:.95rem;font-weight:560;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";float:right;color:var(--text-faint);font-weight:400}.faq details[open] summary:after{content:"−"}.faq p{color:var(--text-dim);margin:.7rem 0 0;font-size:.9rem}.site-footer{border-top:1px solid var(--border);margin-top:4rem;padding:1.75rem 0}.footer-inner{color:var(--text-dim);flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;font-size:.84rem;display:flex}.footer-inner p{margin:0}.tabs{gap:.35rem;margin-inline:auto;display:flex}.tab{font:inherit;border-radius:var(--radius-sm);color:var(--text-dim);cursor:pointer;background:0 0;border:none;align-items:center;gap:.45rem;padding:.45rem .9rem;font-size:.92rem;display:inline-flex;position:relative}.tab:hover{color:var(--text);background:var(--bg-sunken)}.tab[aria-selected=true]{color:var(--accent);font-weight:560}.tab[aria-selected=true]:after{content:"";background:var(--accent);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-11px;left:.55rem;right:.55rem}.tab-glyph{fill:currentColor;flex:none;width:17px;height:17px}@media (max-width:720px){.header-inner{gap:.5rem}.brand-text{display:none}.tab{padding:.45rem .6rem}}.imageset-shell{padding:2.75rem 0 0}.imageset-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:2rem;display:grid}@media (max-width:860px){.imageset-layout{grid-template-columns:minmax(0,1fr);gap:1.5rem}}.is-dropzone{border:2px dashed var(--border-strong);border-radius:var(--radius);background:var(--bg-sunken);cursor:pointer;flex-direction:column;min-height:420px;transition:border-color .15s,background .15s;display:flex;overflow:hidden}.is-dropzone:hover,.is-dropzone.is-over{border-color:var(--accent);background:var(--accent-soft)}.is-dropzone.has-files{cursor:default;background:var(--bg-elev)}.is-empty{text-align:center;margin:auto;padding:1.5rem}.is-icon{width:74px;height:74px;fill:color-mix(in srgb, var(--accent) 28%, transparent)}.is-empty p{color:var(--text-dim);margin:1.1rem 0 0;font-size:.95rem}.is-list{gap:.4rem;max-height:460px;margin:0;padding:.6rem;list-style:none;display:grid;overflow-y:auto}.is-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elev);align-items:center;gap:.7rem;padding:.5rem .55rem;display:flex}.is-thumb{object-fit:contain;border:1px solid var(--border);background:linear-gradient(45deg,#0000 25%,#8883 25% 50%,#0000 50% 75%,#8883 75%) 0 0/10px 10px;border-radius:7px;flex:none;width:38px;height:38px}.is-item-meta{flex:1;min-width:0}.is-item-name{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.86rem;font-weight:560;overflow:hidden}.is-item-dims{color:var(--text-dim);font-size:.76rem;font-family:var(--mono);margin:0}.is-icon-btn{font:inherit;width:28px;height:28px;color:var(--text-faint);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;flex:none;place-items:center;transition:color .12s,border-color .12s,background .12s;display:grid}.is-icon-btn:hover{color:var(--accent);border-color:var(--border-strong);background:var(--bg-elev)}.is-remove:hover{color:var(--danger);border-color:var(--danger)}.is-btn-glyph{fill:currentColor;pointer-events:none;width:15px;height:15px}.is-item .is-icon-btn{opacity:.45}.is-item:hover .is-icon-btn,.is-item:focus-within .is-icon-btn{opacity:1}@media (hover:none){.is-item .is-icon-btn{opacity:1}}.is-item.is-editing{border-color:var(--accent);background:var(--accent-soft)}.is-rename{font:inherit;border:1px solid var(--accent);background:var(--bg-elev);width:100%;color:var(--text);border-radius:6px;padding:.2rem .4rem;font-size:.86rem;font-weight:560}.is-rename:focus{outline:none}.is-footer{border-top:1px solid var(--border);color:var(--text-dim);background:var(--bg-sunken);justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem .85rem;font-size:.8rem;display:flex}.imageset-panel h2{letter-spacing:-.02em;margin:0 0 1.4rem;font-size:1.45rem}.is-label{color:var(--text-dim);margin:0 0 .7rem;font-size:.95rem}.base-row{align-items:center;gap:.85rem;margin-bottom:1.3rem;display:flex}.base-opt{cursor:pointer;align-items:center;gap:.5rem;display:inline-flex}.base-opt input{opacity:0;width:0;height:0;position:absolute}.base-box{border:1.5px solid var(--border-strong);background:var(--bg-elev);border-radius:5px;flex:none;width:19px;height:19px;position:relative}.base-opt:has(input:checked) .base-box{background:var(--accent);border-color:var(--accent)}.base-opt:has(input:checked) .base-box:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;position:absolute;top:1px;left:5px;transform:rotate(45deg)}.base-opt:has(input:focus-visible) .base-box{outline:2px solid var(--accent);outline-offset:2px}.base-text{font-size:1rem;font-weight:650}.base-or{color:var(--text-dim);font-size:.9rem}.is-hint{color:var(--text-dim);margin:0 0 1.3rem;font-size:.95rem;line-height:1.55}.is-platforms{gap:.6rem;margin-bottom:1.1rem;display:grid}.is-platform{cursor:pointer;align-items:center;gap:.6rem;display:flex;position:relative}.is-platform input{opacity:0;width:0;height:0;position:absolute}.is-platform .base-box{margin-right:.1rem}.is-platform:has(input:checked) .base-box{background:var(--accent);border-color:var(--accent)}.is-platform:has(input:checked) .base-box:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;position:absolute;top:1px;left:5px;transform:rotate(45deg)}.is-platform:has(input:focus-visible) .base-box{outline:2px solid var(--accent);outline-offset:2px}.is-platform-glyph{width:17px;height:17px;fill:var(--text-dim);flex:none}.is-platform:has(input:checked) .is-platform-glyph{fill:var(--accent)}.is-platform-label{font-size:.95rem;font-weight:620}.is-platform-hint{color:var(--text-dim);font-size:.92rem}.is-summary{text-align:left;margin-bottom:.9rem}.is-generate{border-radius:var(--radius-sm);width:100%;padding:.8rem 1rem}#is-progress,#is-error{width:100%;margin-top:.9rem}