:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;--canvas:oklch(97.5% .018 345);--surface:oklch(99.5% .008 345);--surface-muted:oklch(94.5% .028 345);--ink:oklch(28.5% .045 345);--ink-muted:oklch(50% .035 345);--accent:oklch(49% .16 354);--accent-hover:oklch(43% .15 354);--accent-soft:oklch(90% .065 350);--border:oklch(88.5% .035 345);--success:oklch(52% .1 155);--error:oklch(50% .17 25);--shadow:0 24px 60px oklch(49% .08 350/.13);font-family:Avenir Next,Segoe UI,system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html{background:var(--canvas);color:var(--ink);scroll-behavior:smooth}body{background:radial-gradient(circle at 88% 18%, oklch(93% .06 350/.7), transparent 30rem), var(--canvas);min-width:320px;min-height:100dvh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid oklch(65% .15 354)}img{max-width:100%;display:block}.topbar{grid-template-columns:1fr auto;align-items:center;width:min(100% - 32px,1180px);height:64px;margin:0 auto;display:grid}.wordmark{color:var(--ink);letter-spacing:-.055em;font-size:1.34rem;font-weight:760;text-decoration:none}.wordmark span{color:var(--accent)}.topbar-note{color:var(--accent);align-items:center;gap:7px;font-size:.82rem;font-weight:650;display:none}.saved-button{border:1px solid var(--border);background:color-mix(in oklch, var(--surface) 88%, transparent);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-width:48px;height:42px;padding:0 13px;display:inline-flex}.saved-button svg{color:var(--accent)}.saved-button span{min-width:10px;font-size:.78rem;font-weight:720}.hero{align-content:start;gap:26px;width:min(100% - 32px,1180px);min-height:calc(100dvh - 64px);margin:0 auto;padding:28px 0 72px;display:grid;position:relative}.hero-copy{max-width:620px}.eyebrow{color:var(--accent);letter-spacing:.16em;margin:0 0 12px;font-size:.71rem;font-weight:800}h1,h2,h3,p{text-wrap:pretty}.hero h1,.results-intro h1{letter-spacing:-.075em;max-width:700px;margin:0;font-size:clamp(2.8rem,12vw,5.8rem);font-weight:760;line-height:.96}.hero h1 em{color:var(--accent);padding-bottom:4px;font-family:inherit;font-weight:480;line-height:1.1;display:inline-block}.intro{max-width:34rem;color:var(--ink-muted);margin:20px 0 0;font-size:1.02rem;line-height:1.55}.source-card{z-index:2;border:1px solid color-mix(in oklch, var(--border) 84%, var(--surface));background:color-mix(in oklch, var(--surface) 94%, transparent);box-shadow:var(--shadow);border-radius:24px;position:relative;overflow:hidden}.source-tabs{background:var(--surface-muted);grid-template-columns:1fr 1fr;gap:4px;padding:6px;display:grid}.source-tab{min-height:48px;color:var(--ink-muted);cursor:pointer;background:0 0;border:0;border-radius:18px;justify-content:center;align-items:center;gap:9px;font-size:.9rem;font-weight:680;transition:color .18s cubic-bezier(.16,1,.3,1),background .18s cubic-bezier(.16,1,.3,1),box-shadow .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.source-tab.active{color:var(--accent);background:var(--surface);box-shadow:0 4px 14px oklch(49% .08 350/.08)}.source-panel{padding:16px}.upload-well{border:1.5px dashed color-mix(in oklch, var(--accent) 38%, var(--border));background:linear-gradient(145deg,oklch(98% .018 345/.9),oklch(95% .04 350/.78));border-radius:20px;min-height:210px;position:relative;overflow:hidden}.upload-well>input{opacity:0;width:1px;height:1px;position:absolute}.upload-prompt{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:210px;padding:28px 18px;display:flex}.upload-icon{background:var(--surface);width:56px;height:56px;color:var(--accent);border-radius:18px;place-items:center;margin-bottom:13px;display:grid;box-shadow:0 12px 24px oklch(49% .08 350/.1)}.upload-prompt strong{font-size:1rem}.upload-prompt>span:not(.upload-icon){color:var(--ink-muted);margin-top:4px;font-size:.87rem}.upload-prompt small{color:color-mix(in oklch, var(--ink-muted) 78%, transparent);margin-top:14px;font-size:.72rem}.upload-well.has-file{border-style:solid;border-color:var(--border);height:280px}.upload-well.has-file>img{object-fit:contain;width:100%;height:100%}.upload-well.has-file:after{content:"";pointer-events:none;background:linear-gradient(#0000,oklch(20% .04 345/.66));position:absolute;inset:45% 0 0}.remove-photo{z-index:2;color:oklch(98% .01 345);cursor:pointer;background:oklch(24% .04 345/.72);border:1px solid oklch(95% .01 345/.55);border-radius:999px;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:12px;right:12px}.file-chip{z-index:2;color:oklch(98% .01 345);align-items:center;gap:8px;font-size:.82rem;font-weight:650;display:flex;position:absolute;bottom:14px;left:14px;right:14px}.instagram-panel{text-align:center;flex-direction:column;align-items:center;min-height:210px;padding:24px 2px 10px;display:flex}.instagram-mark{background:var(--accent-soft);width:58px;height:58px;color:var(--accent);border-radius:18px;place-items:center;margin-bottom:14px;display:grid}.instagram-panel label{font-weight:720}.instagram-panel p{color:var(--ink-muted);margin:5px 0 19px;font-size:.84rem}.url-field{border:1px solid var(--border);background:var(--surface);border-radius:18px;align-items:center;gap:10px;width:100%;height:54px;padding:0 14px;display:flex}.url-field>svg:first-child{color:var(--ink-muted);flex:none}.url-field input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:.88rem}.url-field input::placeholder{color:color-mix(in oklch, var(--ink-muted) 70%, transparent)}.url-check{color:var(--success);flex:none}.form-error{color:var(--error);margin:12px 4px 0;font-size:.82rem;line-height:1.4}.speed-control{justify-content:space-between;align-items:center;gap:18px;min-height:58px;margin-top:14px;padding:8px 4px;display:flex}.speed-control>div{gap:2px;min-width:0;display:grid}.speed-control strong{font-size:.87rem}.speed-control span{color:var(--ink-muted);font-size:.72rem;line-height:1.35}.fast-toggle{border:1px solid var(--border);background:var(--surface-muted);cursor:pointer;border-radius:999px;flex:none;width:52px;height:32px;padding:3px;transition:background .18s cubic-bezier(.16,1,.3,1),border-color .18s cubic-bezier(.16,1,.3,1)}.fast-toggle>span{background:var(--surface);border-radius:50%;width:24px;height:24px;transition:transform .18s cubic-bezier(.16,1,.3,1);display:block;transform:translate(0);box-shadow:0 2px 7px oklch(38% .04 345/.18)}.fast-toggle[aria-checked=true]{border-color:var(--accent);background:var(--accent)}.fast-toggle[aria-checked=true]>span{transform:translate(20px)}.primary-button{background:var(--accent);color:oklch(98.5% .01 345);white-space:nowrap;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:54px;margin-top:14px;padding:0 22px;font-size:.92rem;font-weight:760;transition:transform .18s cubic-bezier(.16,1,.3,1),background .18s cubic-bezier(.16,1,.3,1);display:flex}.primary-button:hover:not(:disabled){background:var(--accent-hover)}.primary-button:active:not(:disabled){transform:scale(.985)}.primary-button:disabled{background:color-mix(in oklch, var(--ink-muted) 28%, var(--surface-muted));color:color-mix(in oklch, var(--ink-muted) 76%, var(--surface));cursor:not-allowed}.button-pulse{background:currentColor;border-radius:50%;width:9px;height:9px}.privacy-note{color:var(--ink-muted);justify-content:center;align-items:center;gap:6px;margin:12px 0 0;font-size:.7rem;display:flex}.look-stage{display:none}.loading-sheet{z-index:20;background:color-mix(in oklch, var(--canvas) 94%, transparent);-webkit-backdrop-filter:blur(14px);place-items:center;padding:22px;display:grid;position:fixed;inset:0}.loading-preview{background:var(--surface-muted);max-width:min(78vw,360px);max-height:min(54dvh,440px);box-shadow:var(--shadow);border-radius:24px;display:inline-flex;position:relative;overflow:hidden}.loading-preview img{object-fit:contain;object-position:center;width:auto;max-width:min(78vw,360px);height:auto;max-height:min(54dvh,440px);display:block}.loading-preview:after{content:"";background:color-mix(in oklch, var(--accent-soft) 18%, transparent);pointer-events:none;position:absolute;inset:0}.loading-preview.is-fetching{aspect-ratio:4/5;border:1px solid var(--border);background:var(--surface-muted);width:min(78vw,360px);box-shadow:none}.fetching-placeholder{width:100%;height:100%;color:var(--accent);place-content:center;justify-items:center;gap:12px;display:grid}.fetching-placeholder span{font-size:.78rem;font-weight:720}.scan-line{z-index:1;pointer-events:none;position:absolute;inset:12px;overflow:hidden}.scan-line:before{content:"";filter:drop-shadow(0 0 7px oklch(75% .13 350/.8));border-top:2px solid oklch(96% .03 345);border-radius:99px;position:absolute;inset:0}.loading-copy{text-align:center;align-self:start;width:min(100%,360px);margin-top:-6px}.loading-copy>span{color:var(--accent);letter-spacing:.08em;font-size:.72rem;font-weight:760}.loading-copy h2{letter-spacing:-.04em;margin:7px 0 6px;font-size:1.55rem}.loading-copy p{color:var(--ink-muted);margin:0;font-size:.87rem}.phase-track{grid-template-columns:repeat(var(--phase-count,4), 1fr);gap:6px;margin-top:20px;display:grid}.phase-track i{background:var(--border);border-radius:99px;height:4px}.phase-track i.done{background:var(--accent)}.results-page{width:min(100% - 32px,1180px);min-height:calc(100dvh - 64px);margin:0 auto;padding:22px 0 88px}.back-button{min-height:44px;color:var(--ink-muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:.84rem;font-weight:680;display:inline-flex}.results-intro{margin-top:28px}.results-intro h1{font-size:clamp(2.6rem,12vw,5.2rem)}.results-intro>p:last-child{max-width:42rem;color:var(--ink-muted);margin:16px 0 0;line-height:1.55}.results-layout{grid-template-columns:minmax(0,1fr);gap:26px;margin-top:34px;display:grid}.result-photo{background:var(--surface-muted);width:fit-content;max-width:100%;box-shadow:var(--shadow);border-radius:24px;justify-self:center;display:inline-flex;position:relative;overflow:hidden}.result-detail{min-width:0}.result-photo>img{object-fit:contain;object-position:center;width:auto;max-width:100%;height:auto;max-height:min(46dvh,390px);display:block}.result-photo:after{content:"";background:linear-gradient(#0000,oklch(22% .05 345/.6));position:absolute;inset:55% 0 0}.piece-count{z-index:1;color:oklch(98% .01 345);align-items:center;gap:8px;font-size:.82rem;font-weight:720;display:flex;position:absolute;bottom:18px;left:18px}.piece-picker-heading{justify-content:space-between;align-items:end;gap:18px;display:flex}.piece-picker-heading span,.extracted-piece>span,.carousel-heading span{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;font-weight:780}.piece-picker-heading h2{letter-spacing:-.04em;margin:4px 0 0;font-size:1.35rem}.piece-picker-heading p{color:var(--ink-muted);margin:0 0 2px;font-size:.74rem}.piece-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:15px;display:grid}.piece-tab{border:1px solid var(--border);background:var(--surface);min-width:0;min-height:116px;color:var(--ink-muted);text-align:left;cursor:pointer;border-radius:17px;grid-template-rows:minmax(72px,1fr) auto;gap:7px;padding:6px 6px 9px;font-size:.68rem;font-weight:660;transition:border-color .18s cubic-bezier(.16,1,.3,1),background .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1);display:grid}.piece-tab:hover{border-color:color-mix(in oklch, var(--accent) 58%, var(--border))}.piece-tab:active{transform:scale(.98)}.piece-tab.active{border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}.piece-tab-visual{background:var(--surface-muted);border-radius:12px;place-items:center;min-width:0;min-height:72px;display:grid;overflow:hidden}.piece-tab-visual .piece-crop{width:100%;max-height:82px}.piece-tab>span:last-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.piece-crop{background:var(--surface-muted);display:block;position:relative;overflow:hidden}.piece-crop img{max-width:none;position:absolute}.piece-crop.product-shot{aspect-ratio:1;background:#fff}.piece-crop.product-shot img{object-fit:contain;width:100%;max-width:100%;height:100%;position:static}.piece-content{margin-top:30px}.piece-showcase{border:1px solid var(--border);background:color-mix(in oklch, var(--surface) 72%, var(--surface-muted));border-radius:22px;grid-template-columns:minmax(108px,.42fr) minmax(0,1fr);align-items:center;gap:20px;min-height:210px;padding:18px;display:grid}.extracted-piece{flex-direction:column;align-self:stretch;gap:10px;min-height:174px;display:flex}.extracted-piece .piece-crop{border-radius:15px;flex:1;width:100%;max-height:176px}.piece-heading>span{color:var(--accent);letter-spacing:.09em;text-transform:uppercase;font-size:.7rem;font-weight:780}.piece-heading h2{letter-spacing:-.05em;margin:3px 0 0;font-size:1.9rem}.piece-heading>p{color:var(--ink-muted);margin:8px 0 0;font-size:.84rem;line-height:1.5}.carousel-heading{justify-content:space-between;align-items:end;gap:18px;display:flex}.carousel-heading h3{letter-spacing:-.035em;margin:4px 0 0;font-size:1.22rem}.carousel-controls{gap:7px;display:flex}.carousel-controls button{border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--accent);cursor:pointer;border-radius:999px;place-items:center;padding:0;display:grid}.carousel-controls button:hover{background:var(--surface-muted)}.match-grid{scrollbar-width:none;scroll-snap-type:x mandatory;grid-auto-columns:clamp(164px,56vw,214px);grid-auto-flow:column;gap:13px;margin:14px -16px 0;padding:0 16px 12px;display:grid;overflow-x:auto}.match-grid::-webkit-scrollbar{display:none}.match-card{scroll-snap-align:start;min-width:0}.match-image{aspect-ratio:4/5;background:var(--surface-muted);border-radius:20px;position:relative;overflow:hidden}.match-image>img{object-fit:contain;width:100%;height:100%}.match-image>button{width:42px;height:42px;color:var(--accent);cursor:pointer;background:oklch(98% .015 345/.9);border:1px solid oklch(90% .02 345/.75);border-radius:999px;place-items:center;display:grid;position:absolute;top:10px;right:10px}.match-copy{padding:10px 3px 0}.match-copy>span{color:var(--ink-muted);font-size:.7rem;font-weight:650}.match-copy h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.5em;margin:4px 0 8px;font-size:.87rem;font-weight:660;line-height:1.25;display:-webkit-box;overflow:hidden}.match-copy>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.match-copy strong{font-size:.85rem}.match-copy a{background:var(--surface-muted);min-height:38px;color:var(--accent);border-radius:999px;align-items:center;gap:4px;padding:0 13px;font-size:.74rem;font-weight:760;text-decoration:none;display:inline-flex}.no-matches{border:1px solid var(--border);background:var(--surface);border-radius:20px;align-items:center;gap:14px;margin-top:22px;padding:18px;display:flex}.no-matches svg{color:var(--accent);flex:none}.no-matches h3,.no-matches p{margin:0}.no-matches h3{font-size:.9rem}.no-matches p{color:var(--ink-muted);margin-top:3px;font-size:.76rem}.style-summary{border-top:1px solid var(--border);margin-top:54px;padding-top:24px}.style-summary h2{margin:0 0 13px;font-size:1.25rem}.style-summary>div{flex-wrap:wrap;gap:8px;display:flex}.style-summary span{background:var(--surface-muted);min-height:40px;color:var(--ink-muted);border-radius:999px;align-items:center;padding:0 15px;font-size:.78rem;font-weight:650;display:inline-flex}footer{width:min(100% - 32px,1180px);padding:28px 0 calc(28px + env(safe-area-inset-bottom));border-top:1px solid var(--border);color:var(--ink-muted);justify-content:space-between;align-items:center;gap:18px;margin:0 auto;font-size:.72rem;display:flex}footer span{color:var(--ink);font-weight:760}footer p{text-align:right;margin:0}@media (width>=760px){.topbar{grid-template-columns:1fr auto 1fr}.topbar-note{display:flex}.saved-button{justify-self:end}.hero{grid-template-columns:minmax(380px,.88fr) minmax(340px,.72fr);grid-template-areas:"copy stage""form stage";align-content:center;gap:32px clamp(42px,8vw,116px);padding-top:52px}.hero-copy{grid-area:copy}.source-card{grid-area:form;width:min(100%,500px)}.source-panel{padding:20px}.look-stage{grid-area:stage;place-self:center end;width:min(100%,440px);display:block;position:relative;transform:rotate(1.5deg)}.photo-frame{box-shadow:var(--shadow);background:oklch(98.5% .012 345);padding:12px 12px 46px}.photo-frame img{object-fit:contain;width:100%;height:auto;display:block}.tape{z-index:1;background:oklch(91% .045 55/.78);width:100px;height:28px;position:absolute}.tape-top{top:-12px;left:calc(50% - 50px);transform:rotate(-3deg)}.scribble{fill:none;width:98px;stroke:var(--accent);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;position:absolute;bottom:24px;right:-12px;transform:rotate(-5deg)}.loading-sheet{grid-template-columns:auto minmax(300px,420px);place-content:center;gap:54px}.loading-copy{text-align:left;align-self:center;margin:0}.results-page{padding-top:40px}.results-layout{grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);align-items:start;gap:clamp(36px,6vw,82px)}.result-photo{position:sticky;top:24px}.result-photo>img{max-height:min(68dvh,620px)}.result-detail{min-width:0}.piece-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.match-grid{grid-auto-columns:minmax(190px,42%);margin:14px 0 0;padding:0 0 12px}}@media (width>=1100px){.hero h1{font-size:5.5rem}.results-intro{margin-left:8%}}@media (prefers-color-scheme:dark){:root{--canvas:oklch(21.5% .035 345);--surface:oklch(26.5% .038 345);--surface-muted:oklch(31% .048 345);--ink:oklch(94% .022 345);--ink-muted:oklch(76% .035 345);--accent:oklch(72% .145 352);--accent-hover:oklch(77% .13 352);--accent-soft:oklch(38% .09 350);--border:oklch(39% .045 345);--success:oklch(72% .1 155);--error:oklch(74% .13 25);--shadow:0 24px 60px oklch(12% .03 345/.35)}body{background:radial-gradient(circle at 88% 18%, oklch(34% .09 350/.55), transparent 30rem), var(--canvas)}.upload-well{background:linear-gradient(145deg,oklch(29% .04 345),oklch(33% .065 350))}.photo-frame{background:oklch(87% .025 345)}}@media (prefers-reduced-motion:no-preference){.hero-copy,.source-card,.results-intro,.results-layout{animation:.56s cubic-bezier(.16,1,.3,1) both enter}.source-card,.results-layout{animation-delay:70ms}.button-pulse{animation:1.2s ease-in-out infinite pulse}.scan-line:before{animation:2.5s cubic-bezier(.76,0,.24,1) infinite alternate scan}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{50%{opacity:.35;transform:scale(.72)}}@keyframes scan{0%{transform:translateY(0)}to{transform:translateY(calc(100% - 2px))}}.look-stage{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:24px;overflow:hidden;transform:none}.look-stage>img{aspect-ratio:1;object-fit:cover;width:100%}.look-stage>p{color:var(--ink-muted);margin:0;padding:14px 18px 16px;font-size:.75rem;font-weight:650}.results-page{padding-top:18px}.results-topline{justify-content:space-between;align-items:center;gap:16px;min-height:44px;display:flex}.results-topline>span{color:var(--ink-muted);font-size:.76rem;font-weight:680}.results-intro{max-width:720px;margin:clamp(42px,8vw,86px) 0 0}.results-intro h1{font-size:clamp(3.1rem,10vw,6.5rem);line-height:.94}.results-intro>p:not(.eyebrow){max-width:42rem;color:var(--ink-muted);margin:20px 0 0;font-size:clamp(.95rem,2vw,1.08rem);line-height:1.55}.mood-notes{flex-wrap:wrap;gap:7px;margin-top:20px;display:flex}.mood-notes span{border:1px solid var(--border);background:color-mix(in oklch, var(--surface) 76%, transparent);min-height:36px;color:var(--ink-muted);border-radius:999px;align-items:center;padding:0 14px;font-size:.73rem;font-weight:650;display:inline-flex}.piece-edit{margin-top:clamp(54px,9vw,108px)}.section-heading{max-width:34rem}.section-heading h2{letter-spacing:-.06em;margin:0;font-size:clamp(2rem,5vw,3.4rem);line-height:1}.section-heading p{color:var(--ink-muted);margin:10px 0 0;font-size:.9rem}.piece-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px;display:grid}.piece-card{border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--ink);text-align:left;cursor:pointer;border-radius:20px;padding:0;transition:border-color .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s cubic-bezier(.16,1,.3,1);overflow:hidden}.piece-card:hover,.piece-card.active{border-color:var(--accent)}.piece-card.active{box-shadow:0 12px 30px oklch(49% .08 350/.12)}.piece-card:active{transform:scale(.985)}.grid-cell-image{aspect-ratio:1;background:oklch(99.5% .002 345);width:100%;display:block;position:relative;overflow:hidden}.grid-cell-image>img{object-fit:cover;width:200%;max-width:none;height:200%;position:absolute}.grid-cell-image.fallback>img{object-fit:contain;width:100%;max-width:100%;height:100%;inset:0}.grid-cell-image.fallback.source-crop>img{object-fit:cover;transition:transform .18s cubic-bezier(.16,1,.3,1)}.piece-card-copy{flex-direction:column;justify-content:center;gap:3px;min-height:72px;padding:12px 13px 13px;display:flex}.piece-card-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;line-height:1.2;overflow:hidden}.piece-card-copy>span{color:var(--ink-muted);text-transform:capitalize;font-size:.68rem}.shop-piece{margin-top:clamp(68px,10vw,126px)}.selected-piece{grid-template-columns:minmax(118px,.7fr) minmax(0,1.3fr);align-items:center;gap:clamp(18px,5vw,52px);display:grid}.selected-piece>.grid-cell-image{border:1px solid var(--border);border-radius:20px}.selected-piece-copy>span,.carousel-heading span{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;font-weight:780}.selected-piece-copy h2{letter-spacing:-.06em;margin:5px 0 0;font-size:clamp(1.8rem,6vw,4.3rem);line-height:.98}.selected-piece-copy p{color:var(--ink-muted);margin:12px 0 0;font-size:.8rem;line-height:1.55}.matches-section{margin-top:42px}.carousel-heading h3{font-size:clamp(1.3rem,3vw,1.9rem)}.match-grid{margin-top:18px}.match-image{background:oklch(99.5% .002 345)}.mood-board{background:var(--surface-muted);border-radius:24px;gap:28px;margin-top:clamp(92px,14vw,170px);padding:clamp(28px,6vw,66px);display:grid}.mood-board-copy{align-self:center}.mood-board-copy h2{letter-spacing:-.065em;max-width:560px;margin:0;font-size:clamp(2.3rem,8vw,5.8rem);line-height:.95}.mood-board-copy>p:not(.eyebrow){color:var(--ink-muted);margin:18px 0 0;font-size:.92rem}.download-button{background:var(--accent);color:oklch(98.5% .01 345);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:9px;width:fit-content;min-height:50px;margin-top:24px;padding:0 20px;font-size:.84rem;font-weight:760;text-decoration:none;transition:background .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.download-button:hover{background:var(--accent-hover)}.download-button:active{transform:scale(.985)}.mood-board-grid{border:1px solid var(--border);background:oklch(99.5% .002 345);border-radius:20px;margin:0;overflow:hidden;box-shadow:0 18px 44px oklch(49% .08 350/.12)}.mood-board-grid img{aspect-ratio:1;object-fit:cover;width:100%}@media (width>=600px){.piece-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}}@media (width>=760px){.look-stage{display:block;transform:none}.results-page{padding-top:30px}.results-intro{margin-left:6%}.piece-edit{width:min(100%,1060px);margin-left:auto;margin-right:auto}.piece-card-copy{min-height:78px;padding:14px 16px}.piece-card-copy strong{font-size:.9rem}.shop-piece{width:min(100%,980px);margin-left:auto;margin-right:auto}.selected-piece{grid-template-columns:minmax(260px,.74fr) minmax(0,1fr)}.selected-piece>.grid-cell-image{border-radius:24px}.match-grid{grid-auto-columns:minmax(190px,28%);margin-left:0;margin-right:0;padding-left:0;padding-right:0}.mood-board{grid-template-columns:minmax(0,.88fr) minmax(340px,1fr);align-items:center;gap:clamp(42px,8vw,96px)}}@media (prefers-color-scheme:dark){.grid-cell-image,.match-image,.mood-board-grid{background:oklch(96% .006 345)}}@media (prefers-reduced-motion:no-preference){.piece-edit,.shop-piece,.mood-board{animation:.56s cubic-bezier(.16,1,.3,1) both enter}.shop-piece{animation-delay:80ms}.mood-board{animation-delay:.14s}}.loading-aside{min-height:1.25rem;font-weight:680;color:var(--accent)!important;margin-top:13px!important;font-size:.76rem!important}.loading-sheet-grid{padding:18px 16px calc(28px + env(safe-area-inset-bottom));background:color-mix(in oklch, var(--canvas) 98%, transparent);display:block;overflow-y:auto}.loading-grid-shell{align-content:center;width:min(100%,1080px);min-height:calc(100dvh - 46px);margin:0 auto;display:grid}.loading-grid-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.loading-grid-heading span{color:var(--accent);letter-spacing:.12em;font-size:.66rem;font-weight:800}.loading-grid-heading h2{letter-spacing:-.055em;margin:5px 0 0;font-size:clamp(1.55rem,6vw,3rem);line-height:1}.loading-grid-heading>p{color:var(--ink-muted);flex:none;margin:0 0 2px;font-size:.72rem;font-weight:680}.loading-grid-layout{gap:18px;margin-top:22px;display:grid}.loading-grid-board{border:1px solid var(--border);box-shadow:var(--shadow);background:oklch(99.5% .002 345);border-radius:22px;margin:0;position:relative;overflow:hidden}.loading-grid-board>img{aspect-ratio:1;object-fit:cover;width:100%}.loading-grid-board figcaption{color:oklch(98% .01 345);background:oklch(28% .045 345/.88);border-radius:999px;align-items:center;gap:7px;min-height:38px;padding:0 13px;font-size:.72rem;font-weight:720;display:inline-flex;position:absolute;bottom:12px;left:12px}.loading-grid-board figcaption svg{color:oklch(80% .11 155)}.loading-piece-list{align-content:start;gap:10px;display:grid}.loading-piece{border:1px solid var(--border);background:var(--surface);border-radius:20px;grid-template-columns:116px minmax(0,1fr);min-height:132px;display:grid;overflow:hidden}.loading-piece>.grid-cell-image{aspect-ratio:auto;border-radius:0;height:100%}.loading-piece-body{min-width:0;padding:14px}.loading-piece-title{justify-content:space-between;align-items:start;gap:10px;display:flex}.loading-piece-title>div{min-width:0}.loading-piece-title>div>span,.loading-piece-waiting>span{color:var(--accent);letter-spacing:.1em;font-size:.61rem;font-weight:800}.loading-piece-title h3{letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:.94rem;line-height:1.15;overflow:hidden}.piece-ready,.piece-searching{border-radius:999px;flex:none;align-items:center;gap:5px;min-height:27px;padding:0 9px;font-size:.61rem;font-weight:760;display:inline-flex}.piece-ready{background:color-mix(in oklch, var(--success) 13%, var(--surface));color:var(--success)}.piece-searching{background:var(--surface-muted);color:var(--ink-muted)}.piece-searching i{background:var(--accent);border-radius:50%;width:6px;height:6px}.loading-match-skeletons,.loading-match-previews{align-items:center;gap:7px;margin-top:14px;display:flex}.loading-match-skeletons i,.loading-match-previews img{border-radius:10px;width:42px;height:42px}.loading-match-skeletons i,.loading-piece-placeholder{background:linear-gradient(105deg, transparent 30%, color-mix(in oklch, var(--surface) 74%, transparent) 48%, transparent 66%), var(--surface-muted);background-size:220% 100%}.loading-match-previews img{border:1px solid var(--border);object-fit:contain;background:oklch(99.5% .002 345)}.loading-match-previews>span{color:var(--ink-muted);margin-left:2px;font-size:.68rem;font-weight:680}.loading-no-match{color:var(--ink-muted);margin:15px 0 0;font-size:.72rem;line-height:1.4}.loading-piece-placeholder{width:100%;height:100%}.loading-piece-waiting{flex-direction:column;justify-content:center;min-width:0;padding:18px;display:flex}.loading-piece-waiting strong{color:var(--ink-muted);margin-top:4px;font-size:.84rem}.loading-grid-aside{min-height:20px;color:var(--accent);text-align:center;margin:16px 0 0;font-size:.72rem;font-weight:680}@media (width>=680px){.loading-sheet-grid{padding:28px}.loading-grid-layout{grid-template-columns:minmax(280px,.82fr) minmax(360px,1.18fr);align-items:center;gap:clamp(24px,5vw,64px)}.loading-piece{grid-template-columns:142px minmax(0,1fr);min-height:154px}.loading-piece-body{padding:18px}.loading-match-skeletons i,.loading-match-previews img{width:48px;height:48px}}@media (prefers-color-scheme:dark){.loading-grid-board,.loading-match-previews img{background:oklch(96% .006 345)}}@media (prefers-reduced-motion:no-preference){.loading-piece.is-revealed>.grid-cell-image,.loading-piece.is-revealed>.loading-piece-body{animation:.42s cubic-bezier(.16,1,.3,1) both piece-reveal}.loading-piece.is-revealed>.loading-piece-body{animation-delay:70ms}.loading-match-skeletons i,.loading-piece-placeholder{animation:1.65s linear infinite skeleton-pass}.loading-match-skeletons i:nth-child(2){animation-delay:.11s}.loading-match-skeletons i:nth-child(3){animation-delay:.22s}.piece-searching i{animation:1.2s ease-in-out infinite pulse}}@keyframes piece-reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes skeleton-pass{to{background-position:-220% 0}}