.trend-reels-catalog{display:flex;flex-direction:column;gap:20px;min-width:0;container-type:inline-size}.trend-reels-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,280px);gap:12px}.trend-reels-search{display:flex;align-items:center;gap:12px;min-width:0;background:var(--trend-raised,#1b1b27);border:1px solid var(--border);border-radius:12px;padding:0 14px;color:#a1a1aa}.trend-reels-search>svg{flex-shrink:0}.trend-reels-search input{min-width:0;width:100%;height:46px;background:transparent;color:#f5f5f7;border:0;outline:none;box-shadow:none;font-size:14px;caret-color:#a899ff}.trend-reels-search input::placeholder{color:#a1a1aa}.trends-workspace .trend-reels-search input:focus-visible{outline:none;box-shadow:none}.trend-reels-search:focus-within{border-color:var(--ring);box-shadow:0 2px 8px color-mix(in srgb,var(--ring) 14%,transparent)}.trends-workspace .trend-reels-search button[data-slot=button]{padding:0;min-width:32px;min-height:32px;width:32px;height:32px;background:transparent}.trends-workspace .trend-reels-search button[data-slot=button]:focus-visible{outline:none;background:color-mix(in srgb,var(--trend-raised),var(--foreground) 14%);color:var(--foreground)}@media(hover:hover){.trend-reels-search:not(:focus-within):hover{border-color:var(--input)}}@media(forced-colors:active){.trend-reels-search:focus-within{border-color:Highlight;box-shadow:none}.trends-workspace .trend-reels-search button[data-slot=button]:focus-visible{color:Highlight}}.trend-reels-controls>button{min-width:0;justify-content:space-between;padding:12px 14px;border-radius:12px;background:var(--trend-raised,#1b1b27);border:1px solid #ffffff14}.trend-reels-count{font-size:13px;color:#a1a1aa;font-variant-numeric:tabular-nums}.trend-reels-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;align-items:start}.trends-workspace button.trend-reels-card[data-slot=button],button.trend-reels-card[data-slot=button]{display:flex;flex-direction:column;align-items:stretch;gap:0;min-width:0;width:100%;padding:0;white-space:normal;text-align:left;border:1px solid #ffffff14;border-radius:16px;background:var(--trend-card,#13131c);overflow:hidden;transition:border-color .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s cubic-bezier(.16,1,.3,1)}.trend-reels-frame{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:9/16;overflow:hidden;background:#0b0b11}.trend-reels-frame img,.trend-reels-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.trend-reels-placeholder{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px;text-align:center;color:#a1a1aa;font-size:13px;line-height:1.5}.trend-reels-play{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:42px;height:42px;transform:translate(-50%,-50%);padding-left:2px;border-radius:50%;background:#0b0b11b3;color:#fff;pointer-events:none;transition:background-color .18s,opacity .18s}.trend-reels-caption{display:flex;flex-direction:column;gap:6px;padding:14px 14px 16px;min-height:114px}.trend-reels-caption strong{font-size:15px;font-weight:600;line-height:1.4;color:#f5f5f7}.trend-reels-caption strong,.trend-reels-caption>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.trend-reels-caption>span{font-size:12px;line-height:1.5;font-weight:400;color:#a1a1aa}.trend-reels-more{align-self:center;margin-top:8px}.trend-reels-skeleton{aspect-ratio:9/20;border-radius:16px;background:var(--trend-card,#13131c);border:1px solid #ffffff14}@container(max-width:1150px){.trend-reels-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@container(max-width:850px){.trend-reels-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@container(max-width:600px){.trend-reels-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.trend-reels-controls{grid-template-columns:1fr}.trend-reels-caption{padding:12px;min-height:118px}.trend-reels-caption strong{font-size:14px}}@container(max-width:300px){.trend-reels-grid{grid-template-columns:1fr}}@media(hover:hover){.trends-workspace button.trend-reels-card[data-slot=button]:hover,button.trend-reels-card[data-slot=button]:hover{background:var(--trend-card,#13131c);border-color:var(--primary,#6d5ef8);transform:translateY(-2px);box-shadow:0 8px 20px #00000033}.trend-reels-card:hover .trend-reels-play{background:#6d5ef8cc}}.trend-reels-card:focus-visible{outline:2px solid #a899ff;outline-offset:4px}.trend-reels-overlay[data-slot=dialog-overlay]{position:fixed;inset:0;z-index:50;background:#050509dc;backdrop-filter:none}.trend-reels-modal{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);z-index:51;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,320px);gap:28px;width:min(780px,calc(100vw - 48px));max-height:calc(100dvh - 48px);overflow:auto;padding:24px;background:#13131c;color:#f5f5f7;border:1px solid #ffffff14;border-radius:16px;outline:none;transition:opacity .16s cubic-bezier(.16,1,.3,1);box-sizing:border-box;scrollbar-color:#494458 #13131c;scrollbar-width:thin}.trend-reels-modal[data-ending-style],.trend-reels-modal[data-starting-style]{opacity:0}.trend-reels-modal button{cursor:pointer}.trend-reels-modal button:focus-visible{outline:2px solid #a899ff;outline-offset:3px}.trend-reels-close{position:absolute;top:12px;right:12px;z-index:3;color:#fff;background:#1b1b27;border-radius:12px;min-width:44px;min-height:44px}.trend-reels-viewer-frame{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:9/16;width:min(100%,calc((100dvh - 96px)*9/16));background:#08080c;border-radius:12px;overflow:hidden;margin:auto}.trend-reels-viewer-frame video{width:100%;height:100%;object-fit:contain}.trend-reels-viewer-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:#0b0b11b3;color:#fff}.trend-reels-player-error{position:absolute;bottom:48px;left:12px;right:12px;background:#1b1b27;padding:12px;font-size:13px;line-height:1.5}.trend-reels-viewer-copy{display:flex;flex-direction:column;gap:16px;justify-content:center;padding-top:40px;min-width:0}.trend-reels-viewer-copy [data-slot=dialog-title]{font-size:24px;line-height:1.3;font-weight:600;overflow-wrap:anywhere}.trend-reels-viewer-copy [data-slot=dialog-description]{font-size:14px;line-height:1.6;color:#f5f5f7}.trend-reels-viewer-copy>p{font-size:13px;line-height:1.6;color:#a1a1aa}.trend-reels-viewer-copy>button{background:#1b1b27;border-radius:12px;min-height:44px}.trend-reels-viewer-copy>button:disabled{opacity:.55;cursor:not-allowed}.trend-reels-viewer-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}.trend-reels-viewer-nav button{min-height:44px;padding:10px 12px;background:#1b1b27;border-radius:12px}.trend-reels-viewer-nav button:disabled{opacity:.4;cursor:not-allowed}.trend-reels-viewer-nav>span{font-size:12px;font-variant-numeric:tabular-nums;color:#a1a1aa;white-space:nowrap}.trend-reels-missing{padding:48px 16px;grid-column:1/-1}.trend-reels-modal ::selection{background:#6d5ef866;color:#f5f5f7}@media(max-width:639px){.trend-reels-modal{display:flex;flex-direction:column;gap:16px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:16px}.trend-reels-close{top:8px;right:8px}.trend-reels-viewer-frame{width:min(100%,calc((100dvh - 300px)*9/16));min-width:155px;margin:auto}.trend-reels-viewer-copy{padding-top:0;gap:10px}.trend-reels-viewer-copy [data-slot=dialog-title]{font-size:20px}.trend-reels-viewer-copy>p{font-size:12px}.trend-reels-viewer-nav{margin-top:0}}@media(prefers-reduced-motion:reduce){.trend-reels-modal,.trend-reels-play,button.trend-reels-card[data-slot=button]{transition:none}.trends-workspace button.trend-reels-card[data-slot=button]:hover,button.trend-reels-card[data-slot=button]:hover{transform:none}}.trends-drafts-compact{border-top:1px solid #ffffff14;padding-top:20px}.trends-drafts-compact summary{cursor:pointer;font-size:16px;font-weight:500;min-height:44px;line-height:44px}.trends-drafts-compact[open]>.trends-grid{margin-top:12px}.trends-drafts-compact summary:focus-visible{outline:2px solid #a899ff;outline-offset:3px}.trend-character-preparation{display:flex;flex-direction:column;gap:12px;min-width:0;font-size:14px;line-height:1.5}.trend-character-preparation h2{font-size:18px;font-weight:600;line-height:1.35}.trend-character-preparation button[data-slot=button]{min-height:44px;max-width:100%}.trend-character-preparation img{border-radius:12px;align-self:center}