.shape-hub{--hub-muted:color-mix(in oklch, var(--foreground) 76%, var(--background));color:var(--foreground)}.shape-hub ::selection{background:var(--brand-soft);color:var(--foreground)}.shape-hub :focus-visible{outline:2px solid var(--ring);outline-offset:4px}.shape-hub a{text-underline-offset:4px}.shape-hub :is(button,select,input){accent-color:var(--brand)}.shape-hub button:not(:disabled),.shape-hub select{cursor:pointer}.shape-hub :is(button,a)[aria-disabled=true],.shape-hub button:disabled{cursor:not-allowed;opacity:.5}.shape-hub :is(h1,h2,h3){font-family:var(--font-serif-display);letter-spacing:-.03em;text-wrap:balance;font-weight:600}.shape-hub h1{max-width:14ch;margin:0;font-size:clamp(42px,4.8vw,64px);line-height:1.04}.shape-hub h2{margin:0;font-size:clamp(28px,3vw,42px);line-height:1.12}.shape-hub h3{letter-spacing:-.02em;margin:0;font-size:22px;line-height:1.2}.shape-hub p{color:var(--hub-muted);font-size:16px;line-height:1.75}.shape-hub .hub-wide{max-width:1184px;margin-inline:auto;padding-inline:32px}.shape-hub .hub-hero{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:48px;padding-block:48px 64px;display:grid}.shape-hub :is(.hub-intro,.hub-results,.hub-result-copy>section,.hub-example-captions>section){min-width:0}.shape-hub .hub-lead{max-width:44ch;margin:22px 0 28px;font-size:18px;line-height:1.6}.shape-hub .hub-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.shape-hub .hub-more-filters{border-block:1px solid var(--border);grid-column:1/-1}.shape-hub .hub-more-filters summary{cursor:pointer;min-height:44px;padding-block:12px;font-size:14px;font-weight:500}.shape-hub .hub-filter-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;padding:6px 0 18px;display:grid}.shape-hub .hub-filter-options .hub-upkeep{grid-column:1/-1}.shape-hub .hub-filters label{gap:7px;min-width:0;font-size:14px;font-weight:600;display:grid}.shape-hub .hub-filters select{border:1px solid var(--border);width:100%;min-width:0;min-height:46px;color:var(--foreground);background:var(--background);font:inherit;border-radius:12px;padding:10px 28px 10px 12px;font-size:14px;transition:border-color .18s}.shape-hub .hub-filters select:hover{border-color:var(--hub-muted)}.shape-hub .hub-upkeep{grid-column:1/-1}.shape-hub .hub-reset{min-height:44px;color:var(--hub-muted);text-underline-offset:4px;justify-self:start;align-items:center;gap:7px;font-size:14px;text-decoration:underline;display:inline-flex}.shape-hub .hub-manual-note{margin-top:18px;font-size:14px;line-height:1.6}.shape-hub .hub-manual-note a{min-height:36px;color:var(--foreground);align-items:center;gap:6px;text-decoration:underline;display:inline-flex}.shape-hub .hub-results-heading{margin-bottom:22px}.shape-hub .hub-results-heading h2{font-size:30px}.shape-hub .hub-results-heading p{margin-top:8px;font-size:14px}.shape-hub .hub-result-figure{animation:hub-results-reveal .28s var(--ease-out-expo)}.shape-hub :is(.hub-photo-rail,.hub-example-photos){grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.shape-hub .hub-result-photo{min-width:0}.shape-hub [data-testid=look-card]>div,.shape-hub [data-testid=look-card]>div>button{border-radius:16px}.shape-hub [data-testid=look-card]>div>span:first-of-type{background:color-mix(in oklch, var(--foreground) 83%, transparent);padding:4px 8px;font-size:11px;top:9px;left:9px}.shape-hub [data-testid=look-card]>div>span:last-of-type{border-radius:9px;top:9px;right:9px}.shape-hub [data-testid=look-card]>div>span:last-of-type img{width:35px;height:47px}.shape-hub [data-testid=look-card] a{inset-inline:7px;border-radius:12px;gap:5px;padding:10px 7px 10px 10px;bottom:7px}.shape-hub [data-testid=look-card] a>span:first-child>span:first-child{font-size:13px}.shape-hub [data-testid=look-card] a>span:first-child>span:last-child{display:none}.shape-hub [data-testid=look-card] a>span:last-child{width:27px;height:27px}.shape-hub .hub-pick{cursor:pointer;align-items:center;gap:7px;min-height:44px;font-size:13px;display:flex}.shape-hub .hub-pick input{flex-shrink:0;width:17px;height:17px}.shape-hub .hub-result-copy{gap:24px;padding-top:24px;display:grid}.shape-hub .hub-result-copy p{margin-top:10px;font-size:16px;line-height:1.7}.shape-hub .hub-shortlist{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:28px;padding-top:24px;display:flex}.shape-hub .hub-shortlist>span{max-width:34ch;color:var(--hub-muted);font-size:13px;line-height:1.5}.shape-hub .hub-empty{background:var(--secondary);border-radius:16px;min-height:260px;padding:32px 24px}.shape-hub .hub-empty p{margin-block:14px}.shape-hub .hub-photo-section{border-block:1px solid var(--border);background:var(--secondary);grid-template-columns:1fr 1fr;gap:24px 48px;padding-block:36px;display:grid}.shape-hub .hub-photo-section h2{font-size:clamp(27px,2.5vw,34px)}.shape-hub .hub-photo-section p{margin-top:14px}.shape-hub .hub-photo-actions{flex-wrap:wrap;align-content:center;align-items:center;gap:10px 18px;display:flex}.shape-hub .hub-photo-actions>p{width:100%;margin:0;font-size:13px}.shape-hub .hub-text-button{text-underline-offset:4px;min-height:44px;font-size:14px;text-decoration:underline}.shape-hub .hub-upload-preview{align-items:center;gap:14px;width:100%;display:flex}.shape-hub .hub-upload-preview img{object-fit:cover;border-radius:9px;width:54px;height:72px}.shape-hub .hub-upload-preview span{align-items:center;gap:7px;font-size:14px;display:inline-flex}.shape-hub .hub-upload-preview button{place-items:center;min-width:44px;min-height:44px;margin-left:auto;display:grid}.shape-hub :is(.hub-cost-note,.hub-error){grid-column:1/-1}.shape-hub .hub-cost-note{max-width:85ch;font-size:14px}.shape-hub .hub-error{border:1px solid var(--brand);color:var(--foreground);background:var(--brand-soft);border-radius:12px;padding:14px 18px}.shape-hub .hub-shape-overview{padding-block:72px}.shape-hub .hub-reading{max-width:68ch}.shape-hub .hub-reading p{margin-top:18px;font-size:17px}.shape-hub .hub-shape-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 24px;margin-block:36px;display:grid}.shape-hub .hub-shape-grid figure{min-width:0}.shape-hub .hub-shape-grid svg{width:150px;max-width:100%;height:auto;margin-bottom:16px;display:block}.shape-hub .hub-shape-grid h3{font-size:20px}.shape-hub .hub-shape-grid p{margin-top:8px;font-size:14px;line-height:1.6}.shape-hub .hub-diagram-note{font-size:14px}.shape-hub .hub-guide{max-width:1184px;margin:0 auto;padding:0 32px 80px}.shape-hub .hub-guide>:is(h2,h3,p,ul,ol){max-width:680px;margin-inline:auto}.shape-hub .hub-guide>h2{margin-top:64px;margin-bottom:20px;font-size:clamp(29px,3.2vw,40px)}.shape-hub .hub-guide>h3{margin-top:32px;margin-bottom:12px;font-size:24px}.shape-hub .hub-guide>:is(p,ul,ol){max-width:68ch;margin-top:18px;font-size:17px;line-height:1.75}.shape-hub .hub-guide>p>a{color:var(--foreground);text-decoration:underline}.shape-hub .hub-example-gallery{margin-block:34px 48px}.shape-hub .hub-example-photo{min-width:0;position:relative}.shape-hub .hub-example-photo>img{background:var(--stage);border-radius:16px;width:100%;height:auto;display:block}.shape-hub .hub-ai-label{color:#fff;background:color-mix(in oklch, var(--foreground) 83%, transparent);border-radius:999px;padding:5px 9px;font-size:12px;position:absolute;top:12px;left:12px}.shape-hub .hub-example-photo>a{color:#fff;background:color-mix(in oklch, var(--foreground) 86%, transparent);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:10px 12px;font-size:14px;transition:background-color .18s;display:flex;position:absolute;inset:auto 10px 10px}.shape-hub .hub-example-photo>a:hover{background:var(--foreground)}.shape-hub .hub-example-captions{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:22px;display:grid}.shape-hub .hub-example-captions h3{font-size:24px}.shape-hub .hub-example-captions p{margin-top:12px}.shape-hub .hub-media-note{grid-column:1/-1;max-width:75ch;margin-top:0;font-size:13px}@keyframes hub-results-reveal{0%{clip-path:inset(0 0 3%);filter:blur(2px)}to{clip-path:inset(0);filter:blur()}}@media (width<=1000px){.shape-hub .hub-hero{grid-template-columns:minmax(0,1fr);gap:38px}.shape-hub .hub-intro{max-width:680px}.shape-hub .hub-photo-rail,.shape-hub .hub-result-copy,.shape-hub .hub-shape-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=640px){.shape-hub .hub-wide,.shape-hub .hub-guide{padding-inline:20px}.shape-hub .hub-hero{gap:30px;padding-top:47px;padding-bottom:44px}.shape-hub h1{max-width:14ch;font-size:42px}.shape-hub .hub-lead{margin:17px 0 22px;font-size:17px;line-height:1.55}.shape-hub .hub-filters{gap:12px}.shape-hub .hub-filters label{font-size:13px}.shape-hub .hub-filters select{min-height:44px;padding-left:10px;font-size:13px}.shape-hub .hub-manual-note{margin-top:12px}.shape-hub .hub-results-heading{margin-bottom:16px}.shape-hub .hub-results-heading h2{font-size:28px}.shape-hub :is(.hub-photo-rail,.hub-example-photos){overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--brand) var(--secondary);grid-template-columns:repeat(3,calc(50% - 8px));gap:14px 16px;padding-bottom:8px;overflow-x:auto}.shape-hub :is(.hub-result-photo,.hub-example-photo){scroll-snap-align:start;grid-row:2}.shape-hub :is(.hub-photo-rail,.hub-example-photos):has(>:nth-child(3)):before{content:"Scroll for more styles";color:var(--hub-muted);grid-area:1/1/auto/-1;font-size:13px}.shape-hub .hub-result-copy,.shape-hub .hub-example-captions{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:20px}.shape-hub .hub-result-copy{padding-top:0}.shape-hub :is(.hub-result-copy,.hub-example-captions) p{font-size:16px;line-height:1.7}.shape-hub .hub-shortlist{margin-top:24px}.shape-hub .hub-shortlist>span{max-width:none}.shape-hub .hub-photo-section{grid-template-columns:minmax(0,1fr);gap:24px;padding-block:30px}.shape-hub .hub-photo-section h2{max-width:20ch;font-size:30px}.shape-hub .hub-photo-section p{font-size:16px;line-height:1.7}.shape-hub .hub-photo-section .hub-cost-note{font-size:14px}.shape-hub .hub-shape-overview{padding-block:52px}.shape-hub .hub-shape-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 16px}.shape-hub .hub-shape-grid svg{width:150px;margin-bottom:14px}.shape-hub .hub-guide{padding-bottom:60px}.shape-hub .hub-guide>h2{margin-top:48px;font-size:30px}.shape-hub .hub-guide>h3{font-size:23px}.shape-hub .hub-guide>:is(p,ul,ol){font-size:16px;line-height:1.7}.shape-hub .hub-example-photo>a{inset-inline:7px;padding-inline:9px;font-size:13px;bottom:7px}.shape-hub .hub-ai-label{font-size:11px;top:9px;left:9px}.shape-hub .hub-media-note{font-size:13px}}@media (prefers-reduced-motion:reduce){.shape-hub *,.shape-hub :before,.shape-hub :after{scroll-behavior:auto!important;transition-duration:0s!important;animation:none!important}}