visual-search{display:block}
visual-search .visual-search__dialog{--visual-panel-x:-50%;position:fixed;inset:var(--header-bottom,var(--header-height,160px)) auto auto 50%;z-index:910;width:var(--header-panel-width,min(var(--page-width,1350px),calc(100vw - 96px)));max-width:calc(100% - 40px);min-height:0;height:auto;max-height:min(560px,var(--header-panel-max-height,calc(100dvh - var(--header-bottom,var(--header-height,160px)) - 20px)));margin:0;padding:0;border:0;border-radius:0 0 22px 22px;background:#fff;color:var(--ink,#1b1716);box-shadow:0 20px 50px rgba(27,23,22,.18);overflow:hidden;transform:translate(var(--visual-panel-x),0);opacity:1;transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .3s ease}
visual-search .visual-search__dialog[open]{display:flex;flex-direction:column}
visual-search .visual-search__dialog:is(.is-opening,.is-closing){transform:translate(var(--visual-panel-x),10px);opacity:.35}
visual-search .visual-search__dialog.is-closing{opacity:0}
visual-search .visual-search__dialog.is-open{transform:translate(var(--visual-panel-x),0);opacity:1}
visual-search .visual-search__dialog::backdrop{background:linear-gradient(to bottom,transparent 0 var(--header-bottom,var(--header-height,160px)),rgba(27,23,22,.48) var(--header-bottom,var(--header-height,160px)) 100%);backdrop-filter:none}
visual-search .visual-search__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex:0 0 auto;min-width:0;margin:0;padding:20px 28px;border-bottom:1px solid var(--line,#e8e6e3)}
visual-search .visual-search__heading>div{min-width:0}
visual-search .visual-search__heading .eyebrow{display:block;margin:0 0 8px;color:var(--dark,#2d2c30);font-size:11px;line-height:normal;font-weight:600;letter-spacing:.14em}
visual-search .visual-search__heading h2{margin:0;font-size:24px;line-height:1.15;font-weight:600;letter-spacing:-.035em}
visual-search .visual-search__heading p{max-width:920px;margin:8px 0 0;color:var(--body,#4a4648);font-size:14px;line-height:1.5}
visual-search .visual-search__heading .olea-panel-close{flex-shrink:0}
visual-search .visual-search__layout{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,1.75fr);gap:28px;align-items:start;flex:0 1 auto;min-width:0;min-height:0;padding:24px 28px 28px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
visual-search :is(.visual-search__inspiration,.visual-search__matches){min-width:0}
visual-search .visual-search__upload{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;width:100%;aspect-ratio:1;max-height:320px;border:1px dashed #c8c3c0;border-radius:18px;overflow:hidden;background:var(--panel,#f3f3f4);cursor:pointer}
visual-search .visual-search__upload:has(input:focus-visible){outline:2px solid var(--dark,#2d2c30);outline-offset:4px}
visual-search .visual-search__upload input:focus-visible{outline:none}
visual-search .visual-search__placeholder{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0;padding:24px;color:var(--dark,#2d2c30);text-align:center}
visual-search .visual-search__placeholder>svg{width:30px;height:30px;flex:0 0 30px;color:var(--dark,#2d2c30);transform:none}
visual-search .visual-search__placeholder strong{font-size:16px;line-height:1.35;font-weight:600}
visual-search .visual-search__placeholder small{color:var(--muted,#77737a);font-size:12px;line-height:1.5}
visual-search .visual-search__preview{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;background:var(--panel,#f3f3f4)}
visual-search .visual-search__palette{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
visual-search .visual-search__palette:empty{display:none}
visual-search .visual-search__palette>span{display:block;width:26px;height:26px;flex:0 0 26px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
visual-search .visual-search__reset{margin-top:12px;padding:0;border:0;background:transparent;color:var(--dark,#2d2c30);font-family:inherit;font-size:13px;line-height:1.4;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
visual-search .visual-search__privacy{display:flex;align-items:flex-start;gap:7px;margin:14px 0 0;color:var(--muted,#77737a);font-size:12px;line-height:1.5}
visual-search .visual-search__privacy svg{width:15px;height:15px;flex:0 0 15px;margin-top:2px;color:var(--dark,#2d2c30);transform:none}
visual-search .visual-search__collection{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;margin-bottom:20px;font-size:13px;line-height:1.4}
visual-search .visual-search__collection label{min-width:0;font-weight:600}
visual-search .visual-search__collection select{min-width:0;max-width:65%;min-height:42px;padding:10px 34px 10px 12px;border:1px solid var(--line,#e8e6e3);border-radius:12px;background:#fff;color:var(--dark,#2d2c30);font-family:inherit;font-size:13px;line-height:1.4}
visual-search .visual-search__matches>h3{margin:0;font-size:18px;line-height:1.3;font-weight:600;letter-spacing:-.02em}
visual-search .visual-search__status{margin:10px 0 14px;color:var(--body,#4a4648);font-size:13px;line-height:1.5;overflow-wrap:anywhere}
visual-search .visual-search__results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 16px;min-width:0}
visual-search .visual-search__results>[data-wishlist-card]{display:grid;min-width:0}
visual-search .visual-search__scope{margin:16px 0 0;color:var(--muted,#77737a);font-size:11.5px;line-height:1.5}
visual-search .visual-search__retry{min-height:40px;margin-top:4px;padding:8px 16px;border:1px solid var(--line,#e8e6e3);border-radius:999px;background:#fff;color:var(--dark,#2d2c30);font-size:13px;line-height:1.3;font-weight:600}
visual-search :is([data-visual-close],[data-visual-reset],[data-visual-retry],[data-visual-collection]):focus-visible{outline:2px solid var(--dark,#2d2c30);outline-offset:4px}
visual-search .visual-search__matches[aria-busy="true"] .visual-search__status::before{content:"";display:inline-block;width:12px;height:12px;margin-right:8px;border:1.5px solid var(--line,#e8e6e3);border-top-color:var(--dark,#2d2c30);border-radius:50%;vertical-align:-2px}
body.animations-enabled visual-search .visual-search__matches[aria-busy="true"] .visual-search__status::before{animation:visual-search-spin .8s linear infinite}
body.animations-enabled visual-search .visual-search__results>[data-wishlist-card]{animation:visual-search-result-in .46s cubic-bezier(.22,1,.36,1) both}
body.animations-enabled visual-search .visual-search__results>[data-wishlist-card]:nth-child(2){animation-delay:.05s}
body.animations-enabled visual-search .visual-search__results>[data-wishlist-card]:nth-child(3){animation-delay:.1s}
@keyframes visual-search-spin{to{transform:rotate(360deg)}}
@keyframes visual-search-result-in{from{opacity:.35;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:989px){
visual-search .visual-search__dialog{--visual-panel-x:0%;inset:var(--header-bottom,var(--header-height,64px)) 0 0;width:100%;max-width:100%;height:calc(100dvh - var(--header-bottom,var(--header-height,64px)));max-height:calc(100dvh - var(--header-bottom,var(--header-height,64px)));margin:0;border-radius:0 0 22px 22px;box-shadow:0 20px 50px rgba(27,23,22,.18)}
visual-search .visual-search__heading{gap:12px;padding:18px 20px}
visual-search .visual-search__heading .eyebrow{margin-bottom:6px;font-size:10.5px}
visual-search .visual-search__heading h2{font-size:20px}
visual-search .visual-search__heading p{font-size:13px}
visual-search .visual-search__layout{display:flex;flex-direction:column;gap:24px;flex:1 1 auto;padding:20px 20px 28px}
visual-search :is(.visual-search__inspiration,.visual-search__matches){width:100%}
visual-search .visual-search__upload{max-height:240px;aspect-ratio:1.45}
visual-search .visual-search__collection{align-items:flex-start;flex-wrap:wrap;gap:8px 12px;margin-bottom:16px}
visual-search .visual-search__collection select{max-width:100%;min-height:44px;flex:1 1 180px}
visual-search .visual-search__results{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 10px}
visual-search .visual-search__privacy{font-size:11.5px}
visual-search .visual-search__scope{font-size:11px}
}
body:not(.animations-enabled) visual-search .visual-search__dialog{transform:translate(var(--visual-panel-x),0);opacity:1;transition:none}
@media(prefers-reduced-motion:reduce){
visual-search .visual-search__dialog{transform:translate(var(--visual-panel-x),0);opacity:1;transition:none}
visual-search .visual-search__matches[aria-busy="true"] .visual-search__status::before,visual-search .visual-search__results>[data-wishlist-card]{animation:none!important}
}