.stage15-offline-library{margin-top:1.25rem}
.stage15-offline-library__copy{margin:.25rem 0 1rem;color:var(--muted,#6f6a62);max-width:42rem}
.stage15-offline-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.85rem}
.stage15-offline-row{position:relative;overflow:hidden;border-radius:18px;background:color-mix(in srgb,currentColor 6%,transparent);touch-action:pan-y}
.stage15-offline-remove{position:absolute;inset:0 0 0 auto;width:86px;border:0;border-radius:0 18px 18px 0;background:var(--danger,#8b3f3f);color:#fff;font:inherit;font-size:.78rem;font-weight:750;letter-spacing:.02em;cursor:pointer}
.stage15-offline-remove:disabled{opacity:.72}
.stage15-offline-card{position:relative;z-index:1;display:grid;grid-template-columns:88px 1fr;gap:.85rem;width:100%;min-height:104px;padding:.65rem;text-align:left;border:1px solid color-mix(in srgb,currentColor 13%,transparent);border-radius:18px;background:var(--surface,#fff);color:inherit;box-shadow:0 8px 26px rgba(28,24,18,.07);cursor:pointer;transform:translateX(var(--stage15-swipe-x,0));transition:transform .18s ease}
.stage15-offline-row.is-revealed .stage15-offline-card{transform:translateX(-86px)}
.stage15-offline-card__media{display:block;overflow:hidden;min-height:88px;border-radius:13px;background:color-mix(in srgb,currentColor 7%,transparent)}
.stage15-offline-card__media img{width:100%;height:100%;min-height:88px;object-fit:cover;display:block}
.stage15-offline-card__body{display:flex;flex-direction:column;justify-content:center;gap:.18rem;min-width:0}
.stage15-offline-card__body strong{font-size:1rem;line-height:1.2}
.stage15-offline-card__body span:not(.stage15-offline-card__status),.stage15-offline-card__body small{font-size:.8rem;color:var(--muted,#6f6a62)}
.stage15-offline-card__status{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent,#8a6828)}
.stage15-reconnect-banner{position:fixed;z-index:9999;left:50%;bottom:calc(env(safe-area-inset-bottom) + 5.5rem);transform:translateX(-50%);max-width:min(92vw,420px);padding:.7rem 1rem;border-radius:999px;background:rgba(24,24,22,.92);color:#fff;font-size:.85rem;font-weight:650;box-shadow:0 10px 34px rgba(0,0,0,.2)}
@media(max-width:520px){.stage15-offline-grid{grid-template-columns:1fr}.stage15-offline-card{grid-template-columns:82px 1fr;min-height:98px}.stage15-offline-card__media,.stage15-offline-card__media img{min-height:82px}}
@media(prefers-reduced-motion:reduce){.stage15-offline-card{transition:none}}