.sr-library{max-width:1760px;padding:clamp(54px, 7vw, 108px) var(--edge) clamp(76px, 8vw, 120px);margin:0 auto}.sr-library-heading{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.45fr) minmax(220px,.65fr) auto;align-items:end;gap:clamp(26px,5vw,82px);padding-bottom:44px;display:grid}.sr-library-heading h1{max-width:11em;color:var(--ink-night);font:600 clamp(38px, 4.4vw, 68px) / 1.12 var(--display);letter-spacing:var(--tracking-display);margin-top:14px}.sr-library-heading>p{max-width:30em;color:var(--muted);word-break:keep-all;overflow-wrap:anywhere;font-size:15px;line-height:1.85}.sr-library-count{justify-items:end;gap:2px;min-width:92px;display:grid}.sr-library-count strong{color:var(--ink-night);font:500 clamp(38px, 4vw, 56px) / 1 var(--display);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.sr-library-count span{color:var(--muted);font-size:13px}.sr-filters{border-bottom:1px solid var(--line);gap:18px;padding:28px 0 22px;display:grid}.sr-search{min-height:58px;color:var(--muted);box-shadow:0 8px 30px rgb(var(--accent-rgb) / .06);background:#fff;border:1px solid #cbd9e5;border-radius:999px;align-items:center;gap:12px;padding:0 18px;display:flex}.sr-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgb(var(--accent-rgb) / .16)}.sr-search input{min-width:0;height:56px;color:var(--ink-night);background:0 0;border:0;outline:0;flex:1;margin:0;padding:0;font-size:15px}.sr-search button{width:32px;height:32px;color:var(--muted);border-radius:50%;flex:none;place-items:center;display:grid}.sr-search button:hover{background:var(--mist);color:var(--ink-night)}.sr-category-filter{scrollbar-width:thin;gap:8px;padding:2px 2px 5px;display:flex;overflow-x:auto}.sr-category-filter button{border:1px solid var(--line);color:#5d7287;white-space:nowrap;background:#fff;border-radius:999px;flex:none;padding:8px 15px;font-size:13px;transition:border-color .18s,color .18s}.sr-category-filter button:hover{color:var(--ink-night);border-color:#aebfd0}.sr-category-filter button[aria-pressed=true]{background:var(--accent-gradient);color:var(--accent-ink);border-color:#0000}.sr-match{border:1px solid var(--line);background:#f7fafc;border-radius:16px;margin:24px 0 36px}.sr-match summary{color:var(--ink-night);cursor:pointer;align-items:center;gap:12px;padding:17px 20px;list-style:none;display:flex}.sr-match summary::-webkit-details-marker{display:none}.sr-match summary svg{color:var(--accent)}.sr-match summary span{gap:2px;display:grid}.sr-match summary strong{font-size:13px}.sr-match summary small{color:var(--muted);font-size:12px}.sr-match[open] summary{border-bottom:1px solid var(--line)}.sr-match form{grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:end;gap:14px;padding:22px 20px 18px;display:grid}.sr-match label{color:#526a7f;gap:7px;font-size:12px;display:grid}.sr-match input{min-height:44px;color:var(--ink-night);background:#fff;border:1px solid #cbd9e5;border-radius:9px;font-size:13px}.sr-match form>p{color:var(--muted);grid-column:1/-1;font-size:12px}.sr-match .sr-button{min-height:44px}.sr-match>[role=alert]{color:#9a3448;padding:0 20px 18px;font-size:12px}.sr-matches{padding:0 20px 20px}.sr-matches>p{color:var(--muted);font-size:12px}.sr-match-result{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.sr-match-result a{gap:4px;display:grid}.sr-match-result strong{color:var(--ink-night);font-size:14px}.sr-match-result span{color:var(--muted);font-size:12px}.sr-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;gap:clamp(26px,3vw,46px) clamp(14px,2vw,28px);display:grid}.sr-product{flex-direction:column;min-width:0;display:flex;position:relative}.sr-product-link{flex:1;grid-template-rows:auto 1fr;min-width:0;display:grid}.sr-thumb{border:1px solid var(--line);background:var(--mist);aspect-ratio:1.08;border-radius:13px;place-items:center;display:grid;position:relative;overflow:hidden}.sr-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .65s cubic-bezier(.16,.76,.2,1)}.sr-product:hover .sr-thumb img{transform:scale(1.035)}.sr-product-swatches{opacity:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border-radius:999px;padding:7px 8px;transition:opacity .22s,transform .22s;position:absolute;bottom:13px;left:13px;right:13px;transform:translateY(8px)}.sr-product-swatches i{flex-basis:16px;width:16px;height:16px}.sr-product:hover .sr-product-swatches,.sr-product-link:focus-visible .sr-product-swatches{opacity:1;transform:none}.sr-product-copy{flex-direction:column;align-items:flex-start;gap:7px;padding-top:14px;display:flex}.sr-product .sr-code{margin:0}.sr-product h2{max-width:20em;color:var(--ink-night);letter-spacing:-.01em;font-size:clamp(16px,1.25vw,19px);font-weight:600;line-height:1.42}.sr-product:hover h2{color:var(--accent)}.sr-product-copy>p{color:var(--muted);padding-right:42px;font-size:13px;line-height:1.6}.sr-product-copy>strong{color:var(--accent);margin-top:auto;padding-top:8px;font-size:13px;font-weight:600}.sr-product>.favorite-icon{position:absolute;bottom:-12px;right:0}.sr-no-photo{color:var(--muted);font:500 12px/1.5 var(--sans);letter-spacing:.1em}.sr-empty{border:1px solid var(--line);background:var(--mist);border-radius:16px;justify-items:start;gap:12px;margin-top:28px;padding:58px;display:grid}.sr-empty>span{color:var(--accent);font:600 12px/1.5 var(--sans);letter-spacing:.12em}.sr-empty h2{color:var(--ink-night);font:600 clamp(26px, 3vw, 40px) / 1.2 var(--display);letter-spacing:var(--tracking-display)}.sr-empty button{color:var(--accent);text-underline-offset:4px;font-size:12px;text-decoration:underline}.sr-modal{border:1px solid var(--line);width:min(460px,100% - 24px);max-height:calc(100svh - 24px);color:var(--ink);box-shadow:0 32px 110px rgb(var(--accent-rgb) / .22);background:#fff;border-radius:18px;margin:auto;padding:32px;overflow-y:auto}.sr-modal::backdrop{background:rgb(var(--accent-rgb) / .45);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.sr-modal header{justify-content:space-between;align-items:center;display:flex}.sr-modal h2{color:var(--ink-night);font:600 28px/1.25 var(--display);letter-spacing:var(--tracking-display);margin:14px 0 7px}.sr-modal form,.sr-modal label{gap:7px;display:grid}.sr-modal form{gap:13px;margin-top:14px}.sr-modal input,.sr-modal textarea{border:1px solid #cbd9e5;border-radius:9px;min-height:44px}.sr-modal p{color:var(--muted);font-size:12px}.sr-modal p[role=alert]{color:#9a3448}.sr-modal section[role=status] .sr-button{margin-top:18px}.sr-modal form[hidden]{display:none}.sr-match-result .favorite-icon{position:static}@media (max-width:1100px){.sr-library-heading{grid-template-columns:minmax(0,1fr) 220px}.sr-library-heading>p{grid-area:2/1}.sr-library-count{grid-area:1/2/span 2}.sr-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.sr-library{padding-block:50px 72px}.sr-library-heading{grid-template-columns:1fr;gap:22px;padding-bottom:30px}.sr-library-heading h1{font-size:clamp(36px,10vw,56px)}.sr-library-heading>p,.sr-library-count{grid-area:auto}.sr-library-count{grid-auto-flow:column;justify-content:start;place-items:baseline start;gap:9px}.sr-library-count strong{font-size:34px}.sr-match form{grid-template-columns:1fr}.sr-match .sr-button{justify-self:start}.sr-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 12px}.sr-thumb{aspect-ratio:.92}.sr-product h2{font-size:16px}.sr-product-copy>p{padding-right:34px}.sr-modal{width:100%;max-width:100%;max-height:92svh;padding:28px 22px max(28px, env(safe-area-inset-bottom));border-radius:20px 20px 0 0;margin:0 auto;inset:auto 0 0}}@media (prefers-reduced-motion:no-preference){.sr-thumb img{will-change:transform}}@media (prefers-reduced-motion:reduce){.sr-thumb img,.sr-product-swatches{transition:none}}