.ppc{gap:var(--space-2);padding:var(--space-2);background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);--ppc-ring:1px;min-width:0;transition:transform var(--duration) var(--ease-out), border-color var(--duration) var(--ease-out), box-shadow var(--duration) var(--ease-out);flex-direction:column;display:flex;position:relative}.ppc:hover,.ppc:focus-within,.ppc--active{z-index:1;border-color:var(--border-strong);box-shadow:var(--shadow-md), 0 0 0 var(--ppc-ring) var(--border-strong);transform:scale(1.015)}.ppc--selected{border-color:var(--brand);background:var(--bg-alt);box-shadow:var(--shadow-sm), 0 0 0 var(--ppc-ring) var(--brand)}.ppc--selected:hover,.ppc--selected:focus-within,.ppc--selected.ppc--active{border-color:var(--brand);box-shadow:var(--shadow-md), 0 0 0 var(--ppc-ring) var(--brand)}.ppc--box:hover,.ppc--box:focus-within,.ppc--box.ppc--active,.ppc--box.ppc--selected:hover,.ppc--box.ppc--selected:focus-within,.ppc--box.ppc--selected.ppc--active{transform:none}@media (prefers-reduced-motion:reduce){.ppc{transition:border-color var(--duration) var(--ease-out), box-shadow var(--duration) var(--ease-out)}.ppc:hover,.ppc:focus-within,.ppc--active{transform:none}}.ppc__head{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:24px;display:flex}.ppc__check{border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--paper);width:20px;height:20px;color:var(--paper);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.ppc__check:hover{border-color:var(--brand)}.ppc__check--on{background:var(--brand);border-color:var(--brand)}.ppc__check:focus-visible{outline:2px solid var(--brand);outline-offset:1px}@media (pointer:coarse){.ppc__check:before{content:"";position:absolute;inset:-6px}}.ppc__name-row{justify-content:center;min-width:0;display:flex}.ppc__name-row>.ppc__name{max-width:100%}.ppc__name{min-width:0;color:var(--fg-subtle);white-space:nowrap;display:flex;overflow:hidden}.ppc__name-head{text-overflow:ellipsis;flex:0 1000 auto;min-width:0;overflow:hidden}.ppc__name-tail{text-overflow:ellipsis;flex:0 auto;min-width:0;overflow:hidden}.ppc__actions{gap:var(--space-1);flex:none;margin-inline-start:auto;display:flex}.ppc__tip-ref{display:inline-flex;position:relative}@media (hover:hover) and (pointer:fine){.ppc__tip-ref:hover:after{content:attr(data-tip);top:calc(100% + var(--space-1));padding:var(--space-1) var(--space-2);background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);color:var(--fg-strong);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);white-space:nowrap;pointer-events:none;z-index:2;position:absolute;left:50%;transform:translate(-50%)}.ppc__tip-ref:has(:focus-visible):after{content:attr(data-tip);top:calc(100% + var(--space-1));padding:var(--space-1) var(--space-2);background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);color:var(--fg-strong);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);white-space:nowrap;pointer-events:none;z-index:2;position:absolute;left:50%;transform:translate(-50%)}.ppc__tip-ref--wide:hover:after{width:max-content;max-width:calc(var(--space-10) * 3.5);white-space:normal;text-align:left;line-height:var(--leading-snug);left:auto;right:0;transform:none}.ppc__tip-ref--wide:has(:focus-visible):after{width:max-content;max-width:calc(var(--space-10) * 3.5);white-space:normal;text-align:left;line-height:var(--leading-snug);left:auto;right:0;transform:none}}.ppc__action{border-radius:var(--radius-md);width:28px;height:28px;color:var(--fg-muted);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.ppc__action:hover{background:var(--brand-soft);color:var(--fg-strong)}.ppc__action--danger:hover{color:var(--error)}.ppc__action:disabled,.ppc__action:disabled:hover{color:var(--fg-subtle);opacity:.5;cursor:not-allowed;background:0 0}.ppc__stage{aspect-ratio:4/3;border-radius:var(--radius-md);justify-content:center;align-items:center;width:100%;display:flex;position:relative}.ppc__stage--clickable{cursor:zoom-in}.ppc__stage--clickable:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.ppc__paper{background:var(--paper);box-shadow:var(--shadow-photo);flex:none;position:relative}.ppc__box-shadow,.ppc__box-side{pointer-events:none;position:absolute;top:0;left:0}.ppc__box-side{overflow:hidden}.ppc__box-silhouette,.ppc__box-strip{position:absolute;top:0;left:0}.ppc__box-strip-zone{position:absolute;overflow:hidden}.ppc__box-shade{position:absolute;inset:0}.ppc__zone{background:var(--beige-100);position:absolute;overflow:hidden}.ppc__img{object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;pointer-events:none;max-width:none;max-height:none;position:absolute;top:50%;left:50%}.ppc__zone--fit{background:var(--paper)}.ppc__img--placed{object-fit:fill}.ppc__img-placeholder{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-2);color:var(--fg-subtle);text-align:center;flex-direction:column;display:flex;position:absolute;inset:0}.ppc__img-placeholder-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--fg-muted);overflow:hidden}.ppc__quality{top:var(--space-1);right:var(--space-1);border-radius:var(--radius-pill);background:var(--paper);border:1px solid var(--border);width:20px;height:20px;color:var(--fg-muted);pointer-events:auto;justify-content:center;align-items:center;display:inline-flex;position:absolute}.ppc__progress{gap:var(--space-1);padding:var(--space-1) var(--space-2) var(--space-2);background:var(--bg-alt);border-top:1px solid var(--border);flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}.ppc__progress--failed{background:var(--error-bg);border-top-color:var(--error-border)}.ppc__progress-text{color:var(--fg-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ppc__progress--failed .ppc__progress-text{color:var(--error-fg);white-space:normal}.ppc .ppc__status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@property --ppc-spin{syntax:"<angle>";inherits:false;initial-value:0deg}.ppc--queued,.ppc--uploading,.ppc--processing{--ppc-busy-ring:2px;isolation:isolate;box-shadow:var(--shadow-sm), 0 0 0 var(--ppc-ring) var(--brand)}@supports (mask-composite:exclude) or (-webkit-mask-composite:xor){.ppc--queued,.ppc--uploading,.ppc--processing{box-shadow:var(--shadow-sm)}.ppc--queued:before,.ppc--uploading:before,.ppc--processing:before{content:"";z-index:1;padding:var(--ppc-busy-ring);border-radius:inherit;background:conic-gradient(from var(--ppc-spin,0deg), var(--brand-soft), var(--brand) 25%, var(--brand-soft) 50%, var(--brand) 75%, var(--brand-soft));-webkit-mask:linear-gradient(var(--fg) 0 0) content-box, linear-gradient(var(--fg) 0 0);-webkit-mask-composite:xor;-webkit-mask:linear-gradient(var(--fg) 0 0) content-box exclude, linear-gradient(var(--fg) 0 0);mask:linear-gradient(var(--fg) 0 0) content-box exclude, linear-gradient(var(--fg) 0 0);pointer-events:none;position:absolute;inset:-1px}.ppc--uploading:before,.ppc--processing:before{animation:1.6s linear infinite ppc-ring-spin}}@keyframes ppc-ring-spin{to{--ppc-spin:360deg}}@media (prefers-reduced-motion:reduce){.ppc--uploading:before,.ppc--processing:before{animation:none}}.ppc{container:ppc/inline-size}.ppc__cells{gap:var(--space-1);grid-template-columns:minmax(min-content,1fr) auto;display:grid}.ppc__cells .ppc__cell-value{contain:inline-size;align-self:stretch}.ppc__cells--many>.ppc__cell--copies{grid-column:1/-1;justify-self:center}.ppc__cells--many .ppc__cell-value{-webkit-line-clamp:2;line-clamp:2;white-space:normal;text-overflow:clip;overflow-wrap:normal;word-break:normal;text-align:center;-webkit-box-orient:vertical;display:-webkit-box}.ppc__summary{display:none}@container ppc (min-width:208px){.ppc__cells{grid-template-columns:var(--ppc-row-cols,repeat(3, minmax(min-content, 1fr)) auto);gap:2px}}@container ppc (max-width:207.98px){.ppc__action{width:22px;height:22px}}@container ppc (max-width:135.98px){.ppc__cells{display:none}.ppc__summary{display:block}}.ppc__summary{appearance:none;width:100%;min-width:0;padding:var(--space-1) var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-alt);cursor:pointer;text-align:center;transition:border-color var(--duration-fast) var(--ease-out)}.ppc__summary:hover,.ppc__summary--open{border-color:var(--border-strong)}.ppc__summary-text{font-size:var(--text-xs);font-weight:var(--font-regular);text-overflow:ellipsis;white-space:nowrap;color:var(--fg);display:block;overflow:hidden}.ppc__panel{width:calc(var(--space-10) * 3.75);max-width:calc(100vw - 32px);padding:var(--space-2);background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1000;outline:none}.ppc__cells--sheet{gap:var(--space-2);padding-block:var(--space-2)}.ppc__cells--sheet .ppc__cell{padding:var(--space-2)}.ppc__cell{appearance:none;border-radius:var(--radius-md);min-width:0;color:inherit;font:inherit;text-align:center;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out);background:0 0;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:2px;display:flex}button.ppc__cell:hover{border-color:var(--border)}.ppc__cell--open.ppc__cell--open{border-color:var(--brand)}button.ppc__cell:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.ppc__cell--copies{cursor:default}.ppc__cell-label{color:var(--fg-subtle);font-size:var(--text-2xs);font-weight:var(--font-regular);letter-spacing:var(--tracking-normal);white-space:nowrap}.ppc__cell-value{color:var(--fg);font-size:var(--text-xs);font-weight:var(--font-regular);letter-spacing:var(--tracking-normal);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.ppc__stepper{justify-content:center;align-items:center;gap:var(--space-1);white-space:nowrap;display:inline-flex}.ppc__step{border:1px solid var(--ppc-step-line,var(--border-strong));border-radius:var(--radius-pill);background:var(--paper);width:18px;height:18px;color:var(--ppc-step-fg,var(--fg));font-size:var(--text-xs);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);flex:none;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex;position:relative}.ppc__step:hover:not(:disabled){border-color:var(--brand);background:var(--brand-soft)}.ppc__step:disabled{opacity:.4;cursor:not-allowed}.ppc__step:focus-visible{outline:2px solid var(--brand);outline-offset:1px}@media (pointer:coarse){.ppc__step:before{content:"";position:absolute;inset:-7px}}.ppc__step-input{width:calc(3ch + 2px);height:18px;color:var(--fg);font:inherit;font-size:var(--text-xs);font-variant-numeric:tabular-nums;text-align:center;-moz-appearance:textfield;background:0 0;border:0;flex:none;padding:0}.ppc__step-input[data-digits="4"]{width:calc(4ch + 2px);letter-spacing:var(--tracking-tight)}.ppc__step-input:focus-visible{outline:1px solid var(--brand);border-radius:var(--radius-sm)}.ppc__step-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ppc__step-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ppc__cells--sheet .ppc__step{width:32px;height:32px}.ppc__cells--sheet .ppc__step-input{height:32px}.ppc__menu{width:max-content;max-width:calc(100vw - 32px);max-height:60vh;padding:calc(var(--space-1) / 2);background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1000;outline:none;flex-direction:column;display:flex;overflow-y:auto}.ppc__menu-item{appearance:none;justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--fg);font-size:var(--text-xs);font-weight:var(--font-regular);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.ppc__menu-item--hint{justify-content:space-between}.ppc__menu-item:hover,.ppc__menu-item--selected{background:var(--brand-soft)}.ppc__menu-item--blocked{color:var(--fg-subtle);opacity:.55;cursor:not-allowed}.ppc__menu-item-hint{color:var(--fg-subtle);white-space:nowrap}.ppc__diag{z-index:2;padding:2px var(--space-1);background:var(--paper);color:var(--fg);font-variant-numeric:tabular-nums;font-size:var(--text-2xs);opacity:.92;pointer-events:none;line-height:1.3;position:absolute;top:0;left:0;right:0}.ppc__diag-bad{color:var(--error)}.ppc__link{min-width:0;margin-top:var(--space-1);flex-direction:column;gap:2px;display:flex}.ppc__link-label{color:var(--fg-subtle);font-size:var(--text-2xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ppc__link-row{align-items:center;gap:var(--space-1);min-width:0;display:flex}.ppc__link-input{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--paper);min-width:0;color:var(--fg);font:inherit;font-size:var(--text-base);flex:auto;padding:4px 6px}.ppc__link--missing .ppc__link-input{border-color:var(--warning-border);background:var(--warning-bg)}.ppc__link-mark{font-size:var(--text-sm);color:var(--success);flex:none}.ppc__link--missing .ppc__link-mark{color:var(--warning-fg)}