.dc-strip{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);animation:dc-strip-in var(--dur-ui) var(--ease-out) both;align-items:center;gap:14px;margin-bottom:20px;padding:12px;display:flex}.dc-strip-text{color:var(--ink-2);margin:0;font-size:14px;line-height:1.45}.dc-strip-name{color:var(--ink);font-weight:600}.dc-strip .pc-thumb{--pt-primary:var(--violet);--pt-accent:var(--sky);--pt-surface:var(--surface);--pt-ink:var(--ink);aspect-ratio:4/3;border:1px solid var(--line);background:var(--pt-surface);border-radius:8px;flex-direction:column;flex:none;width:96px;display:flex;overflow:hidden}.dc-strip .pc-thumb-bar{background:color-mix(in srgb, var(--pt-ink) 6%, var(--pt-surface));gap:2px;padding:4px 5px;display:flex}.dc-strip .pc-thumb-bar i{background:color-mix(in srgb, var(--pt-ink) 22%, var(--pt-surface));border-radius:50%;width:3px;height:3px}.dc-strip .pc-thumb-body{background-image:radial-gradient(color-mix(in srgb, var(--pt-primary) 22%, transparent) 1px, transparent 1px);background-size:8px 8px;flex-direction:column;flex:1;gap:3px;padding:6px 7px 7px;display:flex}.dc-strip .pc-thumb-dot{background:var(--pt-primary);border-radius:2px;width:8px;height:8px}.dc-strip .pc-thumb-headline{font-family:var(--font-display), sans-serif;letter-spacing:-.01em;color:var(--pt-ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:7px;font-weight:600;line-height:1.2;display:-webkit-box;overflow:hidden}.dc-strip .pc-thumb-line{background:color-mix(in srgb, var(--pt-ink) 18%, var(--pt-surface));border-radius:2px;width:88%;height:2px}.dc-strip .pc-thumb-line.is-short{width:62%}.dc-strip .pc-thumb-btn{background:var(--pt-primary);border-radius:999px;width:26px;height:6px;margin-top:auto}@keyframes dc-strip-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.dc-strip{animation-duration:var(--dur-press);animation-name:dc-strip-fade}}@keyframes dc-strip-fade{0%{opacity:0}to{opacity:1}}
