.wtl-tabs{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.wtl-tab{color:var(--ink-secondary);background:var(--canvas);border:1px solid var(--hairline);cursor:pointer;transition:border-color .16s var(--ease-ui),color .16s var(--ease-ui),background .16s var(--ease-ui);border-radius:9999px;padding:9px 16px;font-size:13.5px;font-weight:600}.wtl-tab:hover{border-color:var(--violet);color:var(--violet)}.wtl-tab.active{background:var(--violet);border-color:var(--violet);color:#fff}.wtl-grid{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:18px;display:grid}.wtl-card{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-lg);box-shadow:var(--sh-1);flex-direction:column;gap:12px;padding:20px;display:flex}.wtl-card-thumb{border-radius:var(--radius-md,10px);background:linear-gradient(135deg,var(--cobalt-bg),var(--violet-bg));height:120px;color:var(--violet);justify-content:center;align-items:center;display:flex}.wtl-card h3{margin:0;font-size:15.5px;font-weight:600;line-height:1.4}.wtl-card-duration{color:var(--ink-muted);margin:-8px 0 0;font-size:12.5px}.wtl-card-actions{gap:8px;margin-top:auto;display:flex}.wtl-card-actions .btn{text-align:center;flex:1}.wtl-card-watch{color:var(--ink-muted);background:var(--canvas-warm);border:1px solid var(--hairline);border-radius:var(--radius-md,10px);text-align:center;flex:1;justify-content:center;align-items:center;padding:9px 12px;font-size:13px;font-weight:600;display:flex}.wtl-empty{color:var(--ink-muted);padding:32px 0;font-size:14px}