*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default}img{max-width:100%;display:block}h1,h2,h3,h4,p,dl,dd,ol,ul,figure{margin:0}ol,ul{padding:0;list-style:none}.studio-root{--font-ui:"DM Sans", system-ui, sans-serif;--font-display:"Fraunces", Georgia, serif;--font-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--fs:14px;--fs-sm:12.5px;--fs-xs:11px;--h1:30px;--radius:16px;--radius-sm:12px;--radius-lg:26px;--chip-radius:999px;--gap:12px;--pad:20px;--ctl-h:40px;--card-w:410px;--shadow-1:0 1px 2px #0000000f;--shadow-2:0 2px 6px #0000000f, 0 12px 32px #00000014;--ease:cubic-bezier(.2, .7, .2, 1);--dur:.18s;width:100%;height:100%;font-family:var(--font-ui);font-size:var(--fs);color:var(--text);background:var(--bg);isolation:isolate;line-height:1.45;position:relative;overflow:hidden;container:studio/inline-size}.studio-root :focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.muted{color:var(--text-2)}.small{font-size:var(--fs-sm)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.display{font-family:var(--font-display)}.eyebrow{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-2);font-weight:600}.btn{height:var(--ctl-h);white-space:nowrap;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), transform 80ms;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:600;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn-primary{background:var(--primary-fill);color:var(--on-primary)}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-quiet{background:var(--surface);border:1px solid var(--line-2)}.btn-quiet:hover:not(:disabled){border-color:var(--text-3)}.btn-ghost{color:var(--text-2)}.btn-ghost:hover:not(:disabled){color:var(--text);background:var(--sunken)}.btn:disabled{opacity:.45}.btn-danger{background:var(--danger);color:#fff}.btn-sm{height:32px;font-size:var(--fs-sm);padding:0 14px}.icon-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-2);transition:background var(--dur) var(--ease), color var(--dur) var(--ease);place-items:center;display:inline-grid;position:relative}.icon-btn:hover:not(:disabled){background:var(--sunken);color:var(--text)}.icon-btn[aria-pressed=true]{color:var(--primary);background:var(--primary-soft)}.icon-btn:disabled{opacity:.35}.text-btn{color:var(--primary);font-weight:600;font-size:var(--fs-sm);padding:4px 2px}.text-btn:hover:not(:disabled){text-underline-offset:3px;text-decoration:underline}.text-btn:disabled{color:var(--text-3)}.badge{background:var(--accent);min-width:16px;height:16px;color:var(--on-accent);border-radius:99px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:1px;right:0}.seg{border-radius:calc(var(--radius-sm) + 2px);background:var(--sunken);gap:2px;padding:2px;display:inline-flex}.seg-opt{border-radius:var(--radius-sm);height:28px;font-size:var(--fs-sm);color:var(--text-2);align-items:center;gap:6px;padding:0 10px;font-weight:500;display:inline-flex}.seg-sm .seg-opt{height:24px;font-size:var(--fs-xs);padding:0 8px}.seg-opt[aria-checked=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1)}.chip-row{flex-wrap:wrap;gap:6px;display:flex}.chip{border-radius:var(--chip-radius);border:1px solid var(--line-2);background:var(--surface);height:30px;font-size:var(--fs-sm);color:var(--text);transition:all var(--dur) var(--ease);align-items:center;gap:6px;padding:0 12px;font-weight:500;display:inline-flex}.chip:hover:not(:disabled){border-color:var(--text-3)}.chip.is-active{background:var(--primary-fill);border-color:var(--primary-fill);color:var(--on-primary)}.chip:disabled{opacity:.45}.new-mark{background:var(--accent);color:var(--on-accent);letter-spacing:.04em;text-transform:uppercase;vertical-align:1px;border-radius:99px;margin-left:4px;padding:1px 6px;font-size:9.5px;font-weight:700;display:inline-block}.chip.is-active .new-mark{background:var(--on-primary);color:var(--primary-fill)}.field{flex-direction:column;gap:5px;min-width:0;display:flex}.field-label{font-size:var(--fs-xs);color:var(--text-2);letter-spacing:.02em;font-weight:600}.field-hint{font-size:var(--fs-xs);color:var(--text-3)}.studio-root :where(input:not([type=range],[type=checkbox],[type=radio],[type=color],[type=file]),select,textarea){height:var(--ctl-h);border-radius:var(--radius-sm);border:1px solid var(--line-2);background:var(--surface);color:var(--text);width:100%;min-width:0;padding:0 14px}.studio-root input::placeholder{color:var(--text-3)}.studio-root :where(input,select):focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.search{align-items:center;display:flex;position:relative}.search svg{color:var(--text-3);pointer-events:none;position:absolute;left:11px}.studio-root .search input{padding-left:34px}.section-label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-2);justify-content:space-between;align-items:center;gap:12px;min-height:24px;margin:0 0 8px;font-weight:700;display:flex}.section-label .hint{text-transform:none;letter-spacing:0;color:var(--text-3);text-align:right;font-weight:400}.swatch{vertical-align:-3px;border-radius:50%;flex:none;display:inline-block;box-shadow:inset 0 0 0 1px #0000001f}.no-ink{background:repeating-linear-gradient(135deg, var(--surface) 0 4px, var(--line-2) 4px 5px)!important}.cov-bar{border-radius:4px;width:100%;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #00000014}.cov-bar>span{flex-basis:0}.pop-wrap{position:relative}.popover{z-index:40;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);min-width:260px;box-shadow:var(--shadow-2);animation:pop var(--dur) var(--ease);padding:14px;position:absolute;top:calc(100% + 8px)}.pop-end{right:0}.pop-start{left:0}@keyframes pop{0%{opacity:0;transform:translateY(-4px)scale(.98)}}#overlay-root:empty{display:none}.modal-scrim{z-index:95;background:var(--scrim);animation:fade var(--dur) var(--ease);place-items:center;padding:24px;display:grid;position:absolute;inset:0}@keyframes fade{0%{opacity:0}}.modal{border-radius:var(--radius-lg);background:var(--surface);width:min(480px,100%);max-height:100%;box-shadow:var(--shadow-2);animation:pop .22s var(--ease);overflow:auto}.modal:focus{outline:none}.modal-wide{width:min(880px,100%)}.modal-head{background:var(--surface);border-bottom:1px solid var(--line);z-index:1;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.modal-head h2{font-family:var(--font-display);font-size:22px;font-weight:500}.modal-body{flex-direction:column;gap:16px;padding:20px;display:flex}.toast{z-index:80;background:var(--text);color:var(--surface);font-weight:600;font-size:var(--fs-sm);box-shadow:var(--shadow-2);animation:pop .22s var(--ease);border-radius:99px;padding:10px 16px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.glass{background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(1.4);box-shadow:var(--shadow-2);border:1px solid #ffffff2e}.warning{border-radius:var(--radius-sm);background:color-mix(in oklab, var(--warn) 14%, var(--surface));color:var(--text);font-size:var(--fs-sm);align-items:flex-start;gap:8px;padding:8px 10px;display:flex}.warning svg{color:var(--warn);flex:none;margin-top:2px}.clash-icon{color:var(--warn)}.empty{text-align:center;color:var(--text-2);padding:24px 0}.data-table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.data-table th{text-align:left;font-size:var(--fs-xs);color:var(--text-2);border-bottom:1px solid var(--line-2);white-space:nowrap;padding:6px 8px;font-weight:600}.data-table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:7px 8px}.data-table .num{text-align:right}.data-table tr.is-current td{background:var(--primary-soft)}.data-table tr.is-over td{box-shadow:inset 0 2px 0 var(--accent)}.data-table.compact td{padding:5px 6px}.row-link{text-align:left;align-items:center;gap:8px;font-weight:600;display:inline-flex}.row-link:hover{color:var(--primary)}.row-sub{font-size:var(--fs-xs);color:var(--text-3)}.row-thumb{object-fit:cover;border-radius:3px;width:40px;height:40px}.kv{font-size:var(--fs-sm);gap:6px;display:grid}.kv>div{grid-template-columns:110px 1fr;gap:10px;display:grid}.kv dt{color:var(--text-2)}.feat+.feat{margin-top:22px}.step-title h1{font-family:var(--font-display);font-size:var(--h1);letter-spacing:-.01em;font-weight:400;line-height:1.1}.step-title p{color:var(--text-2);margin-top:6px}.brand{color:inherit;align-items:center;gap:10px;min-width:0;text-decoration:none;display:inline-flex}.brand-mark{flex:none}.brand-text{flex-direction:column;min-width:0;line-height:1.1;display:flex}.brand-name{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.brand-sub{font-size:var(--fs-xs);color:var(--text-2)}.preview{width:100%;height:100%;position:relative}.cloth{position:absolute;inset:0;overflow:hidden}.cloth-canvas{width:100%;height:100%;display:block}.land{animation:land .52s var(--ease)}@keyframes land{0%{opacity:.25;filter:blur(3px);transform:scale(1.025)}}.preview-tools{align-items:center;gap:2px;display:inline-flex}.preview-tools.is-vertical{flex-direction:column}.tools-sep{background:var(--line-2);width:1px;height:18px;margin:0 4px}.is-vertical .tools-sep{width:18px;height:1px;margin:4px 0}.zoom-read{text-align:center;min-width:26px;font-size:var(--fs-xs);font-weight:600;font-family:var(--font-mono)}.print-note{font-size:var(--fs-xs);color:var(--text-2);align-items:center;gap:6px;display:inline-flex}.designs{flex-direction:column;gap:12px;display:flex}.filters{flex-direction:column;gap:8px;display:flex}.card-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;display:grid}.design-card{flex-direction:column;gap:8px;display:flex;position:relative}.design-pick{aspect-ratio:1;border-radius:var(--radius);transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000014}.design-pick img{object-fit:cover;width:100%;height:100%;transition:transform .4s var(--ease)}.design-pick:hover img{transform:scale(1.04)}.design-card.is-current .design-pick{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--primary)}.new-mark.on-image{margin:0;position:absolute;top:8px;left:8px}.fav{color:#3a3a3a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;width:30px;height:30px;transition:opacity var(--dur);background:#ffffffd9;border-radius:99px;place-items:center;display:grid;position:absolute;top:6px;right:6px}.design-card:hover .fav,.fav:focus-visible,.fav.is-on{opacity:1}.fav.is-on svg{fill:#d1495b;color:#d1495b}.fav.inline{opacity:1;color:var(--text-3);background:0 0;position:static}.design-meta{flex-direction:column;gap:5px;display:flex}.design-title{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.design-title span,.design-sub{font-size:var(--fs-xs);color:var(--text-3)}.cw-dots{align-items:center;gap:6px;display:flex}.cw-dot{width:16px;height:16px;transition:transform var(--dur) var(--ease);border-radius:50%;box-shadow:inset 0 0 0 1px #00000026}.cw-dot[aria-checked=true]{box-shadow:0 0 0 2px var(--surface), 0 0 0 3.5px var(--text)}.cw-dot:hover{transform:scale(1.15)}.design-sub{margin-left:auto}.colorways{gap:10px;display:grid}.cw-stripes{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}.cw-stripe{border-radius:var(--radius);border:1px solid var(--line);text-align:left;transition:border-color var(--dur);flex-direction:column;gap:6px;padding:8px;display:flex}.cw-stripe:hover{border-color:var(--line-2)}.cw-stripe[aria-checked=true]{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.cw-stripe.is-custom{border-style:dashed}.cw-name{font-size:var(--fs-sm);font-weight:600}.cw-dots-row{flex-wrap:wrap;gap:14px;display:flex}.cw-pie{flex-direction:column;align-items:center;gap:6px;width:64px;display:flex}.pie{width:44px;height:44px;transition:transform var(--dur) var(--ease);border-radius:50%;box-shadow:inset 0 0 0 1px #0000001f}.cw-pie[aria-checked=true] .pie{box-shadow:0 0 0 3px var(--surface), 0 0 0 5px var(--primary)}.cw-pie:hover .pie{transform:rotate(-12deg)scale(1.05)}.cw-pie .cw-name{font-size:var(--fs-xs);text-align:center;line-height:1.2}.cw-list{border-top:1px solid var(--line);gap:0}.cw-row{border-bottom:1px solid var(--line);text-align:left;grid-template-columns:28px 1fr 42%;align-items:center;gap:10px;padding:7px 4px;display:grid}.cw-row[aria-checked=true]{background:var(--primary-soft)}.cw-row .idx{color:var(--text-3);font-size:var(--fs-xs)}.layer-row{gap:6px;display:flex}.layer-chip{border-radius:var(--radius-sm);min-width:64px;transition:transform var(--dur) var(--ease);flex-direction:column;flex-basis:0;gap:3px;padding-bottom:2px;display:flex;position:relative}.layer-chip[draggable=true]{cursor:grab}.layer-chip.is-over .layer-swatch{box-shadow:0 0 0 3px var(--accent);transform:scale(.96)}.layer-swatch{border-radius:var(--radius-sm);height:56px;transition:transform var(--dur) var(--ease), box-shadow var(--dur);place-items:center;display:grid;position:relative;box-shadow:inset 0 0 0 1px #0000001a}.layer-chip.is-active .layer-swatch{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--primary)}.layer-swatch .clash-icon{color:inherit;position:absolute;top:4px;left:4px}.value-band{background:var(--line);border-radius:2px;height:4px;display:block}.layer-name{font-size:var(--fs-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.layer-num{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.layer-name-row{justify-content:space-between;gap:4px;min-width:0;display:flex}.layer-pct{color:var(--text-2);font-size:10.5px;font-family:var(--font-mono)}.layer-chip .lock{color:#333;opacity:0;background:#ffffffbf;border-radius:6px;width:22px;height:22px;position:absolute;top:4px;right:4px}.layer-chip:hover .lock,.layer-chip .lock:focus-visible,.layer-chip .lock[aria-pressed=true]{opacity:1}.layers-ring{align-items:center;gap:16px;display:flex}.ring-wrap{flex:none;width:180px;height:180px;position:relative}.ring{filter:drop-shadow(0 6px 16px #00000040);width:100%;height:100%;overflow:visible}.ring-seg{cursor:pointer;stroke:#ffffffb3;stroke-width:1px;transition:d .26s var(--ease)}.ring-seg:hover{filter:brightness(1.08)}.ring-center{text-align:center;line-height:1.15;font-size:var(--fs-xs);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:50px}.ring-center strong{font-size:var(--fs-sm);margin-top:4px}.ring-legend{flex-direction:column;gap:2px;display:flex}.legend-item{border-radius:var(--radius-sm);align-items:center;display:flex}.legend-item>button:first-child{border-radius:var(--radius-sm);font-size:var(--fs-sm);align-items:center;gap:8px;padding:5px 8px;font-weight:500;display:flex}.legend-item.is-active>button:first-child{background:var(--primary-soft);color:var(--text);font-weight:700}.legend-item.is-over{box-shadow:inset 0 0 0 2px var(--accent)}.legend-item .lock{opacity:.5;width:24px;height:24px}.legend-item .lock[aria-pressed=true]{opacity:1}.layer-link{font-weight:600}.cov-cell,.value-cell{justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.cov-track{background:var(--line);border-radius:2px;width:44px;height:4px;position:relative}.cov-track span{background:var(--text-2);border-radius:2px;position:absolute;inset:0 auto 0 0}.value-cell .value-band{border-radius:2px;width:18px;height:10px;box-shadow:inset 0 0 0 1px #0000001a}.library{flex-direction:column;gap:10px;display:flex}.coloring{align-items:center;gap:6px;display:inline-flex}.coloring strong{color:var(--text)}.locked-note{color:var(--warn);align-items:center;gap:4px;margin-left:6px;display:inline-flex}.family-tabs{scrollbar-width:none;gap:2px;padding-bottom:2px;display:flex;overflow-x:auto}.family-tab{border-radius:var(--radius-sm);color:var(--text-2);flex-direction:column;flex:1 0 auto;align-items:center;gap:4px;padding:6px 7px;font-size:10.5px;display:flex}.family-tab:hover{background:var(--sunken)}.family-tab[aria-selected=true]{background:var(--sunken);color:var(--text);font-weight:700}.family-dot{border-radius:50%;width:18px;height:18px;box-shadow:inset 0 0 0 1px #0000001f}.family-tab[aria-selected=true] .family-dot{box-shadow:0 0 0 2px var(--surface), 0 0 0 3.5px var(--text)}.lib-filters{flex-wrap:wrap;gap:8px;display:flex}.fan{grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:10px;display:grid}.lib-card{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-1);flex-direction:column;padding:6px 6px 8px;display:flex}.lib-card-name{font-size:var(--fs-xs);color:var(--text-2);margin-top:6px;font-weight:600}.lib-strip{grid-template-columns:repeat(8,1fr);gap:3px;display:grid}.lib-strip.loose{grid-template-columns:repeat(auto-fill,minmax(34px,1fr))}.lib-chip{aspect-ratio:1;transition:transform .12s var(--ease), box-shadow .12s;border-radius:4px;position:relative;box-shadow:inset 0 0 0 1px #0000000f}.lib-chip:hover:not(:disabled){z-index:1;transform:scale(1.18);box-shadow:0 4px 12px #00000040}.lib-chip.is-current{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--text);z-index:1}.lib-chip:disabled{opacity:.5;cursor:not-allowed}.view-list .lib-strip{grid-template-columns:1fr}.view-list .lib-chip{aspect-ratio:auto;text-align:left;height:30px;padding:0 8px}.view-list .lib-chip:hover{transform:none}.lib-row-text{font-size:var(--fs-xs);justify-content:space-between;font-weight:600;display:flex}.no-ink-btn{align-self:flex-start}.lib-results,.color-tools{flex-direction:column;gap:8px;display:flex}.toolbar{border-radius:var(--radius);background:var(--sunken);flex-wrap:wrap;align-items:center;gap:2px;padding:4px;display:flex}.toolbar .text-btn{margin-left:auto;padding:4px 8px}.history{font-size:var(--fs-xs);color:var(--text-3);text-align:center;min-width:34px}.harmony{flex-direction:column;gap:12px;width:260px;display:flex}.hue-wheel{place-items:center;width:120px;height:120px;margin:0 auto;display:grid;position:relative}.hue-wheel>span:first-child{border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 38%,#000 39%);mask:radial-gradient(circle,#0000 38%,#000 39%)}.harmony-opts{grid-template-columns:1fr 1fr;gap:6px;display:grid}.harmony-opt{border-radius:var(--radius-sm);border:1px solid var(--line-2);font-weight:600;font-size:var(--fs-sm);padding:8px}.harmony-opt:hover{border-color:var(--primary);color:var(--primary)}.scale{flex-direction:column;gap:14px;display:flex}.scale-part{flex-direction:column;gap:8px;display:flex}.scale-part.is-lead{border-radius:var(--radius);background:var(--sunken);padding:14px}.slider-label{justify-content:space-between;font-weight:600;display:flex}.slider-ends{justify-content:space-between;align-items:center;display:flex}input[type=range]{width:100%;accent-color:var(--primary);height:24px}.typed-row{align-items:flex-end;gap:8px;display:flex}.typed-field{flex-direction:column;flex:1;gap:4px;display:flex}.typed-field input{font-family:var(--font-mono);font-size:15px}.times{color:var(--text-3);padding-bottom:8px}.typed-row .seg{margin-bottom:4px}.across-row{align-items:center;gap:10px;display:flex}.across-row .icon-btn{border:1px solid var(--line-2);background:var(--surface);width:36px;height:36px}.across-read{flex-direction:column;flex:1;align-items:center;line-height:1.15;display:flex}.across-read strong{font-size:24px}.across-read span{font-size:var(--fs-xs);color:var(--text-2)}.seam-note{color:var(--text-2);align-items:flex-start;gap:6px;display:flex}.seam-note svg{flex:none;margin-top:2px}.seam-note.is-clean{color:var(--ok)}.size-cards{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.size-card{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);flex-direction:column;align-items:center;gap:4px;padding:6px;display:flex}.size-card img{aspect-ratio:1;border-radius:4px;width:100%}.size-card[aria-checked=true]{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.size-name{font-size:var(--fs-xs);font-weight:700}.fabrics{flex-direction:column;gap:14px;display:flex}.use-q{flex-direction:column;display:flex}.use-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.fabric-grid{gap:8px;display:grid}.fabric-card{border-radius:var(--radius);border:1px solid var(--line);text-align:left;transition:border-color var(--dur);gap:12px;padding:10px;display:flex}.fabric-card:hover{border-color:var(--line-2)}.fabric-card[aria-checked=true]{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.cloth-swatch{border-radius:var(--radius-sm);flex:none;box-shadow:inset 0 0 0 1px #00000014}.cloth-swatch.round{border-radius:50%}.fabric-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.fabric-title{justify-content:space-between;gap:8px;display:flex}.price{font-size:var(--fs-sm);color:var(--text-2)}.suit{font-size:var(--fs-xs);align-items:center;gap:5px;font-weight:600;display:inline-flex}.suit-good{color:var(--ok)}.suit-check{color:var(--warn)}.suit-no{color:var(--danger)}.suit-why{color:var(--text-2);margin-left:4px;font-weight:400}.hidden-note{border-top:1px dashed var(--line-2);padding-top:10px}.fabric-rows{flex-direction:column;gap:4px;display:flex}.fabric-row{border-radius:var(--radius);text-align:left;align-items:center;gap:12px;padding:8px;display:flex}.fabric-row:hover{background:var(--sunken)}.objects{flex-direction:column;gap:4px;display:flex}.object-groups{flex-wrap:wrap;gap:14px;display:flex}.object-group{flex-direction:column;gap:6px;display:flex}.group-label{font-size:var(--fs-xs);color:var(--text-3)}.object-row{gap:6px;display:flex}.object-tile{border-radius:var(--radius);border:1px solid var(--line);width:78px;font-size:var(--fs-xs);color:var(--text-2);flex-direction:column;align-items:center;gap:4px;padding:10px 6px 8px;font-weight:600;display:flex}.object-tile:hover{border-color:var(--line-2);color:var(--text)}.object-tile[aria-checked=true]{border-color:var(--primary);color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.object-tile.is-dim{opacity:.55}.finishes{margin-top:14px}.finalize{flex-direction:column;gap:16px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field-pair{grid-template-columns:1fr 90px;gap:8px;display:grid}.review{gap:14px;display:grid}.save-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.saved{flex-direction:column;gap:12px;display:flex}.saved-note{border-radius:var(--radius);background:color-mix(in oklab, var(--ok) 13%, var(--surface));color:var(--text);align-items:center;gap:8px;padding:10px 12px;font-weight:600;display:flex}.saved-note svg{color:var(--ok)}.sample-opts{flex-direction:column;gap:6px;display:flex}.sample-opt{border:1px solid var(--line);border-radius:var(--radius);text-align:left;grid-template-columns:1fr auto 20px;align-items:center;gap:12px;padding:10px 12px;display:grid}.sample-opt>span:first-child{flex-direction:column;display:flex}.sample-opt:hover{border-color:var(--primary)}.spec-sheet{color:#1b1b1b;--text:#1b1b1b;--text-2:#5b5b5b;--text-3:#8a8a8a;--line:#e7e5e0;--line-2:#d6d3cc;--surface:#fff;background:#fff;border-radius:4px;flex-direction:column;gap:18px;padding:26px;display:flex;box-shadow:0 1px 3px #0000001f}.spec-sheet header{border-bottom:2px solid #1b1b1b;justify-content:space-between;gap:16px;padding-bottom:14px;display:flex}.spec-sheet h3{font-family:var(--font-display);font-size:28px;font-weight:400}.spec-sheet h3 span{color:#5b5b5b;font-size:18px}.sheet-project{text-align:right;font-size:var(--fs-sm);flex-direction:column;display:flex}.sheet-body{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:22px;display:grid}.sheet-body img{aspect-ratio:1;border-radius:2px;width:100%}.sheet-body h4{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px}.sheet-body h4+*{margin-bottom:16px}.cart{flex-direction:column;gap:8px;display:flex}.cart-item{grid-template-columns:48px 1fr auto auto;align-items:center;gap:12px;display:grid}.cart-item img{border-radius:var(--radius-sm);width:48px;height:48px}.cart-item>span:nth-child(2){flex-direction:column;display:flex}.steps ol{display:flex}.step-tab{border-radius:var(--radius-sm);height:36px;color:var(--text-2);white-space:nowrap;align-items:center;gap:8px;padding:0 12px;font-weight:600;display:inline-flex}.step-num{border:1.5px solid var(--line-2);border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:grid}.step-tab.is-done .step-num{background:var(--primary-soft);color:var(--primary);border-color:#0000}.step-tab.is-current{color:var(--text)}.step-tab.is-current .step-num{background:var(--primary-fill);border-color:var(--primary-fill);color:var(--on-primary)}.step-tab:hover:not(.is-current){color:var(--text);background:var(--sunken)}.summary-chip{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:99px;align-items:center;gap:10px;max-width:300px;height:40px;padding:4px 12px 4px 4px;display:flex}.summary-chip:hover{border-color:var(--line-2)}.summary-chip img{border-radius:50%;flex:none;width:32px;height:32px}.summary-text{flex-direction:column;min-width:0;line-height:1.15;display:flex}.summary-text strong{font-size:var(--fs-sm)}.summary-text span{font-size:var(--fs-xs);color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.summary-pop{width:300px}.summary-rows{flex-direction:column;display:flex}.summary-row{border-bottom:1px solid var(--line);grid-template-columns:74px 1fr auto;align-items:center;gap:10px;padding:8px 0;display:grid}.summary-row:last-child{border-bottom:0}.summary-row dt{font-size:var(--fs-xs);color:var(--text-2)}.summary-row dd{flex-direction:column;min-width:0;display:flex}.summary-row .v{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.summary-row .sub{font-size:var(--fs-xs);color:var(--text-3)}.next{justify-content:space-between;align-items:center;gap:12px;display:flex}@media (prefers-reduced-motion:reduce){.studio-root *,.studio-root :before,.studio-root :after{transition-duration:1ms!important;animation-duration:1ms!important}}.studio{--chrome:80px;background:#111;position:absolute;inset:0;overflow:hidden}.studio:has([data-tape=on]){--chrome:116px}.g-stage{position:absolute;inset:0}.g-summary{top:var(--chrome);z-index:4;position:absolute;left:16px}.summary-card{text-align:left;max-width:320px;color:var(--text);border-radius:22px;align-items:center;gap:12px;padding:8px 16px 8px 8px;display:flex}.summary-card img{border-radius:14px;flex:none;width:58px;height:58px}.summary-body{flex-direction:column;gap:2px;min-width:0;display:flex}.summary-body strong{font-size:18px;font-weight:500;line-height:1.1}.summary-dots{gap:3px;margin:2px 0;display:flex}.summary-card.is-compact{border-radius:18px;padding:4px 12px 4px 4px}.summary-card.is-compact img{border-radius:12px;width:36px;height:36px}.summary-card.is-compact strong{font-size:14px}.preview-stage .stage-tools{z-index:3;border-radius:999px;flex-direction:column;align-items:center;gap:2px;padding:6px;display:flex;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.preview-stage .stage-tools .tools-sep{width:18px;height:1px;margin:4px 0}.preview-stage .stage-tools .icon-btn{width:36px;height:36px;color:var(--text);border-radius:50%}.preview-stage .present-btn{background:var(--primary-fill);color:var(--on-primary)!important}.preview-stage .present-btn:hover{filter:brightness(1.1);background:var(--primary-fill)!important}.preview-stage .print-note{right:calc(var(--card-w) + 32px);color:var(--text);z-index:3;border-radius:999px;padding:7px 12px;position:absolute;bottom:22px}.g-card{top:var(--chrome);width:var(--card-w);border-radius:var(--radius-lg);z-index:5;flex-direction:column;display:flex;position:absolute;bottom:16px;right:16px}.g-card-head{justify-content:space-between;align-items:flex-start;gap:8px;padding:22px 18px 10px 22px;display:flex}.g-card-head h1{font-variation-settings:"opsz" 96;font-weight:400}.g-card-scroll{scrollbar-width:thin;flex:1;padding:8px 22px 22px;overflow:auto}.g-card-foot{border-top:1px solid var(--line);padding:12px 22px 16px}.tools-hidden .g-card{bottom:auto}.tools-hidden .g-card-scroll,.tools-hidden .g-card-foot,.tools-hidden .g-card .step-title p,.tools-hidden .g-dock{display:none}.tools-hidden .g-card-head{padding-bottom:18px}.g-dock{z-index:4;position:absolute;bottom:24px;left:24px}.g-dock .layers-ring{align-items:flex-end}.g-dock .ring-wrap{width:200px;height:200px}.ring-center{background:var(--glass);-webkit-backdrop-filter:blur(12px);border-radius:50%;box-shadow:inset 0 0 0 1px #fff3}.g-dock .ring-center{inset:54px}.g-dock .ring-legend{background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(1.4);box-shadow:var(--shadow-2);border-radius:18px;padding:8px}.g-stepper{left:calc((100% - var(--card-w) - 32px) / 2);z-index:4;position:absolute;bottom:22px;transform:translate(-50%)}.steps-floating{border-radius:999px;align-items:center;gap:8px;padding:6px;display:flex}.steps-floating .icon-btn{width:40px;height:40px;color:var(--text);border-radius:50%}.steps-floating .dots{gap:6px;padding:0 4px;display:flex}.steps-floating .dot{background:var(--line-2);width:10px;height:10px;transition:width .26s var(--ease), background .26s;border-radius:99px;display:block;position:relative}.steps-floating .dot.is-done{background:var(--text-3)}.steps-floating .dot.is-current{background:var(--primary-fill);width:30px}.dot-label{background:var(--text);color:var(--surface);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--dur);border-radius:8px;padding:4px 8px;font-size:11px;font-weight:600;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%)}.dot:hover .dot-label,.dot:focus-visible .dot-label{opacity:1}.step-count{font-size:var(--fs-sm);color:var(--text-2);white-space:nowrap;padding-right:8px}.step-count strong{color:var(--text);margin-right:4px}.lib-chip{border-radius:50%}.lib-card{box-shadow:none;background:0 0;border:0;padding:0}.lib-strip{gap:4px}.card-grid.tiles{grid-template-columns:1fr 1fr;gap:10px}.design-card.is-tile .design-pick{border-radius:18px}.tile-name{color:#fff;text-shadow:0 1px 8px #00000080;font-family:var(--font-display);text-align:left;background:linear-gradient(#0000,#000000b8);flex-direction:column;padding:26px 12px 10px;font-size:17px;line-height:1.1;display:flex;position:absolute;bottom:0;left:0;right:0}.tile-name small{font-family:var(--font-ui);opacity:.85;font-size:11px}.design-card.is-tile .design-meta{position:absolute;top:8px;left:8px}.design-card.is-tile .cw-dots{opacity:0;transition:opacity var(--dur);background:#ffffffd9;border-radius:99px;padding:4px}.design-card.is-tile:hover .cw-dots,.design-card.is-tile:focus-within .cw-dots{opacity:1}.design-card.is-tile .new-mark.on-image{left:auto;right:44px}.toolbar{background:color-mix(in oklab, var(--surface) 60%, transparent);border-radius:999px}.toolbar .icon-btn{border-radius:50%}.across-read strong{font-family:var(--font-display);font-size:34px;font-weight:400}.scale-part.is-lead,.fabric-row:hover{background:color-mix(in oklab, var(--surface) 55%, transparent)}.studio-root .search input,.studio-root select{border-radius:999px}.fabric-row[aria-checked=true]{background:var(--primary-soft)}@container studio (width>=760px) and (width<=1240px){.studio-root{--card-w:370px}.g-dock{bottom:94px;left:16px}.g-dock .ring-wrap{width:160px;height:160px}.g-dock .ring-center{inset:42px}.preview-stage .print-note{bottom:auto;left:16px;right:auto;top:calc(var(--chrome) + 76px);max-width:240px;font-size:10.5px}.summary-card{max-width:250px}}[data-size=compact]{--h1:24px}[data-size=compact] .studio{--chrome:70px}[data-size=compact] .studio:has([data-tape=on]){--chrome:100px}[data-size=compact] .g-summary{left:10px}[data-size=compact] .g-card{border-radius:24px;width:auto;height:54%;inset:auto 8px 8px}[data-size=compact] .tools-hidden .g-card{height:auto}[data-size=compact] .g-card-head{padding:14px 14px 6px 18px}[data-size=compact] .g-card-head .step-title p{display:none}[data-size=compact] .g-card-scroll{padding:6px 16px 16px}[data-size=compact] .g-card-foot{padding:10px 16px}[data-size=compact] .g-stepper{bottom:calc(54% + 18px);left:50%}[data-size=compact] .tools-hidden .g-stepper{bottom:120px}[data-size=compact] .preview-stage .stage-tools{top:calc(var(--chrome) + 54px);left:10px;transform:none}[data-size=compact] .preview-stage .print-note{left:auto;right:10px;top:calc(var(--chrome) + 4px);max-width:180px;font-size:10px;line-height:1.25;bottom:auto}[data-size=compact] .layers-ring{flex-direction:column;align-items:stretch}[data-size=compact] .layers-ring .ring-wrap{align-self:center;width:160px;height:160px}[data-size=compact] .ring-legend{flex-flow:wrap}.g-card-making{padding:16px 18px 0 22px}.g-card-making:empty{display:none}.design-card .tile-actions{opacity:0;transition:opacity var(--dur);flex-direction:column;gap:4px;display:flex;position:absolute;top:6px;right:6px}.design-card:hover .tile-actions,.design-card:focus-within .tile-actions{opacity:1}.design-card .tile-actions:has(.is-on){opacity:1}.tile-actions .fav{opacity:1;position:static}.fav.is-cmp svg{fill:none;color:var(--primary)}.more-filters{background:color-mix(in oklab, var(--sunken) 80%, transparent);border-radius:16px;flex-direction:column;gap:8px;padding:12px;display:flex}.filter-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.filter-row .field-label{flex:none;width:84px}.filter-row .chip{height:28px;padding:0 10px}.price-row input{flex:1}.fabric-row{border-radius:var(--radius);align-items:center;gap:4px;padding:0 4px 0 0;display:flex}.fabric-row.is-on{background:var(--primary-soft)}.fabric-pick{border-radius:var(--radius);text-align:left;flex:1;align-items:center;gap:12px;min-width:0;padding:8px;display:flex}.row-tools{display:flex}.row-tools .icon-btn{border-radius:50%;width:30px;height:30px}.stock{flex-direction:column;gap:10px;display:flex}.stock-card{border:1px solid var(--line);transition:border-color var(--dur);border-radius:18px;padding:10px}.stock-card.is-on{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.stock-pick{text-align:left;gap:12px;width:100%;display:flex}.stock-pick strong{font-size:18px;font-weight:500}.stock-foot{align-items:center;gap:8px;margin-top:8px;display:flex}.stock-foot .text-btn{margin-left:auto}.stock-ok{color:var(--ok)}.stock-low{color:color-mix(in oklab, var(--warn) 75%, var(--text));font-weight:600}.stock-out{color:var(--danger);font-weight:600}.compare-tray{top:var(--chrome);left:calc((100% - var(--card-w) - 32px) / 2);z-index:6;white-space:nowrap;border-radius:999px;align-items:center;gap:10px;padding:6px 6px 6px 16px;display:flex;position:absolute;transform:translate(-50%)}.compare-scrim{z-index:70;background:var(--scrim);animation:fade var(--dur) var(--ease);place-items:center;padding:24px;display:grid;position:absolute;inset:0}.compare{background:color-mix(in oklab, var(--surface) 96%, transparent);border-radius:28px;width:min(1120px,100%);max-height:100%;padding:22px;overflow:auto}.compare-head{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:16px;display:flex}.compare-head h2{font-family:var(--font-display);font-size:30px;font-weight:400}.compare-head p{margin-left:auto}.compare-grid{min-width:620px;display:grid}.compare-col{cursor:grab;border-radius:16px;flex-direction:column;align-items:flex-start;gap:6px;padding:10px;display:flex}.compare-col:hover{background:var(--sunken)}.compare-col.is-drag{opacity:.45}.compare-col .look-thumb{aspect-ratio:1;width:100%;height:auto}.compare-col strong{font-size:19px;font-weight:500}.compare-rank{color:var(--text-3);align-items:center;gap:4px;font-size:11px;font-weight:700;display:inline-flex}.compare-actions{align-items:center;gap:4px;display:flex}.compare-label,.compare-cell{border-top:1px solid var(--line);font-size:var(--fs-sm);padding:9px 10px}.compare-label{color:var(--text-2)}.compare-cell.is-diff{font-weight:700}.best-mark{background:color-mix(in oklab, var(--ok) 16%, var(--surface));color:color-mix(in oklab, var(--ok) 75%, var(--text));border-radius:99px;margin-left:6px;padding:1px 8px;font-size:10.5px;font-weight:700;display:inline-block}.quick{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;display:grid}.quick-pic .look-thumb{aspect-ratio:1;border-radius:20px;width:100%;height:auto}.quick-body{flex-direction:column;gap:12px;display:flex}.quick-cws{flex-wrap:wrap;gap:8px;display:flex}.quick-cw{border:2px solid #0000;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:4px;display:flex}.quick-cw[aria-checked=true]{border-color:var(--primary)}.made-list li{border-bottom:1px solid var(--line);grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:6px 0;display:grid}.made-list li>span{flex-direction:column;display:flex}.reasons{padding-left:18px;list-style:outside}[data-size=compact] .quick{grid-template-columns:1fr}[data-size=compact] .compare-tray{left:50%;top:calc(var(--chrome) + 60px)}.cw-actions{margin-top:10px}.cw-pie.is-saved .pie{outline:2px dashed var(--accent);outline-offset:2px}.layer-details{background:color-mix(in oklab, var(--sunken) 70%, transparent);border-radius:16px}.layer-details summary{cursor:pointer;font-size:var(--fs-sm);justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex}.tag-dot{background:var(--accent);border-radius:50%;width:8px;height:8px}.layer-details-body{flex-direction:column;gap:10px;padding:0 14px 14px;display:flex}.paint-match{grid-template-columns:40px 1fr auto;align-items:center;gap:10px;display:grid}.paint-match>span:nth-child(2){flex-direction:column;display:flex}.paint-chip{border-radius:6px;width:40px;height:52px;box-shadow:inset 0 0 0 1px #0000001f,0 2px 6px #0000001f}.cw-tray{flex-direction:column;gap:12px;display:flex}.filter-row select{flex:1;width:auto!important}.gen-swatch{min-width:0}.tray-body{flex-direction:column;gap:10px;display:flex}.gen-swatches{gap:6px;display:flex}.gen-swatch{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.gen-chip{border-radius:12px;width:100%;height:56px;box-shadow:inset 0 0 0 1px #0000001a}.gen-tools{display:flex}.gen-tools .icon-btn{border-radius:6px;width:22px;height:22px}.hue-row{align-items:center;gap:8px;display:flex}.hue-row input{appearance:none;border-radius:99px;flex:1;height:10px}.hue-row input::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #00000059}.photo-pick{cursor:crosshair;border-radius:14px;position:relative;overflow:hidden}.photo-pick img{object-fit:contain;background:var(--sunken);width:100%;max-height:260px}.pick-dot{pointer-events:none;border:3px solid #fff;border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;position:absolute;box-shadow:0 1px 6px #00000080}.pal-list{flex-direction:column;gap:4px;max-height:260px;display:flex;overflow:auto}.pal-row{text-align:left;border-radius:12px;align-items:center;gap:10px;width:100%;padding:6px;display:flex}.pal-row:hover{background:var(--sunken)}.pal-row.is-on{background:var(--primary-soft)}.pal-strip{border-radius:8px;flex:none;width:96px;height:26px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #00000014}.pal-strip>span{flex:1}.pal-strip.big{width:100%;height:34px;margin-bottom:8px}.pal-name{flex-direction:column;min-width:0;display:flex}.use-this{background:color-mix(in oklab, var(--sunken) 80%, transparent);border-radius:16px;flex-direction:column;gap:10px;padding:12px;display:flex}.use-preview{gap:12px;display:flex}.use-preview>div{flex:1}.look-thumb.on-dark{margin:8px;box-shadow:0 0 0 8px #1d1e20}.name-row{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.name-row .field{flex:1;min-width:160px}.part-picker{flex-direction:column;gap:8px;margin-top:14px;display:flex}.part-looks{flex-wrap:wrap;gap:6px;display:flex}.part-look{border:1px solid var(--line);border-radius:99px;align-items:center;gap:6px;padding:4px 10px 4px 4px;display:flex}.part-look.is-on{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.part-look .look-thumb,.part-solid{border-radius:50%;flex-shrink:0;width:28px;height:28px}.part-solid{display:inline-block;box-shadow:inset 0 0 0 1px #0000001f}.three-bar{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:12px;display:flex}.three-bar .small{flex:1}.three-host{background:var(--sunken);touch-action:none;border-radius:18px;height:min(62vh,580px);position:relative;overflow:hidden}.three-host canvas{cursor:grab;display:block}.three-host canvas:active{cursor:grabbing}.three-loading{place-items:center;margin:0;display:grid;position:absolute;inset:0}.stage{background:#121315;height:100%}.device{width:100%;height:100%}.stage.is-phone{background:radial-gradient(circle at 50% 30%,#2a2c31,#111214 70%);place-items:center;display:grid}.stage.is-phone .device{border:11px solid #050506;border-radius:46px;width:390px;height:min(844px,100% - 32px);overflow:hidden;box-shadow:0 0 0 1px #3a3c42,0 30px 80px #0009}.topbar{z-index:30;pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;top:14px;left:14px;right:14px}.topbar>*{pointer-events:auto}.brand-pill{height:52px;color:var(--text);text-align:left;border-radius:999px;align-items:center;padding:6px 18px 6px 8px;display:inline-flex}.brand-pill .brand-mark{width:38px;height:38px}.nav-pill{border-radius:999px;gap:2px;padding:5px;display:flex}.nav-item{height:42px;color:var(--text-2);transition:background var(--dur), color var(--dur);border-radius:999px;align-items:center;gap:6px;padding:0 16px;font-weight:600;display:inline-flex;position:relative}.nav-item:hover{color:var(--text);background:var(--sunken)}.nav-item[aria-current=page]{background:var(--primary-fill);color:var(--on-primary)}.nav-badge{background:var(--accent);min-width:18px;height:18px;color:var(--on-accent);text-align:center;border-radius:99px;padding:0 5px;font-size:10.5px;font-weight:700;line-height:18px}.tray{border-radius:999px;flex-shrink:0;align-items:center;gap:2px;height:52px;padding:5px;display:flex}.tray .icon-btn{width:42px;height:42px;color:var(--text);border-radius:50%}.account-btn{width:42px;height:42px;color:var(--text);border-radius:50%;place-items:center;display:grid}span.avatar{flex:none!important;display:inline-grid!important}.avatar{background:var(--primary-soft);color:var(--primary);letter-spacing:.02em;border-radius:50%;flex:none;place-items:center;font-weight:700;display:inline-grid}.account-menu{flex-direction:column;gap:8px;width:290px;display:flex}.account-who{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding-bottom:10px;display:flex}.account-who>span,.demo-account>span,.demo-row>span{text-align:left;flex-direction:column;min-width:0;display:flex}.menu-nav{border-bottom:1px solid var(--line);flex-direction:column;gap:2px;padding-bottom:8px;display:flex}.menu-item{text-align:left;border-radius:10px;align-items:center;gap:8px;padding:9px 10px;font-weight:600;display:flex}.menu-item:hover{background:var(--sunken)}.menu-item[aria-current=page]{background:var(--primary-soft);color:var(--primary)}.menu-item .nav-badge{margin-left:auto}.demo-fold summary{cursor:pointer;font-size:var(--fs-sm);color:var(--text-2);border-radius:10px;padding:8px 10px;font-weight:600}.demo-fold summary:hover{background:var(--sunken)}.demo-controls{flex-direction:column;gap:8px;width:280px;padding:6px 2px;display:flex}.demo-list{flex-direction:column;gap:2px;display:flex}.demo-row{font-size:var(--fs-sm);border-radius:10px;align-items:center;gap:10px;padding:7px 8px;display:flex}.demo-row:hover{background:var(--sunken)}.demo-row.is-on{background:var(--primary-soft)}.demo-actions{flex-wrap:wrap;gap:6px;display:flex}.notices{width:340px}.notices header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.notices ul{flex-direction:column;gap:2px;max-height:380px;display:flex;overflow:auto}.notice{text-align:left;border-radius:10px;flex-direction:column;gap:2px;width:100%;padding:9px 10px 9px 22px;display:flex;position:relative}.notice:hover{background:var(--sunken)}.notice.is-unread:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;position:absolute;top:15px;left:8px}.notice.is-unread .notice-text{font-weight:600}.app-page{position:absolute;inset:0;overflow:hidden}.backdrop{position:absolute;inset:0}.backdrop-scrim{background:linear-gradient(180deg, color-mix(in oklab, var(--bg) 40%, transparent) 0%, color-mix(in oklab, var(--bg) 78%, transparent) 260px, color-mix(in oklab, var(--bg) 88%, transparent) 100%);position:absolute;inset:0}[data-mode=dark] .backdrop-scrim{background:linear-gradient(180deg, color-mix(in oklab, var(--bg) 66%, transparent) 0%, color-mix(in oklab, var(--bg) 86%, transparent) 260px, color-mix(in oklab, var(--bg) 92%, transparent) 100%)}.drift .cloth-canvas{transform-origin:30% 40%;animation:60s ease-in-out infinite alternate drift}@keyframes drift{0%{transform:scale(1.06)translate(0)}to{transform:scale(1.12)translate(-2%,-1.5%)}}.page-main{scrollbar-gutter:stable;padding:92px max(24px,50% - 600px) 56px;position:absolute;inset:0;overflow:auto}.page-main.is-wide{padding-left:max(24px,50% - 680px);padding-right:max(24px,50% - 680px)}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin:22px 0;display:flex}.page-head h1{font-family:var(--font-display);letter-spacing:-.015em;font-variation-settings:"opsz" 144;font-size:48px;font-weight:400;line-height:1.04}.page-eyebrow{font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);margin-bottom:6px;font-weight:700}.page-lede{max-width:62ch;color:var(--text-2);margin-top:8px;font-size:15px}.page-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.panel{border-radius:24px;padding:20px 22px}.panel+.panel,.split+.panel,.panel+.split{margin-top:16px}.panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.panel-head h2{font-family:var(--font-display);font-size:22px;font-weight:400}.form-grid>.field,.form-grid>.field-pair{margin-top:0!important}.panel .field+.field,.panel .form-grid+.field,.panel .field+.form-grid,.panel .form-grid+.form-grid{margin-top:12px}.panel-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.stack{flex-direction:column;gap:12px;display:flex}.stack>.panel+.panel{margin-top:0}.split{grid-template-columns:minmax(0,1.25fr) minmax(320px,1fr);align-items:start;gap:16px;display:grid}.split>.panel+.panel{margin-top:0}.count{background:var(--sunken);min-width:26px;height:26px;font-weight:700;font-size:var(--fs-sm);text-align:center;border-radius:99px;padding:0 8px;line-height:26px}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:28px 12px;display:flex}.empty-title{font-family:var(--font-display);font-size:20px}.tabs{border-radius:999px;gap:2px;padding:4px;display:inline-flex}.tab{height:36px;color:var(--text-2);border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-weight:600;display:inline-flex}.tab[aria-selected=true]{background:var(--primary-fill);color:var(--on-primary)}.tab-count{background:color-mix(in oklab, currentColor 16%, transparent);text-align:center;border-radius:99px;min-width:18px;padding:0 5px;font-size:11px;line-height:18px}.status{white-space:nowrap;border-radius:99px;align-items:center;gap:4px;width:fit-content;height:24px;padding:0 10px;font-size:11.5px;font-weight:700;display:inline-flex}.status-warn{background:color-mix(in oklab, var(--warn) 18%, var(--surface));color:color-mix(in oklab, var(--warn) 70%, var(--text))}.status-info{background:var(--primary-soft);color:var(--primary)}.status-ok{background:color-mix(in oklab, var(--ok) 16%, var(--surface));color:color-mix(in oklab, var(--ok) 75%, var(--text))}.status-bad{background:color-mix(in oklab, var(--danger) 14%, var(--surface));color:var(--danger)}.switch-row{border-bottom:1px solid var(--line);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:10px 0;display:flex}.switch-row:last-child{border-bottom:0}.switch-row>span:first-child{flex-direction:column;display:flex}.switch-label{font-weight:600}.switch-hint{font-size:var(--fs-sm);color:var(--text-2)}.switch{background:var(--line-2);width:44px;height:26px;transition:background var(--dur);border-radius:99px;flex:none;position:relative}.switch span{width:20px;height:20px;transition:transform var(--dur) var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.switch[aria-checked=true]{background:var(--primary-fill)}.switch[aria-checked=true] span{transform:translate(18px)}.toolbar-row{border-radius:999px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;padding:8px;display:flex}.toolbar-row .search{flex:1;min-width:200px}.toolbar-row select{width:auto}.look-thumb{object-fit:cover;border-radius:12px;flex:none;display:block}.table-scroll{overflow-x:auto}.form-error{color:var(--danger);font-size:var(--fs-sm);font-weight:600}.check{font-size:var(--fs-sm);align-items:center;gap:8px;display:flex}.check input{accent-color:var(--primary);width:16px;height:16px}.studio-root textarea{resize:vertical;height:auto;min-height:80px;padding:10px 14px;line-height:1.45}.fieldset{border:0;flex-direction:column;gap:6px;margin:0 0 14px;padding:0;display:flex}.fieldset legend{font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);margin-bottom:6px;font-weight:700}.radio-card{border:1px solid var(--line);cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:10px 14px;display:flex}.radio-card:has(input:checked){border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.radio-card input{accent-color:var(--primary)}.radio-card>span:nth-child(2){flex-direction:column;flex:1;display:flex}.spec-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.spec-card{border-radius:24px;flex-direction:column;display:flex;overflow:hidden}.spec-card.is-picked{box-shadow:0 0 0 3px var(--primary), var(--shadow-2)}.spec-pic{display:block;position:relative}.spec-pic .look-thumb{aspect-ratio:4/3;width:100%;height:auto;transition:transform .5s var(--ease);border-radius:0}.spec-pic:hover .look-thumb{transform:scale(1.03)}.spec-card .spec-pic{overflow:hidden}.pick-mark{color:#fff;background:#00000040;border:2px solid #fff;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:12px;left:12px}.pick-mark.is-on{background:var(--primary-fill);border-color:var(--primary-fill)}.source-tag{color:#222;background:#ffffffe6;border-radius:99px;padding:3px 10px;font-size:11px;font-weight:700;position:absolute;top:10px;right:10px}.spec-body{flex-direction:column;gap:3px;padding:14px 16px 6px;display:flex}.spec-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.spec-title strong{font-size:19px;font-weight:500;line-height:1.15}.vendor-chip{flex:none;display:inline-flex}.spec-actions{align-items:center;gap:2px;padding:8px 12px 12px 16px;display:flex}.spec-actions .btn{margin-right:auto}.rec-head{align-items:center;gap:10px;display:inline-flex}.rec-note{font-family:var(--font-display);color:var(--text-2);margin-bottom:12px;font-size:17px;font-style:italic}.look-row{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.look-card{text-align:left;flex-direction:column;gap:4px;display:flex}.look-card .look-thumb{aspect-ratio:1;width:100%;height:auto;transition:transform var(--dur) var(--ease);margin-bottom:4px}.look-card:hover:not(:disabled) .look-thumb{box-shadow:var(--shadow-2);transform:translateY(-2px)}.look-card:disabled{opacity:.55}.cart-group+.cart-group{margin-top:16px}.cart-vendor{align-items:center;gap:8px;margin-bottom:8px;font-weight:700;display:flex}.cart-item{grid-template-columns:56px 1fr auto auto}.cart-item .look-thumb{border-radius:10px}.totals{border-top:1px solid var(--line);flex-direction:column;gap:6px;margin:16px 0;padding-top:12px;display:flex}.totals>div{justify-content:space-between;display:flex}.totals dt{color:var(--text-2)}.totals .total{font-size:17px;font-weight:700}.totals .total dt{color:var(--text)}.checkout .btn-primary{width:100%;height:46px;font-size:15px}.checkout .field{margin-top:4px}.order-row{border-bottom:1px solid var(--line);flex-direction:column;gap:10px;padding:14px 0;display:flex}.order-row:last-child{border-bottom:0}.order-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.order-vendor{align-items:center;gap:10px;display:flex}.order-vendor>span{flex-direction:column;display:flex}.order-items{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.order-item .look-thumb{border-radius:10px}.timeline{align-items:center;gap:0;display:flex}.timeline li{font-size:var(--fs-sm);color:var(--text-3);align-items:center;gap:6px;display:flex}.timeline li+li:before{content:"";background:var(--line-2);width:40px;height:2px;margin:0 8px}.timeline li.is-done{color:var(--text);font-weight:600}.timeline li.is-done+li.is-done:before{background:var(--primary-fill)}.tl-dot{border:2px solid var(--line-2);border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.is-done .tl-dot{background:var(--primary-fill);border-color:var(--primary-fill);color:var(--on-primary)}.tracking{align-items:center;gap:6px;display:flex}.composer{margin-bottom:16px}.palette-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.palette-chip{position:relative}.palette-chip button{background:var(--text);width:17px;height:17px;color:var(--surface);opacity:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:-5px;right:-5px}.palette-chip:hover button,.palette-chip button:focus-visible{opacity:1}.hex-add{gap:6px;display:inline-flex}.hex-add input{width:130px!important;height:32px!important}.photo-btn{cursor:pointer}.palette-mini{gap:3px;display:inline-flex}.field-pair.wide{grid-template-columns:1fr 1fr}.brief-card{padding:0;overflow:hidden}.brief-head{text-align:left;align-items:center;gap:12px;width:100%;padding:16px 20px;display:flex}.brief-title{flex-direction:column;flex:1;min-width:0;display:flex}.brief-title strong{font-family:var(--font-display);font-size:19px;font-weight:500}.brief-body{flex-direction:column;gap:12px;padding:0 20px 20px;display:flex}.draft{background:var(--sunken);border-radius:18px;align-items:flex-start;gap:16px;padding:12px;display:flex}.draft>div{flex-direction:column;flex:1;gap:6px;display:flex}.draft-name{font-size:20px}.thread{flex-direction:column;gap:8px;display:flex}.thread li{background:var(--sunken);border-radius:16px 16px 16px 4px;flex-direction:column;gap:2px;max-width:80%;padding:10px 14px;display:flex}.thread li.is-mine{background:var(--primary-soft);border-radius:16px 16px 4px;align-self:flex-end}.vendor-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.vendor-card{border-radius:26px;flex-direction:column;display:flex;overflow:hidden}.vendor-banner{position:relative}.vendor-banner .look-thumb{border-radius:0;width:100%;height:170px}.vendor-banner .brand-mark{box-shadow:0 0 0 4px var(--surface);border-radius:50%;position:absolute;bottom:-22px;left:18px}.vendor-body{flex-direction:column;gap:2px;padding:30px 20px 8px;display:flex}.vendor-body strong{font-size:22px;font-weight:500}.vendor-actions{align-items:center;gap:10px;padding:10px 20px 20px;display:flex}.pending-note{align-items:center;gap:6px;display:inline-flex}.req-card{flex-direction:column;gap:10px;padding:18px 20px;display:flex}.req-card.is-compact{gap:6px;padding:14px 16px}.req-card .panel-actions{margin-top:2px}.req-head{align-items:center;gap:12px;display:flex}.req-who{flex-direction:column;flex:1;min-width:0;display:flex}.req-items{flex-direction:column;gap:8px;display:flex}.req-items li{grid-template-columns:64px 1fr auto;align-items:center;gap:12px;display:grid}.req-items li>span:nth-child(2){flex-direction:column;display:flex}.decline-row{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.decline-row .field{flex:1;min-width:220px}.brief-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.draft-composer{background:var(--sunken);border-radius:18px;flex-direction:column;gap:10px;padding:14px;display:flex}.draft-picks{gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.draft-pick{border:2px solid #0000;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:4px;display:flex}.draft-pick[aria-checked=true]{border-color:var(--primary)}.stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.stat{text-align:left;border-radius:22px;flex-direction:column;gap:2px;padding:16px 18px;display:flex}.stat strong{font-family:var(--font-display);font-size:40px;font-weight:400;line-height:1}.stat span{font-size:var(--fs-sm);color:var(--text-2)}.stat-warn strong{color:color-mix(in oklab, var(--warn) 75%, var(--text))}.queues{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;margin-bottom:16px;display:grid}.queues>.panel+.panel{margin-top:0}.queues .req-card{background:var(--surface);box-shadow:none;border:1px solid var(--line);-webkit-backdrop-filter:none;backdrop-filter:none}.queues .req-items li{grid-template-columns:48px 1fr}.queues .req-items .palette-mini{display:none}.people{flex-direction:column;display:flex}.people li{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:10px 0;display:flex}.people li:last-child{border-bottom:0}.people li>span{flex-direction:column;flex:1;display:flex}.checklist{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.checklist li{color:var(--text-2);align-items:center;gap:8px;display:flex}.checklist li svg{color:var(--warn)}.checklist li.is-done{color:var(--text)}.checklist li.is-done svg{color:var(--ok)}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.catalog-card{border-radius:24px;flex-direction:column;display:flex;overflow:hidden}.catalog-card.is-off .catalog-pic .look-thumb{filter:grayscale(.85)opacity(.6)}.catalog-pic{position:relative}.catalog-pic .look-thumb{aspect-ratio:4/3;border-radius:0;width:100%;height:auto}.feature-star{position:absolute;top:10px;right:10px;color:#444!important;background:#ffffffe0!important;border-radius:50%!important;width:36px!important;height:36px!important}.feature-star.is-on{background:var(--accent)!important;color:var(--on-accent)!important}.feature-star.is-on svg{fill:currentColor}.catalog-body{flex-direction:column;gap:6px;padding:14px 18px 6px;display:flex}.cw-strip{gap:6px;display:flex}.cw-strip .look-thumb{border-radius:50%}.catalog-actions{align-items:center;gap:8px;padding:0 14px 10px 18px;display:flex}.catalog-actions .switch-row{border:0;flex:1}.storefront{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:16px;display:grid}.preview-panel{position:sticky;top:0}.color-roles{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.color-role{border:1px solid var(--line);border-radius:16px;grid-template-rows:auto auto;grid-template-columns:40px 1fr;align-items:center;column-gap:10px;padding:10px;display:grid}.color-role input[type=color]{cursor:pointer;background:0 0;border:0;border-radius:50%;grid-row:span 2;width:40px;height:40px;padding:0}.color-role input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-role input[type=color]::-webkit-color-swatch{border:1px solid #00000026;border-radius:50%}.color-role>span{flex-direction:column;display:flex}.hex-input{grid-column:2;margin-top:4px;font-size:12px;height:28px!important}.brand-check{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.mini-frame{aspect-ratio:1280/800;box-shadow:inset 0 0 0 1px var(--line);border-radius:16px;position:relative;overflow:hidden;container-type:inline-size}.mini-inner{transform-origin:0 0;transform:scale(calc(100cqw / 1280px));top:0;left:0;width:1280px!important;height:800px!important;position:absolute!important}.preview-form{flex-direction:column;gap:10px;display:flex}.fake-input{border:1px solid var(--line-2);background:var(--surface);border-radius:12px;height:40px}.fake-btn{background:var(--primary-fill);border-radius:999px;height:40px}.welcome,.wall{background:#111;position:absolute;inset:0;overflow:hidden}.welcome>.cloth,.wall>.cloth{position:absolute;inset:0}.welcome-scrim{background:linear-gradient(100deg,#0a0a0a9e 0%,#0a0a0a2e 55%,#0a0a0a47 100%);position:absolute;inset:0}.welcome-top{z-index:3;justify-content:space-between;align-items:center;display:flex;position:absolute;top:18px;left:18px;right:18px}.exit-link{color:var(--text);border-radius:999px;align-items:center;gap:6px;padding:10px 16px;font-weight:600;text-decoration:none;display:inline-flex}.welcome-intro{color:#fff;z-index:2;width:min(640px,100% - 520px);position:absolute;bottom:56px;left:56px}.welcome-eyebrow{letter-spacing:.14em;text-transform:uppercase;opacity:.85;font-size:12px;font-weight:700}.welcome-intro h1{font-family:var(--font-display);letter-spacing:-.02em;font-variation-settings:"opsz" 144;text-shadow:0 2px 30px #00000059;margin-top:10px;font-size:clamp(40px,5.2vw,72px);font-weight:400;line-height:1}.welcome-lede{opacity:.92;text-shadow:0 1px 12px #0006;max-width:48ch;margin-top:16px;font-size:17px;line-height:1.5}.welcome-shots{gap:12px;margin-top:28px;display:flex}.welcome-shots figure{width:150px}.welcome-shots .cloth{border-radius:18px;height:150px;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000059}.welcome-shots figcaption{opacity:.85;margin-top:6px;font-size:11.5px}.welcome-signin{z-index:3;border-radius:30px;width:400px;max-height:calc(100% - 120px);padding:28px;position:absolute;top:50%;right:44px;overflow:auto;transform:translateY(-46%)}.welcome.is-plain .welcome-signin{right:50%;transform:translate(50%,-46%)}.welcome-signin h2{font-family:var(--font-display);margin-bottom:18px;font-size:30px;font-weight:400;line-height:1.05}.welcome-signin h2 span{color:var(--primary);display:block}.guest-btn{width:100%;margin-top:8px}.signin{flex-direction:column;gap:18px;display:flex}.signin-form{flex-direction:column;gap:12px;display:flex}.signin-form .btn-primary{height:46px;font-size:15px}.switch-mode{text-align:center}.demo-accounts{border-top:1px solid var(--line);flex-direction:column;gap:6px;padding-top:14px;display:flex}.demo-account{border:1px solid var(--line);border-radius:16px;align-items:center;gap:10px;padding:8px 12px 8px 8px;display:flex}.demo-account>span{flex:1}.demo-account:hover{border-color:var(--primary)}.demo-pill{z-index:4;position:absolute;bottom:18px;right:18px}.demo-pill .popover{inset:auto 0 calc(100% + 8px) auto}.demo-btn{color:var(--text);border-radius:999px;padding:8px 14px;font-size:12px;font-weight:600}.wall-card{z-index:3;border-radius:30px;flex-direction:column;align-items:flex-start;gap:14px;width:min(480px,100% - 32px);padding:30px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wall-card h1{font-family:var(--font-display);font-size:30px;font-weight:400;line-height:1.1}.wall-card .field{width:100%}.present{z-index:90;color:#fff;touch-action:pan-y;background:#0b0b0c;outline:none;position:absolute;inset:0}.present:not(.is-awake){cursor:none}.present>.cloth{position:absolute;inset:0}.present-shade{pointer-events:none;opacity:.6;background:linear-gradient(#0000 66%,#0009),linear-gradient(#0006,#0000 20%);transition:opacity .5s;position:absolute;inset:0}.present.is-awake .present-shade{opacity:1}.present-top{align-items:center;gap:14px;transition:opacity .5s;display:flex;position:absolute;top:18px;left:22px;right:18px}.present-brand{align-items:center;gap:10px;display:flex}.present-brand>span{flex-direction:column;line-height:1.2;display:flex}.present-brand>span span{opacity:.75;font-size:12px}.present-count{opacity:.85;margin-left:auto;font-size:13px}.present .icon-btn{color:#fff}.present .icon-btn:hover:not(:disabled){color:#fff;background:#ffffff24}.present .icon-btn[aria-pressed=true]{color:#fff;background:#fff3}.present-x{background:#ffffff1f;border-radius:50%!important;width:42px!important;height:42px!important}.present-caption{pointer-events:none;text-shadow:0 2px 20px #00000080;max-width:min(560px,50%);transition:opacity .5s, transform .5s var(--ease);position:absolute;bottom:104px;left:30px}.present:not(.is-awake) .present-caption{transform:translateY(70px)}.present-sub{letter-spacing:.14em;text-transform:uppercase;opacity:.85;font-size:12px;font-weight:700}.present-caption h2{font-family:var(--font-display);font-variation-settings:"opsz" 144;margin:4px 0;font-size:54px;font-weight:400;line-height:1}.present-facts{opacity:.8;font-size:13px}.present-bar{-webkit-backdrop-filter:blur(18px);white-space:nowrap;background:#121214bd;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:4px;padding:6px;transition:opacity .5s;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.present:not(.is-awake) .present-top,.present:not(.is-awake) .present-bar{opacity:0;pointer-events:none}.present-bar .icon-btn{border-radius:50%;width:44px;height:44px}.like-btn{color:#fff;height:44px;transition:background var(--dur), color var(--dur), transform .12s;background:#ffffff24;border-radius:999px;align-items:center;gap:8px;padding:0 18px;font-weight:700;display:inline-flex}.like-btn:active{transform:scale(.96)}.like-btn.is-on{color:#c2364b;background:#fff}.like-btn.is-on svg{fill:currentColor}.bar-sep{background:#ffffff2e;width:1px;height:24px;margin:0 4px}.view-seg{gap:2px;display:flex}.view-seg button{color:#ffffffb8;border-radius:999px;height:36px;padding:0 12px;font-size:13px;font-weight:600}.view-seg button:hover{color:#fff}.view-seg button[aria-checked=true]{color:#fff;background:#ffffff2e}.present-bar .btn-primary{margin-left:4px}.present-strip{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#121214bd;border-radius:20px;gap:8px;max-width:calc(100% - 40px);padding:8px;display:flex;position:absolute;bottom:92px;left:50%;overflow-x:auto;transform:translate(-50%)}.strip-thumb{opacity:.62;transition:opacity var(--dur);border-radius:12px;flex:none;position:relative;overflow:hidden}.strip-thumb:hover,.strip-thumb.is-on{opacity:1}.strip-thumb.is-on{box-shadow:0 0 0 2px #fff}.strip-thumb .look-thumb{border-radius:0}.strip-heart{color:#ff6b81;fill:#ff6b81;position:absolute;top:5px;right:5px}.present-summary{background:color-mix(in oklab, var(--surface) 96%, transparent);width:min(760px,100% - 32px);max-height:calc(100% - 40px);color:var(--text);animation:pop .26s var(--ease);border-radius:30px;padding:30px;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.present-summary h2{font-family:var(--font-display);font-size:40px;font-weight:400}.summary-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin:16px 0;display:grid}.summary-grid .look-thumb{aspect-ratio:1;width:100%;height:auto}.summary-grid figcaption{flex-direction:column;margin-top:6px;font-size:12px;display:flex}.summary-grid figcaption span{color:var(--text-2)}.summary-actions{background:var(--sunken);border-radius:18px;flex-direction:column;gap:4px;padding:14px;display:flex}.present-summary .saved-note{margin-top:6px}[data-size=compact] .topbar{top:10px;left:10px;right:10px}[data-size=compact] .brand-pill{height:48px;padding:5px}[data-size=compact] .tray{height:48px}[data-size=compact] .tray .icon-btn,[data-size=compact] .account-btn{width:38px;height:38px}[data-size=compact] .page-main{padding:76px 14px 40px}[data-size=compact] .page-head h1{font-size:34px}[data-size=compact] .page-head{margin-top:10px}[data-size=compact] .split,[data-size=compact] .storefront,[data-size=compact] .queues{grid-template-columns:minmax(0,1fr)}[data-size=compact] .stats{grid-template-columns:1fr 1fr}[data-size=compact] .stat strong{font-size:30px}[data-size=compact] .panel{border-radius:20px;padding:16px}[data-size=compact] .toolbar-row{border-radius:20px}[data-size=compact] .form-grid,[data-size=compact] .sheet-body,[data-size=compact] .color-roles{grid-template-columns:1fr}[data-size=compact] .welcome-intro{width:auto;inset:84px 18px auto}[data-size=compact] .welcome-intro h1{font-size:38px}[data-size=compact] .welcome-lede{font-size:14.5px}[data-size=compact] .welcome-shots{display:none}[data-size=compact] .welcome-signin,[data-size=compact] .welcome.is-plain .welcome-signin{border-radius:26px;width:auto;max-height:58%;padding:20px;inset:auto 10px 10px;transform:none}[data-size=compact] .welcome-signin h2{font-size:24px}[data-size=compact] .demo-pill{top:18px;bottom:auto;right:18px}[data-size=compact] .demo-pill .popover{top:calc(100% + 8px);bottom:auto}[data-size=compact] .welcome-top .exit-link{display:none}[data-size=compact] .welcome-top .brand-pill{padding:5px}[data-size=compact] .present-caption{max-width:none;bottom:150px;left:18px;right:18px}[data-size=compact] .present-caption h2{font-size:36px}[data-size=compact] .present-bar{border-radius:26px;flex-wrap:wrap;justify-content:center;width:calc(100% - 20px);bottom:10px}[data-size=compact] .present-bar .bar-sep{display:none}[data-size=compact] .present-strip{bottom:150px}[data-size=compact] .timeline li+li:before{width:18px}.clash-note{background:color-mix(in oklab, var(--warn) 16%, var(--surface));color:color-mix(in oklab, var(--warn) 70%, var(--text));text-transform:none;letter-spacing:0;white-space:nowrap;border-radius:99px;align-items:center;gap:4px;margin-left:6px;padding:1px 8px;font-weight:600;display:inline-flex}.remind-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.saved-cloths li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.saved-cloths li>span{flex-direction:column;display:flex}.page-head .tabs{flex-wrap:wrap}.pal-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;display:grid}.pal-card{border:1px solid var(--line);background:var(--surface);border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.pal-bars{height:120px;display:flex}.pal-bars>span{flex:1;position:relative}.pal-meta{flex-direction:column;padding:12px 14px 4px;display:flex}.pal-meta strong{font-family:var(--font-display);font-size:18px;font-weight:500}.pal-actions{align-items:center;gap:4px;padding:8px 10px 12px 14px;display:flex}.pal-actions .btn-primary{margin-right:auto}.builder{margin-bottom:16px}.builder-steps{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.builder-steps button{font-weight:600;font-size:var(--fs-sm);color:var(--text-2);background:var(--sunken);border-radius:99px;padding:6px 12px}.builder-steps .is-current button{background:var(--primary-fill);color:var(--on-primary)}.builder-steps .is-done button{color:var(--primary)}.builder-body{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.builder-preview{border-radius:16px;height:90px;margin-bottom:14px;overflow:hidden}.bar-tools{background:#ffffffe0;border-radius:99px;display:flex;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.bar-tools .icon-btn{color:#333;width:24px;height:24px}.family-pick{flex-wrap:wrap;gap:8px;display:flex}.family-dot.big{border-radius:50%;width:34px;height:34px;box-shadow:inset 0 0 0 1px #0000001f}.family-dot.big.is-on{box-shadow:0 0 0 3px var(--surface), 0 0 0 5px var(--text)}.sheet-tag{color:#5b5b5b;flex-direction:column;margin:2px 0 0 20px;font-size:11px;display:flex}.tag-line{color:var(--text-2);font-style:italic}.account-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.rule{border:0;border-top:1px solid var(--line);margin:16px 0}.sessions{flex-direction:column;margin-bottom:10px;display:flex}.sessions li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:9px 0;display:flex}.sessions li>span:first-child{flex-direction:column;display:flex}.qr{background:#fff;border-radius:8px;grid-template-columns:repeat(21,1fr);width:168px;height:168px;margin:0 auto;padding:8px;display:grid}.qr span.on{background:#111}.notify-grid th[scope=row]{color:var(--text);border-bottom:1px solid var(--line);font-weight:600}.notify-grid input{width:18px;height:18px;accent-color:var(--primary)}.panel .field+.switch-row,.notify-grid+.field,.notify-grid+p+.field,.outbox{margin-top:14px}.outbox summary{cursor:pointer;font-size:var(--fs-sm);color:var(--text-2);font-weight:600}.outbox li{border-bottom:1px solid var(--line);flex-direction:column;padding:6px 0;display:flex}.install-steps{flex-direction:column;gap:6px;padding-left:18px;list-style:outside;display:flex}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;padding:12px 0;font-weight:600}.faq p{color:var(--text-2);padding:0 0 12px}.faq-edit{flex-direction:column;gap:14px;margin-top:10px;display:flex}.faq-item{background:var(--sunken);border-radius:16px;flex-direction:column;gap:8px;padding:12px;display:flex}.faq-item .text-btn{align-self:flex-start}.tour{z-index:98;position:absolute;inset:0}.tour-dim{background:#00000080;position:absolute;inset:0}.tour-hole{box-shadow:0 0 0 4000px #00000080, 0 0 0 3px var(--accent);pointer-events:none;transition:all .28s var(--ease);border-radius:18px;position:absolute}.tour-bubble{width:340px;color:var(--text);animation:pop .22s var(--ease);border-radius:22px;padding:18px 18px 12px;position:absolute}.tour-bubble h2{font-family:var(--font-display);margin:4px 0 6px;font-size:22px;font-weight:400}.tour-bubble p:not(.eyebrow){color:var(--text-2)}.tour-bubble .panel-actions .icon-btn{margin-left:auto}.toast-action{color:inherit;margin-left:12px;font-weight:800;text-decoration:underline}.tint-pick{grid-template-columns:repeat(10,1fr);gap:4px;margin-top:8px;display:grid}kbd{border:1px solid var(--line-2);font-family:var(--font-mono);border-bottom-width:2px;border-radius:6px;padding:2px 8px;font-size:12px;display:inline-block}.shortcuts>div{grid-template-columns:140px 1fr;align-items:center}[data-size=compact] .account-grid{grid-template-columns:minmax(0,1fr)}[data-size=compact] .tour-bubble{width:calc(100% - 24px);left:12px!important}.composer .builder-steps{margin-bottom:18px}.composer-nav{border-top:1px solid var(--line);justify-content:space-between;margin-top:18px;padding-top:14px}.row-actions{align-items:center;gap:8px;display:inline-flex}.vendor-pick{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;display:grid}.vendor-choice{border:1px solid var(--line);text-align:left;border-radius:18px;align-items:center;gap:12px;padding:12px;display:flex}.vendor-choice>span{flex-direction:column;flex:1;display:flex}.vendor-choice[aria-checked=true]{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.ref-add{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.photo-btn.is-disabled{opacity:.45;pointer-events:none}.stock-results{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.stock-photo{border:2px solid #0000;border-radius:12px;position:relative;overflow:hidden}.stock-photo.is-on{border-color:var(--primary)}.stock-photo img{aspect-ratio:3/2;object-fit:cover;width:100%}.stock-check{background:var(--primary-fill);color:var(--on-primary);border-radius:50%;padding:2px;position:absolute;top:6px;right:6px}.ref-list{flex-direction:column;display:flex}.ref-list li{border-bottom:1px solid var(--line);grid-template-columns:56px 1fr auto;align-items:center;gap:10px;padding:6px 0;display:grid}.ref-list li img,.ref-link{object-fit:cover;border-radius:8px;width:56px;height:40px}.ref-link{background:var(--sunken);place-items:center;display:grid}.ref-list li>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.ref-list .muted{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ref-strip{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.ref-thumb{object-fit:cover;border-radius:8px;width:64px;height:46px;overflow:hidden}.ref-thumb img{object-fit:cover;width:100%;height:100%}.board-editor{flex-direction:column;gap:10px;display:flex}.board-tools{background:var(--sunken);border-radius:16px;flex-wrap:wrap;align-items:center;gap:4px;padding:6px;display:flex}.color-add{cursor:pointer;position:relative}.note-add{align-items:center;gap:2px;display:inline-flex}.note-add input{width:140px!important;height:32px!important}.ink-color{background:0 0;border:0;width:30px;height:30px;padding:0}.board{aspect-ratio:16/10;background:radial-gradient(circle at 1px 1px, #00000014 1px, transparent 0) 0 0 / 18px 18px, color-mix(in oklab, var(--paper,#f4f1ea) 60%, var(--surface));box-shadow:inset 0 0 0 1px var(--line);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:18px;position:relative;overflow:hidden}.board.is-pen{cursor:crosshair}.board.is-view{pointer-events:none;max-width:640px}.board-ink{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;inset:0}.board-item{cursor:grab;transform-origin:50%;position:absolute}.board-item:focus-visible,.board-item.is-sel{outline:2px dashed var(--primary);outline-offset:3px;z-index:2}.board-item img{object-fit:cover;border:4px solid #fff;border-radius:4px;width:100%;height:100%;box-shadow:0 6px 18px #00000038}.board-color{width:100%;height:100%;box-shadow:0 4px 12px #0000002e, inset 0 -18% 0 #ffffffd9;border-radius:6px;display:block}.board-note{color:#3a3420;width:100%;height:100%;font-family:var(--font-display);background:#fbf3c8;padding:8px 10px;font-size:clamp(11px,1.3cqw,15px);line-height:1.25;display:block;overflow:hidden;box-shadow:0 6px 14px #00000029}.board-size{background:var(--primary-fill);cursor:nwse-resize;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;bottom:-7px;right:-7px}.board-empty{text-align:center;color:var(--text-3);place-items:center;padding:24px;display:grid;position:absolute;inset:0}.details-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.reroute{flex-wrap:wrap;gap:8px;display:flex}.shortcuts-row{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-bottom:14px;display:grid}.shortcut{text-align:left;color:var(--text);border-radius:22px;align-items:center;gap:12px;padding:12px 16px 12px 12px;display:flex}.shortcut>span{flex-direction:column;flex:1;display:flex}.dir-filters{border-radius:22px;padding:10px 14px}.dir-filters .chip{height:28px;padding:0 10px}.dir-filters .field-label{margin-left:6px}.vendor-card{cursor:pointer}.vendor-card.is-preview{box-shadow:0 0 0 2px var(--primary), var(--shadow-2)}.vendor-preview{flex-direction:column;gap:4px;margin-top:8px;display:flex}.pin-btn{top:10px;right:10px;color:#444!important;background:#ffffffe6!important;border-radius:50%!important;width:34px!important;height:34px!important;position:absolute!important}.pin-btn.is-on{background:var(--accent)!important;color:var(--on-accent)!important}[data-size=compact] .details-grid{grid-template-columns:1fr}.ref-add .hex-add,.hex-add .search{flex:1}.hex-add{align-items:center}.loading{background:var(--bg);position:absolute;inset:0}.drop-zone{text-align:center;border:1.5px dashed var(--line-strong,var(--line));background:var(--sunken);cursor:pointer;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:150px;padding:22px;transition:border-color .15s,background .15s;display:flex}.drop-zone:hover,.drop-zone:focus-within{border-color:var(--primary)}.drop-zone:focus-within{outline:2px solid var(--focus,var(--primary));outline-offset:2px}.drop-zone.is-busy{opacity:.7;cursor:progress}.note-box{background:color-mix(in oklab, var(--warn) 12%, transparent);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.note-line{align-items:flex-start;gap:6px;display:flex}.note-line svg,.check-note svg{color:var(--warn);flex-shrink:0;margin-top:2px}.ink-row{border:1px solid var(--line);border-radius:16px;grid-template-columns:64px minmax(0,1fr) auto 36px auto auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.ink-row.is-ground{grid-template-columns:64px minmax(0,1fr) auto}.ink-row.needs-check{border-color:color-mix(in oklab, var(--warn) 55%, var(--line));background:color-mix(in oklab, var(--warn) 6%, transparent)}.ink-row select{max-width:170px;width:auto!important}.layer-pic{border-radius:12px;width:64px;height:64px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000014}.layer-pic>span{position:absolute;inset:0;-webkit-mask-size:cover;mask-size:cover}.layer-text{flex-direction:column;gap:3px;min-width:0;display:flex}.check-note{color:var(--text-2);gap:5px;display:flex}input.layer-name{background:0 0;border-color:#0000;max-width:280px;margin-left:-8px;padding:4px 8px;font-weight:600}input.layer-name:hover,input.layer-name:focus{border-color:var(--line);background:var(--surface)}.swatch-pick{cursor:pointer;border-radius:50%;display:inline-flex}.swatch-pick:focus-within{outline:2px solid var(--primary);outline-offset:2px}.importer-split{grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);align-items:start;gap:18px;display:grid}.art-preview{aspect-ratio:4/3;border-radius:18px;position:relative;overflow:hidden}.art-preview .cloth{position:absolute;inset:0}.cw-edit{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:8px 0;display:flex}.cw-edit .look-thumb{border-radius:14px}.cw-edit>.stack{flex:1;gap:6px}.cw-colors{flex-wrap:wrap;gap:6px;display:flex}.upload-list li{justify-content:flex-start}.upload-list li>span:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.upload-list .look-thumb,.sessions .look-thumb{border-radius:12px;flex-shrink:0}@media (width<=760px){.ink-row{grid-template-columns:56px minmax(0,1fr) auto}.ink-row select,.ink-row .btn{grid-column:2/-1}.importer-split{grid-template-columns:1fr}}.catalog-card[draggable=true]{cursor:grab}.catalog-card.is-dragging{opacity:.45}.catalog-card.is-over{outline:2px dashed var(--primary);outline-offset:3px}.catalog-pic .grip{color:#444;background:#ffffffd9;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:10px;left:10px}.catalog-card .spec-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.catalog-actions .row-actions{gap:2px}.figures-wrap{flex-direction:column;gap:4px;display:flex}.figures{background:var(--sunken);border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:4px 0 0;padding:8px 10px;display:grid}.figures div{flex-direction:column;min-width:0;display:flex}.figures dt{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.figures dd{font-family:var(--font-mono,ui-monospace, monospace);font-size:var(--fs-sm);white-space:nowrap;margin:0}.design-options{flex-direction:column;gap:10px;width:260px;display:flex}.design-options .switch-row{border:0;padding:0}.sample-offer{border:0;flex-direction:column;gap:6px;margin:0;padding:0;display:flex}.check-row{font-size:var(--fs-sm);align-items:center;gap:8px;display:flex}.check-row input{width:auto}.activity li{border-bottom:1px solid var(--line);grid-template-columns:110px minmax(0,1fr) auto;align-items:baseline;gap:12px;padding:9px 0;display:grid}select.inline-select{min-width:180px;width:auto!important}.cloth-table tr.is-off td:not(:first-child),.import-preview tr.is-off td{opacity:.5}.cloth-table .switch{flex-shrink:0}.cloth-table td:nth-child(12),.cloth-table td:nth-child(4){white-space:nowrap}.cloth-form{grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);align-items:start;gap:22px;display:grid}.suit-grid th[scope=row]{font-weight:600;font-size:var(--fs-sm);color:var(--text);border-bottom:1px solid var(--line)}.suit-cell{white-space:nowrap}.suit-cell svg{vertical-align:-2px;margin-right:3px}.suit-cell.is-good svg{color:var(--ok)}.suit-cell.is-check svg{color:var(--warn)}.suit-cell.is-no{color:var(--text-2)}.suit-cell.is-no svg,.text-bad{color:var(--danger)}.import-preview{max-height:260px;overflow:auto}.stock-cell{align-items:center;gap:10px;display:flex}.stock-cell>span{flex-direction:column;display:flex}.stock-cell .look-thumb{border-radius:8px}.yard-cell{align-items:center;gap:8px;display:inline-flex}input.yard-input{text-align:right;padding:4px 8px;width:84px!important}.stock-flag{background:color-mix(in oklab, var(--warn) 18%, transparent);border-radius:99px;padding:2px 7px;font-size:11px;font-weight:600}.stock-flag.is-out{background:color-mix(in oklab, var(--danger) 16%, transparent)}.stock-form{grid-template-columns:140px minmax(0,1fr);align-items:start;gap:16px;margin-bottom:12px;display:grid}.stock-form .look-thumb{border-radius:14px}@media (width<=760px){.cloth-form,.stock-form{grid-template-columns:1fr}}.policy-table input{padding:4px 8px}input.num-input{text-align:right;width:84px!important}.policy-table tr.is-off td:not(:first-child){opacity:.5}.collection-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;display:grid}.collection-card{border:1px solid var(--line);border-radius:18px;padding:12px 14px}.collection-card header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;display:flex}.collection-card header .switch-row{border:0;gap:10px;padding:0}input.collection-name{font-family:var(--font-display,inherit);font-size:1.15rem}.collection-designs li{border-top:1px solid var(--line);grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 0;display:grid}.collection-designs .look-thumb{border-radius:10px}.collection-designs select.inline-select{min-width:0;max-width:150px}.inline-new{align-items:center;gap:6px;display:inline-flex}.inline-new input{min-width:140px}.drop-list li{gap:14px}.drop-list li.is-past{opacity:.7}.drop-thumbs{margin-left:auto;display:flex}.drop-thumbs .look-thumb{box-shadow:0 0 0 2px var(--surface);border-radius:50%;margin-left:-8px}.drop-pick{flex-direction:column;gap:6px;max-height:240px;display:flex;overflow:auto}.drop-pick .look-thumb{border-radius:6px}.row-actions.wrap{flex-wrap:wrap}.approve-chip{place-items:center;display:grid}.approve-chip.is-off{opacity:.28;filter:saturate(.6)}.approve-chip.is-off:hover{opacity:.7}.team-card .panel-body,.team-card{flex-direction:column;gap:10px;display:flex}.team-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.team-who{flex-direction:column;flex:1;min-width:180px;display:flex}.territory{flex-direction:column;gap:6px;display:flex}.territory .field-label{align-items:center;gap:5px;display:inline-flex}select.state-add{min-width:130px;height:30px;padding:0 8px}.access-bar{border-radius:16px;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 12px;display:flex}.access-bar .spacer{flex:1}.req-pick{flex-shrink:0;width:18px;height:18px}.req-card.is-picked{outline:2px solid var(--primary);outline-offset:-2px}.due{white-space:nowrap;color:var(--text-2);background:var(--sunken);border-radius:99px;padding:3px 9px;font-size:12px;font-weight:600}.due.is-today{color:color-mix(in oklab, var(--warn) 80%, var(--text));background:color-mix(in oklab, var(--warn) 14%, transparent)}.due.is-late{color:var(--danger);background:color-mix(in oklab, var(--danger) 12%, transparent)}.sheet-actions{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.sheet-actions .switch-row{border:0;flex:1;padding:0}.job-board{grid-template-columns:repeat(6,minmax(210px,1fr));align-items:start;gap:12px;padding-bottom:8px;display:grid;overflow-x:auto}.job-col{background:color-mix(in oklab, var(--surface) 70%, transparent);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:10px;min-height:120px;padding:10px;display:flex}.job-col>header{justify-content:space-between;align-items:center;padding:2px 4px;display:flex}.job-col.col-assign>header strong{color:color-mix(in oklab, var(--warn) 80%, var(--text))}.job-card{border-radius:14px;flex-direction:column;gap:8px;padding:10px;display:flex}.job-top{align-items:center;gap:10px;display:flex}.job-top .look-thumb{border-radius:10px;flex-shrink:0}.job-text{flex-direction:column;min-width:0;display:flex}select.job-printer{min-width:0;height:32px;font-size:var(--fs-sm);width:100%!important}.job-actions{justify-content:space-between;align-items:center;gap:6px;display:flex}.proof-rows{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.proof-row{grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.proof-row>span{flex-direction:column;display:flex}.printer-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;display:grid}.printer-card.is-off{opacity:.6}.printer-head{align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.printer-head>span{flex-direction:column;flex:1;display:flex}.chip.is-static{cursor:default}.printer-add{border:1.5px dashed var(--line);min-height:140px;color:var(--text-2);border-radius:24px;justify-content:center;align-items:center;gap:8px;font-weight:600;display:flex}.printer-add:hover{border-color:var(--primary);color:var(--primary)}.order-jobs{flex-direction:column;gap:6px;margin:6px 0;display:flex}.order-jobs li{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.order-jobs .look-thumb{border-radius:8px}.proof-answer{align-items:center;gap:6px;margin-left:auto;display:inline-flex}.proof-answer input{width:200px;height:32px}.stack.tight{gap:6px}.pre{white-space:pre-line}.logo-row{align-items:flex-start;gap:16px;display:flex}.logo-box{border:1px solid var(--line);text-align:center;border-radius:20px;flex-shrink:0;place-items:center;width:132px;height:132px;padding:14px;display:grid}.logo-box img{object-fit:contain;max-width:100%;max-height:100%}.logo-suggest{background:var(--sunken);border-radius:16px;flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;display:flex}.logo-suggest .field-label{align-items:center;gap:5px;margin:0;display:inline-flex}.suggest-swatches{gap:12px;display:flex}.suggest-role{flex-direction:column;align-items:center;gap:3px;display:flex}.btn-studio,.post-maker{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:22px;display:grid}.btn-preview{border:1px solid var(--line);border-radius:16px;place-items:center;min-height:96px;display:grid}.btn-preview.light{background:#fff}.btn-preview.dark{background:#1c1d1f}textarea.snippet{word-break:break-all;font-size:11.5px}.post-canvas{border-radius:18px;justify-self:center;width:100%;box-shadow:0 10px 30px #0000001f}.post-canvas.is-story{width:auto;max-height:640px}.domain-list{flex-direction:column;gap:12px;margin:10px 0 14px;display:flex}.domain-list li{border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.domain-head{align-items:center;gap:10px;display:flex}.domain-head .spacer{flex:1}.mail-preview{border:1px solid var(--line);background:var(--surface);border-top:4px solid;border-radius:12px;margin:12px 0;padding:12px 16px}.mail-preview p{margin:4px 0}.sent-list li{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.2fr) minmax(0,2fr) auto;gap:10px;padding:6px 0;display:grid}.sent-list li>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=900px){.btn-studio,.post-maker{grid-template-columns:1fr}}.touch-only{display:none}@media (pointer:coarse){.touch-only{display:block}.lib-chip{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}.bottom-tabs{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:40;border-radius:22px;justify-content:space-around;padding:6px;display:flex;position:fixed}.bottom-tabs button{min-width:56px;color:var(--text-2);border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;font-size:11px;font-weight:600;display:flex;position:relative}.bottom-tabs button[aria-current=page]{color:var(--primary);background:var(--primary-soft)}.bottom-tabs .nav-badge{position:absolute;top:2px;right:8px}.app-page:has(.bottom-tabs) .page-main{padding-bottom:110px}.tour-card{border-radius:18px;align-items:center;gap:14px;margin-bottom:16px;padding:12px 16px;display:flex}.tour-card>span{flex-direction:column;flex:1;display:flex}.tour-card>svg{color:var(--primary)}.phone-shown{white-space:nowrap}.billing-grid{grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);align-items:start;gap:18px;display:grid}.plan-price{margin:0 0 12px}.plan-price strong{font-size:2.4rem}.pay-methods{flex-direction:column;gap:8px;display:flex}.pay-method{text-align:left;border:1px solid var(--line);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.pay-method>span{flex-direction:column;display:flex}.pay-method.is-on{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.pay-method:disabled{opacity:.7}.stop-list{flex-direction:column;gap:8px;margin:10px 0 16px;padding-left:18px;list-style:outside;display:flex}.onb-sample{align-items:center;gap:12px;display:flex}.onb-sample .switch-row{flex:1}.agreement-box{border:1px solid var(--line);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.agreement-box>span{flex-direction:column;flex:1;display:flex}.agreement-banner{z-index:60;border:1px solid color-mix(in oklab, var(--warn) 45%, var(--line));border-radius:16px;flex-wrap:wrap;align-items:center;gap:10px;max-width:min(560px,100% - 32px);padding:12px 14px;display:flex;position:fixed;bottom:16px;right:16px;box-shadow:0 10px 30px #0000001f}.agreement-banner>span{flex:1}.legal-text h3{margin:14px 0 4px;font-size:1rem}.join-line{text-align:center;margin:10px 0 0}.tabs-inline{background:var(--sunken);border-radius:99px;gap:4px;margin-bottom:10px;padding:3px;display:inline-flex}.tabs-inline button{font-weight:600;font-size:var(--fs-sm);color:var(--text-2);border-radius:99px;padding:6px 14px}.tabs-inline button[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #00000014}@media (width<=900px){.billing-grid{grid-template-columns:1fr}}.admin{grid-template-columns:230px minmax(0,1fr);align-items:start;gap:18px;display:grid}.admin-nav{border-radius:20px;flex-direction:column;gap:2px;padding:8px;display:flex;position:sticky;top:96px}.admin-nav button{text-align:left;font-weight:600;font-size:var(--fs-sm);color:var(--text-2);border-radius:12px;align-items:center;gap:10px;padding:9px 12px;display:flex}.admin-nav button[aria-current=page]{background:var(--primary-fill);color:var(--on-primary)}.admin-nav .nav-badge{margin-left:auto}.admin-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.vendor-detail{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.feature-group{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.feedback-list{flex-direction:column;gap:4px;font-style:italic;display:flex}.sessions li.is-past{opacity:.6}.viewing-as{z-index:90;color:#fff;background:#16181a;border-radius:99px;align-items:center;gap:8px;padding:8px 10px 8px 16px;display:flex;position:fixed;top:78px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000004d}.viewing-as .icon-btn,.viewing-as button{color:#16181a!important;background:#fff!important;border-radius:99px!important;width:auto!important;padding:0 12px!important}@media (width<=900px){.admin{grid-template-columns:1fr}.admin-nav{flex-direction:row;position:static;overflow-x:auto}.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.demo-bar{z-index:110;color:#fff;background:#16181a;border-radius:18px;flex-wrap:wrap;align-items:center;gap:8px;max-width:calc(100% - 32px);padding:8px 10px 8px 16px;display:flex;position:fixed;bottom:16px;left:16px;box-shadow:0 10px 30px #0000004d}.demo-bar>button,.demo-feedback button{color:#16181a;font-weight:600;font-size:var(--fs-sm);background:#fff;border-radius:99px;padding:6px 12px}.demo-feedback{width:340px;color:var(--text);border-radius:16px;flex-direction:column;gap:8px;padding:12px;display:flex;position:absolute;bottom:calc(100% + 8px);left:0}.demo-path ol{flex-direction:column;gap:4px;margin:6px 0 0;display:flex}.demo-path li{font-size:var(--fs-sm);align-items:center;gap:6px;display:flex}.demo-path li.is-done{color:var(--text-2);text-decoration:line-through}.demo-path li svg{color:var(--ok)}.demo-path .dot{border:1.5px solid var(--text-3,var(--line));border-radius:50%;width:8px;height:8px;display:inline-block}.site{background:var(--paper,#f4f2ee);min-height:100%}.site-top{z-index:30;border-radius:99px;align-items:center;gap:16px;max-width:1180px;margin:12px auto 0;padding:8px 10px 8px 16px;display:flex;position:sticky;top:12px}.site-brand{font-family:var(--font-display);align-items:center;gap:8px;font-size:1.15rem;display:inline-flex}.site-top nav{flex:1;justify-content:center;gap:2px;display:flex}.site-top nav button{font-weight:600;font-size:var(--fs-sm);color:var(--text-2);border-radius:99px;padding:7px 14px}.site-top nav button[aria-current=page]{background:var(--primary-soft);color:var(--text)}.site-actions{gap:6px;display:inline-flex}.site-main{max-width:1180px;margin:0 auto;padding:18px 20px 40px}.site-hero{border-radius:32px;align-items:flex-end;min-height:560px;margin-top:6px;display:flex;position:relative;overflow:hidden}.site-hero .cloth{position:absolute;inset:0}.site-hero-scrim{background:linear-gradient(#0000 25%,#0000008c);position:absolute;inset:0}.site-hero-text{color:#fff;max-width:720px;padding:44px;position:relative}.site-hero-text h1{font-family:var(--font-display);letter-spacing:-.02em;margin:6px 0 12px;font-size:clamp(2.4rem,5vw,4.2rem);font-weight:400;line-height:1.02}.site-hero-text .welcome-lede{color:#ffffffe0;margin-bottom:18px}.site-section{margin:56px 0}.site-section>h2,.site-section>h1{font-family:var(--font-display);margin:0 0 14px;font-size:2.2rem;font-weight:400}.site-shots{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.site-shots figure{margin:0}.site-shots .cloth{aspect-ratio:4/3;border-radius:22px;position:relative;overflow:hidden}.site-shots figcaption{font-size:var(--fs-sm);color:var(--text-2);margin-top:10px}.site-vendors{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:14px;display:grid}.site-vendor{text-align:left;border-radius:24px;flex-direction:column;display:flex;overflow:hidden}.site-vendor .look-thumb{aspect-ratio:16/10;border-radius:0;width:100%;height:auto}.site-vendor-name{align-items:center;gap:10px;padding:12px 14px;display:flex}.site-vendor-name>span{flex-direction:column;flex:1;display:flex}.site-quote{text-align:center;max-width:820px;margin:64px auto}.site-quote p{font-family:var(--font-display);margin:0 0 10px;font-size:1.8rem;line-height:1.3}.site-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.site-feature{border-radius:22px;padding:20px}.site-feature h3{margin:0 0 6px;font-size:1.05rem}.site-feature p{color:var(--text-2);font-size:var(--fs-sm);margin:0}.price-cards{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:16px;display:grid}.price-card{border-radius:26px;flex-direction:column;gap:10px;padding:26px;display:flex}.price-card.is-featured{box-shadow:inset 0 0 0 2px var(--primary)}.price-card .price{font-size:3rem}.checks{flex-direction:column;gap:6px;display:flex}.checks li{align-items:center;gap:8px;display:flex}.checks svg{color:var(--ok)}.site-steps{flex-direction:column;gap:10px;margin:10px 0 22px;display:flex}.site-steps li{border-radius:20px;align-items:center;gap:16px;padding:16px 20px;display:flex}.site-steps .step-n{width:40px;color:var(--primary);font-size:2rem}.site-steps p{margin:2px 0 0}.site-apply{max-width:720px}.site-foot{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:18px;max-width:1180px;margin:0 auto;padding:26px 20px 60px;display:flex}.site-foot>span:first-child{font-family:var(--font-display);align-items:center;gap:8px;display:inline-flex}.site-foot-links{flex:1;gap:12px;display:flex}.is-editable{outline:1.5px dashed color-mix(in oklab, var(--primary) 60%, transparent);outline-offset:3px;cursor:text;border-radius:4px}.is-editable:focus{outline-style:solid}.viewing-as.edit-bar{top:auto;bottom:18px}.edit-bar button{color:#fff;font-weight:600;font-size:var(--fs-sm);background:#ffffff26;border-radius:99px;align-items:center;gap:5px;padding:5px 10px;display:inline-flex}.edit-bar button[aria-pressed=true]{color:#16181a;background:#fff}.made-with{margin:10px auto 0;display:block}[data-size=compact] .site-top nav{display:none}[data-size=compact] .site-shots,[data-size=compact] .site-features,[data-size=compact] .price-cards{grid-template-columns:1fr}[data-size=compact] .site-hero{min-height:440px}[data-size=compact] .site-hero-text{padding:24px}.site-hero-text .btn:not(.btn-primary){color:var(--text)}.site-brand{white-space:nowrap}[data-size=compact] .site-hero-text h1{font-size:2.3rem}[data-size=compact] .site-brand{font-size:1rem}[data-size=compact] .site-top{gap:8px;margin:8px 8px 0}[data-size=compact] .site-quote p{font-size:1.35rem}input.finder-url{flex:1;min-width:260px}.teach{grid-template-columns:minmax(260px,340px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.teach-frame{border:1px solid var(--line);background:#fff;border-radius:16px;width:100%;height:560px}.teach-fields{flex-wrap:wrap;gap:6px;display:flex}.chip.is-taught:not(.is-active){border-color:var(--ok);color:var(--ok)}.finder-thumb{border-radius:6px;width:36px;height:36px;display:block}.progress{background:var(--sunken);border-radius:99px;height:10px;overflow:hidden}.progress>span{background:var(--primary-fill);height:100%;transition:width .2s;display:block}.nightly{border-top:1px solid var(--line);flex-direction:column;gap:8px;margin-top:18px;padding-top:14px;display:flex}.price-change{align-items:center;gap:8px;display:flex}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){.teach{grid-template-columns:1fr}}.rules-table th[scope=row]{white-space:nowrap;font-weight:600}.rules-table select{min-width:120px;width:auto!important}.coverage td{font-family:var(--font-mono,monospace)}.coverage td.cov-none{background:color-mix(in oklab, var(--danger) 14%, transparent);color:var(--danger);font-weight:700}.coverage td.cov-thin{background:color-mix(in oklab, var(--warn) 14%, transparent)}.trend-queue{flex-direction:column;gap:8px;display:flex}.trend-queue li{border-radius:16px;grid-template-columns:220px minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 12px;display:grid}.trend-queue li>span:nth-child(2){flex-direction:column;display:flex}.house-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;display:grid}.catalog-card.is-sample{box-shadow:inset 0 0 0 2px var(--primary)}.cw-edit.is-hidden{opacity:.45}.dir-search{border-radius:16px;align-items:center;gap:10px;margin-bottom:10px;padding:8px 12px;display:flex}.dir-search input[type=search]{flex:1}.finish-list{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.finish-list .chip .icon-btn{width:18px!important;height:18px!important}.move-steps{flex-direction:column;gap:6px;padding-left:18px;list-style:decimal;display:flex}.viewing-as .rec{font-weight:600;font-size:var(--fs-sm);color:#fff!important;background:#ffffff26!important;padding:5px 12px!important}.viewing-as .rec.is-on{background:#c0392b!important}.rec-save{width:340px;color:var(--text);border-radius:16px;flex-direction:column;gap:8px;padding:12px;display:flex;position:absolute;top:calc(100% + 8px);left:0}.rec-save button{background:var(--sunken)!important;color:var(--text)!important;padding:5px 12px!important}.walkthroughs{flex-direction:column;align-items:flex-start;gap:4px;margin:12px 0;display:flex}