.clips-page{min-height:0}.clips-page>.page-heading{margin-bottom:1rem}.clip-discovery.output-gallery{flex-direction:column;flex:1;width:100%;max-width:none;min-height:0;margin:0;padding:0;display:flex}.clip-discovery>.clip-browser-toolbar,.clip-discovery>.clip-browser-summary,.clip-source-pagination{flex:none}.clip-discovery-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;min-height:0;padding:0 .5rem 1rem 0;overflow-y:auto}.clip-discovery-summary>p{flex-wrap:wrap;gap:.75rem;display:flex}.clip-source-scope{color:var(--ink-muted)}.clip-discovery-summary button:disabled{opacity:.4;cursor:default}.clip-discovery .output-tile-source{min-width:0;min-height:1.5rem;color:var(--ink-muted);align-items:center;gap:.375rem;margin-top:.25rem;font-size:12px;display:flex}.output-tile-source svg{flex:none}.output-tile-source span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.output-tile-source:hover{color:var(--ink)}.clip-source-pagination{color:var(--ink-muted);justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 0 0;font-size:13px;display:flex}.clip-source-pagination button{color:var(--ink);background:0 0;border:0;border-radius:.5rem;align-items:center;gap:.5rem;min-height:36px;padding:.5rem .625rem;display:flex}.clip-source-pagination button:not(:disabled):hover{background:var(--surface)}.clip-source-pagination button:disabled{color:var(--ink-muted);opacity:.45;cursor:default}.clip-discovery .clip-browser-empty{text-align:center;max-width:34rem;min-height:22rem;margin-inline:auto;padding:2rem 1rem}.clip-discovery .clip-browser-empty h2{color:var(--ink);font-family:var(--font-display);font-size:20px}.clip-discovery .clip-browser-empty p{font-size:14px;line-height:1.6}.clip-discovery-skeleton>div{flex-direction:column;gap:.625rem;display:flex}.clip-discovery-skeleton>div>div{aspect-ratio:9/16;background:var(--surface-subtle);border-radius:.625rem}.clip-discovery-skeleton span{background:var(--surface-subtle);border-radius:.25rem;width:85%;height:14px;display:block}.clip-discovery-skeleton span:last-child{width:50%}@media (max-width:767px){.clip-discovery-scroll{padding-right:0;overflow:visible}.clip-source-pagination{flex-wrap:wrap;padding-block:1rem}.clip-source-pagination>span{text-align:center;order:3;width:100%}}@media (pointer:coarse){.clip-source-pagination button{min-height:44px}}