.reel-list{display:grid;grid-template-columns:minmax(0,1fr);gap:calc(12px * var(--ref));width:100%;min-width:0}
.reel-card{width:100%;min-width:0;margin:0;padding:0;border:0;box-shadow:none;color:var(--ink);font-family:var(--mono);font-size:calc(8px * var(--ref));line-height:calc(12px * var(--ref));font-weight:350;letter-spacing:calc(.8px * var(--ref));text-transform:uppercase}
.reel-row{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:calc(8px * var(--ref)) 0}
.reel-title{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.reel-title svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}
.reel-load,.reel-external{display:inline-flex;align-items:center;gap:6px;min-height:44px;white-space:nowrap;font:inherit;letter-spacing:inherit}
.reel-load:hover,.reel-external:hover{color:var(--ink);background:var(--accent);text-decoration:none}
.reel-load:disabled{opacity:.6}
.reel-card [hidden]{display:none!important}
.reel-status{margin:0 0 calc(12px * var(--ref));max-width:100%;font:inherit;letter-spacing:inherit;color:var(--muted)}
.reel-embed{width:100%;min-width:0;max-width:100%;border:0;box-shadow:none;margin:0}
.reel-embed .instagram-media,.reel-embed iframe{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
.reel-embed blockquote{padding:0;min-height:44px}
@media(max-width:700px){.reel-row{gap:8px}.reel-title{gap:6px}}