.bp-look-preview{background:var(--bp-grain), repeating-linear-gradient(0deg, #ffffff08 0 1px, transparent 1px 9px), repeating-linear-gradient(90deg, #ffffff08 0 1px, transparent 1px 9px), linear-gradient(180deg, #35455f, var(--bp-fabric) 60%, #0f172a);border-radius:14% 14% 22% 22%/18% 18% 30% 30%;height:84px;position:relative;overflow:hidden;box-shadow:inset 0 2px #ffffff0f,inset 0 -12px 20px #00000042,0 14px 24px -16px #02061773}.bp-look-preview-pocket{background:linear-gradient(#ffffff0d,#00000024);border:1px solid #ffffff17;border-radius:12% 12% 24% 24%/16% 16% 32% 32%;position:absolute;inset:34% 14% 8%}.bp-look-preview[data-pattern=etoiles]{background-image:var(--bp-grain), radial-gradient(#ffffff38 1.2px, transparent 1.4px), linear-gradient(180deg, #35455f, var(--bp-fabric) 60%, #0f172a);background-size:auto,13px 13px,auto}.bp-look-preview[data-pattern=rayures]{background-image:var(--bp-grain), repeating-linear-gradient(135deg, #ffffff21 0 5px, transparent 5px 13px), linear-gradient(180deg, #35455f, var(--bp-fabric) 60%, #0f172a)}.bp-look-preview[data-pattern=points]{background-image:var(--bp-grain), radial-gradient(#fff3 2.6px, transparent 2.9px), radial-gradient(#0000001f 1.6px, transparent 1.9px), linear-gradient(180deg, #35455f, var(--bp-fabric) 60%, #0f172a);background-position:0 0,0 0,6px 6px,0 0;background-size:auto,17px 17px,9px 9px,auto}.bp-swatch{--swatch:#1f2937;background:var(--swatch);color:#fff;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:800;transition:transform .12s,box-shadow .12s;display:inline-flex;box-shadow:inset 0 1px #ffffff2e,0 1px 3px #02061747}.bp-swatch:active:not(:disabled){transform:scale(.94)}.bp-swatch:disabled{opacity:.6}.bp-swatch:focus-visible{outline-offset:2px;outline:3px solid #4f46e5}.bp-swatch-on{box-shadow:inset 0 1px #ffffff2e,0 0 0 3px #4f46e5,0 0 0 5px #ffffffe6}.bp-swatch-origin{background:repeating-linear-gradient(45deg,#ffffff24 0 4px,#0000 4px 8px),#1f2937}.bp-cahier-swatch{--swatch:#2f4fd6;background:var(--swatch);border-radius:50%;flex:none;width:34px;height:34px;transition:transform .12s;position:relative;box-shadow:inset 0 1px #ffffff40,0 0 0 2px #ffffff8c,0 2px 5px #02061759}.bp-cahier-swatch:active:not(:disabled){transform:scale(.92)}.bp-cahier-swatch:focus-visible{outline-offset:2px;outline:3px solid #a5b4fc}.bp-cahier-swatch:disabled{opacity:.6}.bp-cahier-swatch-scrim{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:default;background:#0206178c;border:0;position:fixed;inset:0}.bp-cahier-swatch-panel{z-index:60;background:#fff;border-radius:1.25rem;flex-direction:column;gap:.75rem;width:min(340px,100vw - 2rem);padding:1rem;display:flex;position:fixed;top:50%;left:50%;translate:-50% -50%;box-shadow:0 24px 48px -16px #02061773}.bp-cahier-swatch-title{color:#1e293b;text-align:center;font-size:.875rem;font-weight:800}.bp-cahier-swatch-grid{grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:.5rem;display:grid}.bp-swatch-sm{border-radius:12px;justify-self:center;width:44px;height:44px}.bp-cahier-swatch-reset{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;align-self:center;min-height:40px;padding:0 .875rem;font-size:.75rem;font-weight:700}.bp-cahier-swatch-reset:active:not(:disabled){transform:scale(.97)}.bp-cahier-swatch-reset:disabled{opacity:.6}