.palette-filter{margin-bottom:24px}.palette-strip{display:flex;flex-direction:row;gap:16px;padding:8px;background:#fff;border:1px solid var(--color-border,#ddd);border-radius:12px}.palette-hue-group{display:flex;flex-direction:column;gap:6px;flex:1 1;min-width:0}.palette-family{width:100%;height:30px;display:block;border:none;padding:0;background-color:transparent;background-repeat:no-repeat;background-size:100% 100%;cursor:pointer;border-radius:4px;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.06);transition:transform .12s ease,box-shadow .12s ease}.palette-family:hover{z-index:2;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 4px 10px rgba(0,0,0,.18)}.palette-family.is-active{z-index:3;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--color-text,#333)}.palette-clear{margin-top:12px;padding:8px 18px;border-radius:8px;border:none;background:var(--color-primary,#8b7355);cursor:pointer;font-size:13px;font-weight:500;color:#fff;transition:opacity .2s ease}.palette-clear:hover{opacity:.85}.palette-clear-mobile,.palette-mobile-panel,.palette-mobile-trigger{display:none}@media (max-width:768px){.palette-clear-desktop,.palette-desktop-body{display:none}.palette-mobile-trigger{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;padding:12px 16px;border-radius:12px;border:1px solid var(--color-border,#ddd);background:#fff;font-family:inherit;font-size:15px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;color:var(--color-text,#333);cursor:pointer;transition:background-color .15s,border-color .15s}.palette-mobile-trigger:active{background:#fafafa}.palette-mobile-trigger.has-color{justify-content:space-between;text-transform:none;letter-spacing:0}.palette-trigger-text{flex:1 1;text-align:center}.palette-mobile-trigger.has-color .palette-trigger-text{text-align:left;font-size:14px;font-weight:500;color:var(--color-text-light,#666);text-transform:none;letter-spacing:0}.palette-trigger-swatches{display:inline-flex;flex-shrink:0;border-radius:8px;overflow:hidden;border:1px solid rgba(0,0,0,.08)}.palette-trigger-swatch{display:inline-block;width:16px;height:32px}.palette-trigger-clear{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,.06);color:var(--color-text,#333);font-size:14px;cursor:pointer;flex-shrink:0}.palette-trigger-clear:active{background:rgba(0,0,0,.12)}.palette-trigger-chevron{flex-shrink:0;transition:transform .2s ease;color:var(--color-text-light,#666)}.palette-trigger-chevron.is-open{transform:rotate(180deg)}.palette-mobile-panel{display:block;overflow:hidden;max-height:0;opacity:0;transition:max-height .3s ease,opacity .2s ease,margin-top .2s ease}.palette-mobile-panel.is-open{max-height:1000px;opacity:1;margin-top:12px}.palette-mobile-panel .palette-strip{flex-direction:column;gap:18px}.palette-mobile-panel .palette-hue-group{gap:6px}.palette-mobile-panel .palette-family{height:44px}.palette-clear-mobile{display:block;width:100%;margin-top:12px}}@media (max-width:380px){.palette-mobile-panel .palette-strip{gap:14px}.palette-mobile-panel .palette-hue-group{gap:4px}.palette-mobile-panel .palette-family{height:48px}}