.favorites-bar { display:flex; align-items:center; flex-wrap:wrap; gap:16px; padding:24px; margin-bottom:32px; border:1px solid var(--color-border, #7775); border-radius:16px; }
.favorites-bar p { margin:6px 0 0; max-width:460px; font-size:.85rem; }
.favorites-bar [role=status] { flex-basis:100%; font-size:.85rem; }
.favorites-bar [role=status]:empty { display:none; }
.favorite-toggle { position:absolute; z-index:2; top:12px; right:12px; max-width:calc(100% - 24px); padding:12px 14px; background:#151d18ed; color:#fff; border:1px solid #dac493; border-radius:24px; font-size:.78rem; cursor:pointer; }
.favorite-toggle[aria-pressed=true] { background:#e1c994; color:#172017; }
.favorite-toggle:focus-visible { outline:3px solid white; outline-offset:3px; }
.inspiration-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); gap:16px; margin:16px 0; }
.inspiration-card { min-width:0; padding:12px; border:1px solid var(--color-border,#7775); border-radius:12px; }
.inspiration-card img { width:100%; height:140px; object-fit:contain; }
.inspiration-card label { display:flex; align-items:flex-start; gap:8px; margin-top:10px; font-size:.85rem; }
.favorites-bar[hidden], .favorite-toggle[hidden], .favorites-bar [hidden] { display:none; }
@media(max-width:600px) { .favorites-bar { padding:18px; } .favorites-bar .btn { width:100%; } }