:root{--baseplate:#26282c;--baseplate-hi:#2e3136;--card:#33363c;--card-edge:#43474e;--ink:#f2f3f5;--ink-dim:#a6abb3;--note:#d9a441;--active-bg:#e8eaed;--active-ink:#26282c;--btn-bg:#3d4147;--btn-ink:#f2f3f5;--focus:#9aa0a8;--range:#c6cbd2;--tileA-bg:#9298a0;--tileA-ink:#23262a;--tileB-bg:#565a60;--tileB-ink:#f2f3f5;--tileC-bg:#e6e7e9;--tileC-ink:#2a2d31;--stud-lite:#ffffff0b;--stud-dark:#0000000f;--radius:14px;--pad:16px;--stud-size:28px}html[data-theme=light]{--baseplate:#e9eaec;--baseplate-hi:#dfe1e4;--card:#fff;--card-edge:#d3d6da;--ink:#26292e;--ink-dim:#6b7077;--note:#9a6d14;--active-bg:#33363c;--active-ink:#fff;--btn-bg:#e6e8eb;--btn-ink:#26292e;--focus:#565b63;--range:#4c5158;--tileA-bg:#b9bec4;--tileA-ink:#2a2d31;--tileB-bg:#4c5158;--tileB-ink:#fff;--tileC-bg:#fff;--tileC-ink:#2a2d31;--stud-lite:#ffffff4d;--stud-dark:#28374b0d}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;color:var(--ink);background-color:var(--baseplate);background-image:radial-gradient(circle at 50% 42%, var(--stud-lite) 0 26%, var(--stud-dark) 30% 34%, transparent 38%);background-size:var(--stud-size) var(--stud-size);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45;transition:background-color .2s,color .2s}main{max-width:520px;padding:0 var(--pad) 32px;margin:0 auto}.site-head{text-align:center;max-width:520px;margin:0 auto;padding:28px 64px 18px;position:relative}.wordmark{letter-spacing:.04em;gap:clamp(3px,1vw,6px);margin:0;font-family:Fredoka__subset,system-ui,sans-serif;font-size:clamp(1.2rem,6vw,2.6rem);font-weight:600;display:inline-flex}.tile{border-radius:.22em;place-items:center;width:1.45em;height:1.45em;transition:background-color .2s,color .2s;display:inline-grid;position:relative;box-shadow:inset 0 2px 2px #ffffff47,inset 0 -3px 3px #00000038,0 3px 6px #00000040}.tile:after{content:"";opacity:.8;background:radial-gradient(circle at 35% 30%,#ffffff8c,#00000026 70%);border-radius:50%;width:.32em;height:.32em;position:absolute;top:.1em;right:.12em}.tw-a{background:var(--tileA-bg);color:var(--tileA-ink)}.tw-b{background:var(--tileB-bg);color:var(--tileB-ink)}.tw-c{background:var(--tileC-bg);color:var(--tileC-ink)}.tagline{color:var(--ink-dim);margin:10px 0 0;font-size:.95rem}.theme-toggle{top:20px;right:var(--pad);border:1px solid var(--card-edge);background:var(--card);width:40px;height:40px;color:var(--ink-dim);cursor:pointer;border-radius:50%;place-items:center;transition:background-color .2s,color .2s;display:grid;position:absolute}.theme-toggle:hover{color:var(--ink)}.theme-toggle:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.theme-toggle svg{width:20px;height:20px}.icon-sun{display:block}.icon-moon,html[data-theme=light] .icon-sun{display:none}html[data-theme=light] .icon-moon{display:block}.card{background:var(--card);border:1px solid var(--card-edge);border-radius:var(--radius);padding:var(--pad);margin-bottom:16px;transition:background-color .2s;box-shadow:0 4px 14px #00000024}.card-title{letter-spacing:.02em;margin:0 0 12px;font-family:Fredoka__subset,system-ui,sans-serif;font-size:1.1rem;font-weight:500}.intro{color:var(--ink-dim);text-align:center;margin:2px 0 14px;font-size:.95rem}main.has-image .intro,main.has-image .empty-extras{display:none}main.has-image #step-photo{padding:10px 14px}main.has-image .dropzone{flex-direction:row;justify-content:center;align-items:center;gap:10px;padding:9px 14px}main.has-image .dz-icon{width:20px;height:20px}main.has-image .dz-label{margin:0;font-size:.9rem}main.has-image .dz-hint{display:none}.feat-icon{width:24px;height:24px;color:var(--ink-dim);flex:none;margin-top:1px}.feat-icon svg{width:100%;height:100%}.privacy-note{border-top:1px solid var(--card-edge);color:var(--ink-dim);align-items:flex-start;gap:12px;margin:18px 0 2px;padding-top:16px;font-size:.84rem;line-height:1.45;display:flex}.privacy-note .feat-icon{color:var(--note)}.privacy-note strong{color:var(--ink)}.dropzone{border:2px dashed color-mix(in srgb, var(--ink-dim) 42%, var(--card-edge));border-radius:calc(var(--radius) - 4px);cursor:pointer;color:var(--ink-dim);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:36px 16px;transition:border-color .15s,color .15s,background-color .15s;display:flex}.dropzone:hover,.dropzone:focus-visible,.dropzone.drag-over{border-color:var(--focus);color:var(--ink);background:color-mix(in srgb, var(--ink) 4%, transparent)}.dz-icon{width:44px;height:44px}.dz-label{color:var(--ink);font-family:Fredoka__subset,system-ui,sans-serif;font-size:1.15rem;font-weight:500}.dz-hint{font-size:.88rem}.crop-wrap{border-radius:calc(var(--radius) - 4px);border:1px solid var(--card-edge);background:var(--baseplate-hi);overflow:hidden}#crop-canvas{aspect-ratio:1;touch-action:none;cursor:grab;width:100%;display:block}#crop-canvas.dragging{cursor:grabbing}.zoom-row{align-items:center;gap:12px;margin-top:12px;display:flex}.zoom-label{color:var(--ink-dim);min-width:44px;font-size:.9rem}input[type=range]{accent-color:var(--range);flex:1;height:28px}.hint{color:var(--ink-dim);text-align:center;margin:8px 0 0;font-size:.82rem}[hidden]{display:none!important}.control-row{align-items:center;gap:12px;margin-bottom:12px;display:flex}.control-row:last-child{margin-bottom:0}.control-label{min-width:64px;color:var(--ink-dim);font-size:.92rem}.segmented{background:var(--btn-bg);border-radius:10px;flex:1;gap:3px;padding:3px;display:flex}.segmented button{color:color-mix(in srgb, var(--ink) 80%, var(--ink-dim));font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;padding:8px 4px;font-size:.92rem;transition:background-color .12s,color .12s}.segmented button[aria-pressed=true]{background:var(--active-bg);color:var(--active-ink);font-weight:600;box-shadow:0 1px 3px #00000038}.segmented button:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.result-wrap{border-radius:calc(var(--radius) - 4px);border:1px solid var(--card-edge);background-color:var(--baseplate-hi);background-image:radial-gradient(circle at 50% 42%, var(--stud-lite) 0 26%, var(--stud-dark) 30% 34%, transparent 38%);background-size:14px 14px;justify-content:center;display:flex;overflow:hidden}#result-canvas{width:100%;height:auto;transition:width .25s;display:block}.stats{text-align:center;color:var(--ink-dim);margin:10px 0 14px;font-size:.9rem}.action-row{flex-wrap:wrap;gap:10px;display:flex}.btn{font:inherit;cursor:pointer;background:var(--btn-bg);color:var(--btn-ink);border:0;border-radius:12px;flex:auto;padding:13px 16px;font-size:.98rem;font-weight:600;transition:filter .12s,transform 50ms,background-color .2s,color .2s;box-shadow:0 2px 5px #0000002e}.btn:hover{filter:brightness(1.06)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.btn-primary{background:var(--active-bg);color:var(--active-ink)}.btn-quiet{box-shadow:none;color:var(--ink-dim);background:0 0}.app-error{color:#b4443a;background:#b4443a1f;border:1px solid #b4443a66;border-radius:10px;padding:12px;font-size:.9rem}.site-foot{text-align:center;padding:8px var(--pad) 28px;color:var(--ink-dim);font-size:.78rem}.site-foot a{color:inherit;text-underline-offset:2px;text-decoration:underline}.site-foot p{margin:0}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.build-line{color:var(--ink-dim);margin:0 0 12px;font-size:.92rem}.parts{border:1px solid color-mix(in srgb, var(--ink-dim) 35%, var(--card-edge));border-radius:10px;margin-bottom:14px;overflow:hidden}.parts[open]{padding-bottom:12px}.parts[open]>summary{margin-bottom:10px}#view-row{margin-top:14px}.format-thumbs{flex:1 0 100%;justify-content:center;align-items:stretch;gap:14px;margin:10px 0 16px;display:flex}.format-thumbs button{cursor:pointer;font:inherit;color:var(--ink-dim);background:0 0;border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:5px;padding:5px;font-size:.8rem;display:flex}.format-thumbs button[aria-pressed=true]{border-color:var(--ink);color:var(--ink)}.format-thumbs canvas{background:var(--baseplate-hi);border-radius:7px;display:block}.thumb-sq{width:64px;height:64px}.parts>:not(summary):not(#parts-list){margin-left:14px;margin-right:14px}.parts summary{cursor:pointer;background:var(--btn-bg);user-select:none;padding:11px 14px;font-size:.95rem}.parts summary:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}#parts-list{grid-template-columns:1fr 1fr;gap:7px 16px;margin:0;padding:10px 14px;list-style:none;display:grid}#parts-list li{align-items:center;gap:8px;font-size:.86rem;display:flex}.part-badge{background:var(--active-bg);min-width:22px;height:22px;color:var(--active-ink);border-radius:50%;place-items:center;font-size:.72rem;font-weight:700;display:grid}.part-swatch{border:1px solid #00000040;border-radius:4px;flex:none;width:18px;height:18px}.part-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.part-qty{color:var(--ink-dim);font-variant-numeric:tabular-nums}.parts-foot{border-top:1px solid var(--card-edge);color:var(--ink-dim);margin:0;padding:10px 14px;font-size:.82rem}@media (width<=420px){#parts-list{grid-template-columns:1fr}}@media (width>=920px){.site-head{max-width:1100px;padding-top:32px}main.has-image{grid-template-columns:440px 1fr;align-items:start;gap:20px;max-width:1100px;display:grid}main.has-image .col-b{position:sticky;top:16px}.app-error{grid-column:1/-1}.card{padding:20px}}a{color:var(--ink);text-underline-offset:2px}a:hover{color:var(--ink-dim)}a:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:3px}.prose p,.prose li{color:var(--ink);font-size:.95rem}.prose p{margin:0 0 12px}.prose ol{margin:0 0 12px;padding-left:22px}.prose li{margin-bottom:8px}.prose h3{margin:18px 0 8px;font-family:Fredoka__subset,system-ui,sans-serif;font-size:1rem;font-weight:500}.prose .aside{color:var(--ink-dim);font-size:.86rem}.back-link{margin-bottom:14px;font-size:.9rem;display:inline-block}.info-dot{border:1px solid var(--card-edge);width:18px;height:18px;color:var(--ink-dim);cursor:pointer;vertical-align:1px;background:0 0;border-radius:50%;margin-left:4px;padding:0;font-size:.7rem;font-weight:700;line-height:1}.info-dot:hover,.info-dot[aria-expanded=true]{background:var(--active-bg);color:var(--active-ink);border-color:#0000}.info-dot:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.control-hint{color:var(--ink-dim);margin:-4px 0 12px;padding-left:76px;font-size:.82rem}@media (width<=420px){.control-hint{padding-left:0}}.looks-row{scrollbar-width:none;gap:8px;padding:2px 2px 14px;display:flex;overflow-x:auto}@media (hover:hover) and (pointer:fine){.looks-row{flex-wrap:wrap;overflow-x:visible}}.looks-row::-webkit-scrollbar{display:none}.look-chip{border:1px solid var(--card-edge);background:var(--btn-bg);min-width:66px;color:var(--btn-ink);font:inherit;cursor:pointer;border-radius:13px;flex-direction:column;flex:none;align-items:center;gap:5px;padding:10px 10px 8px;font-size:.78rem;display:flex}.look-chip .stop-icon{width:23px;height:23px;color:inherit;margin:0}.look-chip[aria-pressed=true]{background:var(--active-bg);color:var(--active-ink);border-color:var(--active-bg)}.btn{justify-content:center;align-items:center;gap:7px;display:inline-flex}.btn-ico{flex:none;width:14px;height:14px;display:inline-flex}.segmented button{justify-content:center;align-items:center;gap:6px;display:inline-flex}.seg-ico{flex:none;width:13px;height:13px;display:inline-flex}.seg-ico svg,.btn-ico svg{width:100%;height:100%}.price-tease{color:var(--note);font-weight:600}.fold-active{color:var(--note);margin-left:8px;font-size:.8rem;font-weight:500}.restart-line{text-align:center;margin:12px 0 0}.sample-line{text-align:center;margin:14px 0 4px}#showcase{margin-top:22px}.showcase-blurb{color:var(--ink-dim);margin:0 0 10px;font-size:.9rem;line-height:1.5}.showcase-row{gap:10px;margin-bottom:18px;display:flex}.showcase-row figure{flex:1;min-width:0;margin:0}.showcase-row img,.showcase-row video{border-radius:10px;width:100%;height:auto;display:block}.showcase-row figcaption{text-align:center;color:color-mix(in srgb, var(--ink-dim) 72%, transparent);margin-top:4px;font-size:.72rem}#showcase .fold-caption{color:var(--ink)}html[data-theme=dark] .theme-light-img,html[data-theme=light] .theme-dark-img{display:none}#gallery-strip{margin-top:18px}.gallery-thumbs{gap:10px;padding:4px 2px 10px;display:flex;overflow-x:auto}.gal-item{flex:none;position:relative}.gal-open{border:2px solid var(--card-edge);cursor:pointer;background:0 0;border-radius:10px;padding:3px;display:block}.gal-open img{object-fit:cover;border-radius:7px;width:64px;height:64px;display:block}.gal-del{background:var(--ink);width:21px;height:21px;color:var(--card,#fff);cursor:pointer;border:none;border-radius:50%;font-size:13px;line-height:1;position:absolute;top:-7px;right:-7px}.piece-grid{flex-wrap:wrap;gap:8px;padding:6px 0 10px;display:flex}.style-fold{margin-top:10px}.build-headline{margin:4px 0 12px;font-size:1.02rem;font-weight:600}.parts-scroll{border:1px solid var(--line,#00000014);border-radius:10px;max-height:340px;margin-bottom:10px;padding:4px 10px;overflow-y:auto}.fold-caption{color:var(--ink-dim);margin:10px 0 4px;font-size:.86rem;font-weight:600}.style-fold>summary{font-weight:600}.linklike{font:inherit;color:var(--ink-dim);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:.86rem;text-decoration:underline}.version-warn{border:1px solid var(--note);color:var(--note);border-radius:12px;margin:0 0 14px;padding:12px 14px;font-size:.86rem;line-height:1.45}.save-overlay{z-index:999;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:contain;background:#101114f0;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:fixed;inset:0}.save-overlay[hidden]{display:none}.save-overlay img{-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto;border-radius:10px;max-width:min(88vw,480px);max-height:62vh;box-shadow:0 10px 34px #00000080}.save-overlay .btn{flex:none;padding:12px 32px}.save-overlay p{color:#f2f3f5;text-align:center;max-width:300px;font-size:.95rem;line-height:1.45}.mini-preview{border:1px solid var(--card-edge);background:var(--card);z-index:60;cursor:pointer;border-radius:14px;width:86px;height:86px;padding:0;position:fixed;bottom:16px;right:16px;overflow:hidden;box-shadow:0 8px 22px #00000073}.mini-preview canvas{width:100%;height:100%;display:block}@media (width>=920px){.mini-preview{display:none!important}}.stop-icon{vertical-align:-5px;width:21px;height:21px;color:var(--ink-dim);margin-right:7px;display:inline-flex}.stop-icon svg{width:100%;height:100%}.merge-label{align-items:center;display:inline-flex}.control-note{color:var(--note);opacity:.9;margin:-4px 0 12px;padding-left:76px;font-size:.82rem}@media (width<=420px){.control-note{padding-left:0}}.palette-picker{margin-top:2px;margin-bottom:12px}.swatch-grid{grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:8px;padding:12px 14px;display:grid}.swatch{aspect-ratio:1;cursor:pointer;opacity:.3;border:1px solid #00000047;border-radius:8px;padding:0;transition:opacity .12s,box-shadow .12s;position:relative}.swatch[aria-pressed=true]{opacity:1;box-shadow:0 0 0 2px var(--card), 0 0 0 4px var(--focus)}.swatch:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.swatch-count{text-align:center;pointer-events:none;font-size:.56rem;font-weight:700;position:absolute;bottom:3px;left:0;right:0}.merge-label{text-align:right;min-width:40px;color:var(--ink-dim);font-variant-numeric:tabular-nums;font-size:.88rem}input[type=range]:disabled{opacity:.35}