.listing-clip-player{position:relative;width:100%;max-width:100%;border-radius:var(--radius-xl);border:1px solid var(--color-border);background:var(--color-bg-muted);overflow:hidden;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none}.listing-clip-player.is-loading{aspect-ratio:var(--clip-aspect-ratio,var(--aspect-clip));max-height:480px}.listing-clip-player__video{display:block;width:100%;max-height:480px;height:auto;object-fit:contain;background:var(--color-video-bg);transition:opacity .2s ease}.listing-clip-player__video.is-buffering{opacity:0;position:absolute;inset:0;width:100%;height:100%;max-height:none;pointer-events:none}.listing-clip-player__placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);color:var(--color-text-muted);background:var(--video-scrim);font-size:.85rem;font-weight:500}.listing-clip-player__spinner{width:28px;height:28px;border:2px solid rgba(255,255,255,.2);border-top:2px solid var(--color-surface);border-radius:50%;animation:listing-clip-spin .8s linear infinite}@keyframes listing-clip-spin{to{transform:rotate(1turn)}}.listing-clip-player__play-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-surface);background:rgba(0,0,0,.55);pointer-events:none}.listing-clip-player__play-badge svg{width:24px;height:24px;margin-left:var(--space-1)}.listing-clip-player__fallback,.listing-clip-player__hint{position:absolute;left:50%;bottom:.65rem;transform:translateX(-50%);padding:var(--space-1) var(--space-3);border-radius:var(--radius-round);font-size:.75rem;font-weight:500;color:var(--color-surface);background:rgba(0,0,0,.62);pointer-events:none;white-space:nowrap;max-width:calc(100% - 1rem);overflow:hidden;text-overflow:ellipsis}.listing-clip-player.is-playing .listing-clip-player__hint,.listing-clip-player.is-playing .listing-clip-player__play-badge{opacity:0;transition:opacity .15s ease}.listing-clip-player__fallback{bottom:50%;transform:translate(-50%,50%);text-align:center;white-space:normal;max-width:calc(100% - 2rem);line-height:1.35}.attr-combo{position:relative}.attr-combo__list{position:absolute;z-index:var(--z-dropdown);top:calc(100% + 4px);left:0;right:0;margin:0;padding:var(--space-1) 0;list-style:none;max-height:15rem;overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.attr-combo__option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:.9rem;cursor:pointer}.attr-combo__option.is-active{background:rgba(var(--baby-blue-soft-rgb),.18)}.attr-combo__swatch{width:.85rem;height:.85rem;border-radius:var(--radius-round);border:1px solid rgba(0,0,0,.15);flex:none}