.tools-search{flex:220px;min-width:220px;max-width:320px}.tools-group{margin-top:20px}.tools-group h2{margin:0 0 14px;font-size:20px}.tools-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:6px 18px;margin:0;padding:0;list-style:none;display:grid}.tools-list a{border-radius:var(--radius-s);color:var(--text);transition:background .15s var(--ease-out);flex-direction:column;gap:2px;padding:10px 12px;text-decoration:none;display:flex}.tools-list a:hover{background:color-mix(in srgb, var(--text) 6%, transparent)}.tools-list__name{font-weight:500}.tools-list__hint{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.panel h2.step-title{letter-spacing:0;margin:0 0 6px;font-size:22px;line-height:1.25}.look-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.look strong{font-size:14px;line-height:1.25}.look .small{font-size:12px;line-height:1.3}.look{border-radius:var(--radius-m);border:1px solid var(--line);background:var(--panel-2);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:border-color .2s var(--ease-out), transform .2s var(--spring);flex-direction:column;gap:6px;padding:8px;display:flex}.look img{aspect-ratio:3/4;object-fit:cover;border-radius:var(--radius-s);width:100%}.look:active{transform:scale(.98)}.look--active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.look:disabled{opacity:.6;cursor:default}.try-result{justify-content:center;align-items:center;min-height:420px;padding:12px;display:flex}.try-result img{object-fit:contain;border-radius:var(--radius-m);width:100%;max-height:640px}.try-result__pending{width:100%;position:relative}.try-result__pending img{filter:saturate(.4)brightness(.7)}.try-result__pending span{background:var(--panel);white-space:nowrap;border-radius:999px;padding:8px 14px;font-size:14px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.button--disabled{opacity:.5;pointer-events:none}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:760px){.tools-list{grid-template-columns:1fr}.look-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.try-result{min-height:300px}}.top-actions{gap:12px}.wallet-chip{border:1px solid color-mix(in srgb, var(--accent) 35%, var(--line));background:color-mix(in srgb, var(--accent) 10%, var(--panel));color:var(--text);transition:border-color .2s var(--ease-out), transform .2s var(--spring);border-radius:999px;align-items:center;gap:10px;padding:6px 6px 6px 8px;text-decoration:none;display:inline-flex}.wallet-chip:hover{border-color:var(--accent)}.wallet-chip:active{transform:scale(.98)}.wallet-chip__icon{background:var(--accent);width:32px;height:32px;color:var(--accent-ink);border-radius:50%;place-items:center;display:grid}.wallet-chip__icon .icon{width:18px;height:18px}.wallet-chip__text{flex-direction:column;line-height:1.15;display:flex}.wallet-chip__text strong{font-variant-numeric:tabular-nums;font-size:15px}.wallet-chip__text span{color:var(--muted);font-size:12px}.wallet-chip__add{border:1px solid var(--line);background:var(--panel);border-radius:50%;place-items:center;width:30px;height:30px;margin-left:4px;display:grid}.wallet-chip__add .icon{width:16px;height:16px}.theme-switch{border:1px solid var(--line);background:var(--panel-2);border-radius:999px;padding:3px;display:inline-flex}.theme-switch__option{width:34px;height:34px;color:var(--muted);cursor:pointer;transition:background .2s var(--ease-out), color .2s var(--ease-out);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.theme-switch__option .icon{width:18px;height:18px}.theme-switch__option:hover{color:var(--text)}.theme-switch__option--active{background:var(--panel);color:var(--accent);box-shadow:0 1px 3px color-mix(in srgb, var(--text) 18%, transparent)}.profile-menu{position:relative;background:0 0!important;border:0!important;margin:0!important;padding:0!important}.profile-menu>summary{list-style:none}.profile-menu>summary::-webkit-details-marker{display:none}.profile-menu>summary:after,.profile-menu>summary:before{content:none!important;display:none!important}.profile-chip{border:1px solid var(--line);background:var(--panel);cursor:pointer;transition:border-color .2s var(--ease-out);border-radius:999px;align-items:center;gap:10px;padding:5px 12px 5px 5px;display:inline-flex}.profile-chip:hover,.profile-menu[open] .profile-chip{border-color:color-mix(in srgb, var(--accent) 55%, var(--line))}.profile-chip__avatar{background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 45%, var(--text)));width:34px;height:34px;color:var(--accent-ink);letter-spacing:.02em;border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:600;display:grid}.profile-chip__avatar--large{width:44px;height:44px;font-size:16px}.profile-chip__text{flex-direction:column;max-width:170px;line-height:1.15;display:flex}.profile-chip__text strong{text-overflow:ellipsis;font-size:14px;overflow:hidden}.profile-chip__text span{color:var(--muted);text-overflow:ellipsis;font-size:12px;overflow:hidden}.profile-chip__chevron{width:16px;height:16px;color:var(--muted);transition:transform .2s var(--ease-out)}.profile-menu[open] .profile-chip__chevron{transform:rotate(180deg)}.profile-menu__panel{z-index:40;border-radius:var(--radius-m);border:1px solid var(--line);background:var(--panel);min-width:260px;box-shadow:var(--shadow);padding:8px;position:absolute;top:calc(100% + 8px);right:0}.profile-menu__head{border-bottom:1px solid var(--line);align-items:center;gap:12px;margin-bottom:6px;padding:10px 10px 14px;display:flex}.profile-menu__head div{flex-direction:column;min-width:0;display:flex}.profile-menu__head strong{font-size:15px}.profile-menu__head span{color:var(--muted);text-overflow:ellipsis;font-size:13px;overflow:hidden}.profile-menu__panel a,.profile-menu__panel button{border-radius:var(--radius-s);width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:10px;font-size:14px;text-decoration:none;display:flex}.profile-menu__panel a:hover,.profile-menu__panel button:hover{background:color-mix(in srgb, var(--text) 6%, transparent)}.profile-menu__panel .icon{width:18px;height:18px;color:var(--muted)}@media (max-width:1100px){.profile-chip__text{display:none}.profile-chip{padding:4px 8px 4px 4px}}@media (max-width:760px){.wallet-chip__text span,.wallet-chip__add{display:none}.theme-switch__option{width:30px;height:30px}.profile-chip__chevron{display:none}}.products__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.segmented{background:color-mix(in srgb, var(--text) 7%, transparent);border-radius:12px;padding:3px;display:inline-flex;position:relative}.segmented__item{color:var(--muted);transition:color .2s var(--ease-out), background .2s var(--ease-out), transform .1s ease-out;border-radius:9px;padding:7px 18px;font-size:14px;font-weight:500;text-decoration:none;position:relative}.segmented__item:hover{color:var(--text)}.segmented__item:active{transform:scale(.97)}.segmented__item--active{background:var(--panel);color:var(--text);box-shadow:0 1px 2px #0000001f,0 2px 8px #0000000f}.products__search{background:color-mix(in srgb, var(--text) 6%, transparent);border-radius:12px;flex:0 320px;align-items:center;gap:8px;padding:0 12px;display:flex}.products__search .icon{width:16px;height:16px;color:var(--muted);flex:none}.products__search input{background:0 0;border:0;outline:none;width:100%;padding:10px 0;font-size:14px}.products__search:focus-within{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 45%, transparent)}.products__title{letter-spacing:-.025em;margin:28px 0 6px;font-size:clamp(2rem,3.2vw,2.75rem);line-height:1.05}.products__lead{max-width:64ch;color:var(--muted);margin:0 0 22px;font-size:16px;line-height:1.5}.rubric-rail{scrollbar-width:none;gap:6px;margin:0 -2px 6px;padding:4px 2px 10px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),#0000)}.rubric-rail::-webkit-scrollbar{display:none}.rubric-tile{width:92px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:16px;flex-direction:column;flex:none;align-items:center;gap:8px;padding:6px 4px;transition:transform .1s ease-out;display:flex}.rubric-tile:active{transform:scale(.96)}.rubric-tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.rubric-tile__well{background:color-mix(in srgb, var(--text) 6%, transparent);width:56px;height:56px;color:var(--muted);transition:background .2s var(--ease-out), color .2s var(--ease-out), box-shadow .2s var(--ease-out);border-radius:16px;place-items:center;display:grid}.rubric-tile__well .icon{width:24px;height:24px}.rubric-tile:hover .rubric-tile__well{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent)}.rubric-tile__label{letter-spacing:.005em;color:var(--muted);text-align:center;font-size:12.5px;line-height:1.2}.rubric-tile--active .rubric-tile__well{background:var(--accent);color:var(--accent-ink);box-shadow:0 6px 18px color-mix(in srgb, var(--accent) 35%, transparent)}.rubric-tile--active .rubric-tile__label{color:var(--text);font-weight:600}.subtype-row{flex-wrap:wrap;gap:8px;margin:4px 0 8px;display:flex}.subtype{border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;cursor:pointer;transition:background .2s var(--ease-out), border-color .2s var(--ease-out), transform .1s ease-out;border-radius:999px;padding:8px 14px;font-size:14px}.subtype:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}.subtype:active{transform:scale(.97)}.subtype--active{background:var(--text);border-color:var(--text);color:var(--bg)}.strip{margin-top:34px}.strip__head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px;display:flex}.strip__head h2{letter-spacing:-.012em;margin:0;font-size:22px;line-height:1.2}.strip__head p{color:var(--muted);margin:4px 0 0;font-size:14px}.strip__all{color:var(--accent);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:2px;padding:6px 4px 6px 10px;font-size:14px;font-weight:500;display:inline-flex}.strip__all .icon{width:16px;height:16px;transition:transform .25s cubic-bezier(.2,.8,.2,1)}.strip--open .strip__all .icon{transform:rotate(180deg)}.strip__all:hover{background:color-mix(in srgb, var(--accent) 10%, transparent)}.strip__all:active{transform:scale(.97)}@media (max-width:760px){.subtype-row{scrollbar-width:none;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);scroll-padding-inline:var(--gutter);flex-wrap:nowrap;overflow-x:auto}.subtype-row::-webkit-scrollbar{display:none}.subtype{flex:none}.products__search{flex:100%}.rubric-tile{width:78px}.rubric-tile__well{border-radius:14px;width:50px;height:50px}.strip__head{align-items:flex-start}}@media (prefers-reduced-motion:reduce){.rubric-tile,.subtype,.segmented__item,.strip__all{transition:none}.rubric-tile:active,.subtype:active,.segmented__item:active{transform:none}}.strip__title{all:unset;cursor:pointer;border-radius:6px;align-items:baseline;gap:8px;transition:color .15s;display:inline-flex}.strip__title:hover{color:var(--accent)}.strip__title:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.strip__count{color:var(--muted);letter-spacing:0;font-variant-numeric:tabular-nums;font-size:14px;font-weight:500}.strip__all{border:1px solid color-mix(in srgb, var(--accent) 45%, var(--line));border-radius:999px;padding:6px 10px 6px 14px}.tile-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.strip:not(.strip--open) .tile-grid>:nth-child(n+5){display:none}.strip--open .tile-grid>*{animation:.26s cubic-bezier(.2,.8,.2,1) both tile-in}@keyframes tile-in{0%{opacity:0;transform:translateY(8px)}}.tile{min-width:0;color:inherit;display:block}.tile__media{aspect-ratio:4/5;background:var(--panel-2);border-radius:16px;transition:transform .2s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a}.tile__media img,.tile__media video{width:100%;height:100%;transition:transform .4s cubic-bezier(.2,.8,.2,1);display:block}.tile__img{object-fit:cover;position:relative}.tile__fill{object-fit:cover;filter:blur(24px)saturate(1.1);opacity:.85;position:absolute;inset:0;transform:scale(1.15)}@media (hover:hover){.tile:hover .tile__img,.tile:hover .tile__poster{transform:scale(1.03)}.tile:hover .tile__name{color:var(--accent)}}.tile:active .tile__media{transition-duration:.1s;transform:scale(.98)}.tile__poster{background:radial-gradient(110% 80% at 85% 0%, hsl(var(--poster-hue) 85% 68% / .55), transparent 60%), radial-gradient(90% 70% at 0% 100%, hsl(calc(var(--poster-hue) + 40) 80% 55% / .45), transparent 65%), linear-gradient(160deg, hsl(var(--poster-hue) 45% 24%), hsl(calc(var(--poster-hue) + 25) 40% 13%));place-items:center;width:100%;height:100%;transition:transform .4s cubic-bezier(.2,.8,.2,1);display:grid}.tile__glyph{color:#fff;-webkit-backdrop-filter:blur(12px)saturate(160%);background:#ffffff24;border:1px solid #ffffff38;border-radius:18px;place-items:center;width:60px;height:60px;display:grid}.tile__glyph .icon{width:28px;height:28px}.tile__price,.tile__kind{color:#fff;-webkit-backdrop-filter:blur(12px)saturate(160%);font-variant-numeric:tabular-nums;background:#00000061;border-radius:999px;align-items:center;height:26px;font-size:12px;font-weight:600;display:inline-flex;position:absolute}.tile__price{padding:0 10px;bottom:10px;right:10px}.tile__kind{justify-content:center;width:26px;top:10px;left:10px}.tile__kind .icon{width:13px;height:13px}.tile__name{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;margin:10px 2px 0;font-size:15px;font-weight:600;line-height:1.3;transition:color .15s;overflow:hidden}.tile__hint{color:var(--muted);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:3px 2px 0;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}@media (max-width:1100px){.tile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.strip:not(.strip--open) .tile-grid>:nth-child(n+5){display:block}.strip:not(.strip--open) .tile-grid>:nth-child(n+7){display:none}}@media (max-width:760px){.tile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.strip:not(.strip--open) .tile-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 2 * var(--gutter) - 12px) / 2.25);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(-1 * var(--gutter));padding:2px var(--gutter) 6px;scroll-padding-inline:var(--gutter);overflow-x:auto}.strip:not(.strip--open) .tile-grid::-webkit-scrollbar{display:none}.strip:not(.strip--open) .tile-grid>*{scroll-snap-align:start}.strip:not(.strip--open) .tile-grid>:nth-child(n+5){display:block}.strip:not(.strip--open) .tile-grid>:nth-child(n+13){display:none}.tile__media{border-radius:14px}.tile__name{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box}}@media (prefers-reduced-motion:reduce){.strip--open .tile-grid>*{animation:none}.tile__media,.tile__media img,.tile__poster,.strip__all .icon{transition:none}.tile:hover .tile__media img,.tile:hover .tile__poster{transform:none}}
