.tool select{padding:9px 12px;border-radius:10px;font:inherit;font-size:14px;cursor:pointer;color:var(--fg);background:#0a0a0d;border:1px solid var(--line)}.tool select:hover{border-color:var(--cyan)}.summary{margin-top:18px;font-size:15px;color:#cfcfd6}.summary b{color:var(--fg)}.clips{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));margin-top:16px}.clip{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#08080a;display:flex;flex-direction:column}.clip.on{border-color:#00f2e080}.clip .shell{position:relative;cursor:pointer}.clip img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;background:#111}.clip .pick{position:absolute;top:8px;left:8px;width:20px;height:20px;accent-color:#00f2e0;cursor:pointer}.clip .rank{position:absolute;top:8px;right:8px;padding:2px 7px;border-radius:999px;background:#050506c7;font-size:11px;letter-spacing:.06em;color:var(--cyan)}.clip .info{padding:9px 11px;display:grid;gap:3px}.clip .tc{font-size:13px;font-family:ui-monospace,monospace}.clip .len{font-size:12px;color:var(--muted)}.clip .act{padding:0 11px 11px}.clip .act button{width:100%;padding:7px;border-radius:8px;font:inherit;font-size:13px;cursor:pointer;color:var(--fg);background:transparent;border:1px solid var(--line)}.clip .act button:hover:not(:disabled){border-color:var(--cyan);color:var(--cyan)}.clip .act button:disabled{opacity:.5;cursor:default}