.clips-head,.clips-pagination,.clips-row,.clips-tabs,.clips-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.clips-head{height:auto;min-height:64px;padding-top:14px;padding-bottom:14px}.clips-row,.clips-toolbar{justify-content:space-between}.clips-hub .flow{max-width:1280px}.clips-hub .clips-submissions,.clips-hub .clips-upload{max-width:940px}.clips-toolbar{margin-bottom:8px}.clips-tabs{gap:4px}.clips-tabs button{border:1px solid var(--line-2);border-radius:7px;background:var(--card-2);color:var(--ink-3);padding:9px 14px;cursor:pointer;font:inherit}.clips-tabs .is-selected{background:var(--ac);border-color:var(--ac);color:var(--ac-ink)}.clips-hub button:focus-visible,.clips-hub input:focus-visible,.clips-hub select:focus-visible,.clips-submissions button:focus-visible{outline:2px solid var(--ac);outline-offset:3px}.clips-fields label,.clips-review-actions label{display:grid;gap:8px;color:var(--ink-3);font-size:12px}.clips-fields input,.clips-fields select,.clips-review-actions input{width:100%;min-height:40px;border:1px solid var(--line-2);border-radius:7px;padding:9px 12px;background:var(--field);color:var(--ink);font:inherit}.clips-submissions{display:grid;gap:20px}.clips-submission,.clips-upload{display:grid;gap:16px;min-width:0}.clips-submission .hint,.clips-upload .hint{margin:0}.clips-submission>.btn,.clips-upload>.btn{justify-self:start}.clips-video{aspect-ratio:16/9;width:100%;background:#08080a;border-radius:9px;overflow:hidden}.clips-video>.vp,.clips-video>iframe{width:100%;height:100%;border:0}.clips-play{display:grid;place-items:center;position:relative;width:100%;height:100%;cursor:pointer;border:0;background:transparent;color:white}.clips-play>img{position:absolute;width:100%;height:100%;object-fit:contain}.clips-play-icon{z-index:1;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#08080acc;border:1px solid #ffffff55}.clips-duration{position:absolute;right:12px;bottom:10px;background:#08080acc;padding:3px 7px;border-radius:4px;font-size:12px}.clips-author{display:flex;gap:9px;align-items:center;min-width:0;color:var(--ink-2)}.clips-author>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clips-fields{padding:0;margin:0;border:0;min-width:0}.clips-result{display:grid;gap:6px;padding:14px 16px;border:1px solid var(--line-2);border-left:3px solid var(--ac);border-radius:7px;background:var(--card-2);color:var(--ink-2);font-size:13px;line-height:1.6}.clips-result b{color:var(--ink)}.clips-fields,.clips-form-grid{display:grid;gap:16px}.clips-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.clips-local-preview{max-height:300px;width:100%;background:#08080a;border-radius:7px}.clips-file{position:relative;border:1px dashed var(--line-3);border-radius:7px;padding:16px;overflow-wrap:anywhere}.clips-file input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.clips-file .btn{justify-self:start}.clips-file:focus-within{outline:2px solid var(--ac);outline-offset:3px}.clips-progress{display:grid;gap:8px;color:var(--ink-3);font-size:12px}.clips-progress progress{width:100%;accent-color:var(--ac)}.clips-review-actions{display:grid;gap:14px;padding-top:14px;border-top:1px solid var(--line-2)}.clips-status{font-size:12px;color:var(--ink-3)}.clips-status--approved{color:var(--ac)}.clips-status--rejected{color:var(--ink-2)}.clips-empty{text-align:center;padding:36px 20px;color:var(--ink-4)}.clips-pagination{justify-content:center;margin-top:16px}.clips-hub button:disabled,.clips-submissions button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:640px){.clips-head .panel-sub{flex-basis:100%;order:3}.clips-head{padding-top:14px;padding-bottom:14px}.clips-form-grid{grid-template-columns:1fr}}.clips-thumb{position:relative;aspect-ratio:16/9;margin:0;overflow:hidden;isolation:isolate;border-radius:var(--r-card);border:1px solid var(--line-2);background:var(--sunken);transition:border-color var(--slow) var(--out)}.clips-thumb:hover{border-color:var(--line-5)}.clips-thumb-img{display:block;width:100%;height:100%;object-fit:contain;transition:transform var(--slow) var(--out)}.clips-thumb:hover .clips-thumb-img{transform:scale(1.03)}.clips-thumb-blur{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;filter:blur(28px) saturate(1.15);transform:scale(1.2);opacity:.55}.clips-glogo{--g:var(--ink-3);--g-dim:var(--soft-2);flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:7px;border:1px solid color-mix(in srgb,var(--g) 40%,transparent);background:var(--g-dim);color:var(--g);font-size:9px;font-weight:800;letter-spacing:.02em;line-height:1}.clips-gchip[data-game=valorant],.clips-glogo[data-game=valorant]{--g:var(--val);--g-dim:var(--val-dim)}.clips-gchip[data-game=cs2],.clips-glogo[data-game=cs2]{--g:var(--cs);--g-dim:var(--cs-dim)}.clips-gchip[data-game=lol],.clips-glogo[data-game=lol]{--g:var(--lol);--g-dim:var(--lol-dim)}.clips-gchip[data-game=r6],.clips-glogo[data-game=r6]{--g:var(--r6);--g-dim:var(--r6-dim)}.clips-thumb-game{position:absolute;top:10px;left:10px;background:linear-gradient(var(--g-dim),var(--g-dim)),rgba(8,8,10,.78)}.clips-thumb-play{position:absolute;inset:0;display:grid;place-items:center;border:0;border-radius:inherit;background:none;color:#fff;cursor:pointer}.clips-thumb-play:focus-visible{outline-offset:-3px;border-radius:var(--r-card)}.clips-thumb-play>span{display:grid;place-items:center;width:56px;height:56px;border-radius:var(--r-pill);border:1px solid rgba(255,255,255,.35);background:rgba(8,8,10,.62);transition:transform var(--fast) var(--out),background-color var(--fast) var(--out)}.clips-thumb:hover .clips-thumb-play>span{transform:scale(1.06);background:rgba(8,8,10,.78)}.clips-thumb-play .ph{margin-left:3px}.clips-thumb-dur{position:absolute;right:10px;bottom:10px;padding:2px 7px;border-radius:6px;background:rgba(8,8,10,.78);color:#fff;font-size:var(--fs-meta);font-weight:700;line-height:1.4;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;pointer-events:none}.clips-bar{justify-content:space-between;gap:12px;margin:4px 0 16px}.clips-bar,.clips-gpick{display:flex;align-items:center;flex-wrap:wrap}.clips-gpick{gap:8px;min-width:0}.clips-gchip{gap:7px;padding:6px 12px 6px 7px;cursor:pointer;font:inherit;font-size:var(--fs-meta);font-weight:var(--w-ui)}.clips-gchip[aria-pressed=true][data-game]{color:var(--g)}.clips-gchip[aria-pressed=true][data-game],.clips-gchip[aria-pressed=true][data-game]:hover{background:var(--g-dim);border-color:var(--g)}.clips-seg-wrap{display:flex;align-items:center;gap:8px}.clips-seg{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--line-2);border-radius:11px;background:var(--field)}.clips-seg button{border:0;border-radius:8px;padding:6px 13px;background:none;color:var(--ink-3);font:inherit;font-size:var(--fs-meta);font-weight:var(--w-ui);cursor:pointer;white-space:nowrap;transition:background-color var(--fast) var(--out),color var(--fast) var(--out)}.clips-seg button:hover{color:var(--ink)}.clips-seg button[aria-pressed=true]{background:var(--ac);color:var(--ac-ink);font-weight:var(--w-bold)}.clips-refresh{display:grid;place-items:center;width:38px;height:38px;padding:0;flex:none}.clips-refresh .ph{animation:clips-spin .4s var(--out)}@keyframes clips-spin{0%{transform:rotate(0)}to{transform:rotate(180deg)}}.clips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.clips-grid--queue{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.clips-skel{aspect-ratio:16/9;border-radius:var(--r-card);background:linear-gradient(100deg,var(--sunken) 30%,var(--card-2) 50%,var(--sunken) 70%);background-size:300% 100%;animation:clips-shimmer 1.4s linear infinite}@keyframes clips-shimmer{to{background-position:-150% 0}}.clips-cardv{display:grid;gap:8px;min-width:0}.clips-cardv-title{color:var(--ink);font-weight:var(--w-ui);font-size:var(--fs-ui);line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clips-cardv-title:hover{text-decoration:underline}.clips-cardv-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.clips-cardv-meta .clips-author{font-size:var(--fs-meta)}.clips-cardv-score{flex:none;font-size:15px;font-weight:700;color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.clips-cardv-score small{font-size:var(--fs-meta);font-weight:400;color:var(--ink-4)}.clips-thumb-badge{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.18);background:rgba(8,8,10,.78);color:#fff;font-size:var(--fs-meta);font-weight:700;line-height:1.4;pointer-events:none}.clips-thumb-badge.is-open,.clips-thumb-badge.is-right{border-color:var(--on);color:var(--on)}.clips-thumb-badge img{object-fit:contain}.clips-rate{display:grid;gap:8px;min-width:0}.clips-rate-head{display:flex;justify-content:space-between;align-items:baseline}.clips-rate-head .hint{margin:0}.clips-rate-saved{color:var(--on)}.clips-rate-strip{position:relative;display:grid;grid-template-columns:repeat(10,1fr);height:40px;border-radius:12px;border:1px solid var(--line-2);background:var(--field);overflow:hidden;isolation:isolate}.clips-rate-strip[aria-busy=true]{opacity:.75}.clips-rate-strip[data-off]{opacity:.4;pointer-events:none}.clips-rate-fill,.clips-rate-pre{position:absolute;left:0;top:0;bottom:0;z-index:-1;transition:width .18s var(--out)}.clips-rate-fill{background:var(--ac)}.clips-rate-pre{background:rgba(244,244,246,.16)}.clips-rate-strip button{position:relative;border:0;box-shadow:inset -1px 0 var(--line-2);background:none;color:var(--ink-3);font:inherit;font-size:var(--fs-meta);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;cursor:pointer;transition:color var(--fast) var(--out)}.clips-rate-strip button:last-child{box-shadow:none}.clips-rate-strip:has(button.is-on) button{color:var(--ac-ink)}.clips-rate-strip button.is-on~button{color:var(--ink-3)}.clips-rate-strip button.is-on{font-weight:800}.clips-rate-strip button.is-hot,.clips-rate-strip button:hover{color:var(--ink);font-weight:800}.clips-rate-avg{position:relative;height:16px}.clips-rate-avg i{position:absolute;top:0;width:1px;height:7px;background:var(--ink-4)}.clips-rate-avg span{position:absolute;right:0;top:0;font-size:var(--fs-meta);color:var(--ink-4)}.clips-rpick{display:grid;gap:12px;min-width:0}.clips-rpick .btn{justify-self:start}.clips-rpick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.clips-rpick-grid[data-game=cs2]{grid-template-columns:repeat(5,minmax(0,1fr))}.clips-rpick-grid[data-off]{opacity:.4;pointer-events:none}.clips-rpick-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:62px;padding:8px 4px;border:1px solid var(--line-2);border-radius:10px;background:var(--card-2);color:var(--ink-3);font:inherit;font-size:var(--fs-meta);cursor:pointer;transition:border-color var(--fast) var(--out),color var(--fast) var(--out)}.clips-rpick-grid button:hover{border-color:var(--line-5);color:var(--ink)}.clips-rpick-grid button.is-on{background:var(--ac);border-color:var(--ac);color:var(--ac-ink);font-weight:700}.clips-rpick-grid img{object-fit:contain}.clips-reveal{display:grid;gap:10px}.clips-reveal .hint{margin:0}.clips-reveal-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.clips-reveal-box{display:grid;gap:6px;justify-items:center;padding:14px 10px;border:1px solid var(--line-2);border-radius:12px;background:var(--card-2);text-align:center}.clips-reveal-box.is-ok{border-color:var(--on)}.clips-reveal-box b{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--ink)}.clips-reveal-box img{object-fit:contain}.clips-page .panel-body{padding:18px 20px 28px}.clips-crumb{display:flex;align-items:center;gap:7px;min-width:0;font-size:var(--fs-meta);color:var(--ink-3)}.clips-crumb a{color:var(--ink-3);white-space:nowrap}.clips-crumb a:hover{color:var(--ink)}.clips-detail{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px;align-items:start;max-width:1280px;margin:0 auto}.clips-detail-main{min-width:0}.clips-detail-main .clips-video{border-radius:var(--r-card)}.clips-detail-side{display:grid;gap:12px;min-width:0;align-content:start}.clips-detail-side .hint{margin:0}.clips-detail-title{margin:0;font-size:var(--fs-title);font-weight:var(--w-bold);line-height:1.3;color:var(--ink)}.clips-detail-score{margin:0;font-size:26px;font-weight:700;color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.clips-detail-score small{font-size:var(--fs-meta);font-weight:400;color:var(--ink-4)}.clips-detail-rule{width:100%;height:1px;margin:2px 0;border:0;background:var(--line-2)}.clips-detail-keys{color:var(--ink-5);font-size:var(--fs-meta)}.clips-detail-nav{display:flex;align-items:center;justify-content:space-between;gap:10px}.clips-queue{display:grid;gap:12px;max-width:1280px;margin:26px auto 0}.clips-foot{margin-top:18px}@media (max-width:980px){.clips-detail{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.clips-gpick{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.clips-gpick::-webkit-scrollbar{display:none}.clips-bar{align-items:stretch;flex-direction:column}.clips-grid{gap:10px}.clips-grid,.clips-grid--queue{grid-template-columns:repeat(2,minmax(0,1fr))}.clips-cardv-title{font-size:var(--fs-meta)}.clips-rpick-grid[data-game=cs2]{grid-template-columns:repeat(5,minmax(0,1fr))}.clips-rate-strip{height:38px}.clips-page .panel-body{padding:14px 12px 24px}.clips-page .clips-head{flex-wrap:nowrap}.clips-crumb span:not(.clips-glogo){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (prefers-reduced-motion:reduce){.clips-rate-fill,.clips-rate-pre{transition:none}.clips-refresh .ph,.clips-skel{animation:none}}