.cg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px}.cg-tile{background:#fff;border:1px solid var(--line-sand);overflow:hidden;min-width:0}.cg-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line-sand)}.cg-head b{font-size:14px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cg-head small{color:var(--ink-faint);font-size:12px;white-space:nowrap}.cg-frame{position:relative;aspect-ratio:16/9;background:var(--navy-950)}.cg-frame iframe,.cg-frame img,.cg-frame video{position:absolute;inset:0;width:100%;height:100%;display:block;border:0;object-fit:cover;background:var(--navy-950)}.cg-play{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;border:0;cursor:pointer;background:transparent;color:rgba(255,255,255,.85);font:inherit;font-size:13px}.cg-play:focus-visible{outline:2px solid var(--brand-primary,currentColor);outline-offset:-4px}.cg-note{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;color:rgba(255,255,255,.6);font-size:13px}.cg-empty{color:var(--ink-faint);font-size:14px;margin:0}.cp-list{display:flex;flex-direction:column;gap:8px;max-height:420px;overflow:auto}.cp-row{display:grid;grid-template-columns:auto auto 1fr;align-items:start;gap:10px;padding:10px 12px;border:1px solid var(--line-sand);cursor:pointer}.cp-row.cp-inv{grid-template-columns:auto 1fr auto;cursor:default}.cp-row.selected{border-color:var(--brand-primary,var(--ink))}.cp-num{font-weight:700;color:var(--ink);min-width:2.5em}.cp-body{display:flex;flex-direction:column;gap:3px;min-width:0}.cp-body b{font-size:14px;color:var(--ink)}.cp-meta{font-size:12px;color:var(--ink-faint)}.cp-free{font-size:12px;color:var(--green-progress)}.cp-move,.cp-used{font-size:12px;color:var(--status-late,var(--ink))}.cp-move{font-weight:700}