.ws-root .cg-topbar-count{color:var(--ink-inverse);text-align:center;background:#ffffff38;border-radius:4px;min-width:18px;margin-left:4px;padding:1px 6px;font-size:12px;font-weight:600}.ws-root .cg-filter{border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 24px;display:flex}.ws-root .cg-filter-client{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;transition:background .12s;display:flex}.ws-root .cg-filter-client:hover{background:var(--surface)}.ws-root .cg-filter-client svg{width:12px;height:12px;color:var(--ink-muted)}.ws-root .cg-filter-client-mark{width:20px;height:20px;font-size:var(--fs-xs);border-radius:4px;justify-content:center;align-items:center;font-weight:700;display:flex}.ws-root .cg-filter-divider{background:var(--border);width:1px;height:20px}.ws-root .cg-filter-tabs{border:1px solid var(--border);border-radius:8px;align-items:center;padding:2px;font-size:12px;display:flex}.ws-root .cg-filter-tab{color:var(--ink-muted);border-radius:6px;align-items:center;gap:4px;padding:6px 10px;font-weight:400;transition:background .12s,color .12s;display:flex}.ws-root .cg-filter-tab:hover{color:var(--ink)}.ws-root .cg-filter-tab.is-on{background:var(--surface);color:var(--ink);font-weight:500}.ws-root .cg-filter-tab-dot{border-radius:9999px;flex-shrink:0;width:6px;height:6px}.ws-root .cg-filter-period{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;transition:background .12s;display:flex}.ws-root .cg-filter-period:hover{background:var(--surface)}.ws-root .cg-filter-period svg{width:14px;height:14px;color:var(--ink-muted)}.ws-root .cg-filter-formats{align-items:center;gap:4px;display:flex}.ws-root .cg-filter-format{border:1px solid var(--border);font-size:var(--fs-xs);color:var(--ink-muted);background:var(--surface);border-radius:6px;padding:4px 8px;transition:background .12s,color .12s,border-color .12s}.ws-root .cg-filter-format:hover{color:var(--ink);background:var(--surface)}.ws-root .cg-filter-format.is-on{color:var(--accent);border-color:var(--accent);background:var(--accent-soft);font-weight:500}.ws-root .cg-filter-tail{align-items:center;gap:8px;margin-left:auto;display:flex}.ws-root .cg-filter-sort{border:1px solid var(--border);color:var(--ink-muted);background:var(--surface);border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;transition:background .12s;display:flex}.ws-root .cg-filter-sort:hover{background:var(--surface)}.ws-root .cg-filter-sort svg{width:12px;height:12px}.ws-root .cg-filter-search{align-items:center;display:flex;position:relative}.ws-root .cg-filter-search>svg{width:14px;height:14px;color:var(--ink-muted);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.ws-root .cg-filter-search input{border:1px solid var(--border);background:var(--surface);width:192px;color:var(--ink);border-radius:8px;padding:6px 30px 6px 32px;font-family:inherit;font-size:12px;transition:border-color .12s}.ws-root .cg-filter-search input:focus{border-color:var(--accent);outline:none}.ws-root .cg-filter-search input::placeholder{color:var(--ink-disabled)}.ws-root .cg-filter-search-clear{background:var(--surface);width:18px;height:18px;color:var(--ink-muted);border-radius:9999px;justify-content:center;align-items:center;font-size:14px;line-height:1;transition:background .12s,color .12s;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.ws-root .cg-filter-search-clear:hover{background:var(--surface-sunken);color:var(--ink)}.ws-root .cg-shell{grid-template-columns:1fr 360px;min-height:calc(100vh - 113px);display:grid}.ws-root .cg-grid-wrap{background:var(--surface-muted);padding:20px 24px;overflow-y:auto}.ws-root .cg-grid-summary{color:var(--ink-muted);justify-content:space-between;align-items:center;margin-bottom:16px;font-size:13px;display:flex}.ws-root .cg-grid-summary strong{color:var(--ink);font-weight:600}.ws-root .cg-grid-summary-selected{font-size:var(--fs-xs);color:var(--ink-muted)}.ws-root .cg-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.ws-root .cg-grid-foot{text-align:center;font-size:var(--fs-xs);color:var(--ink-muted);margin-top:24px}.ws-root .cg-card{border:1px solid var(--border);background:var(--surface);cursor:pointer;text-align:left;border-radius:12px;flex-direction:column;transition:transform .18s ease-out,border-color .15s;display:flex;position:relative;overflow:hidden}.ws-root .cg-card:hover{transform:translateY(-2px)}.ws-root .cg-card:hover .cg-card-check{opacity:1}.ws-root .cg-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ws-root .cg-card.is-selected{border-color:var(--accent);border-width:2px}.ws-root .cg-card-thumb{aspect-ratio:1;justify-content:center;align-items:center;display:flex;position:relative}.ws-root .cg-card-platform{font-size:var(--fs-xs);color:var(--ink-inverse);letter-spacing:-.01em;border-radius:4px;padding:2px 6px;font-weight:500;position:absolute;top:8px;left:8px}.ws-root .cg-card-rank{font-size:var(--fs-xs);background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:4px;padding:2px 6px;font-weight:500;position:absolute;top:8px;right:8px}.ws-root .cg-card-duration{font-size:var(--fs-xs);color:var(--ink-inverse);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;display:flex;position:absolute;bottom:8px;left:8px}.ws-root .cg-card-duration svg{width:9px;height:9px}.ws-root .cg-card-carousel{font-size:var(--fs-xs);color:var(--ink-inverse);background:#0009;border-radius:4px;padding:2px 6px;position:absolute;bottom:8px;right:8px}.ws-root .cg-card-manual{font-size:var(--fs-xs);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--ink-muted);border:1px solid var(--border);background:#fffc;border-radius:4px;padding:2px 6px;font-weight:500;position:absolute;bottom:8px;left:8px}.ws-root .cg-card-check{border:1px solid var(--border);background:var(--surface);opacity:0;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;padding:0;transition:opacity .15s,background .12s,border-color .12s;display:flex;position:absolute;top:8px;right:36px}.ws-root .cg-card-check:hover{border-color:var(--accent)}.ws-root .cg-card-check.is-on{opacity:1;background:var(--accent);border-color:var(--accent)}.ws-root .cg-card-check.is-on svg{width:12px;height:12px;color:var(--ink-inverse)}.ws-root .cg-card-body{min-width:0;padding:10px}.ws-root .cg-card-name{font-size:var(--fs-xs);-webkit-line-clamp:1;line-clamp:1;white-space:nowrap;text-overflow:ellipsis;-webkit-box-orient:vertical;min-width:0;font-weight:500;display:-webkit-box;overflow:hidden}.ws-root .cg-card-chips{flex-wrap:nowrap;align-items:center;gap:6px;min-width:0;margin-top:6px;display:flex;overflow:hidden}.ws-root .cg-chip{font-size:var(--fs-xs);background:var(--surface);color:var(--ink);white-space:nowrap;border-radius:4px;flex-shrink:0;padding:2px 6px}.ws-root .cg-chip.is-best{background:var(--accent-soft);color:var(--accent);font-weight:500}.ws-root .cg-thumb{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.ws-root .cg-thumb>svg{width:40px;height:40px}.ws-root .cg-thumb.is-naver{background-color:var(--surface);background-image:radial-gradient(var(--border-strong) 1px, transparent 1px);background-size:10px 10px;padding:12px}.ws-root .cg-thumb-naver-text{background:var(--surface);border:1px solid var(--border);border-radius:6px;width:100%;padding:10px}.ws-root .cg-thumb-naver-label{color:var(--ink-muted);font-size:9px}.ws-root .cg-thumb-naver-title{margin-top:2px;font-size:12px;font-weight:600;line-height:1.2}.ws-root .cg-thumb-naver-url{color:var(--accent);margin-top:4px;font-size:9px}.ws-root .cg-thumb-naver-shopping-row{align-items:center;gap:8px;margin-top:4px;display:flex}.ws-root .cg-thumb-naver-shopping-img{border:1px solid var(--border);background:var(--danger-soft);border-radius:4px;flex-shrink:0;width:40px;height:40px}.ws-root .cg-thumb-naver-shopping-title{font-size:var(--fs-xs);font-weight:600;line-height:1.2}.ws-root .cg-thumb-naver-shopping-price{color:var(--danger);font-size:9px;font-weight:500}.ws-root .cg-upload{border:1px dashed var(--border);aspect-ratio:1;text-align:center;word-break:keep-all;text-wrap:pretty;background:#fff6;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:12px;transition:border-color .12s,background .12s;display:flex}.ws-root .cg-upload:hover{border-color:var(--accent);background:var(--accent-soft)}.ws-root .cg-upload>svg{width:28px;height:28px;color:var(--ink-muted);margin-bottom:8px}.ws-root .cg-upload-title{font-size:var(--fs-xs);font-weight:500}.ws-root .cg-upload-sub{font-size:var(--fs-xs);color:var(--ink-muted);margin-top:4px}.ws-root .cg-upload-cta{font-size:var(--fs-xs);color:var(--accent);margin-top:8px;font-weight:500}.ws-root .cg-empty{background:var(--surface);border:1px solid var(--border);text-align:center;word-break:keep-all;text-wrap:pretty;border-radius:12px;padding:40px 24px}.ws-root .cg-empty-title{color:var(--ink);font-size:15px;font-weight:600}.ws-root .cg-empty-desc{color:var(--ink-muted);margin-top:8px;font-size:13px}.ws-root .cg-empty-cta{background:var(--accent);color:var(--ink-inverse);border-radius:8px;align-items:center;gap:6px;margin-top:16px;padding:8px 16px;font-size:13px;font-weight:500;transition:background .12s;display:inline-flex}.ws-root .cg-empty-cta:hover{background:var(--accent-dark)}.ws-root .cg-detail{border-left:1px solid var(--border);background:var(--surface);flex-direction:column;flex-shrink:0;width:360px;display:flex}.ws-root .cg-detail-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.ws-root .cg-detail-title{color:var(--ink);margin:0;font-size:14px;font-weight:600}.ws-root .cg-detail-close{color:var(--ink-muted);border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;transition:background .12s,color .12s;display:flex}.ws-root .cg-detail-close:hover{color:var(--ink);background:var(--surface)}.ws-root .cg-detail-close svg{width:14px;height:14px}.ws-root .cg-detail-body{word-break:keep-all;text-wrap:pretty;flex:1;overflow-y:auto}.ws-root .cg-detail-section{border-bottom:1px solid var(--border);padding:16px 20px}.ws-root .cg-detail-section:last-child{border-bottom:none}.ws-root .cg-detail-section-label{font-size:var(--fs-xs);color:var(--ink-muted);letter-spacing:.04em;margin-bottom:8px;font-weight:600}.ws-root .cg-detail-preview{aspect-ratio:1;border:1px solid var(--border);border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.ws-root .cg-detail-preview>.cg-thumb{border-radius:8px}.ws-root .cg-detail-preview>.cg-thumb>svg{width:64px;height:64px}.ws-root .cg-detail-play{background:0 0;justify-content:center;align-items:center;transition:background .15s;display:flex;position:absolute;inset:0}.ws-root .cg-detail-play:hover{background:#0000001a}.ws-root .cg-detail-play-circle{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffeb;border-radius:9999px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.ws-root .cg-detail-play-circle svg{width:20px;height:20px;color:var(--accent)}.ws-root .cg-detail-platform-row{align-items:center;gap:6px;margin-bottom:8px;display:flex}.ws-root .cg-detail-platform-chip{font-size:var(--fs-xs);color:var(--ink-inverse);border-radius:4px;padding:2px 6px;font-weight:500}.ws-root .cg-detail-format{font-size:var(--fs-xs);color:var(--ink-muted)}.ws-root .cg-detail-name{color:var(--ink);margin:0;font-size:14px;font-weight:600}.ws-root .cg-detail-empty{color:var(--ink-muted);margin-top:8px;font-size:12px}.ws-root .cg-detail-dl{flex-direction:column;gap:6px;margin:12px 0 0;font-size:12px;display:flex}.ws-root .cg-detail-dl>div{justify-content:space-between;gap:12px;display:flex}.ws-root .cg-detail-dl dt{color:var(--ink-muted);margin:0}.ws-root .cg-detail-dl dd{color:var(--ink);text-align:right;margin:0}.ws-root .cg-detail-table{border-collapse:collapse;width:100%;font-size:12px}.ws-root .cg-detail-table tr{border-bottom:1px solid var(--border-soft)}.ws-root .cg-detail-table tr:last-child{border-bottom:none}.ws-root .cg-detail-table td{padding:6px 0}.ws-root .cg-detail-table td:first-child{color:var(--ink-muted)}.ws-root .cg-detail-table td:last-child{text-align:right;font-weight:500}.ws-root .cg-detail-table-good{color:var(--success)}.ws-root .cg-detail-bars{flex-direction:column;gap:6px;display:flex}.ws-root .cg-detail-bar-row{font-size:var(--fs-xs);justify-content:space-between;margin-bottom:2px;display:flex}.ws-root .cg-detail-bar-row span:last-child{font-weight:500}.ws-root .cg-detail-bar-track{background:var(--surface);border-radius:9999px;height:6px;overflow:hidden}.ws-root .cg-detail-bar-fill{background:var(--accent);border-radius:9999px;height:100%}.ws-root .cg-detail-ai-head{align-items:center;gap:6px;margin-bottom:8px;display:flex}.ws-root .cg-detail-ai-head svg{width:14px;height:14px;color:var(--accent)}.ws-root .cg-detail-ai-head span{font-size:var(--fs-xs);color:var(--accent);font-weight:500}.ws-root .cg-detail-ai-body{color:var(--ink);margin:0;font-size:12px;line-height:1.6}.ws-root .cg-detail-foot{border-top:1px solid var(--border);grid-template-columns:2fr 1fr;gap:6px;padding:12px 20px;display:grid}.ws-root .cg-detail-primary{background:var(--accent);color:var(--ink-inverse);border-radius:8px;padding:8px 12px;font-size:12px;font-weight:500;transition:background .12s}.ws-root .cg-detail-primary:hover{background:var(--accent-dark)}.ws-root .cg-detail-secondary{border:1px solid var(--border);background:var(--surface);color:var(--ink-muted);border-radius:8px;padding:8px 12px;font-size:12px;transition:background .12s,color .12s}.ws-root .cg-detail-secondary:hover{background:var(--surface);color:var(--ink)}@media (max-width:1199px){.ws-root .cg-shell{grid-template-columns:1fr}.ws-root .cg-detail{display:none}.ws-root .cg-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:768px){.ws-root .cg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}