.ups{--ups-ink:#121a24;--ups-mute:#4b5767;--ups-line:#e1e6ec;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:stretch;background:#fff;border:1px solid var(--ups-line);border-radius:20px;overflow:clip;box-shadow:0 1px 2px rgba(15,23,42,.05),0 22px 48px -30px color-mix(in srgb,var(--ai-a) 55%,transparent)}.ups__left,.ups__right{display:flex;flex-direction:column;gap:14px;min-width:0;padding:22px}.ups__right{background:#f3f5f8;border-left:1px solid var(--ups-line)}.ups__head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.ups__title{margin:4px 0 0;font-size:16px;font-weight:800;letter-spacing:-.01em;color:var(--ups-ink)}.ups__head .ups__title{margin:0}.ups__fine{margin:0;font-size:13px;line-height:1.55;color:var(--ups-mute)}.ups__preview{position:relative;max-height:280px;max-width:100%;margin:0 auto;border-radius:12px;overflow:hidden;border:1px solid var(--ups-line);cursor:crosshair;touch-action:none;background:#fff}.ups__preview img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ups__aim{position:absolute;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(15,23,42,.45),0 4px 10px rgba(15,23,42,.3);pointer-events:none}.ups__products{display:flex;flex-wrap:wrap;gap:6px}.ups__product{font:inherit;font-size:13.5px;font-weight:700;padding:7px 13px;border-radius:999px;border:1px solid var(--ups-line);background:#fff;color:var(--ups-ink);cursor:pointer;transition:border-color .15s,background-color .15s}.ups__product:hover{border-color:var(--ai-a)}.ups__product[aria-checked=true]{background:var(--ai-a);border-color:var(--ai-a);color:#fff}.ups__sizes{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.ups__size{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;min-height:86px;padding:10px 6px 8px;border-radius:12px;border:1px solid var(--ups-line);background:#fff;cursor:pointer;font:inherit;font-size:12.5px;font-weight:600;color:var(--ups-ink);transition:border-color .15s}.ups__size:hover{border-color:var(--ai-a)}.ups__size[aria-checked=true]{border-color:var(--ai-a);box-shadow:inset 0 0 0 1px var(--ai-a);background:var(--ai-soft)}.ups__paper{display:block;border-radius:2px;background:#fff;border:1.5px solid #9aa6b4;box-shadow:2px 2px 0 rgba(15,23,42,.08)}.ups__size[aria-checked=true] .ups__paper{border-color:var(--ai-a)}.ups__product:focus-visible,.ups__size:focus-visible{outline:2px solid var(--ai-a);outline-offset:2px}.ups__opts{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px}.ups__opts .t4ai-check{padding-bottom:0}.ups__dpi{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--ups-ink)}.ups__dpi select{font:inherit;font-size:13.5px;padding:7px 10px;border-radius:10px;border:1px solid #cbd3dc;background:#fff;color:var(--ups-ink)}.ups__dpi select:focus{outline:2px solid var(--ai-a);outline-offset:1px}.ups__gauge{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:14px;background:#fff;border:1px solid var(--ups-line)}.ups__track{position:relative;display:grid;grid-template-columns:150fr 150fr 150fr;height:12px;margin:26px 0 4px;border-radius:999px;overflow:visible}.ups__band{display:block;height:100%}.ups__band--low{background:#f6c3c3;border-radius:999px 0 0 999px}.ups__band--mid{background:#f8deaa}.ups__band--high{background:#b9e5cb;border-radius:0 999px 999px 0}.ups__need{position:absolute;top:-4px;bottom:-4px;width:2px;margin-left:-1px;background:var(--ups-ink);opacity:.35}.ups__pin{position:absolute;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;border:3px solid #fff;box-shadow:0 2px 6px rgba(15,23,42,.35);transition:left .25s cubic-bezier(.25,1,.5,1)}.ups__pin b{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);padding:1px 6px;border-radius:6px;font-size:11.5px;font-weight:800;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums}.ups__pin--now,.ups__pin--now b{background:#6b7685}.ups__pin--after,.ups__pin--after b{background:var(--ai-a)}.ups__scale{position:relative;height:14px;font-size:11px;color:var(--ups-mute);font-variant-numeric:tabular-nums}.ups__scale span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}.ups__scale span:first-child{left:0;transform:none}.ups__scale span:nth-child(2){left:33.333%}.ups__scale span:nth-child(3){left:66.667%}.ups__scale span:nth-child(4){left:auto;right:0;transform:none}.ups__readout{margin:6px 0 0;font-size:13.5px;line-height:1.55;color:var(--ups-mute)}.ups__readout strong{color:var(--ups-ink)}.ups__dot{display:inline-block;width:9px;height:9px;margin-right:6px;border-radius:50%;vertical-align:1px}.ups__dot--low{background:#dc2626}.ups__dot--mid{background:#d97706}.ups__dot--high{background:#16a34a}.ups__loupes{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ups__loupe{margin:0;display:flex;flex-direction:column;gap:6px;min-width:0}.ups__lens{position:relative;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#fff;border:3px solid #fff;box-shadow:0 0 0 1px var(--ups-line),0 14px 28px -16px rgba(15,23,42,.5)}.ups__lens img{position:absolute;left:50%;top:50%;max-width:none;height:auto;display:block;pointer-events:none}.ups__lens--empty{display:grid;place-items:center;padding:20%;text-align:center;font-size:13px;font-weight:600;color:var(--ups-mute);background:repeating-linear-gradient(45deg,#fff 0 10px,#f3f5f8 10px 20px)}.ups__loupe figcaption{font-size:12.5px;font-weight:600;color:var(--ups-ink);text-align:center}.ups__empty{display:grid;place-items:center;min-height:260px;padding:24px;border-radius:14px;border:1.5px dashed #cbd3dc;text-align:center}.ups__empty p{max-width:40ch;line-height:1.55;color:var(--ups-mute)}.ups__empty p,.ups__ok{margin:0;font-size:14px}.ups__ok{padding:12px 14px;border-radius:12px;background:#ecfdf3;color:#14532d;border:1px solid #bbf7d0}.ups__dl{width:100%;padding:12px 18px;border-radius:12px;font-size:15px}@media (max-width:960px){.ups{grid-template-columns:1fr}.ups__right{border-left:none;border-top:1px solid var(--ups-line)}.ups__left,.ups__right{padding:16px}}@media (prefers-reduced-motion:reduce){.ups__pin{transition:none}}