.pp-canvas{object-fit:contain;width:100%;height:100%;display:block}.pp-img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.pp-loading{background:var(--ws-inset);place-items:center;width:100%;height:100%;animation:1.4s ease-in-out infinite ui-pulse;display:grid}.pp-loading__text{color:var(--ws-text-3);font-size:var(--ws-fs-ctl)}.pp-err{width:min(100%,520px)}.pp-bar{min-height:calc(var(--control-h) + var(--space-3));padding:var(--space-2) var(--space-3);background:var(--ws-panel);border-top:var(--line) solid var(--ws-line);grid-area:transport;justify-content:center;align-items:center;display:flex}.pp-stepper{align-items:center;gap:var(--space-1);background:var(--ws-inset);border-radius:var(--radius-pill);color:var(--ws-text-2);font-size:var(--ws-fs-ctl);padding:2px;display:inline-flex}.pp-stepper .ws-btn{border-radius:var(--radius-pill)}.pp-stepper__input{width:calc(var(--space-6) + var(--space-2));height:calc(var(--ws-ctl-h) - var(--space-2));padding:0 var(--space-1);border:var(--line) solid transparent;border-radius:var(--radius-sm);background:var(--ws-inset);color:var(--ws-text-1);font-size:var(--ws-fs-input);text-align:center}.pp-stepper__input:hover:not(:focus-visible):not(:disabled){border-color:var(--ws-line-strong)}.pp-stepper__input[aria-invalid=true]{border-color:var(--status-danger)}.pp-stepper__input:disabled{color:var(--ws-text-4)}.pp-stepper__of{padding-right:var(--space-1);color:var(--ws-text-3);white-space:nowrap}.pp-stepper__error{padding:0 var(--space-3) 0 var(--space-1);color:var(--ws-text-1);font-size:var(--ws-fs-meta)}.pp-nodim{width:100%;height:100%}.pp-nodim .ui-rect__scrim{display:none}.ws-stage__frame .ui-rect{background:0 0;border-radius:0;width:100%;height:100%;max-height:none}.ws-stage__frame .ui-rect__box,.ws-stage__frame .ui-rects__box{border-color:var(--ws-accent);outline-color:var(--ws-stage)}.ws-stage__frame .ui-rect__box:focus-visible,.ws-stage__frame .ui-rects__box:focus-visible{outline:2px solid var(--ws-focus);box-shadow:none}.ws-stage__frame .ui-rect__handle,.ws-stage__frame .ui-rects__handle{border-color:var(--ws-stage);background:var(--ws-accent)}.ws-stage__frame .ui-rects__num{background:var(--ws-panel);color:var(--ws-text-1)}.ws-stage__frame .ui-rects__box[aria-pressed=true] .ui-rects__num{background:var(--ws-accent);color:var(--ws-accent-on)}.ws-stage__frame .ui-rects__box{border-style:solid}.ws-stage__frame .ui-rects{display:contents}.ws-stage__frame .ui-rects__stage{background:0 0;border:0;border-radius:0;width:100%;max-width:none;height:100%;margin:0}.ws-stage__frame .ui-rects__bar{bottom:var(--space-3);z-index:1;gap:var(--space-3);max-width:calc(100% - var(--space-5));padding:2px 2px 2px var(--space-4);background:var(--ws-panel);border:var(--line) solid var(--ws-line-strong);border-radius:var(--radius-pill);color:var(--ws-text-1);font-size:var(--ws-fs-ctl);white-space:nowrap;flex-wrap:nowrap;align-items:center;display:inline-flex;position:absolute;left:50%;transform:translate(-50%)}.ws-stage__frame .ui-rects__bar .ui-btn{border-radius:var(--radius-pill)}@media (max-width:767px){.ws-stage__frame .ui-rects__count{display:none}.ws-stage__frame .ui-rects__bar{padding-left:2px}}.ws-stage__frame .ui-rects__hint{display:none}.pp-range{appearance:none;width:88px;height:var(--ws-ctl-h);cursor:pointer;background:0 0;margin:0}.pp-range::-webkit-slider-runnable-track{border-radius:var(--radius-pill);background:var(--ws-line-strong);height:4px}.pp-range::-moz-range-track{border-radius:var(--radius-pill);background:var(--ws-line-strong);height:4px}.pp-range::-webkit-slider-thumb{-webkit-appearance:none;border-radius:var(--radius-pill);background:var(--ws-text-1);border:0;width:14px;height:14px;margin-top:-5px}.pp-range::-moz-range-thumb{border-radius:var(--radius-pill);background:var(--ws-text-1);border:0;width:14px;height:14px}.pp-range:disabled{cursor:not-allowed;opacity:.4}.pp-range__value{min-width:var(--space-6);color:var(--ws-text-1);font-size:var(--ws-fs-val);font-weight:var(--weight-medium);text-align:right;white-space:nowrap}.pp-swatches{gap:var(--space-1);display:flex}.pp-swatch{width:var(--ws-ctl-h);height:var(--ws-ctl-h);border:var(--line) solid transparent;border-radius:var(--radius-pill);cursor:pointer;background:0 0;place-items:center;padding:0;display:grid}.pp-swatch:hover:not(:disabled){background:var(--ws-hover)}.pp-swatch[aria-checked=true]{border-color:var(--ws-accent);outline:1px solid var(--ws-accent);outline-offset:-3px}.pp-swatch:disabled{opacity:.4;cursor:not-allowed}.pp-swatch__dot{width:18px;height:18px}.pp-swatch__dot circle{stroke:var(--ws-line-strong);stroke-width:1px}.pp-swatch__name{color:var(--ws-text-1);font-size:var(--ws-fs-ctl)}.pp-pick__name{min-width:0;max-width:calc(var(--ws-field-w) - var(--space-4));color:var(--ws-text-3);font-size:var(--ws-fs-meta);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pp-text{width:var(--ws-field-w)}.pp-text .pp-text__input{padding:0 var(--space-2);text-align:left}.pp-error{color:var(--ws-text-1)}.pp-note{color:var(--ws-text-3);font-size:var(--ws-fs-meta);line-height:1.45}.pp-block{gap:var(--space-3);padding:var(--space-2) 0;display:grid}.pp-block .ws-btn{justify-self:start}.pp-link{text-decoration:none}.pp-summary{padding:var(--space-2) 0;color:var(--ws-text-1);font-size:var(--ws-fs-val);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums}.pp-status{min-width:0}.pp-align{grid-template-columns:repeat(3, var(--ws-ctl-h));gap:var(--space-1);display:grid}.pp-align__cell{height:var(--ws-ctl-h);border:var(--line) solid transparent;border-radius:var(--radius-sm);background:var(--ws-inset);cursor:pointer;place-items:center;padding:0;display:grid}.pp-align__cell:after{content:"";width:var(--space-2);height:var(--space-2);border-radius:var(--radius-pill);background:var(--ws-text-3)}.pp-align__cell:hover:not(:disabled){border-color:var(--ws-line-strong)}.pp-align__cell[aria-pressed=true]{border-color:var(--ws-accent)}.pp-align__cell[aria-pressed=true]:after{background:var(--ws-accent)}.pp-align__cell:disabled{cursor:not-allowed;opacity:.4}.pp-free{width:100%;height:100%;position:relative}.ws-stage__frame:has(>.pp-free){overflow:visible}.pp-free,.pp-free .pp-canvas{border-radius:inherit}