.upc-tool{max-width:68rem;color:var(--color-base-content);margin:0 auto}.upc-tool p{line-height:1.65}.upc-input-card,.upc-results{border:1px solid var(--color-base-300);border-radius:var(--radius-box);background:var(--color-base-100);box-shadow:0 .6rem 1.8rem color-mix(in oklab,var(--color-base-content) 7%,transparent)}.upc-input-card{border-top:.35rem solid var(--color-primary);margin-top:1.5rem;padding:clamp(1rem,3vw,1.6rem)}.upc-heading{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:1rem;display:flex}.upc-heading h2{margin:0;font-size:1.4rem;font-weight:850}.upc-kicker{letter-spacing:.08em;margin:0 0 .25rem;font-size:.82rem;font-weight:850}.upc-private{color:color-mix(in oklab,var(--color-base-content) 68%,transparent);margin:.75rem 0 0;font-size:.92rem;line-height:1.5}.upc-mode{border:0;margin:1.25rem 0 0;padding:0}.upc-mode legend{margin-bottom:.5rem;font-weight:850}.upc-mode-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.upc-mode-option{border:1px solid var(--color-base-300);border-radius:var(--radius-field);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;min-height:3rem;padding:.6rem .8rem;font-weight:800;display:flex}.upc-mode-option.is-active{border-color:var(--color-primary);background:color-mix(in oklab,var(--color-primary) 18%,var(--color-base-100))}.upc-mode p{margin:.55rem 0 0;font-size:.9rem}.upc-products{gap:1rem;margin-top:1.25rem;display:grid}.upc-product{border:1px solid var(--color-base-300);border-radius:var(--radius-box);background:color-mix(in oklab,var(--color-base-200) 55%,var(--color-base-100));margin:0;padding:1rem;position:relative}.upc-product legend{padding:0 .35rem;font-weight:850}.upc-remove{position:absolute;top:.55rem;right:.65rem}.upc-fields{grid-template-columns:minmax(8rem,1.25fr) repeat(2,minmax(7rem,1fr)) minmax(8rem,1.2fr) minmax(6.5rem,.7fr);align-items:start;gap:.8rem;display:grid}.upc-field{flex-direction:column;gap:.45rem;min-width:0;font-weight:800;display:flex}.upc-field input,.upc-field select{width:100%;min-height:3rem}.upc-field small{font-weight:450;line-height:1.35}.upc-field [aria-invalid=true]{border-color:var(--color-error);outline-color:var(--color-error)}.upc-error{color:var(--color-error);font-weight:750!important}.upc-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;width:min(100%,26.75rem);margin-top:1.25rem;display:grid}.upc-action-button{white-space:normal;width:100%;min-width:0;height:auto;min-height:3rem;padding-inline:1.1rem}.upc-results{border-width:2px;border-color:var(--color-primary);margin-top:1rem;padding:clamp(1rem,3vw,1.6rem)}.upc-result-list{gap:.75rem;margin-top:1rem;display:grid}.upc-result{border:1px solid var(--color-base-300);border-radius:var(--radius-box);grid-template-columns:4.5rem 1fr;gap:1rem;padding:1rem;display:grid}.upc-result.is-best{border-color:var(--color-primary);background:color-mix(in oklab,var(--color-primary) 12%,var(--color-base-100))}.upc-result-rank{border-right:1px solid var(--color-base-300);align-content:center;justify-items:center;display:grid}.upc-result-rank span{font-size:.78rem;font-weight:750}.upc-result-rank strong{font-size:2rem;line-height:1}.upc-result-main{min-width:0}.upc-result-title{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.upc-result-title h3{margin:0;font-size:1.15rem}.upc-rate{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;margin:.65rem 0 .25rem;display:flex}.upc-rate span{font-weight:750}.upc-rate strong{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;font-size:clamp(1.75rem,6vw,2.8rem);line-height:1}.upc-result-main>p:last-child{margin:0;font-size:.9rem}.upc-empty{padding:1.1rem 0 .2rem}.upc-empty h3{margin:0;font-size:1.15rem}.upc-empty p{margin:.35rem 0 0}.upc-guide{border-top:1px solid var(--color-base-300);text-align:start;width:100%;max-width:48rem;margin:3.5rem auto 0;padding-top:1.5rem}.upc-guide h2{margin:2rem 0 .75rem;font-size:1.5rem;font-weight:600;line-height:1.35}.upc-guide h2:first-child{margin-top:0}.upc-guide h3{margin:1.25rem 0 .4rem;font-size:1.125rem;font-weight:600;line-height:1.5}.upc-guide p,.upc-guide li{font-size:1rem;line-height:1.75}.upc-guide ol,.upc-guide ul{margin:.75rem 0;padding-inline-start:1.35rem}.upc-guide li+li{margin-top:.5rem}.upc-example{border:1px solid var(--color-base-300);background:var(--color-base-200);border-radius:.5rem;margin-top:.75rem;padding:1rem}.upc-example h3,.upc-example p{margin-top:0}.upc-example p{margin-bottom:0}@media (width<=58rem){.upc-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.upc-name{grid-column:1/-1}}@media (width<=40rem){.upc-mode-options,.upc-fields{grid-template-columns:1fr}.upc-name{grid-column:auto}.upc-actions{grid-template-columns:1fr;width:100%}.upc-result{grid-template-columns:3.5rem 1fr;gap:.75rem;padding:.8rem}.upc-rate{display:block}.upc-rate strong{margin-top:.25rem;display:block}.upc-guide{margin-top:2.5rem}}