.mosaic-page{max-width:1400px;margin:0 auto;padding:24px 20px 0}.mosaic-title{font-size:clamp(28px,3.4vw,40px);line-height:1.1}.mosaic-steps ol{gap:10px;margin:16px 0 4px;padding:0;list-style:none;display:flex}.mosaic-steps li{flex:1;min-width:0}.mstep{cursor:pointer;background:var(--surface);width:100%;min-height:48px;color:var(--ink);box-shadow:0 4px 0 var(--card-edge);text-align:left;font:800 16px/1.2 var(--font-body);-webkit-hyphens:auto;hyphens:auto;transition:transform .12s var(--snap);border:0;border-radius:8px;align-items:center;gap:12px;padding:12px 14px;display:flex}.mstep:disabled{cursor:default;opacity:.6}.mstep__n{background:var(--sunken);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:15px;display:grid}.mstep.is-current{background:var(--ink);color:#fff;box-shadow:none;transform:translateY(4px)}.mstep.is-current .mstep__n{background:var(--orange);color:var(--ink);box-shadow:0 2px 0 var(--orange-edge)}.mstep.is-done .mstep__n{background:var(--lime);box-shadow:0 2px 0 var(--lime-edge)}@media (width<=760px){.mosaic-steps ol{gap:6px}.mstep{justify-content:center;padding:8px}.mstep__label{display:none}.mstep.is-current .mstep__label{display:inline}.mosaic-steps li:has(.is-current){flex:3}}.mosaic-main{flex-wrap:wrap;align-items:flex-start;gap:24px;padding:18px 0 24px;display:flex}.mosaic-work{flex-direction:column;flex:560px;gap:14px;min-width:0;padding:16px;display:flex}.mosaic-side{flex-direction:column;flex:0 400px;gap:20px;min-width:min(100%,300px);padding:20px;display:flex}.mosaic-side__title{margin:2px 0 0;font-size:26px}@media (width>=1000px){.mosaic-side{max-height:calc(100vh - 110px);position:sticky;top:90px;overflow:auto}}.mosaic-work__bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 18px;display:flex}.mosaic-work__meta{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.mosaic-busy{color:var(--meta);font-size:13px;font-weight:700}.mosaic-stats{color:var(--muted);flex-wrap:wrap;gap:8px 22px;font-size:14px;font-weight:700;display:flex}.mosaic-stage{background:var(--chip);border-radius:8px;justify-content:center;min-height:280px;padding:12px;display:flex;position:relative}.mosaic-empty{aspect-ratio:1;opacity:.55;grid-template-columns:repeat(8,1fr);align-self:center;gap:3px;width:min(100%,360px);display:grid}.mosaic-empty span{border-radius:3px}.mosaic-canvas{line-height:0;position:relative}.mosaic-canvas canvas{border-radius:3px;display:block}.mosaic-canvas>div>canvas{box-shadow:0 4px 0 var(--ink-edge);cursor:crosshair}.mosaic-orig{position:absolute;top:0;left:0}.cmp-line{pointer-events:none;background:#fff;width:4px;margin-left:-2px;position:absolute;top:0;bottom:0;box-shadow:0 0 0 1px #1d243059}.cmp-tag{pointer-events:none;border-radius:3px;padding:4px 8px;font-size:13px;font-weight:800;line-height:1.3;position:absolute;top:10px}.cmp-tag--l{background:var(--ink);color:#fff;left:10px}.cmp-tag--r{color:var(--ink);background:#fff;right:10px}.cmp-range{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.mosaic-tip{z-index:5;pointer-events:none;white-space:nowrap;background:var(--ink);color:#fff;box-shadow:0 3px 0 var(--ink-edge);border-radius:6px;align-items:center;gap:10px;padding:8px 10px;line-height:1.25;display:flex;position:absolute}.mosaic-tip .swatch{box-shadow:inset 0 0 0 2px #ffffff80}.mosaic-tip__text{flex-direction:column;font-size:14px;display:flex}.mosaic-tip__text .num{color:#c9d1dc;font-size:12px}.group{flex-direction:column;gap:10px;display:flex}.group__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.dropzone{background:var(--bg);outline:3px dashed var(--btn-edge);outline-offset:-6px;border-radius:10px;flex-direction:column;align-items:flex-start;gap:12px;padding:22px 18px;display:flex}.dropzone.is-drag{outline-color:var(--blue)}.dropzone__title{font-size:17px}.privacy-note{align-items:center;gap:10px;margin:0;font-size:15px;display:flex}.pro-hint{box-shadow:inset 0 0 0 2px var(--gold);background:#fbf6ea;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:12px 14px;font-size:15px;display:flex}.pro-hint>span{flex:200px}.pro-hint a{font-weight:800}.pro-hint__x{cursor:pointer;width:32px;height:32px;font:800 18px/1 var(--font-body);background:0 0;border:0;border-radius:4px}.size-inputs{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.size-inputs label{flex-direction:column;flex:110px;gap:4px;font-size:14px;font-weight:800;display:flex}.size-inputs span{padding-bottom:12px;font-weight:800}.size-inputs input{border:2px solid var(--ink);width:100%;font:700 16px/1.2 var(--font-body);font-variant-numeric:tabular-nums;box-shadow:inset 0 3px 0 var(--sunken);border-radius:5px;padding:10px 12px}.stat-box{background:var(--sunken);border-radius:8px;flex-wrap:wrap;gap:4px 16px;padding:12px 14px;display:flex}.part-types{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.part-type{cursor:pointer;background:var(--sunken);color:var(--ink);box-shadow:0 3px 0 var(--btn-edge);font:700 14px/1.25 var(--font-body);text-align:left;-webkit-hyphens:auto;hyphens:auto;border:0;border-radius:6px;align-items:center;gap:10px;padding:10px;display:flex}.part-type[aria-checked=true]{background:var(--tint-mosaic);box-shadow:inset 0 0 0 2px var(--ink);transform:translateY(3px)}.part-type__icon{background:var(--blue);width:22px;height:22px;box-shadow:0 2px 0 var(--blue-edge);flex:none}.part-type__icon--round{border-radius:50%}.part-type__icon--tile{border-radius:3px}.part-type__icon--plate,.part-type__icon--brick{background:radial-gradient(circle, #5b73e0 5px, var(--blue) 6px);border-radius:3px}.part-type__icon--brick{height:26px}.palette-grid{grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:8px 6px;display:grid}.pal{cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;padding:2px;display:grid}.pal__brick{background:var(--c);width:34px;height:34px;transition:transform .12s var(--snap);border-radius:4px;place-items:center;display:grid;position:relative;box-shadow:0 3px #0000004d}.pal__stud{background:var(--c);border-radius:50%;width:18px;height:18px;box-shadow:0 2px #00000040,inset 0 1px #ffffff59}.pal.is-off{opacity:.35}.pal.is-off .pal__brick{box-shadow:none;transform:translateY(3px)}.pal.is-off .pal__brick:after{content:"";background:linear-gradient(135deg, transparent 46%, var(--ink) 47%, var(--ink) 53%, transparent 54%);border-radius:4px;position:absolute;inset:0}.downloads{flex-direction:column;gap:10px;display:flex}.downloads>.btn--primary{justify-content:flex-start}.parts-list{box-shadow:inset 0 0 0 2px var(--chip);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.parts-list__head,.parts-list__foot{justify-content:space-between;gap:10px;padding:12px 14px;font-weight:800;display:flex}.parts-list__head{background:var(--sunken)}.parts-list__foot{border-top:2px solid var(--chip)}.parts-list__rows{max-height:360px;overflow:auto}.parts-list__row{border-top:1px solid var(--sunken);align-items:center;gap:12px;padding:8px 14px;display:flex}.parts-list__name{flex-direction:column;flex:1;gap:2px;min-width:0;font-size:15px;font-weight:700;line-height:1.25;display:flex}.parts-list__name .code{align-self:flex-start}.mosaic-nav{border-top:2px solid var(--sunken);flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:10px;display:flex}