.bg-step{background:var(--sk-paper);color:var(--sk-ink);border-radius:var(--radius-shelf);box-shadow:var(--shadow-dock);flex-direction:column;align-items:center;gap:10px;padding:12px 16px;display:flex}.bg-row{width:calc(100% + 32px);min-width:0;margin-inline:-16px;position:relative}.bg-scroll{scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:10px 72px 10px 16px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 0 calc(100% - 88px),#0000 calc(100% - 36px));mask-image:linear-gradient(90deg,#000 0 calc(100% - 88px),#0000 calc(100% - 36px))}.bg-row.bg-scrolled .bg-scroll{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 28px calc(100% - 88px),#0000 calc(100% - 36px));mask-image:linear-gradient(90deg,#0000 0,#000 28px calc(100% - 88px),#0000 calc(100% - 36px))}.bg-scroll::-webkit-scrollbar{display:none}.bg-swatches{gap:14px;width:max-content;display:flex}.bg-swatch{background:var(--bg-c);border:1px solid var(--outline);width:44px;height:44px;box-shadow:var(--shadow-tile);transition:transform .12s var(--ease-out);animation:bg-materialize var(--dur-materialize) var(--ease-out) backwards;animation-delay:calc(var(--bg-i) * 24ms);border-radius:50%;flex:none;position:relative}.bg-swatch:active{transform:scale(.92)}.bg-swatch:focus-visible{outline:2px solid var(--sk-orange);outline-offset:6px}.bg-swatch:after{content:"";border:2px solid var(--sk-orange);opacity:0;transition:opacity .12s var(--ease-out), transform .16s var(--ease-out);pointer-events:none;border-radius:50%;position:absolute;inset:-6px;transform:scale(.8)}.bg-swatch.bg-selected:after{opacity:1;transform:scale(1)}@keyframes bg-materialize{0%{opacity:0;transform:scale(.5)}}.bg-upload{color:var(--sk-ink);background:var(--sk-paper);place-items:center;display:grid;overflow:hidden}.bg-upload svg{width:22px;height:22px}.bg-upload-thumb{object-fit:cover;pointer-events:none;border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.bg-picker{cursor:pointer;background:radial-gradient(circle, var(--sk-white) 0 5px, #fff0 11px), conic-gradient(#f43f5e, #fb923c, #facc15, #4ade80, #38bdf8, #a78bfa, #f43f5e);display:block}.bg-picker-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.bg-picker:focus-within{outline:2px solid var(--sk-orange);outline-offset:6px}.bg-toggle{width:44px;height:44px;color:var(--sk-ink);background:var(--sk-paper);border:1.5px solid var(--outline);box-shadow:var(--shadow-tile);transition:opacity .16s var(--ease-out), color .16s var(--ease-out);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.bg-toggle svg{width:22px;height:22px}.bg-toggle:focus-visible{outline:2px solid var(--sk-orange);outline-offset:2px}.bg-toggle:disabled{opacity:.4;color:var(--sk-muted);cursor:default}.bg-toggle-strike{visibility:hidden}.bg-toggle--off .bg-toggle-strike{visibility:visible}.bg-toggle--off{color:var(--sk-muted)}.bg-hint{opacity:0;text-align:center;transition:opacity var(--dur-swap) var(--ease-out)}.bg-hint.bg-hint-on{opacity:.7}@media (prefers-reduced-motion:reduce){.bg-swatch{animation:none}.bg-swatch:after,.bg-hint{transition:none}}.sel-layer{pointer-events:none;touch-action:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.sel-catch,.sel-hit{fill:#0000;pointer-events:none;touch-action:none}.sel-layer.is-live .sel-catch,.sel-layer.is-live .sel-hit{pointer-events:auto}.sel-chrome{display:none}.sel-layer.is-sel .sel-chrome{display:block}.sel-halo{fill:none;stroke:#ffffffd9}.sel-line{fill:none;stroke:var(--sk-orange)}.sel-dot{fill:var(--sk-paper);stroke:var(--sk-orange)}.sel-ring{fill:#ffffffd9}.sel-disc{fill:var(--sk-ink)}.sel-arrow,.sel-arc{fill:none;stroke:var(--sk-paper);stroke-linecap:round;stroke-linejoin:round}.sel-arc{opacity:.7}.sel-badge-bg{fill:#141210d9}.sel-badge-tx{font-family:var(--font-mono);text-anchor:middle;fill:var(--sk-paper);font-weight:600}.sel-badge-tx.is-detent{fill:var(--sk-orange)}.el-step{background:var(--sk-paper);width:fit-content;min-width:280px;max-width:100%;color:var(--sk-ink);border-radius:var(--radius-shelf);box-shadow:var(--shadow-dock);justify-items:center;gap:10px;margin-inline:auto;padding:12px 18px;display:grid}.el-slots{grid-template-columns:repeat(4,56px);gap:10px;display:grid}.el-slot{border-radius:var(--radius-stamp);height:56px}.el-slot--empty{border:1.5px dashed var(--outline)}.el-add-slot{color:var(--sk-ink);background:var(--sk-white);transition:transform .12s var(--ease-out);border:1.5px dashed #14121059;place-items:center;display:grid}.el-add-slot:active{transform:scale(.94)}.el-add-slot .el-icon{width:22px;height:22px}.el-chip{color:var(--sk-ink);background:var(--sk-white);border:1px solid var(--outline);box-shadow:var(--shadow-tile);transition:transform .12s var(--ease-out);place-items:center;display:grid;position:relative;overflow:hidden}.el-chip:active{transform:scale(.94)}.el-chip .el-icon{width:24px;height:24px}.el-thumb{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.el-hint{color:var(--sk-muted)}.el-modal{z-index:30;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.el-modal[hidden]{display:none!important}.el-modal-scrim{background:#14121073;position:absolute;inset:0}.el-modal-card{background:var(--sk-paper);width:min(360px,100%);height:min(660px,100%);color:var(--sk-ink);border-radius:var(--radius-sheet);box-shadow:var(--shadow-dock);animation:el-modal-in var(--dur-materialize) var(--ease-out);flex-direction:column;gap:12px;padding:16px;display:flex;position:relative;overflow-y:auto}@keyframes el-modal-in{0%{opacity:0;transform:translateY(10px)}}.el-modal-preview{flex:1;place-items:center;min-height:110px;display:grid}.el-modal-canvas{filter:drop-shadow(0 6px 18px #1412104d);background:0 0;width:168px;height:168px;display:block}.el-kinds{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.el-tile{background:var(--sk-white);border:1.5px solid var(--outline);border-radius:var(--radius-stamp);color:var(--sk-ink);transition:transform .12s var(--ease-out), border-color .16s var(--ease-out), box-shadow .16s var(--ease-out);flex-direction:column;align-items:center;gap:3px;padding:8px 2px 6px;display:flex}.el-tile:active{transform:scale(.95)}.el-tile.el-tile--sel{border-color:var(--sk-orange);box-shadow:0 0 0 2px var(--selection)}.el-tile .el-icon{width:22px;height:22px}.el-tile-label{letter-spacing:.2px;text-transform:lowercase;color:var(--sk-muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10px;font-weight:500;overflow:hidden}.el-opts{align-content:end;gap:8px;height:206px;display:grid}.el-campad{background:var(--sk-white);border:1.5px solid var(--outline);touch-action:none;cursor:grab;border-radius:50%;width:112px;height:112px;position:relative}.el-campad svg{fill:#1412104d;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.el-campuck{background:var(--sk-ink);width:22px;height:22px;box-shadow:var(--shadow-tile);pointer-events:none;border-radius:50%;margin:-11px 0 0 -11px;position:absolute;top:50%;left:50%}.el-row{grid-template-columns:58px minmax(0,1fr);align-items:center;gap:8px;display:grid}.el-row-label{text-transform:lowercase;color:var(--sk-muted);font-size:11px}.el-cws,.el-masks{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.el-cwrow{min-width:0;position:relative}.el-cwscroll{scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:6px;overflow-x:auto}.el-cwscroll::-webkit-scrollbar{display:none}.el-cwrow.el-cw-more-r .el-cwscroll{-webkit-mask-image:linear-gradient(90deg,#000 0 calc(100% - 30px),#0000 100%);mask-image:linear-gradient(90deg,#000 0 calc(100% - 30px),#0000 100%)}.el-cwrow.el-cw-more-l .el-cwscroll{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 30px 100%);mask-image:linear-gradient(90deg,#0000 0,#000 30px 100%)}.el-cwrow.el-cw-more-l.el-cw-more-r .el-cwscroll{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 30px calc(100% - 30px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 30px calc(100% - 30px),#0000 100%)}.el-cwscroll .el-cws{flex-wrap:nowrap;width:max-content}.el-cw{background:var(--cw);border:1px solid var(--outline);width:30px;height:30px;box-shadow:var(--shadow-tile);transition:transform .12s var(--ease-out);border-radius:50%;flex:none;position:relative}.el-cw--picker{cursor:pointer;background:radial-gradient(circle, var(--sk-white) 0 4px, #fff0 8px), conic-gradient(#f43f5e, #fb923c, #facc15, #4ade80, #38bdf8, #a78bfa, #f43f5e);display:block}.el-cw-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.el-cw--picker:focus-within{outline:2px solid var(--sk-orange);outline-offset:2px}.el-cw:active{transform:scale(.92)}.el-cw:after{content:"";border:2px solid var(--sk-orange);opacity:0;transition:opacity .12s var(--ease-out), transform .16s var(--ease-out);pointer-events:none;border-radius:50%;position:absolute;inset:-5px;transform:scale(.8)}.el-cw.el-cw--sel:after{opacity:1;transform:scale(1)}.el-mask{width:36px;height:32px;color:var(--sk-ink);background:var(--sk-white);border:1.5px solid var(--outline);border-radius:var(--radius-stamp);transition:transform .12s var(--ease-out), border-color .16s var(--ease-out);place-items:center;display:grid}.el-mask:active{transform:scale(.94)}.el-mask.el-mask--sel{border-color:var(--sk-orange);box-shadow:0 0 0 2px var(--selection)}.el-mask .el-icon{width:20px;height:20px}.el-blend{text-transform:lowercase;color:var(--sk-ink);background:var(--sk-white);border:1.5px solid var(--outline);border-radius:var(--radius-pill);transition:transform .12s var(--ease-out), background-color .16s var(--ease-out), border-color .16s var(--ease-out);justify-self:start;padding:8px 16px;font-size:13px;font-weight:700;line-height:1.2}.el-blend:active{transform:scale(.97)}.el-blend.el-blend--on{border-color:var(--sk-orange);box-shadow:0 0 0 2px var(--selection)}.el-status{min-height:15px;font-family:var(--font-mono);letter-spacing:1.5px;text-transform:lowercase;text-align:center;color:var(--sk-muted);font-size:10px;font-weight:500}.el-status--err{color:var(--sk-ink)}.el-modal-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.el-remove{font-family:var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--sk-muted);border:1px solid var(--outline);border-radius:var(--radius-pill);transition:transform .12s var(--ease-out);padding:10px 14px;font-size:10px;font-weight:500}.el-remove:active{transform:scale(.97)}.el-done{background:var(--sk-ink);color:var(--sk-paper);border-radius:var(--radius-pill);box-shadow:var(--shadow-button);transition:transform .12s var(--ease-out);margin-left:auto;padding:12px 26px;font-size:15px;font-weight:700;line-height:1.2}.el-done:active{transform:scale(.97)}.el-add-slot:focus-visible,.el-chip:focus-visible,.el-tile:focus-visible,.el-cw:focus-visible,.el-mask:focus-visible,.el-blend:focus-visible,.el-remove:focus-visible,.el-done:focus-visible{outline:2px solid var(--sk-orange);outline-offset:2px}.tx-panel{background:var(--sk-paper);width:fit-content;min-width:220px;max-width:100%;color:var(--sk-ink);border-radius:var(--radius-shelf);box-shadow:var(--shadow-dock);justify-items:center;gap:10px;margin-inline:auto;padding:12px 20px;display:grid;position:relative}.tx-edit{text-transform:lowercase;color:var(--sk-ink);background:var(--sk-white);border:1.5px solid var(--outline);border-radius:var(--radius-pill);transition:transform .12s var(--ease-out), background-color .16s var(--ease-out), border-color .16s var(--ease-out);padding:12px 26px;font-size:15px;font-weight:700;line-height:1.2}.tx-edit:active{transform:scale(.97)}.tx-edit:focus-visible{outline:2px solid var(--sk-orange);outline-offset:2px}.tx-edit.tx-edit--on{background:var(--sk-orange);border-color:var(--sk-orange)}.tx-hint{color:var(--sk-muted)}.tx-ghost{color:#0000;caret-color:#0000;opacity:.01;resize:none;white-space:pre;background:0 0;border:none;outline:none;width:1px;height:1px;padding:0;position:absolute;bottom:0;left:50%;overflow:hidden}.tx-caret{pointer-events:none;z-index:2;border-radius:1px;width:2px;position:absolute}.tx-caret-blink{animation:1.1s step-end infinite tx-blink}@keyframes tx-blink{0%,to{opacity:1}50%{opacity:0}}.wp-panel{background:var(--sk-paper);border-radius:var(--radius-shelf);width:fit-content;max-width:100%;box-shadow:var(--shadow-dock);color:var(--sk-ink);flex-direction:column;margin-inline:auto;padding:12px 14px;display:flex}.wp-targets{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.wp-target{flex:0 auto;align-items:stretch;gap:5px;min-width:0;display:flex}.wp-chip{white-space:nowrap;text-transform:lowercase;color:var(--sk-ink);background:var(--sk-white);border:1.5px solid var(--outline);border-radius:var(--radius-pill);transition:transform .12s var(--ease-out), background-color .16s var(--ease-out), border-color .16s var(--ease-out);flex:none;padding:10px 9px;font-size:14px;font-weight:700;line-height:1.2}.wp-chip:hover{border-color:var(--sk-ink)}.wp-chip:active{transform:scale(.97)}.wp-chip:focus-visible,.wp-reroll:focus-visible{outline:2px solid var(--sk-orange);outline-offset:2px}.wp-chip.wp-on{border-color:var(--sk-orange);box-shadow:0 0 0 2px var(--selection)}.wp-chip:disabled{opacity:.4;cursor:default}.wp-chip:disabled:hover{border-color:var(--outline)}.wp-chip:disabled:active{transform:none}.wp-reroll{width:34px;height:34px;color:var(--sk-ink);border:1.5px solid var(--sk-orange);background:var(--sk-white);transition:transform .12s var(--ease-out);border-radius:12px;flex:none;align-self:center;place-items:center;display:grid}.wp-reroll svg{width:17px;height:17px}.wp-reroll:active{transform:scale(.94)}@media (width<=359px){.wp-chip{padding:9px 8px;font-size:13px}}.wp-target{opacity:0}.wp-in .wp-target{animation:wp-materialize var(--dur-materialize) var(--ease-out) both}.wp-in .wp-target:first-child{animation-delay:40ms}.wp-in .wp-target:nth-child(2){animation-delay:70ms}.wp-in .wp-target:nth-child(3){animation-delay:.1s}@keyframes wp-materialize{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}