.video-ideas { color: var(--ui-ink); }
.video-model-filters { display:flex;gap:6px;align-items:center;overflow-x:auto;scrollbar-width:none;padding:0 0 15px; }
.video-model-filters button { display:inline-flex;align-items:center;gap:7px;flex:none;min-height:34px;border:1px solid transparent;border-radius:8px;padding:6px 9px;background:transparent;color:var(--ui-muted);font:500 13px/1.3 var(--ui-font);white-space:nowrap;cursor:pointer; }
.video-model-filters button:hover { background:var(--ui-soft);color:var(--ui-ink); }
.video-model-filters button[aria-pressed=true] { background:var(--video-accent);border-color:var(--video-accent);color:var(--video-accent-ink); }
.video-model-filters button[aria-pressed=true]:hover { background:var(--video-accent-hover);border-color:var(--video-accent-hover); }
.video-model-filters .ui-icon,.video-model-filters .model-brand-icon { width:18px;height:18px;flex:0 0 18px; }
.video-model-filters .model-brand-icon { border-radius:4px; }
.video-model-clear { display:grid;place-items:center;margin-left:2px; }
.video-model-clear .ui-icon { width:13px;height:13px; }
.video-model-filters button:focus-visible,.video-idea-filters button:focus-visible { outline:2px solid var(--video-accent,var(--ui-focus));outline-offset:-2px; }
.video-idea-filters { display:flex;gap:7px;overflow:auto;padding:2px 0 19px;scrollbar-width:none; }
.video-idea-filters button { flex:none;border:1px solid var(--ui-line);border-radius:8px;background:transparent;padding:6px 10px;color:var(--ui-muted);font:inherit;font-size:12px;white-space:nowrap;cursor:pointer; }
.video-model-filters::-webkit-scrollbar,.video-idea-filters::-webkit-scrollbar { display:none; }
.video-idea-filters button[aria-pressed=true] { background:var(--ui-ink);border-color:var(--ui-ink);color:var(--ui-page); }
.video-idea-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1px;grid-auto-flow:dense;gap:12px;align-items:start; }
.video-idea { position:relative;min-width:0;margin:0;border-radius:12px;overflow:hidden;background:#20232a;color:#fff;isolation:isolate; }
.video-idea:is(.is-selected,:focus-within)::after { content:'';position:absolute;inset:0;z-index:5;box-sizing:border-box;border:2px solid #bec3cc;border-radius:inherit;pointer-events:none; }
.video-idea-media { position:relative;width:100%;min-height:112px;cursor:pointer;overflow:hidden; }
.video-idea-media video { position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover; }
.video-idea-like { display:flex;align-items:center;justify-content:center;gap:4px;min-height:27px;padding:5px 6px;border:1px solid rgb(255 255 255 / .15);border-radius:7px;background:rgb(16 18 17 / .4);backdrop-filter:blur(8px);color:white;font:550 10px/1 var(--ui-font);font-variant-numeric:tabular-nums;cursor:pointer;transition:color .16s ease,border-color .16s ease,background .16s ease; }
.video-idea-like .ui-icon { width:14px;height:14px;flex:none; }
.video-idea-like[aria-pressed=true] { color:var(--video-accent);border-color:rgb(209 254 24 / .32);background:rgb(22 27 6 / .65); }
.video-idea-like[aria-pressed=true] .ui-icon { fill:currentColor; }
.video-idea-like:hover { border-color:var(--video-accent);color:var(--video-accent); }
.video-idea-like:focus-visible { outline:2px solid var(--video-accent);outline-offset:3px; }
.video-idea-like:disabled { cursor:wait;opacity:.65; }
.video-idea-badges { position:absolute;top:9px;left:9px;display:flex;flex-wrap:wrap;gap:5px;pointer-events:none; }
.video-idea-badges span { padding:4px 7px;border:1px solid #ffffff30;border-radius:6px;font-size:12px;line-height:1.2;font-weight:600;color:#fff;background:#171b245e;backdrop-filter:blur(10px); }
.video-idea footer { display:flex;align-items:end;position:absolute;bottom:0;left:0;right:0;z-index:4;background:linear-gradient(transparent,#080c16bd);padding:36px 10px 12px;pointer-events:none; }
.video-idea footer button { all:unset;display:block;flex:1;cursor:pointer;pointer-events:auto; }
.video-idea footer .video-idea-repeat { display:none;box-sizing:border-box;align-items:center;justify-content:center;gap:6px;width:100%;min-height:40px;padding:8px;border-radius:8px;background:var(--video-accent);color:var(--video-accent-ink);font:650 12px/1.2 var(--ui-font); }
.video-idea-repeat .ui-icon { width:15px;height:15px; }
.video-idea[data-preview-action=true] footer { flex-direction:column;align-items:stretch;gap:10px; }
.video-idea[data-preview-action=true] .video-idea-repeat { display:inline-flex; }
.video-idea footer strong { display:block;font-size:clamp(12px,1.05vw,18px);letter-spacing:-.2px;font-weight:600;line-height:1.2;text-wrap:balance;overflow-wrap:break-word; }
.video-idea button:focus-visible,.video-idea-media:focus-visible { outline:2px solid white;outline-offset:-4px; }
.video-gallery-empty { padding:65px 24px;text-align:center;color:var(--ui-muted); }
.video-gallery-empty h2 { font-size:21px;letter-spacing:-.5px;color:var(--ui-ink);font-weight:500; }
.video-gallery-empty p { max-width:380px;margin:12px auto;line-height:1.6;font-size:13px; }
.video-ideas-more { display:block;min-height:44px;margin:28px auto 12px;padding:11px 24px;border:1px solid var(--ui-line);border-radius:9px;background:var(--ui-soft);color:var(--ui-ink);font:600 13px/1.3 var(--ui-font);cursor:pointer; }
.video-ideas-more:focus-visible { outline:2px solid var(--video-accent,var(--ui-focus));outline-offset:3px; }
@media(max-width:900px) { .video-idea-grid { grid-template-columns:repeat(3,minmax(0,1fr));gap:10px; } }
@media(max-width:680px) { .video-idea-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.video-idea footer strong { font-size:14px; } }
@media(pointer:coarse) { .video-model-filters button,.video-idea-filters button { min-height:40px; } }
@media(pointer:coarse) { .video-idea-like { min-width:40px;min-height:40px; }.video-player-toolbar button { width:40px;height:40px; } }
