/* v6.1 Part 3: interactive palette tests and clearer visual match labels */
.f613-palette{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:11px 0 10px;}
.f613-color-choice{width:36px;height:36px;display:grid;place-items:center;flex:0 0 36px;padding:4px;border:2px solid transparent;border-radius:50%;background:transparent;cursor:pointer;transition:transform .18s,box-shadow .18s,border-color .18s;}
.f613-color-choice i{width:25px;height:25px;display:block;background:var(--f613-dot);border-radius:50%;border:1px solid #3332;box-shadow:0 1px 2px #0002;}
.f613-color-choice:hover{transform:translateY(-2px);}
.f613-color-choice.active{border-color:var(--theme-primary,#3b6650);box-shadow:0 0 0 2px #fff,0 0 0 3px var(--theme-primary,#3b6650);}
.f613-color-choice:focus-visible,.f613-apply:focus-visible{outline:3px solid #c18f4e;outline-offset:2px;}
.f613-lead-label{font-weight:700;font-size:11px;color:var(--ink,#25392a);white-space:nowrap;margin-left:4px;}
.f613-palette-note{color:var(--muted,#647469);font-size:12px;line-height:1.5;margin:6px 0 12px;}
.f613-apply{margin:0 0 14px;min-width:205px;}
.discover-card .f613-palette{margin:7px 0 11px;gap:4px;}
.discover-card .f613-color-choice{width:29px;height:29px;flex-basis:29px;padding:3px;}
.discover-card .f613-color-choice i{width:20px;height:20px;}
.discover-card .f613-lead-label{font-size:10px;letter-spacing:.1px;margin-left:0;}
.discover-card{display:flex;flex-direction:column;}
.discover-card .discover-body{display:flex;flex-direction:column;flex:1;}
.discover-card .discover-actions{margin-top:auto;display:flex;align-items:center;gap:7px;flex-wrap:wrap;}
.discover-card .discover-actions button{min-height:41px;flex:1;white-space:normal;}
.v63-match-card img{aspect-ratio:960/610;object-fit:cover;}
body[data-family="dramatic"] .hero,body[data-family="dramatic"] .v63-binder-head{background:linear-gradient(117deg,var(--theme-primary),var(--pine2));color:#f7f2ee;}
body[data-family="dramatic"] .hero h2,body[data-family="dramatic"] .hero p{color:#fff8eb;}
body[data-family="dramatic"] .card{border-color:color-mix(in srgb, var(--theme-primary) 22%, #e9e2df);}
body[data-family="dramatic"] .tag{background:color-mix(in srgb,var(--theme-primary) 14%,white);}
body[data-family="coastal"] .hero{border-color:var(--theme-accent);}
body[data-family="modern"] .card{box-shadow:0 5px 15px #2a2c3022;}
@media(max-width:540px){.f613-palette{gap:5px}.f613-lead-label{flex-basis:100%}.f613-apply{width:100%}}