.sku-config{--sku-surface: #fff;--sku-head: #f7f8fa;--sku-column-head: var(--hj-info-1, #f2f3f5);--sku-column-text: var(--hj-info-7, #4e5969);--sku-hover: #fafbfc;--sku-selected: #f3f7ff;--sku-border: #e5e6eb;--sku-divider: #f2f3f5;--sku-control: #c9cdd4;--sku-text: #1d2129;--sku-text-3: var(--hj-info-6, #86909c);--sku-primary: var(--hj-primary-6, #3471ff);--sku-primary-1: var(--hj-primary-1, #e8f3ff);--sku-primary-2: var(--hj-primary-2, #bedaff);--sku-warning: var(--hj-warning-6, #ff7d00);--sku-warning-1: var(--hj-warning-1, #fff7e8);--sku-warning-7: var(--hj-warning-7, #d25f00);--sku-ease: cubic-bezier(.16,1,.3,1);--sku-h: 28px;--sku-row-h: 36px;--sku-cols: minmax(0,240px) minmax(0,160px) minmax(0,160px) 24px;color:var(--sku-text);font-size:12px;font-weight:400;line-height:18px;font-variant-numeric:tabular-nums;min-width:0}.sku-config label,.sku-config button,.sku-config input,.sku-config select{font-size:12px;font-weight:400;line-height:18px}.sku-config button{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:var(--sku-h);padding:0 12px;border-radius:var(--radius);background:var(--sku-surface);color:var(--sku-text);box-shadow:inset 0 0 0 1px var(--sku-border);white-space:nowrap;transition:background-color .15s var(--sku-ease),color .15s var(--sku-ease),box-shadow .15s var(--sku-ease)}.sku-config button:not(:disabled):hover{color:var(--sku-primary);box-shadow:inset 0 0 0 1px var(--sku-primary-2)}.sku-config button:disabled,.sku-config select:disabled{cursor:not-allowed;opacity:.5}.sku-config .sku-primary{color:#fff;background:var(--sku-primary);box-shadow:none}.sku-config .sku-primary:not(:disabled):hover{color:#fff;background:var(--hj-primary-3, #4080ff);box-shadow:none}.sku-config .sku-primary:disabled{opacity:1;background:var(--hj-primary-disabled, #94bfff)}.sku-config button[data-modal-close],.sku-config button[data-modal-close]:hover{height:auto;padding:0;background:transparent;box-shadow:none;color:inherit}.sku-section-heading{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-bottom:4px}.sku-section-heading>strong{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:700;line-height:16px;color:var(--color-gray-500, #6b7280)}.sku-count{color:var(--sku-text-3)}.sku-count b{color:var(--sku-text);font-weight:600}.sku-section-heading>button{margin-left:auto}.sku-role{display:inline-flex;flex-shrink:0;align-items:center;height:18px;padding:0 6px;border-radius:var(--radius);white-space:nowrap;font-size:11px;color:var(--sku-text);background:var(--sku-head);box-shadow:inset 0 0 0 1px var(--sku-border)}.sku-role[data-role=baseline]{color:var(--sku-primary);background:var(--sku-primary-1);box-shadow:inset 0 0 0 1px var(--sku-primary-2)}.sku-config input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;flex:none;display:block;width:16px;height:16px;margin:0;border:1px solid var(--sku-control);border-radius:var(--radius);background:var(--sku-surface) center / 12px 12px no-repeat;cursor:pointer;transition:background-color .15s var(--sku-ease),border-color .15s var(--sku-ease)}.sku-config input[type=checkbox]:hover:not(:disabled){border-color:var(--sku-primary)}.sku-config input[type=checkbox]:checked{border-color:var(--sku-primary);background-color:var(--sku-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.6 6.2 5 8.5l4.4-4.9' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.sku-config input[type=checkbox]:disabled{cursor:not-allowed;background-color:var(--sku-head);border-color:var(--sku-border)}.sku-config input[type=checkbox]:focus-visible{outline:2px solid var(--sku-primary-2);outline-offset:1px}.sku-selection-hint{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;margin-bottom:8px;color:var(--sku-text-3)}.sku-selection-list{border:1px solid var(--sku-border);border-radius:var(--radius);overflow:hidden;background:var(--sku-surface)}.sku-selection-list>.sku-choice+.sku-choice{border-top:1px solid var(--sku-divider)}.sku-selection-list>.sku-choice{display:flex;align-items:center;gap:8px;min-height:var(--sku-row-h);padding:0 12px;cursor:pointer;transition:background-color .15s var(--sku-ease)}.sku-selection-list>.sku-choice:hover{background:var(--sku-hover)}.sku-selection-list>.sku-choice[data-selected=true]{background:var(--sku-selected)}.sku-selection-sku{flex:1;display:inline-grid;min-width:0;font-size:12px}.sku-selection-sku>span,.sku-selection-sku:after{grid-area:1 / 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sku-selection-sku:after{content:attr(data-text);font-weight:500;visibility:hidden;height:0}.sku-selection-list>.sku-choice[data-selected=true] .sku-selection-sku>span{font-weight:500}.sku-selection-tag{flex:none;color:var(--sku-primary);visibility:hidden}.sku-selection-list>.sku-choice[data-selected=true] .sku-selection-tag{visibility:visible}.sku-baseline-selection>footer{display:flex;align-items:center;gap:8px;margin-top:8px}.sku-baseline-selection>footer>span{margin-right:auto;color:var(--sku-text-3)}.sku-configured{border:1px solid var(--sku-border);border-radius:var(--radius);overflow:hidden;background:var(--sku-surface)}.sku-baseline-card{background:var(--sku-surface)}.sku-baseline-card+.sku-baseline-card{border-top:1px solid var(--sku-divider)}.sku-row{display:grid;grid-template-columns:var(--sku-cols) minmax(0,1fr);align-items:center;column-gap:8px;padding:0 12px}.sku-row>*{min-width:0}.sku-card-heading{min-height:var(--sku-row-h);padding-top:4px;padding-bottom:4px;align-items:start}.sku-card-heading{background:var(--sku-surface)}.sku-name{display:flex;align-items:center;gap:8px}.sku-card-heading>.sku-name{min-height:var(--sku-h)}.sku-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500}.sku-brand{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;justify-self:start;max-width:100%;white-space:nowrap;color:var(--sku-text-3)}.sku-brand-field{display:flex;align-items:center;gap:8px;max-width:100%;min-width:0}.sku-config .sku-inline-followers{height:var(--sku-h);padding:0 8px;color:var(--sku-primary);background:var(--sku-surface);box-shadow:none;border:1px dashed var(--sku-primary-2)}.sku-config .sku-inline-followers:not(:disabled):hover{background:var(--sku-primary-1);box-shadow:none}.sku-brand select,.sku-size input{height:var(--sku-h);padding:0 8px;border:1px solid var(--sku-control);border-radius:var(--radius);background:var(--sku-surface);color:var(--sku-text);max-width:100%;min-width:0;transition:border-color .15s var(--sku-ease)}.sku-brand select:hover:not(:disabled),.sku-size input:hover{border-color:var(--sku-primary)}.sku-brand select:focus,.sku-size input:focus{outline:none;border-color:var(--sku-primary);box-shadow:0 0 0 2px var(--sku-primary-1)}.sku-brand select{width:128px}.sku-brand-label{display:none}.sku-color>.relative{width:100%}.sku-color>.relative>div:first-child{height:var(--sku-h);border-color:var(--sku-control)}.sku-color>.relative>div:first-child>span,.sku-color>.relative>div:first-child>input{font-size:12px;font-weight:400;line-height:18px}.sku-color>.relative>div:first-child>svg{width:14px;height:14px}.sku-color>.relative>div:first-child:hover{border-color:var(--sku-primary)}.sku-size input{width:100%}.sku-size input::placeholder{color:var(--sku-text-3)}.sku-size input[data-missing=true]{border-color:var(--sku-warning);background:var(--sku-warning-1)}.sku-size-meta{display:flex;flex-direction:column;gap:2px;padding-top:2px;color:var(--sku-text-3);overflow-wrap:anywhere}.sku-size-conflict{color:var(--sku-warning-7)}.sku-value{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:var(--sku-h)}.sku-table-head{height:32px;background:var(--sku-column-head);border-bottom:1px solid var(--sku-border);color:var(--sku-column-text);font-weight:500}.sku-followers{display:flex;flex-direction:column;gap:8px;padding:8px 0}.sku-follower{position:relative;align-items:start}.sku-follower:before{content:"";position:absolute;left:18px;top:-8px;width:10px;height:calc(var(--sku-h) / 2 + 8px);border-left:1px solid var(--sku-control);border-bottom:1px solid var(--sku-control);border-bottom-left-radius:var(--radius)}.sku-follower:has(+.sku-follower):after{content:"";position:absolute;left:18px;top:calc(var(--sku-h) / 2);height:calc(100% - var(--sku-h) / 2 + 8px);border-left:1px solid var(--sku-control)}.sku-follower>.sku-chip{margin-left:20px}.sku-chip{display:block;height:var(--sku-h);padding:0 8px;line-height:var(--sku-h);border-radius:var(--radius);background:var(--sku-head);color:var(--sku-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sku-config .sku-remove{width:24px;height:24px;padding:0;box-shadow:none;color:var(--sku-text-3)}.sku-config .sku-remove:not(:disabled):hover{color:var(--hj-danger-6, #f53f3f);background:var(--hj-danger-1, #ffece8);box-shadow:none}.sku-picker{max-width:min(520px,calc(100vw - 24px))}.sku-picker-all{font-weight:400;display:flex;align-items:center;gap:12px;height:36px;padding:0 16px;border:1px solid var(--sku-border);border-bottom:0;border-radius:var(--radius) var(--radius) 0 0;background:var(--sku-head);color:var(--sku-text);cursor:pointer}.sku-picker-all>span{margin-left:auto;color:var(--sku-text-3)}.sku-picker-list{max-height:50vh;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--sku-border);border-radius:0 0 var(--radius) var(--radius)}.sku-picker-list>*+*{border-top:1px solid var(--sku-divider)}.sku-picker-list>.sku-choice{display:flex;align-items:center;gap:12px;min-height:var(--sku-row-h);padding:0 16px;cursor:pointer;transition:background-color .15s var(--sku-ease)}.sku-picker-list>.sku-choice:hover{background:var(--sku-hover)}.sku-picker-list>.sku-choice[data-occupied=true]{color:var(--sku-text-3);cursor:not-allowed;background:var(--sku-surface)}.sku-picker-list>.sku-choice>span{flex:1;font-weight:400;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.sku-picker-list>.sku-choice>small{flex:none;font-size:12px;color:var(--sku-text-3)}.sku-picker-list>p{margin:0;padding:16px;color:var(--sku-text-3)}section.sku-config{container-type:inline-size}@container (min-width: 561px) and (max-width: 860px){.sku-row{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) 24px minmax(128px,1fr)}.sku-brand{gap:4px}.sku-brand select{width:100%}}@container (max-width: 560px){.sku-brand-label{display:inline}.sku-table-head{display:none}.sku-row{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr) 24px;row-gap:8px}.sku-card-heading>.sku-name{grid-column:1 / -1}.sku-card-heading>.sku-brand{grid-row:2;grid-column:1;justify-self:stretch}.sku-card-heading>.sku-brand select{width:100%}.sku-card-heading>.sku-color{grid-row:2;grid-column:2}.sku-card-heading>.sku-size{grid-row:2;grid-column:3}.sku-card-heading>.sku-slot{display:none}}@container (max-width: 400px){.sku-card-heading{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 24px}.sku-card-heading>.sku-color{grid-row:2;grid-column:1}.sku-card-heading>.sku-size{grid-row:2;grid-column:2}.sku-card-heading>.sku-brand{grid-row:3;grid-column:1 / 3}.sku-follower{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 24px;row-gap:4px}.sku-follower>.sku-chip{grid-column:1 / -1}.sku-follower+.sku-follower{padding-top:8px;border-top:1px solid var(--sku-divider)}.sku-follower:before{content:none}.sku-follower:has(+.sku-follower):after{content:none}.sku-follower>.sku-chip{margin-left:0}}@media(prefers-reduced-motion:reduce){.sku-config *,.sku-config *:before{transition:none!important;animation:none!important}}