:root,:host,s-page,body,.dash-container,.settings-page-wrapper,.products-container{--color-primary-50: #EAF1FB;--color-primary-100: #D1DFF7;--color-primary-200: #A0BCEF;--color-primary-300: #7298E8;--color-primary-400: #4773E0;--color-primary-500: #1F4FD8;--color-primary-600: #1035B9;--color-primary-700: #0724A0;--color-primary-800: #000B63;--color-primary-900: #00043C;--color-neutral-50: #F6F7FB;--color-neutral-100: #ECEEF4;--color-neutral-200: #DCDFE6;--color-neutral-300: #C7C9D1;--color-neutral-400: #9A9DA6;--color-neutral-500: #797C85;--color-neutral-600: #5A5D66;--color-neutral-700: #41444C;--color-neutral-800: #2C2F37;--color-neutral-900: #1B1E24;--bg: var(--color-neutral-50, #F6F7FB);--surface: #FFFFFF;--surface-sunken: var(--color-neutral-100, #ECEEF4);--surface-raised: #FFFFFF;--border: var(--color-neutral-200, #DCDFE6);--border-strong: var(--color-neutral-500, #797C85);--text: var(--color-neutral-900, #1B1E24);--text-muted: var(--color-neutral-600, #5A5D66);--text-on-primary: #FFFFFF;--primary: var(--color-primary-500, #1F4FD8);--primary-hover: var(--color-primary-600, #1035B9);--primary-active: var(--color-primary-700, #0724A0);--primary-tint: var(--color-primary-50, #EAF1FB);--primary-tint-strong: var(--color-primary-100, #D1DFF7);--focus-ring: var(--color-primary-400, #4773E0);--success-bg: #EDFBF5;--success-text: #1C8246;--success-solid: #2C9E61;--warning-bg: #FBF7E9;--warning-text: #9B5300;--warning-solid: #C67501;--danger-bg: #FBEFEB;--danger-text: #B41F1C;--danger-solid: #E26456;--info-bg: #ECF5FB;--info-text: #2361B8;--info-solid: #3887E0;--metal-swatch-yellow-bg: radial-gradient(at 30% 22%, rgb(255, 252, 224) 0%, rgba(255, 230, 80, .7) 26%, transparent 52%), radial-gradient(at 72% 78%, rgba(180, 110, 0, .5) 0%, transparent 38%), linear-gradient(148deg, rgb(238, 200, 48) 0%, rgb(168, 112, 0) 28%, rgb(232, 191, 32) 46%, rgb(138, 96, 0) 63%, rgb(212, 164, 32) 80%, rgb(168, 120, 16) 100%);--metal-swatch-yellow-shadow: rgba(255, 255, 255, .6) 0px 1px 2px inset, rgba(0, 0, 0, .2) 0px -1px 2px inset, rgba(10, 11, 13, .13) 0px 0px 0px 1px inset;--metal-swatch-white-bg: radial-gradient(at 30% 22%, rgb(255, 255, 255) 0%, rgba(205, 205, 205, .7) 26%, transparent 52%), radial-gradient(at 72% 78%, rgba(110, 110, 110, .4) 0%, transparent 38%), linear-gradient(148deg, rgb(224, 224, 224) 0%, rgb(136, 136, 136) 28%, rgb(210, 210, 210) 46%, rgb(112, 112, 112) 63%, rgb(202, 202, 202) 80%, rgb(144, 144, 144) 100%);--metal-swatch-white-shadow: rgba(255, 255, 255, .6) 0px 1px 2px inset, rgba(0, 0, 0, .2) 0px -1px 2px inset, rgba(10, 11, 13, .13) 0px 0px 0px 1px inset;--metal-swatch-rose-bg: radial-gradient(at 30% 22%, rgb(255, 238, 230) 0%, rgba(238, 170, 140, .7) 26%, transparent 52%), radial-gradient(at 72% 78%, rgba(160, 75, 45, .45) 0%, transparent 38%), linear-gradient(148deg, rgb(232, 156, 106) 0%, rgb(160, 76, 48) 28%, rgb(220, 142, 90) 46%, rgb(136, 64, 40) 63%, rgb(200, 112, 80) 80%, rgb(160, 80, 56) 100%);--metal-swatch-rose-shadow: rgba(255, 255, 255, .6) 0px 1px 2px inset, rgba(0, 0, 0, .2) 0px -1px 2px inset, rgba(10, 11, 13, .13) 0px 0px 0px 1px inset;--metal-swatch-platinum-bg: radial-gradient(at 30% 22%, rgb(255, 255, 255) 0%, rgba(215, 217, 232, .7) 26%, transparent 52%), radial-gradient(at 72% 78%, rgba(130, 133, 160, .4) 0%, transparent 38%), linear-gradient(148deg, rgb(234, 234, 245) 0%, rgb(162, 164, 190) 28%, rgb(220, 220, 232) 46%, rgb(138, 140, 170) 63%, rgb(208, 208, 226) 80%, rgb(164, 166, 192) 100%);--metal-swatch-platinum-shadow: rgba(255, 255, 255, .6) 0px 1px 2px inset, rgba(0, 0, 0, .2) 0px -1px 2px inset, rgba(10, 11, 13, .13) 0px 0px 0px 1px inset;--spring: cubic-bezier(.32, .72, 0, 1);--ease: cubic-bezier(.32, .72, 0, 1)}[data-theme=dark]{--bg: #1B1E24;--surface: #2C2F37;--surface-sunken: #1B1E24;--surface-raised: #41444C;--border: #41444C;--border-strong: #797C85;--text: #F6F7FB;--text-muted: #9A9DA6;--text-on-primary: #1B1E24;--primary: #7298E8;--primary-hover: #85A8EB;--primary-active: #95B5EE;--primary-tint: #293557;--primary-tint-strong: #28396B;--focus-ring: #7298E8;--success-bg: #2C433F;--success-text: #72C79F;--success-solid: #2C9E61;--warning-bg: #504431;--warning-text: #F4B841;--warning-solid: #C67501;--danger-bg: #4C3136;--danger-text: #E98C7E;--danger-solid: #E26456;--info-bg: #2E3F55;--info-text: #83BBEC;--info-solid: #3887E0}@media(prefers-color-scheme:dark){:root:not([data-theme=light]),:host:not([data-theme=light]),s-page:not([data-theme=light]),body:not([data-theme=light]){--bg: #1B1E24;--surface: #2C2F37;--surface-sunken: #1B1E24;--surface-raised: #41444C;--border: #41444C;--border-strong: #797C85;--text: #F6F7FB;--text-muted: #9A9DA6;--text-on-primary: #1B1E24;--primary: #7298E8;--primary-hover: #85A8EB;--primary-active: #95B5EE;--primary-tint: #293557;--primary-tint-strong: #28396B;--focus-ring: #7298E8;--success-bg: #2C433F;--success-text: #72C79F;--success-solid: #2C9E61;--warning-bg: #504431;--warning-text: #F4B841;--warning-solid: #C67501;--danger-bg: #4C3136;--danger-text: #E98C7E;--danger-solid: #E26456;--info-bg: #2E3F55;--info-text: #83BBEC;--info-solid: #3887E0}}:root,:host,.msd-card{--msd-accent: var(--primary, #1F4FD8);--msd-accent-glow: 0 2px 8px rgba(31, 79, 216, .3);--msd-bg: var(--surface-sunken, #ECEEF4);--msd-text: var(--text, #1B1E24);--msd-muted: var(--text-muted, #5A5D66);--msd-chip-bg: var(--primary, #1F4FD8);--msd-chip-text: var(--text-on-primary, #FFFFFF);--msd-checkbox-bg: var(--surface, #FFFFFF);--msd-checkbox-border: var(--border-strong, #797C85);--msd-option-hover: var(--primary-tint, #EAF1FB);--msd-divider: var(--border, #DCDFE6)}.msd-card{width:100%}.msd-header{margin-bottom:12px}.msd-title{font-size:15px;font-weight:700;color:var(--msd-text, #1B1E24);margin:0 0 4px;line-height:1.3;letter-spacing:-.2px}.msd-desc{font-size:13px;color:var(--msd-muted, #5A5D66);margin:0;line-height:1.45}.msd-container{width:100%;border-radius:18px;min-height:52px;background:var(--msd-bg, #ECEEF4);border:none;box-sizing:border-box;padding:8px 14px;transition:box-shadow .2s ease,background-color .2s ease;position:relative}.msd-container:focus-within{box-shadow:0 0 0 2px var(--msd-accent, #1F4FD8)}.msd-trigger{width:100%;min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:transparent;border:none;padding:0;cursor:pointer;text-align:left;outline:none;color:inherit;font-family:inherit}.msd-trigger-content{display:flex;align-items:center;flex-wrap:wrap;gap:6px;flex:1;min-width:0}.msd-placeholder{font-size:14px;color:var(--msd-muted, #5A5D66);font-weight:400;-webkit-user-select:none;user-select:none}.msd-chip{display:inline-flex;align-items:center;gap:6px;background:var(--msd-chip-bg, #1F4FD8);color:var(--msd-chip-text, #FFFFFF);font-size:13px;font-weight:500;border-radius:12px;padding:4px 8px;box-shadow:var(--msd-accent-glow, 0 2px 8px rgba(31, 79, 216, .3));line-height:1;white-space:nowrap}.msd-chip-swatch-slot{width:10px;height:10px;border-radius:3px;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.msd-chip-swatch-slot .palette-swatch-badge,.msd-chip-swatch-slot .msd-swatch{width:10px;height:10px;border-radius:3px;border:none}.msd-chip-label{display:inline-block;line-height:1.2}.msd-chip-remove{background:transparent;border:none;color:inherit;font-size:14px;font-weight:600;line-height:1;cursor:pointer;padding:0;margin-left:2px;display:inline-flex;align-items:center;justify-content:center;opacity:.85;transition:opacity .15s ease,transform .15s ease;border-radius:50%;width:14px;height:14px}.msd-chip-remove:hover{opacity:1;transform:scale(1.15)}.msd-chip-remove:focus-visible{outline:1px solid #FFFFFF}.msd-ellipsis{color:var(--msd-muted, #5A5D66);font-size:14px;font-weight:600;padding:0 2px;-webkit-user-select:none;user-select:none}.msd-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:999px;background:var(--msd-chip-bg, #1F4FD8);color:var(--msd-chip-text, #FFFFFF);font-size:12px;font-weight:600;padding:0 7px;box-shadow:var(--msd-accent-glow, 0 2px 8px rgba(31, 79, 216, .3));line-height:1;white-space:nowrap}.msd-chevron{width:18px;height:18px;color:var(--msd-muted, #5A5D66);flex-shrink:0;transition:transform .2s cubic-bezier(.32,.72,0,1),color .15s ease}.msd-chevron.is-open{transform:rotate(180deg);color:var(--msd-accent, #1F4FD8)}.msd-panel{width:100%;margin-top:10px;padding-top:12px;border-top:1px solid var(--msd-divider, #DCDFE6);display:flex;flex-direction:column;gap:10px}.msd-panel-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px 4px}.msd-active-count{font-size:12px;font-weight:600;color:var(--msd-muted, #5A5D66);letter-spacing:.2px}.msd-panel-actions{display:flex;align-items:center;gap:12px}.msd-action-btn{background:transparent;border:none;padding:0;font-size:12px;font-weight:600;color:var(--msd-accent, #1F4FD8);cursor:pointer;transition:opacity .15s ease;font-family:inherit}.msd-action-btn:hover{opacity:.8;text-decoration:underline}.msd-action-btn:focus-visible{outline:2px solid var(--msd-accent, #1F4FD8);outline-offset:2px;border-radius:3px}.msd-search-box{width:100%;box-sizing:border-box;padding:7px 12px;font-size:13px;color:var(--msd-text, #1B1E24);background:var(--msd-checkbox-bg, #FFFFFF);border:1px solid var(--msd-checkbox-border, #797C85);border-radius:8px;outline:none;font-family:inherit;transition:border-color .15s ease}.msd-search-box:focus{border-color:var(--msd-accent, #1F4FD8)}.msd-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:340px;overflow-y:auto;padding:2px 2px 6px}.msd-grid.msd-grid-cols-1{grid-template-columns:1fr}.msd-grid.msd-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.msd-grid.msd-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.msd-grid.msd-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:380px){.msd-grid,.msd-grid.msd-grid-cols-1,.msd-grid.msd-grid-cols-2,.msd-grid.msd-grid-cols-3,.msd-grid.msd-grid-cols-4{grid-template-columns:1fr}}.msd-option{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:10px;cursor:pointer;background:transparent;border:1px solid transparent;transition:background-color .15s ease,border-color .15s ease;-webkit-user-select:none;user-select:none;box-sizing:border-box}.msd-option:hover{background:var(--msd-option-hover, #EAF1FB)}.msd-option.is-focused{background:var(--msd-option-hover, #EAF1FB);border-color:var(--msd-accent, #1F4FD8)}.msd-option:focus-visible{outline:2px solid var(--msd-accent, #1F4FD8);outline-offset:1px}.msd-checkbox{width:22px;height:22px;border-radius:7px;background:var(--msd-checkbox-bg, #FFFFFF);border:1px solid var(--msd-checkbox-border, #797C85);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s cubic-bezier(.32,.72,0,1);box-sizing:border-box}.msd-checkbox.is-checked{background:var(--msd-accent, #1F4FD8);border-color:var(--msd-accent, #1F4FD8);box-shadow:var(--msd-accent-glow, 0 2px 8px rgba(31, 79, 216, .3))}.msd-check-icon{width:14px;height:14px;stroke:#fff;stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.msd-swatch-slot{width:22px;height:22px;border-radius:7px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.msd-swatch-slot .palette-swatch-badge,.msd-swatch-slot .msd-swatch{width:22px;height:22px;border-radius:7px;border:1px solid rgba(0,0,0,.15);box-shadow:inset 0 1px 1px #ffffff59}.msd-option-info{display:flex;flex-direction:column;min-width:0;flex:1}.msd-option-label{font-size:14px;font-weight:500;color:var(--msd-text, #1B1E24);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msd-option-sub{font-size:11px;color:var(--msd-muted, #5A5D66);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msd-option-sub.is-code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;letter-spacing:.3px}