@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(../media/c3cb240f9c892514-s.270md_-rr62el.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.0lsanbtneewqp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Fallback;src:local(Arial);ascent-override:94.9%;descent-override:29.66%;line-gap-override:0.0%;size-adjust:104.53%}.m2SJvG_className{font-family:DM Sans,DM Sans Fallback;font-style:normal}.m2SJvG_variable{--font-sans:"DM Sans", "DM Sans Fallback"}
@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(../media/fc0a7394b875fa43-s.3zvkfbs08rnj_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(../media/7ebf22b5a21034f8-s.p.3strvg7o-g5v2.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ccf27e5a7366fb23-s.1wwzpfhzaj2r0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e41d5df559864f9e-s.p.2rlzm4mj5kw8e.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif Fallback;src:local(Times New Roman);ascent-override:117.94%;descent-override:36.93%;line-gap-override:0.0%;size-adjust:83.94%}.HA2veq_className{font-family:Instrument Serif,Instrument Serif Fallback;font-weight:400}.HA2veq_variable{--font-serif:"Instrument Serif", "Instrument Serif Fallback"}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.tile>*,.flatlay>*,.board>*,.hero-visual>*{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root,.tile>*,.flatlay>*,.board>*,.hero-visual>*{--bg:var(--lightningcss-light,#f3f0ea)var(--lightningcss-dark,#141311);--panel:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1e1c1a);--panel-2:var(--lightningcss-light,#fbfaf7)var(--lightningcss-dark,#191816);--tile:var(--lightningcss-light,#ece7df)var(--lightningcss-dark,#d5cec2);--tile-2:var(--lightningcss-light,#e5dfd5)var(--lightningcss-dark,#cbc4b8);--board-white:var(--lightningcss-light,#fbfbfa)var(--lightningcss-dark,#e2e2e0);--board-linen:var(--tile);--board-mist:var(--lightningcss-light,#e9e9e7)var(--lightningcss-dark,#d2d2d0);--board-stone:var(--lightningcss-light,#d9d8d5)var(--lightningcss-dark,#c3c2bf);--fill:var(--lightningcss-light,#ece7df)var(--lightningcss-dark,#2c2926);--fill-active:var(--lightningcss-light,#fff)var(--lightningcss-dark,#46423c);--ink:var(--lightningcss-light,#1c1b19)var(--lightningcss-dark,#eeeae3);--ink-2:var(--lightningcss-light,#4f4b45)var(--lightningcss-dark,#c0bab0);--ink-3:var(--lightningcss-light,#6f6a62)var(--lightningcss-dark,#959086);--on-ink:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1c1b19);--line:var(--lightningcss-light,#e4dfd6)var(--lightningcss-dark,#2e2b27);--line-2:var(--lightningcss-light,#d3cdc2)var(--lightningcss-dark,#403c37);--gap:var(--lightningcss-light,#1e3a6e)var(--lightningcss-dark,#9bb7ea);--gap-ink:var(--lightningcss-light,#17305c)var(--lightningcss-dark,#c0d2f2);--gap-tint:var(--lightningcss-light,#eaeff7)var(--lightningcss-dark,#1b2436);--gap-line:var(--lightningcss-light,#c9d5ea)var(--lightningcss-dark,#2e4063);--gap-solid:var(--lightningcss-light,#1e3a6e)var(--lightningcss-dark,#2e5394);--clay:var(--lightningcss-light,#b5532c)var(--lightningcss-dark,#b9582f);--clay-ink:var(--lightningcss-light,#8f3f1f)var(--lightningcss-dark,#eba27f);--clay-tint:var(--lightningcss-light,#f8ece4)var(--lightningcss-dark,#2c1f18);--clay-line:var(--lightningcss-light,#e5bfa8)var(--lightningcss-dark,#66412e);--good:var(--lightningcss-light,#2e7650)var(--lightningcss-dark,#6fc296);--good-tint:var(--lightningcss-light,#e6f1ea)var(--lightningcss-dark,#172a20);--warn:var(--lightningcss-light,#9a5710)var(--lightningcss-dark,#e2a560);--warn-tint:var(--lightningcss-light,#fbf0e1)var(--lightningcss-dark,#2e2316);--chart-gap:var(--lightningcss-light,#3463ad)var(--lightningcss-dark,#7299dd);--note:var(--lightningcss-light,#5b4fe0)var(--lightningcss-dark,#7d73ec);--note-ink:var(--lightningcss-light,#3d33a8)var(--lightningcss-dark,#c8c2ff);--note-tint:var(--lightningcss-light,#efedff)var(--lightningcss-dark,#24203f);--backdrop:var(--lightningcss-light,#1c1b1952)var(--lightningcss-dark,#0009);--shadow:0 1px 2px var(--lightningcss-light,#1c1b190d)var(--lightningcss-dark,#0000004d), 0 8px 28px var(--lightningcss-light,#1c1b190f)var(--lightningcss-dark,#00000047);--shadow-lg:0 24px 64px var(--lightningcss-light,#1c1b192e)var(--lightningcss-dark,#0009)}:root{--board:var(--board-linen);--radius:16px;--radius-sm:10px;--serif:var(--font-serif), "Instrument Serif", Georgia, serif;--sans:var(--font-sans), "DM Sans", system-ui, -apple-system, sans-serif}[data-board=white]{--board:var(--board-white)}[data-board=mist]{--board:var(--board-mist)}[data-board=stone]{--board:var(--board-stone)}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font:14px/1.5 var(--sans);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer}h1,h2,h3,h4,p{margin:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}a{color:inherit}:focus-visible{outline:2px solid var(--gap);outline-offset:2px;border-radius:6px}[data-note]{position:relative}.app{grid-template-columns:236px minmax(0,1fr);min-height:100vh;display:grid}.main{outline:none;min-width:0;padding:36px 44px 96px;position:relative}.main>*{max-width:1240px;margin-left:auto;margin-right:auto}.side{border-right:1px solid var(--line);background:var(--panel-2);flex-direction:column;height:100vh;padding:26px 16px 18px;display:flex;position:sticky;top:0}.logo{font:34px/1 var(--serif);letter-spacing:-.01em;padding:0 10px}.logo span{color:var(--clay)}.logo-sub{color:var(--ink-3);padding:6px 10px 22px;font-size:11.5px}.nav{flex-direction:column;gap:2px;display:flex}.nav-label{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);padding:18px 10px 6px;font-size:10.5px;font-weight:600}.nav-item{text-align:left;color:var(--ink-2);background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;padding:9px 10px;font-weight:500;display:flex}.nav-item svg{flex:none;width:19px;height:19px}.nav-item:hover{background:color-mix(in srgb, var(--ink) 4.5%, transparent);color:var(--ink)}.nav-item.active{background:var(--ink);color:var(--on-ink)}.nav-item .count{color:var(--ink-3);margin-left:auto;font-size:12px}.nav-item.active .count{color:color-mix(in srgb, var(--on-ink) 65%, transparent)}.nav-item .pill-new{color:var(--gap);background:var(--gap-tint);border-radius:99px;margin-left:auto;padding:2px 7px;font-size:10.5px;font-weight:600}.nav-item.active .pill-new{background:color-mix(in srgb, var(--on-ink) 16%, transparent);color:var(--on-ink)}.side-foot{flex-direction:column;gap:12px;margin-top:auto;display:flex}.you,.tabbar{display:none}@media (max-width:900px){:root{--tabbar-h:calc(60px + env(safe-area-inset-bottom))}.you{display:block;position:relative}.you-btn.here{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.you-menu{z-index:40;background:var(--panel);border:1px solid var(--line);width:248px;box-shadow:var(--shadow-lg);transform-origin:100% 0;border-radius:16px;flex-direction:column;gap:8px;padding:10px;animation:.15s pop;display:flex;position:absolute;top:calc(100% + 8px);right:0}.you-menu nav{flex-direction:column;gap:2px;display:flex}.tabbar{z-index:30;height:var(--tabbar-h);padding:6px 8px env(safe-area-inset-bottom);background:var(--panel-2);border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.tab{color:var(--ink-3);-webkit-tap-highlight-color:transparent;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11.5px;font-weight:600;text-decoration:none;display:flex;position:relative}.tab svg{width:22px;height:22px}.tab.active{color:var(--ink)}.tab.active svg{stroke-width:2.1px}body .toast{bottom:calc(var(--tabbar-h) + 14px)}.main>.topbar{z-index:31;position:fixed;top:10px;right:64px}.main .page-head{padding-right:0}body:has(.closet-layout.building) .tabbar{display:none}body:has(.closet-layout.building) .main{padding-bottom:96px}}.sync-status{color:var(--ink-2);background:var(--gap-tint);border-radius:10px;align-items:flex-start;gap:8px;padding:10px;font-size:12px;display:flex}.sync-status b{color:var(--gap-ink);font-weight:600}.pulse{background:var(--good);width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb, var(--good) 18%, transparent);border-radius:50%;flex:none;margin-top:5px}.pulse.waiting{background:var(--warn);box-shadow:0 0 0 3px color-mix(in srgb, var(--warn) 18%, transparent)}.pulse.idle{background:var(--ink-3);box-shadow:0 0 0 3px color-mix(in srgb, var(--ink-3) 18%, transparent)}.me{align-items:center;gap:10px;padding:4px 10px;display:flex}.avatar{background:var(--clay);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:13px;font-weight:600;display:grid}.me b{font-size:13px;font-weight:600;display:block}.me small{color:var(--ink-3);font-size:12px}.disclaimer{color:var(--ink-3);padding:0 10px;font-size:10.5px;line-height:1.4}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px;padding-right:60px;display:flex}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px;font-size:11px;font-weight:600}h1{font:46px/1.02 var(--serif);letter-spacing:-.015em;font-weight:400}h1 em{color:var(--gap);font-style:italic}.sub{color:var(--ink-2);max-width:640px;margin-top:10px;font-size:15px}.head-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.weather-line{color:var(--ink-2);align-items:center;gap:8px;margin-top:12px;font-size:14.5px;display:flex}.weather-line svg{width:20px;height:20px}.topbar{z-index:5;gap:10px;display:flex;position:absolute;top:30px;right:44px}.main>.topbar{max-width:none;margin:0}.btn{border:1px solid var(--line-2);background:var(--panel);white-space:nowrap;border-radius:99px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:13.5px;font-weight:600;transition:background .15s,border-color .15s,transform .1s;display:inline-flex}.btn:hover{border-color:var(--ink-3)}.btn:active{transform:translateY(1px)}.btn svg{width:17px;height:17px}.btn.primary{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.btn.primary:hover{background:color-mix(in srgb, var(--ink) 88%, var(--bg))}.btn.gap{background:var(--gap-solid);border-color:var(--gap-solid);color:#fff}.btn.gap:hover{background:color-mix(in srgb, var(--gap-solid) 85%, #000)}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover{background:color-mix(in srgb, var(--ink) 5%, transparent)}.btn.sm{height:32px;padding:0 12px;font-size:12.5px}.btn.xs{height:28px;padding:0 10px;font-size:12px}.icon-btn{border:1px solid var(--line-2);background:var(--panel);border-radius:50%;place-items:center;width:40px;height:40px;display:inline-grid;position:relative}.icon-btn svg{width:19px;height:19px}.bag-count{background:var(--gap-solid);color:#fff;border-radius:99px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:11px;font-weight:700;display:grid;position:absolute;top:-4px;right:-4px}.link{color:var(--gap);text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.chip{background:var(--fill);height:22px;color:var(--ink-2);white-space:nowrap;border-radius:99px;align-items:center;gap:5px;padding:0 8px;font-size:11.5px;font-weight:600;display:inline-flex}.chip.gap{background:var(--gap-tint);color:var(--gap-ink)}.chip.new{background:var(--gap-solid);color:#fff}.chip.good{background:var(--good-tint);color:var(--good)}.chip.warn{background:var(--warn-tint);color:var(--warn)}.chip svg{width:13px;height:13px}.filter-chip{border:1px solid var(--line-2);background:var(--panel);height:36px;color:var(--ink-2);border-radius:99px;padding:0 14px;font-size:13px;font-weight:500}.filter-chip b{color:var(--ink-3);margin-left:4px;font-weight:600}.filter-chip.active{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.filter-chip.active b{color:color-mix(in srgb, var(--on-ink) 60%, transparent)}.seg{background:var(--fill);border-radius:99px;padding:3px;display:inline-flex}.seg button{height:30px;color:var(--ink-2);background:0 0;border:0;border-radius:99px;padding:0 13px;font-size:12.5px;font-weight:600}.seg button.active{background:var(--fill-active);color:var(--ink);box-shadow:0 1px 3px #0000001a}.switch-row{color:var(--ink-2);background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:13px;font-weight:500;display:inline-flex}.switch{background:var(--line-2);border-radius:99px;flex:none;width:36px;height:21px;transition:background .2s;position:relative}.switch span{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2.5px;left:2.5px;box-shadow:0 1px 2px #00000040}[aria-pressed=true] .switch,.switch.on{background:var(--good)}[aria-pressed=true] .switch span,.switch.on span{transform:translate(15px)}.card{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid color-mix(in srgb, var(--ink) 4%, transparent)}.card-pad{padding:22px}.section{margin-top:40px}.section-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.section-head h3,.section-head h2{font:28px/1.1 var(--serif);font-weight:400}.section-head p{color:var(--ink-2);margin-top:6px}h3.small{font:600 15px/1.3 var(--sans)}.tile{background:var(--tile);border-radius:var(--radius-sm);aspect-ratio:1;place-items:center;display:grid;position:relative;overflow:hidden}.tile .garment{filter:drop-shadow(0 6px 7px #1c1b1921);width:86%;height:86%}.tile.ghost{outline:1.5px dashed var(--gap-solid);outline-offset:-1.5px;background:repeating-linear-gradient(-45deg,var(--lightningcss-light,#eaeff7)var(--lightningcss-dark,#d0d8e6) 0 8px,var(--lightningcss-light,#f1f4fa)var(--lightningcss-dark,#d8deea) 8px 16px)}.flatlay{aspect-ratio:1/1.02;background:var(--board);border-radius:var(--radius-sm);position:relative;overflow:hidden;container-type:size}.flatlay-frame{width:var(--f);aspect-ratio:1320/2868;left:calc(50% - var(--cx) * var(--f) / 100);top:calc(50% - var(--cy) * var(--f) / 100);position:absolute}.flatlay .piece{position:absolute}.flatlay .piece .garment{filter:drop-shadow(0 8px 9px #1c1b1924);width:100%;height:100%;display:block}.flatlay .piece.ghost .garment{filter:drop-shadow(0 0 #0000);opacity:.92}.flatlay .piece.ghost:after{content:"";border:1.5px dashed var(--gap);border-radius:12px;position:absolute;inset:6%}.today-grid{grid-template-columns:minmax(0,1.8fr) minmax(290px,1fr);align-items:start;gap:22px;display:grid}.hero{grid-template-columns:minmax(0,1fr) minmax(330px,1fr);display:grid}.hero-visual{background:var(--board);border-radius:var(--radius) 0 0 var(--radius);place-items:center;padding:12px;display:grid}.hero-visual .flatlay{background:0 0;width:100%}.hero-body{flex-direction:column;gap:16px;padding:26px 26px 22px;display:flex}.hero-body h2{font:32px/1.05 var(--serif);font-weight:400}.reasons{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.reasons li{color:var(--ink-2);grid-template-columns:22px 1fr;gap:8px;font-size:13.5px;display:grid}.reasons li svg{width:18px;height:18px;color:var(--ink);margin-top:1px}.reasons b{color:var(--ink);font-weight:600}.piece-list{border-top:1px solid var(--line);flex-direction:column;display:flex}.piece-row{border-bottom:1px solid var(--line);grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:7px 0;font-size:13px;display:grid}.piece-row .tile{border-radius:8px;width:38px}.piece-row .name{font-weight:500}.hero-actions{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.share-line{color:var(--ink-3);align-items:center;gap:6px;font-size:12.5px;display:flex}.share-line b{color:var(--gap-ink)}.share-line svg{flex:none;width:16px;height:16px}.today-side{flex-direction:column;gap:22px;display:flex}.unlock-card{background:var(--gap-solid);color:#fff;border:0;flex-direction:column;gap:14px;padding:22px;display:flex}.unlock-card .eyebrow{color:#ffffffb3;margin:0}.unlock-card .row{grid-template-columns:112px 1fr;align-items:center;gap:16px;display:grid}.unlock-card .tile{background:#fffffff0}.big-num{font:64px/.9 var(--serif);letter-spacing:-.02em}.unlock-card p{color:#ffffffd1;font-size:13.5px}.unlock-card .btn{color:var(--gap-solid);background:#fff;border-color:#fff;align-self:flex-start}.rediscover{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.redis-card{flex-direction:column;gap:14px;padding:14px;display:flex}.redis-meta{justify-content:space-between;align-items:flex-start;gap:10px;padding:0 4px 4px;display:flex}.redis-meta h4{font-size:14.5px;font-weight:600}.redis-meta p{color:var(--ink-3);margin-top:2px;font-size:12.5px}.banner{background:var(--gap-tint);border:1px solid var(--gap-line);color:var(--gap-ink);border-radius:14px;align-items:center;gap:14px;margin-bottom:20px;padding:14px 18px;font-size:13.5px;display:flex}.banner svg{flex:none;width:22px;height:22px}.banner .grow{flex:1}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;display:flex}.toolbar .spacer{flex:1}.select{border:1px solid var(--line-2);background:var(--panel);height:36px;font:500 13px var(--sans);color:var(--ink-2);border-radius:99px;padding:0 14px}.closet-grid{grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:18px;display:grid}.item-cell{flex-direction:column;display:flex;position:relative}.item-card{text-align:left;background:0 0;border:0;flex-direction:column;gap:10px;padding:0;display:flex;position:relative}.item-card .tile{transition:transform .2s,box-shadow .2s}.item-card:hover .tile{transform:translateY(-2px);box-shadow:0 10px 24px #1c1b191a}.src{z-index:1;background:color-mix(in srgb, var(--panel) 92%, transparent);height:22px;color:var(--ink-2);border-radius:99px;align-items:center;gap:4px;padding:0 8px;font-size:11px;font-weight:600;display:inline-flex;position:absolute;top:9px;left:9px}.src.gap{color:var(--gap-ink)}.src svg{width:12px;height:12px}.item-name{font-size:13.5px;font-weight:600;line-height:1.3}.item-sub{color:var(--ink-3);justify-content:space-between;gap:8px;margin-top:2px;font-size:12.5px;display:flex}.cpw{color:var(--ink-2);font-weight:500}.backdrop{background:var(--backdrop);z-index:40;animation:.2s fade;position:fixed;inset:0}.drawer{background:var(--panel);z-index:41;width:min(440px,100vw);box-shadow:var(--shadow-lg);flex-direction:column;gap:18px;padding:22px 24px 32px;animation:.25s slide;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.drawer>*{flex-shrink:0}.drawer .close,.modal .close{z-index:2;position:absolute;top:16px;right:16px}.drawer .tile.big{aspect-ratio:1.15;border-radius:14px}.drawer h2{font:32px/1.05 var(--serif);font-weight:400}.meta-line{color:var(--ink-3);margin-top:4px;font-size:13px}.kv{border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(3,1fr);display:grid}.kv div{padding:12px 14px}.kv div+div{border-left:1px solid var(--line)}.kv .v{font:24px/1 var(--serif)}.kv .l{color:var(--ink-3);margin-top:4px;font-size:11.5px}.thumb-row{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.thumb{position:relative}.thumb .tile{border-radius:9px}.thumb .dot-gap{background:var(--gap-solid);border-radius:50%;width:8px;height:8px;position:absolute;top:5px;right:5px;box-shadow:0 0 0 2px #fff}.provenance{background:var(--panel-2);border:1px solid var(--line);color:var(--ink-2);border-radius:12px;gap:10px;padding:12px 14px;font-size:12.5px;display:flex}.provenance svg{flex:none;width:18px;height:18px;margin-top:1px}.modal-wrap{z-index:41;pointer-events:none;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{pointer-events:auto;background:var(--panel);width:min(620px,100%);max-height:calc(100vh - 40px);box-shadow:var(--shadow-lg);border-radius:22px;padding:30px;animation:.22s pop;position:relative;overflow-y:auto}.modal h2{font:34px/1.05 var(--serif);margin-bottom:8px;font-weight:400}.modal .lede{color:var(--ink-2);font-size:14.5px}.steps{gap:6px;margin:0 48px 18px 0;display:flex}.steps span{background:var(--line);border-radius:4px;flex:1;height:4px}.steps span.on{background:var(--ink)}.consent{border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:2px;margin:20px 0;display:flex;overflow:hidden}.consent button{text-align:left;background:var(--panel);border:0;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.consent button+button{border-top:1px solid var(--line)}.consent b{font-weight:600;display:block}.consent small{color:var(--ink-3);font-size:12.5px}.brand-row{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.found-grid{grid-template-columns:repeat(6,1fr);gap:8px;margin:18px 0;display:grid}.found-grid .tile{border-radius:9px}.found-grid .check{background:var(--ink);width:18px;height:18px;color:var(--on-ink);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:5px;right:5px}.found-grid .check svg{width:11px;height:11px}.fineprint{color:var(--ink-3);align-items:flex-start;gap:8px;font-size:12.5px;display:flex}.fineprint svg{flex:none;width:16px;height:16px;margin-top:1px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.modal.confirm{width:min(420px,100%);padding:26px}.modal.confirm h2{font-size:28px}.btn.danger{border-color:var(--warn);color:var(--warn)}.modal.sign-in{flex-direction:column;gap:14px;width:min(500px,100%);display:flex}.modal.sign-in h2{margin:0;padding-right:44px}.modal.sign-in p{color:var(--ink-2);font-size:14px}.sign-in-form{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.modal.sign-in p.error-note,.settings-section p.error-note{color:var(--warn)}.add-options{grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;display:grid}.add-opt{text-align:left;border:1px solid var(--line);background:var(--panel);border-radius:14px;flex-direction:column;gap:6px;padding:16px;transition:border-color .15s;display:flex}.add-opt:hover{border-color:var(--ink-3)}.add-opt.rec{border-color:var(--gap-line);background:var(--gap-tint)}.add-opt svg{width:22px;height:22px;margin-bottom:6px}.add-opt b{font-weight:600}.add-opt small{color:var(--ink-3);font-size:12.5px}.drop-hint{align-items:center;gap:6px;margin-top:14px;display:flex}.drop-hint svg{flex:none;width:15px;height:15px}.modal.dropping{box-shadow:var(--shadow-lg), inset 0 0 0 3px var(--gap-solid)}.drop-cover{border-radius:inherit;background:color-mix(in srgb, var(--gap-tint) 92%, transparent);color:var(--gap-ink);pointer-events:none;place-content:center;justify-items:center;gap:10px;font-size:16px;animation:.15s fade;display:grid;position:absolute;inset:0}.drop-cover svg{width:30px;height:30px}@media (hover:none){.drop-hint{display:none}}.scan{grid-template-columns:1fr 40px 1fr;align-items:center;gap:12px;margin-top:18px;display:grid}.scan .photo{aspect-ratio:1;background:linear-gradient(135deg,#8f7458,#6e5640);border-radius:12px;place-items:center;display:grid;position:relative;overflow:hidden}.scan .photo:before{content:"";background:repeating-linear-gradient(90deg,#00000014 0 2px,#0000 2px 38px);position:absolute;inset:0}.scan .photo .garment{filter:drop-shadow(0 4px 6px #0000004d);width:78%;position:relative}.scan .arrow{color:var(--ink-3);place-items:center;display:grid}.scan .shimmer{aspect-ratio:1;background:linear-gradient(100deg, var(--tile) 30%, var(--lightningcss-light,#f6f3ee)var(--lightningcss-dark,#e2ddd4) 50%, var(--tile) 70%);background-size:200% 100%;border-radius:12px;animation:1.1s linear infinite shimmer}.tags{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.board{aspect-ratio:1320/2868;background:var(--board);border-radius:18px;transition:box-shadow .15s;position:relative;overflow:hidden;container-type:inline-size}:is(.board,.flatlay,.hero-visual)[data-bg=white]{box-shadow:inset 0 0 0 1px var(--line)}.hero-visual .flatlay[data-bg]{box-shadow:none}.board[data-tone=dark] .board-empty{color:#ffffffb8}[data-bg=color] img.photo.on-white{mix-blend-mode:normal;border-radius:6px}.board.drag-over{box-shadow:inset 0 0 0 3px var(--gap-solid)}.board-empty{text-align:center;color:var(--ink-3);place-items:center;padding:24px;font-size:13px;display:grid;position:absolute;inset:0}.trial-spot{z-index:998;pointer-events:none;display:flex;position:absolute;top:6px;left:6px;right:6px}.trial-tag{white-space:nowrap;background:var(--gap);color:#fff;border-radius:99px;align-items:center;gap:8px;margin-top:auto;padding:5px 6px 5px 11px;font-size:11.5px;font-weight:600;display:flex;position:relative;box-shadow:0 4px 12px #1e3a6e4d}.trial-tag .btn{height:24px;color:var(--gap-ink);pointer-events:auto;background:#fff;border:0;padding:0 9px;font-size:11.5px}.trial-from{display:none}@container (max-width:339px){.trial-note{display:none}.trial-from{display:inline}}@container (max-width:219px){.trial-tag{border-radius:12px;flex-direction:column;gap:4px;padding:5px 6px 6px}.trial-stores{display:none}}.board-status{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.slot-tabs{background:var(--fill);border-radius:12px;grid-template-columns:repeat(4,1fr);gap:4px;margin:14px 0 6px;padding:3px;display:grid}.slot-tabs button{height:30px;color:var(--ink-2);background:0 0;border:0;border-radius:9px;font-size:12px;font-weight:600}.slot-tabs button.active{background:var(--fill-active);color:var(--ink);box-shadow:0 1px 3px #0000001a}.group{margin-top:14px}.group-label{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px;font-weight:600;display:flex}.group-label .chip{letter-spacing:0;text-transform:none}.sugg{border-radius:12px;grid-template-columns:54px 1fr auto;align-items:center;gap:11px;margin:0 -7px;padding:7px;display:grid}.sugg:hover{background:var(--panel-2)}.sugg.current{background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--line)}.sugg .tile{border-radius:9px;width:54px}.sugg-name{font-size:13px;font-weight:600;line-height:1.25}.sugg-sub{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:6px;margin-top:3px;font-size:12px;display:flex}.sugg.shop{background:var(--gap-tint);margin:0 0 8px;padding:10px}.unlock-line{color:var(--gap-ink);align-items:center;gap:5px;margin-top:3px;font-size:12px;font-weight:600;display:inline-flex}.unlock-line svg{width:13px;height:13px}.empty-note{color:var(--ink-3);background:var(--panel-2);border:1px dashed var(--line-2);border-radius:10px;padding:10px 12px;font-size:12.5px}.shop-off{color:var(--ink-2);background:var(--panel-2);border:1px solid var(--line);border-radius:12px;align-items:flex-start;gap:10px;padding:12px;font-size:12.5px;display:flex}.complete-foot{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.summary-bar{background:var(--gap-solid);color:#fff;border:0;flex-wrap:wrap;align-items:center;gap:22px;margin-bottom:22px;padding:20px 24px;display:flex}.summary-bar .stack{display:flex}.summary-bar .stack .tile{border:3px solid var(--gap-solid);background:#fff;border-radius:12px;width:62px}.summary-bar .stack .tile+.tile{margin-left:-14px}.summary-bar .txt{flex:1;min-width:220px}.summary-bar .txt b{font:30px/1.1 var(--serif);font-weight:400;display:block}.summary-bar .txt span{color:#ffffffc7;font-size:13.5px}.summary-bar .btn{color:var(--gap-solid);background:#fff;border-color:#fff}.pick{grid-template:"product head previews""product why previews""product stores previews"1fr/210px minmax(0,1fr) minmax(0,1.25fr);align-items:start;gap:12px 26px;margin-bottom:18px;padding:22px;display:grid}.pick-product{grid-area:product}.pick-head{flex-direction:column;grid-area:head;gap:12px;display:flex}.pick-why{flex-direction:column;grid-area:why;gap:6px;display:flex}.pick-previews{flex-direction:column;grid-area:previews;align-items:flex-start;gap:12px;display:flex}.pick-previews .previews{align-self:stretch}.pick-stores{grid-area:stores;padding-top:2px}.pick-product{position:relative}.pick-product .tile{border-radius:14px}.pick-product .rank{background:var(--ink);width:28px;height:28px;color:var(--on-ink);border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid;position:absolute;top:10px;left:10px}.pick-head h2{font:30px/1.05 var(--serif);font-weight:400}.pick-head .price{color:var(--ink-2);margin-top:-6px;font-size:13.5px}.unlock-big{color:var(--gap-ink);align-items:baseline;gap:10px;display:flex}.unlock-big .num{font:54px/.9 var(--serif);letter-spacing:-.02em}.unlock-big .lbl{max-width:140px;font-size:13.5px;font-weight:600;line-height:1.3}.why{color:var(--ink-2);font-size:13.5px}.avail{color:var(--ink-2);flex-direction:column;gap:6px;font-size:12.5px;display:flex}.avail div{align-items:center;gap:8px;display:flex}.avail svg{width:16px;height:16px;color:var(--ink-3)}.pick-actions{flex-wrap:wrap;gap:8px;display:flex}.previews{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.preview{text-align:left;color:inherit;font:inherit;background:0 0;border:0;flex-direction:column;gap:6px;min-width:0;padding:0;display:flex}.preview .flatlay{transition:box-shadow .15s,transform .15s}.preview:hover .flatlay{box-shadow:0 0 0 1px var(--line-2), 0 10px 24px #1c1b191a;transform:translateY(-2px)}.preview-cap{color:var(--ink-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11.5px;line-height:1.35;display:-webkit-box;overflow:hidden}.preview:hover .preview-cap{color:var(--ink-2)}.previews-label{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:-2px;font-size:11px;font-weight:600}.more-picks{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.mini-pick{grid-template-columns:72px 1fr;align-items:center;gap:14px;padding:14px;display:grid}.mini-pick .tile{border-radius:10px}.mini-pick h3{font-size:14px;font-weight:600}.mini-pick p{color:var(--ink-3);margin-top:3px;font-size:12.5px}.skipped{padding:8px 22px}.skip-row{grid-template-columns:56px 1fr auto;align-items:center;gap:16px;padding:14px 0;display:grid}.skip-row+.skip-row{border-top:1px solid var(--line)}.skip-row .tile{filter:grayscale(.4);opacity:.8;border-radius:9px;width:56px}.skip-row h3{font-size:14px;font-weight:600}.skip-row p{color:var(--ink-2);margin-top:2px;font-size:13px}.off-state{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:48px 32px;display:flex}.off-state h2{font:30px/1.1 var(--serif);font-weight:400}.off-state p{color:var(--ink-2);max-width:460px}.wx{color:var(--ink-2);align-items:center;gap:4px;font-size:12.5px;font-weight:500;display:flex}.wx svg{width:18px;height:18px}.trip{flex-direction:column;gap:18px;padding:22px;display:flex}.trip-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.trip-title{font:32px/1.05 var(--serif);font-weight:400}.trip-meta{align-items:center;gap:10px;display:flex}.trip-body{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,.8fr);align-items:start;gap:20px;display:grid}.trip .honest{grid-template-columns:48px 1fr}.trip .honest .btn{grid-column:2;justify-self:start}.pack-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.pack-grid .tile{border-radius:9px}.gap-callout{background:var(--gap-tint);border:1px solid var(--gap-line);border-radius:14px;grid-template-columns:76px 1fr;align-items:start;gap:14px;padding:14px;display:grid}.gap-callout .tile{background:#fff;border-radius:10px}.gap-callout h4{color:var(--gap-ink);font-size:13.5px;font-weight:600}.gap-callout p{color:var(--ink-2);margin-top:3px;font-size:12.5px}.honest{color:var(--ink-2);border:1px dashed var(--line-2);border-radius:12px;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:10px 12px;font-size:12.5px;display:grid}.honest .tile{border-radius:8px;width:48px}.honest b{color:var(--ink);font-weight:600}.kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.kpi{padding:18px 20px}.kpi .v{font:46px/1 var(--serif);letter-spacing:-.01em}.kpi .v small{font-size:22px}.kpi .l{margin-top:8px;font-size:13px;font-weight:600}.kpi .s{color:var(--ink-3);margin-top:2px;font-size:12px}.ins-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:22px;display:grid}.bars{flex-direction:column;gap:4px;margin-top:14px;display:flex}.bar-row{border-radius:8px;grid-template-columns:34px minmax(0,150px) 1fr 82px;align-items:center;gap:12px;padding:5px 6px;display:grid}.bar-row:hover{background:var(--panel-2)}.bar-row .tile{border-radius:7px;width:34px}.bar-row .nm{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.bar-track{background:0 0;border-radius:0 4px 4px 0;height:10px;position:relative}.bar-fill{background:var(--ink-2);border-radius:0 4px 4px 0;height:100%}.bar-fill.gap{background:var(--chart-gap)}.bar-row .val{color:var(--ink-2);text-align:right;font-variant-numeric:tabular-nums;font-size:12.5px}.legend{color:var(--ink-2);gap:14px;margin-top:10px;font-size:12px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{border-radius:3px;width:10px;height:10px;display:inline-block}.journey{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;display:grid}.stage{flex-direction:column;gap:12px;display:flex}.stage-head{align-items:center;gap:8px;display:flex}.stage-head .num{background:var(--ink);width:24px;height:24px;color:var(--on-ink);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.stage-head b{font-size:13.5px;font-weight:600}.stage-head .where{color:var(--ink-3);font-size:11px;font-weight:500;display:block}.thought{font:italic 17px/1.25 var(--serif);color:var(--ink-2);min-height:64px}.mock{background:var(--panel);box-shadow:var(--shadow);border:1px solid var(--line);border-radius:14px;font-size:11px;overflow:hidden}.mock-bar{background:var(--panel-2);border-bottom:1px solid var(--line);align-items:center;gap:4px;height:22px;padding:0 8px;display:flex}.mock-bar i{background:var(--line-2);border-radius:50%;width:6px;height:6px;display:block}.mock-bar span{color:var(--ink-3);margin-left:6px;font-size:9.5px}.mock-body{flex-direction:column;gap:8px;padding:10px;display:flex}.mock-body .tile{border-radius:8px}.mock-title{font-size:11.5px;font-weight:600}.mock-price{color:var(--ink-3);font-size:10.5px}.mock-module{background:var(--gap-tint);color:var(--gap-ink);border-radius:9px;flex-direction:column;gap:6px;padding:8px;display:flex}.mock-module b{font-size:11px}.mini-row{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.mini-row .tile{border-radius:5px}.mock-btn{background:var(--ink);height:22px;color:var(--on-ink);border-radius:99px;place-items:center;font-size:10px;font-weight:600;display:grid}.mock-btn.light{background:var(--panel);color:var(--gap-ink);border:1px solid var(--gap-line)}.phone{border:6px solid #1c1b19;border-radius:22px}.phone .mock-body{padding:8px}.viewfinder{aspect-ratio:1.1;background:linear-gradient(135deg,#cfc6b6,#b6ab98);border-radius:10px;place-items:center;display:grid;position:relative}.viewfinder .tagcard{aspect-ratio:.62;letter-spacing:.08em;background:#fff;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:46%;font-size:8px;font-weight:700;display:flex;box-shadow:0 4px 10px #0000002e}.viewfinder .tagcard i{background:repeating-linear-gradient(90deg,#1c1b19 0 1.5px,#0000 1.5px 3px);width:70%;height:16px;display:block}.viewfinder:before,.viewfinder:after{content:"";border:2.5px solid #fff;width:22px;height:22px;position:absolute}.viewfinder:before{border-bottom:0;border-right:0;border-radius:6px 0 0;top:10px;left:10px}.viewfinder:after{border-top:0;border-left:0;border-radius:0 0 6px;bottom:10px;right:10px}.sheet{background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:5px;margin-top:-26px;padding:8px;display:flex;position:relative;box-shadow:0 -4px 12px #0000000f}.ok-line{color:var(--good);align-items:center;gap:5px;font-size:10.5px;font-weight:600;display:flex}.ok-line svg{width:12px;height:12px}.warn-box{background:var(--warn-tint);color:var(--warn);border-radius:9px;flex-direction:column;gap:5px;padding:8px;display:flex}.warn-box b{font-size:11px}.email-head{font-family:var(--serif);font-size:17px;line-height:1.05}.mini-flats{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.mini-flats .flatlay{border-radius:6px}.notif{background:#ffffffeb;border-radius:12px;grid-template-columns:22px 1fr;gap:6px;padding:8px;display:grid;box-shadow:0 4px 12px #0000001f}.notif .app-ic{background:var(--ink);width:22px;height:22px;color:var(--on-ink);font:15px/22px var(--serif);text-align:center;border-radius:6px}.notif b{font-size:10.5px;display:block}.lockscreen{background:linear-gradient(160deg,#3b4a66,#8a7a6a);border-radius:10px;flex-direction:column;gap:8px;padding:10px 8px;display:flex}.lockscreen .time{color:#fff;font:28px/1 var(--sans);text-align:center;font-weight:300}.hook{color:var(--ink-2);font-size:12.5px}.hook b{color:var(--ink);margin-bottom:2px;font-weight:600;display:block}.metric{color:var(--gap-ink);background:var(--gap-tint);border-radius:8px;align-self:flex-start;align-items:center;gap:5px;padding:4px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.metric svg{width:13px;height:13px}.lanes{grid-template-columns:1fr 1fr;gap:22px;margin-top:28px;display:grid}.lane{padding:20px 22px}.lane h3{font:24px/1.1 var(--serif);margin-bottom:4px;font-weight:400}.lane p{color:var(--ink-2);font-size:13px}.lane ul{flex-direction:column;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.lane li{grid-template-columns:18px 1fr;gap:8px;font-size:13px;display:grid}.lane li svg{width:16px;height:16px;color:var(--ink-3);margin-top:2px}.brand-strip{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px;display:grid}.brand-strip div{border:1px solid var(--line);background:var(--panel-2);border-radius:10px;padding:10px;font-size:12px;font-weight:600}.brand-strip small{color:var(--ink-3);margin-top:2px;font-size:11px;font-weight:400;display:block}.toast{opacity:0;pointer-events:none;z-index:60;background:var(--ink);color:var(--on-ink);box-shadow:var(--shadow-lg);border-radius:12px;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:12px 16px;font-weight:500;transition:opacity .2s,transform .2s;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}.toast svg{flex:none;width:18px;height:18px}.presenter{z-index:50;display:none;position:fixed;bottom:20px;right:20px}.side .notes-toggle{box-shadow:none;border:1px solid var(--line);justify-content:space-between;width:100%;height:42px}.side .notes-toggle .lbl{text-align:left;flex:1}.notes-toggle{background:var(--panel);height:44px;box-shadow:var(--shadow-lg);border:0;border-radius:99px;align-items:center;gap:10px;padding:0 12px 0 16px;font-size:13px;font-weight:600;display:flex}.notes-dot{background:var(--note);width:10px;height:10px;box-shadow:0 0 0 3px var(--note-tint);border-radius:50%}.notes-toggle[aria-pressed=true] .switch{background:var(--note)}.pin{z-index:30;border:2.5px solid var(--panel);background:var(--note);color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;font-size:12px;font-weight:700;animation:.25s pop;display:grid;position:absolute;top:-10px;left:-10px;box-shadow:0 4px 12px #5b4fe066}.pin:hover{transform:scale(1.08)}.notes-panel{z-index:50;background:var(--panel);width:min(360px,100vw - 40px);max-height:calc(100vh - 120px);box-shadow:var(--shadow-lg);border-top:4px solid var(--note);border-radius:18px;padding:18px 20px 8px;animation:.2s pop;position:fixed;bottom:20px;right:20px;overflow-y:auto}.notes-panel .eyebrow{color:var(--note)}.notes-panel h3{font:24px/1.1 var(--serif);font-weight:400}.notes-panel .lede{color:var(--ink-2);margin-top:6px;font-size:13px}.note-item{border-radius:10px;grid-template-columns:26px 1fr;gap:10px;margin:0 -8px;padding:12px 8px;display:grid}.note-item+.note-item{border-top:1px solid var(--line)}.note-item.hl{background:var(--note-tint)}.note-item .n{background:var(--note);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:grid}.note-item b{font-size:13px;font-weight:600;display:block}.note-item p{color:var(--ink-2);margin-top:2px;font-size:12.5px}.notes-foot{color:var(--ink-3);border-top:1px solid var(--line);margin-top:4px;padding:10px 0 12px;font-size:11px}@keyframes fade{0%{opacity:0}}@keyframes slide{0%{opacity:0;transform:translate(30px)}}@keyframes pop{0%{opacity:0;transform:scale(.96)}}@keyframes shimmer{to{background-position:-200% 0}}@media (max-width:1320px){.journey{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:30px}.pick{grid-template:"product head""product why"1fr"previews previews""stores stores"/180px minmax(0,1fr);row-gap:14px}}@media (max-width:1180px){.today-grid{grid-template-columns:1fr}.today-side{grid-template-columns:1fr 1fr;display:grid}.trip-body{grid-template-columns:1fr 1fr}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.app{grid-template-columns:1fr}.side{z-index:30;border-right:0;border-bottom:1px solid var(--line);flex-direction:row;justify-content:space-between;align-items:center;gap:10px;height:auto;padding:10px 16px;position:sticky;top:0}.logo{padding:0 4px;font-size:26px}.logo-sub,.nav-label,.side-foot,.nav-item .count,.nav-item .pill-new{display:none}.presenter{display:block}.notes-panel{bottom:76px}.side .nav{display:none}.main{padding:22px 16px calc(96px + var(--tabbar-h))}h1{font-size:36px}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hero-body{padding:20px 20px 18px}.hero-body h2{font-size:26px}.today-side,.rediscover,.ins-grid,.lanes,.more-picks,.trip-body{grid-template-columns:1fr}.journey{grid-template-columns:repeat(2,minmax(0,1fr))}.found-grid{grid-template-columns:repeat(4,1fr)}.add-options{grid-template-columns:1fr}.bar-row{grid-template-columns:34px minmax(0,110px) 1fr 70px}}@media (max-width:600px){.pick{grid-template:"product head""why why""previews previews""stores stores"/104px minmax(0,1fr);column-gap:16px;padding:16px}.pick-product .rank{width:24px;height:24px;font-size:12px;top:6px;left:6px}.pick-head{gap:10px}.pick-head h2{font-size:24px}.pick-head .price{margin-top:-4px;font-size:12.5px}.unlock-big .num{font-size:44px}.unlock-big .lbl{font-size:12.5px}.skip-row{grid-template-columns:48px minmax(0,1fr);gap:8px 14px}.skip-row .tile{width:48px}.skip-row .chip{grid-column:2;justify-self:start}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.logo-sub .chip{height:20px;margin-bottom:6px;font-size:10.5px}.opt-list{border:1px solid var(--line);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.opt-row{background:var(--panel);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.opt-row+.opt-row{border-top:1px solid var(--line)}.opt-store{align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.opt-store .fav{color:var(--clay);display:inline-flex}.opt-store .fav svg{fill:currentColor;width:13px;height:13px}.opt-product{color:var(--ink-2);font-size:12.5px}.opt-product a{white-space:nowrap}.btn.on-list{background:var(--good-tint);color:var(--good);border-color:#0000}.btn.on-list svg{width:13px;height:13px}.btn.on-list:hover{border-color:color-mix(in srgb, var(--good) 45%, transparent)}.opt-more{border:0;border-top:1px solid var(--line);background:var(--panel-2);width:100%;color:var(--ink-2);font:600 12.5px/1.3 var(--sans);text-align:left;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;display:flex}.opt-more:hover{color:var(--ink)}.opt-more svg{width:14px;height:14px;transition:transform .15s;transform:rotate(90deg)}.opt-more[aria-expanded=true] svg{transform:rotate(-90deg)}.opt-fit{color:var(--ink-3);align-items:center;gap:5px;margin-top:2px;font-size:11.5px;display:flex}.opt-fit svg{flex:none;width:13px;height:13px}.opt-price{font-variant-numeric:tabular-nums;font-weight:600}.disclosure{background:var(--panel-2);border:1px solid var(--line);color:var(--ink-2);border-radius:14px;align-items:flex-start;gap:12px;padding:14px 16px;font-size:12.5px;line-height:1.5;display:flex}.disclosure svg{width:18px;height:18px;color:var(--good);flex:none;margin-top:1px}.disclosure b{color:var(--ink)}.store-chips{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.list-store{border:1px solid var(--line);border-radius:14px;padding:10px 14px 6px}.list-store-head{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.list-store-head .btn svg{width:13px;height:13px}a.nav-item{text-decoration:none}.tile img.photo,.flatlay .piece img.photo,.canvas-piece img.photo{object-fit:contain;filter:drop-shadow(0 6px 7px #1c1b1921);width:86%;height:86%}.tile img.photo.on-white,.flatlay .piece img.photo.on-white,.canvas-piece img.photo.on-white{mix-blend-mode:multiply;filter:none}.tile img.photo,.flatlay .piece img.photo,.canvas-piece img.photo{margin:auto;position:absolute;inset:0}.flatlay .piece{place-items:center;display:grid}.flatlay .piece img.photo{width:100%;height:100%}.demo-banner{background:var(--note-tint);color:var(--note-ink);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:-12px 56px 22px 0;padding:10px 16px;font-size:13px;display:flex}.demo-banner a{color:inherit;font-weight:600}.empty{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:48px 32px;display:flex}.empty h2{font:36px/1.05 var(--serif);font-weight:400}.empty p{color:var(--ink-2);max-width:460px}.empty .row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.form{flex-direction:column;gap:14px;margin-top:18px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field>span{color:var(--ink-2);font-size:12px;font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--line-2);background:var(--panel);height:40px;font:500 14px var(--sans);color:var(--ink);border-radius:10px;padding:0 12px}.field input:focus,.field select:focus{outline:2px solid var(--gap);outline-offset:0;border-color:#0000}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.swatches{flex-wrap:wrap;gap:6px;display:flex}.swatch{border:2px solid var(--panel);width:28px;height:28px;box-shadow:0 0 0 1px var(--line-2);border-radius:50%;padding:0}.swatch.on{box-shadow:0 0 0 2px var(--ink)}.swatch.stripe{background:repeating-linear-gradient(0deg,#efe9dc 0 4px,#25324b 4px 7px)!important}.preview-row{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:18px;display:grid}.preview-row .tile{border-radius:12px}.preview-col{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.preview-col .tile{width:100%}.preview-row.has-photo .tile img.photo{width:94%;height:94%}.form-col{flex-direction:column;gap:14px;min-width:0;display:flex}.form-col .ai-chip{align-self:flex-start}.form-pair{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:12px;display:grid}.form .swatches{gap:6px}.form-details{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.form{container-type:inline-size}@container (max-width:520px){.preview-row{grid-template-columns:1fr}.preview-col .tile{max-width:260px}.form-details{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.processing{color:var(--ink-2);align-items:center;gap:10px;font-size:13px;display:flex}.spinner{border:2px solid var(--line-2);border-top-color:var(--ink);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-note{color:var(--warn);font-size:13px}.tag-note{color:var(--ink-2);font-size:13px}.piece-picks{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px;margin-top:18px;display:grid}.piece-pick{border:1.5px solid var(--line);background:var(--panel);color:var(--ink);text-align:left;border-radius:14px;flex-direction:column;gap:8px;padding:8px 8px 10px;font-size:13px;font-weight:600;transition:border-color .15s,box-shadow .15s;display:flex}.piece-pick:hover{border-color:var(--ink-3)}.piece-pick.on{border-color:var(--ink);box-shadow:0 0 0 2px var(--ink) inset}.piece-pick .tile{border-radius:9px}.piece-pick img.photo.as-is,.pick-big img.photo.as-is{object-fit:contain;filter:none;width:94%;height:94%}.pick-check{background:color-mix(in srgb, var(--panel) 90%, transparent);border:1.5px solid var(--line-2);color:#0000;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:7px;right:7px}.pick-check svg{width:14px;height:14px}.modal:has(.pick-layout){width:min(760px,100%)}.pick-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:18px;margin-top:18px;display:grid}.pick-layout .piece-picks{grid-template-columns:repeat(2,minmax(0,1fr));max-height:400px;margin-top:0;padding:2px;overflow-y:auto}.pick-big{flex-direction:column;gap:8px;display:flex}.pick-big .tile{border-radius:14px}.pick-big .tile img.photo{width:92%;height:92%}.pick-caption{font-size:13px;font-weight:600}.pick-warn{color:var(--warn);font-size:12.5px}.pick-note{color:var(--warn);margin-top:-4px;font-size:11.5px;font-weight:500}.page-photos{margin-top:18px}.photo-strip{gap:8px;padding:2px 2px 6px;display:flex;overflow-x:auto}.strip-photo{aspect-ratio:3/4;border:1.5px solid var(--line);background:#fff;border-radius:9px;flex:none;width:66px;padding:0;position:relative;overflow:hidden}.strip-photo img{object-fit:cover;width:100%;height:100%;display:block}.strip-photo:hover{border-color:var(--ink-3)}.strip-photo.on{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.strip-photo:disabled{cursor:progress}.strip-busy{background:#ffffffb3;place-items:center;display:grid;position:absolute;inset:0}@media (max-width:600px){.pick-layout{grid-template-columns:1fr}.pick-layout .piece-picks{grid-template-columns:repeat(3,minmax(0,1fr));max-height:none}}.piece-pick.on .pick-check{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.ai-chip{background:var(--note-tint);color:var(--note-ink)}.drop{border:1.5px dashed var(--line-2);text-align:center;color:var(--ink-2);cursor:pointer;border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:28px;display:flex}.drop:hover{border-color:var(--ink-3)}.drop svg{width:28px;height:28px}.saved-strip{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;display:grid}.saved-card{text-align:left;cursor:pointer;border:0;flex-direction:column;gap:8px;padding:10px;display:flex}.saved-card .flatlay{aspect-ratio:1}.saved-card b{font-size:13px;font-weight:600}.saved-card{position:relative}.saved-card.on-board .flatlay{box-shadow:inset 0 0 0 2px var(--ink);border-radius:var(--radius-sm)}.saved-sub{color:var(--ink-3);margin-top:-4px;font-size:12px}.tray-tabs{margin-bottom:14px}.piece-tray .outfit-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.picker{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-top:12px;display:grid}.picker button{border:1px solid var(--line);background:var(--panel);text-align:left;border-radius:12px;flex-direction:column;gap:6px;padding:8px;font-size:12px;font-weight:600;display:flex}.picker .flatlay{aspect-ratio:1}.settings-section{flex-direction:column;gap:14px;margin-bottom:18px;padding:22px;display:flex}.settings-section h3{font:24px/1.1 var(--serif);font-weight:400}.settings-section p{color:var(--ink-2);font-size:13.5px}.chip-toggle{border:1px solid var(--line-2);background:var(--panel);height:32px;color:var(--ink-2);border-radius:99px;padding:0 12px;font-size:12.5px;font-weight:600}.chip-toggle.on{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.prose{flex-direction:column;gap:14px;max-width:720px;display:flex}.prose h2{font:28px/1.1 var(--serif);margin-top:16px;font-weight:400}.prose p,.prose li{color:var(--ink-2);font-size:15px}@media (max-width:900px){.grid2{grid-template-columns:1fr}}.week-strip{margin-bottom:22px}.strip-bar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:12px;display:flex}.strip-title{font:26px/1.1 var(--serif);display:block}.strip-bar .meta-line{margin-top:2px;display:block}.strip-nav{align-items:center;gap:8px;display:flex}.strip-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;display:grid}.strip-day{background:var(--panel);box-shadow:var(--shadow);text-align:left;border:0;border-radius:14px;flex-direction:column;gap:8px;padding:10px;transition:box-shadow .15s;display:flex}.strip-day:hover{box-shadow:0 0 0 1px var(--line-2), var(--shadow)}.strip-day.selected{box-shadow:0 0 0 2px var(--ink), var(--shadow)}.strip-head{justify-content:space-between;align-items:flex-start;gap:4px;display:flex}.strip-head .d{color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:600;display:block}.strip-day.is-today .d{color:var(--ink)}.strip-head .n{font:24px/1 var(--serif);display:block}.strip-head .wx{font-size:11.5px}.strip-head .wx svg{width:15px;height:15px}.strip-day .flatlay{aspect-ratio:1}.strip-empty{aspect-ratio:1;border:1.5px dashed var(--line-2);border-radius:var(--radius-sm);color:var(--ink-3);place-items:center;display:grid}.strip-empty svg{width:18px;height:18px}.strip-label{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;min-height:17px;font-size:11.5px;font-weight:600;overflow:hidden}.worn-dot{color:var(--good)}.today-grid.solo{grid-template-columns:minmax(0,1fr)}.closet-layout.building{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:24px;display:grid}.closet-layout.building .closet-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.item-card.on-board .tile{box-shadow:inset 0 0 0 2px var(--ink)}.src.good{background:var(--good-tint);color:var(--good)}.card-edit{z-index:1;background:color-mix(in srgb, var(--panel) 92%, transparent);width:28px;height:28px;color:var(--ink-2);position:absolute;top:7px;right:7px}.card-edit svg{width:14px;height:14px}.card-edit:hover{background:var(--panel);color:var(--ink);border-color:var(--ink-3)}.resume-bar{border:1.5px solid var(--clay-line);background:color-mix(in srgb, var(--clay-tint) 55%, var(--panel));flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:22px;padding:12px 14px 12px 18px;display:flex}.resume-bar .flatlay{aspect-ratio:1;border-radius:8px;flex:none;width:44px}.resume-text{min-width:180px;color:var(--ink-2);flex:1;font-size:13.5px}.resume-text b{color:var(--clay-ink);font-weight:600;display:block}.resume-actions{gap:8px;display:flex}.resume-bar .btn.primary{background:var(--clay);border-color:var(--clay);color:#fff}.board-dot{background:var(--clay);border-radius:50%;flex:none;width:7px;height:7px}.nav-item .board-dot+.count{margin-left:8px}.nav-item .board-dot{margin-left:auto}.tab .board-dot{position:absolute;top:8px;left:calc(50% + 9px)}.btn:disabled{opacity:.45;cursor:not-allowed}.outfit-panel{flex-direction:column;gap:12px;max-height:calc(100vh - 40px);padding:18px;display:flex;position:sticky;top:20px;overflow-y:auto}.panel-head{justify-content:space-between;align-items:center;display:flex}.panel-head .eyebrow{margin:0}.panel-head .icon-btn{width:32px;height:32px}.panel-head .icon-btn svg{width:16px;height:16px}.outfit-name{font:30px/1.05 var(--serif);width:100%;color:inherit;background:0 0;border:0;padding:0}.panel-hint{color:var(--ink-3);font-size:12.5px}.panel-head .eyebrow.for-day{color:var(--clay-ink)}.panel-day{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.panel-day .callout-wx{color:var(--ink-2);align-items:center;gap:7px;font-size:13px;font-weight:500;display:inline-flex}.outfit-panel .board{border-radius:14px;flex:none;align-self:center;height:min(58vh,560px)}.outfit-panel .board-status{font-size:12.5px}.panel-actions{gap:8px;display:flex}.panel-actions .btn{flex:1}.icon-btn:disabled{opacity:.45;cursor:not-allowed}.panel-plan{color:var(--ink-3);align-items:center;gap:8px;font-size:13px;display:flex}.panel-plan span{white-space:nowrap}.panel-plan .select{flex:1;min-width:0;height:36px;padding:0 12px}.panel-plan .btn{height:36px}.panel-shop{border-top:1px solid var(--line);padding-top:14px}.panel-shop .slot-tabs{margin-top:0;margin-bottom:10px}.outfit-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px;display:grid}.saved-open{background:0 0;border:0;width:100%;padding:0;display:block}.saved-meta{justify-content:space-between;align-items:center;gap:6px;display:flex}@media (max-width:1180px){.closet-layout.building{grid-template-columns:minmax(0,1fr) 320px;gap:20px}.closet-layout.building .closet-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.outfit-panel{padding:16px}.outfit-panel .board{height:min(52vh,480px)}}@media (max-width:900px){.closet-layout.building{grid-template-columns:minmax(0,1fr);padding-bottom:60vh}.outfit-panel{z-index:35;max-height:52vh;box-shadow:var(--shadow-lg);border-radius:20px 20px 0 0;gap:10px;padding:14px 16px;position:fixed;inset:auto 0 0}.outfit-panel .board{height:min(34vh,300px)}.outfit-panel .outfit-name{font-size:24px}.panel-hint{display:none}.strip-days{grid-template-columns:none;grid-auto-columns:104px;grid-auto-flow:column;margin:0 -3px;padding:3px 3px 8px;overflow-x:auto}}.strip-day.open .strip-empty{border-color:var(--clay-line);color:var(--clay);background:color-mix(in srgb, var(--clay-tint) 55%, transparent);transition:background .15s,border-color .15s}.strip-day.open:hover .strip-empty{background:var(--clay-tint);border-color:var(--clay)}.strip-day.open .strip-label{color:var(--lightningcss-light,var(--clay))var(--lightningcss-dark,var(--clay-ink))}.plan-callout{border:1.5px dashed var(--clay-line);background:radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--clay-tint) 75%, var(--panel)) 0%, var(--panel) 62%);padding:32px 34px;position:relative;overflow:hidden}.callout-body{flex-direction:column;gap:12px;display:flex}.callout-body .eyebrow{color:var(--clay-ink);margin:0}.callout-body h2{font:44px/1.02 var(--serif);letter-spacing:-.01em;font-weight:400}.callout-body p{color:var(--ink-2);max-width:460px;font-size:15px}.callout-body .callout-wx{color:var(--ink-2);align-items:center;gap:7px;font-size:13px;font-weight:500;display:inline-flex}.callout-wx svg{width:18px;height:18px}.callout-actions{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.plan-callout .btn.primary{background:var(--clay);border-color:var(--clay);color:#fff}.plan-callout .btn.primary:hover{background:color-mix(in srgb, var(--clay) 82%, #000)}.plan-callout.is-past{border-color:var(--line-2);background:var(--panel)}.plan-callout.is-past .eyebrow{color:var(--ink-3)}.plan-callout.is-past .btn.primary{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}@media (max-width:900px){.plan-callout{padding:22px 20px}.callout-body h2{font-size:34px}}@media (max-width:600px){.hero{grid-template-columns:1fr}.hero-visual{border-radius:var(--radius) var(--radius) 0 0}}.canvas{touch-action:none;-webkit-user-select:none;user-select:none;outline:none}.canvas:focus-visible{box-shadow:inset 0 0 0 2px var(--gap-line)}.canvas-piece{aspect-ratio:1;cursor:grab;touch-action:none;place-items:center;display:grid;position:absolute}.canvas-piece:active{cursor:grabbing}.canvas-piece .garment,.canvas-piece img.photo{pointer-events:none;filter:drop-shadow(0 10px 10px #1c1b1926);width:100%;height:100%;display:block}.canvas-piece:after{content:"";pointer-events:none;border-radius:3px;position:absolute;inset:0}.canvas-piece:hover:after{box-shadow:0 0 0 1px #1e3a6e59}.canvas-piece.trial:after{box-shadow:0 0 0 1.5px var(--gap);background:#eaeff759}.canvas-select{z-index:999;box-shadow:0 0 0 1.5px var(--gap);pointer-events:none;border-radius:3px;position:absolute}.canvas-select .handle{pointer-events:auto}.handle{z-index:2;background:var(--panel);border:1.5px solid var(--gap);touch-action:none;border-radius:2px;width:11px;height:11px;position:absolute}.handle:before{content:"";position:absolute;inset:-9px}.handle.nw{cursor:nwse-resize;top:-6px;left:-6px}.handle.ne{cursor:nesw-resize;top:-6px;right:-6px}.handle.sw{cursor:nesw-resize;bottom:-6px;left:-6px}.handle.se{cursor:nwse-resize;bottom:-6px;right:-6px}.canvas-tools{--half:75px;z-index:1000;background:var(--ink);box-shadow:var(--shadow-lg);border-radius:10px;gap:2px;padding:4px;animation:.12s fade;display:flex;position:absolute;transform:translate(-50%,calc(-100% - 10px))}.canvas-tools.below{transform:translate(-50%,10px)}.canvas-tools button{width:32px;height:32px;color:var(--on-ink);background:0 0;border:0;border-radius:7px;place-items:center;display:grid}.canvas-tools button:hover:not(:disabled){background:color-mix(in srgb, var(--on-ink) 14%, transparent)}.canvas-tools button:disabled{opacity:.35;cursor:default}.canvas-tools svg{width:17px;height:17px}@media (max-width:900px){.canvas-tools{--half:61px;gap:0}.canvas-tools button{width:28px;height:28px}.canvas-tools svg{width:15px;height:15px}}.canvas-corner{z-index:1000;opacity:0;align-items:center;gap:6px;transition:opacity .15s;display:flex;position:absolute;bottom:10px;right:10px}.canvas-actions{display:contents}.canvas-more{display:none}.canvas-menu{background:var(--panel);box-shadow:var(--shadow-lg);border-radius:12px;flex-direction:column;padding:4px;animation:.12s fade;display:flex;position:absolute;bottom:calc(100% + 8px);right:0}.canvas-menu-item{text-align:left;white-space:nowrap;height:32px;color:var(--ink-2);background:0 0;border:0;border-radius:8px;padding:0 10px;font-size:12.5px;font-weight:600}.canvas-menu-item:hover:not(:disabled){background:var(--panel-2);color:var(--ink)}.canvas-menu-item:disabled{opacity:.45}.canvas-menu-item svg{display:none}.canvas-icon{border:1px solid var(--line-2);background:color-mix(in srgb, var(--panel) 92%, transparent);width:28px;height:28px;color:var(--ink-2);border-radius:99px;place-items:center;padding:0;display:grid}.canvas-icon svg{width:14px;height:14px}.canvas-icon:disabled{opacity:.45}.canvas-tidy{border:1px solid var(--line-2);background:color-mix(in srgb, var(--panel) 92%, transparent);height:28px;color:var(--ink-2);border-radius:99px;padding:0 11px;font-size:12px;font-weight:600}.bg-current{border:1px solid var(--line-2);background:color-mix(in srgb, var(--panel) 92%, transparent);border-radius:99px;place-items:center;width:28px;height:28px;padding:0;display:grid}.bg-current i,.bg-pop i{border-radius:99px;width:16px;height:16px;box-shadow:inset 0 0 0 1px #1c1b192e}.bg-pop{background:var(--panel);width:190px;box-shadow:var(--shadow-lg);border-radius:12px;flex-direction:column;gap:8px;padding:10px;animation:.12s fade;display:flex;position:absolute;bottom:calc(100% + 8px);right:0}.bg-row{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.bg-row button{aspect-ratio:1;background:0 0;border:0;border-radius:99px;place-items:center;padding:0;display:grid}.bg-row i{width:22px;height:22px}.bg-row button[aria-pressed=true] i,.bg-any.on i{box-shadow:inset 0 0 0 1px #1c1b192e, 0 0 0 2px var(--panel), 0 0 0 3.5px var(--ink)}.bg-any{border-top:1px solid var(--line);box-sizing:content-box;height:30px;color:var(--ink-2);cursor:pointer;align-items:center;gap:8px;padding:8px 4px 0;font-size:12.5px;font-weight:600;display:flex;position:relative}.bg-any i{background:conic-gradient(#e66,#ec6,#6c6,#6ce,#66e,#c6e,#e66)}.bg-any input{opacity:0;cursor:pointer;position:absolute;inset:0}.canvas:hover .canvas-corner,.canvas:focus-within .canvas-corner{opacity:1}@media (hover:none){.canvas-corner{opacity:1}}@container (max-width:219px){.canvas-actions{display:none}.canvas-more{display:block}.bg-pop{grid-template-columns:repeat(3,28px);gap:4px;width:auto;padding:8px;display:grid}.bg-row{display:contents}.bg-any{border:0;justify-content:center;height:28px;padding:0}.bg-any i{width:22px;height:22px}.bg-any span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.swatches{align-items:center;gap:2px;display:flex}.swatches button{background:0 0;border:0;border-radius:99px;place-items:center;width:24px;height:24px;padding:0;display:grid}.swatches i{border-radius:99px;width:16px;height:16px;box-shadow:inset 0 0 0 1px #1c1b192e}.swatches button[aria-pressed=true] i{box-shadow:inset 0 0 0 1px #1c1b192e, 0 0 0 2px #fff, 0 0 0 3.5px var(--ink)}.swatches.labeled{flex-wrap:wrap;gap:6px}.swatches.labeled button{border:1px solid var(--line-2);background:var(--panel);width:auto;height:32px;color:var(--ink-2);gap:7px;padding:0 12px 0 8px;font-size:12.5px;font-weight:600;display:inline-flex}.swatches.labeled button[aria-pressed=true]{border-color:var(--ink);color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.swatches.labeled button[aria-pressed=true] i{box-shadow:inset 0 0 0 1px #1c1b192e}