.pk-house-picker { display: flex; flex-direction: column; gap: 14px; min-width: 0; margin-block: 8px; }
.pk-house-picker-heading { color: var(--pk-muted, #aaa); font-size: .78rem; font-weight: 500; }
.pk-house-bubbles { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.pk-house-bubble { --bubble-index: 0; display: inline-flex; align-items: center; gap: 10px; min-height: 62px; max-width: 100%; padding: 9px 18px 9px 9px; border: 1px solid rgba(255,255,255,.12); border-radius: 999px; color: inherit; background: linear-gradient(130deg, rgba(255,255,255,.065), rgba(255,255,255,.015)); box-shadow: inset 0 1px 0 rgba(255,255,255,.07); text-align: left; cursor: pointer; animation: pk-house-bubble-arrive 440ms cubic-bezier(.18,.85,.25,1.2) both; animation-delay: calc(var(--bubble-index) * 45ms); transition: border-color 180ms, background 180ms, transform 180ms; }
.pk-house-bubble:hover { border-color: rgba(239,116,107,.48); transform: translateY(-2px); }
.pk-house-bubble[aria-pressed="true"] { border-color: rgba(241,110,102,.85); background: linear-gradient(135deg,rgba(100,21,34,.65),rgba(40,12,22,.55)); box-shadow: inset 0 1px 0 rgba(255,211,210,.12), 0 0 0 1px rgba(175,49,56,.18); }
.pk-house-bubble:focus-visible, .pk-house-picker-all:focus-visible { outline: 2px solid var(--pk-accent, #f86e63); outline-offset: 4px; }
.pk-house-bubble-icon { width: 38px; height: 38px; flex: 0 0 38px; display: grid; place-items: center; overflow: hidden; border-radius: 50%; background: rgba(203,139,123,.12); border: 1px solid rgba(255,255,255,.1); color: #f4c6b9; font-size: 1rem; font-weight: 600; }
.pk-house-bubble-icon img { display: block; width: 100%; height: 100%; object-fit: cover; }
.pk-house-bubble-label { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.pk-house-bubble-name { max-width: 26ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .88rem; font-weight: 600; }
.pk-house-bubble-detail { color: var(--pk-muted, #aaa); font-size: .68rem; line-height: 1.35; font-weight: 400; }
.pk-house-picker-all { align-self: flex-start; min-height: 44px; padding: 4px 0; border: 0; background: transparent; color: var(--pk-muted, #aaa); font-size: .8rem; text-decoration: underline; text-underline-offset: 4px; cursor: pointer; }
.pk-house-bubble:disabled, .pk-house-picker-all:disabled { opacity: .5; cursor: default; transform: none; }
[data-composer-house] select[hidden] { display: none !important; }
@keyframes pk-house-bubble-arrive { from { opacity: 0; transform: translateY(14px) scale(.86); } to { opacity: 1; transform: translateY(0) scale(1); } }
@media (max-width: 480px) { .pk-house-bubbles { gap: 8px; } .pk-house-bubble { padding-right: 13px; min-height: 58px; } .pk-house-bubble-name { max-width: 23ch; } }
@media (prefers-reduced-motion: reduce) { .pk-house-bubble { animation: none; transition: none; } .pk-house-bubble:hover { transform: none; } }