.project-motion-preview{z-index:2;width:40%;height:calc(100% - var(--card-caption-height,80px) - 24px);opacity:0;pointer-events:none;background:#1d1d1d;border:2px solid #76716e;border-radius:14px;transition:opacity .3s;display:block;position:absolute;inset:12px 12px auto auto;overflow:hidden;box-shadow:0 8px 20px #0006}.project-motion-preview[data-playing=true]{opacity:1}.project-preview-bar{letter-spacing:0;color:#f4f0eb;align-items:center;gap:4px;height:24px;padding-inline:6px;font-size:6px;display:flex}.project-preview-bar>span{display:none}.project-preview-bar svg{flex-shrink:0;width:9px}.project-preview-viewport{border-radius:0 0 9px 9px;display:block;position:absolute;inset:24px 3px 5px;overflow:hidden}.project-preview-screen{width:100%;height:auto;display:block}.project-preview-progress{background:#f4f0eb30;height:3px;position:absolute;bottom:0;left:0;right:0}.project-preview-progress>span{background:var(--accent-cool);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.carousel-preview-toggle{color:#d2ccc6;cursor:pointer;min-height:44px;font-size:var(--type-ui);line-height:var(--leading-ui);font-weight:var(--weight-ui);border:1px solid #ffffff30;justify-content:center;align-items:center;gap:8px;margin:15px auto 0;padding:9px 12px;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.carousel-preview-toggle:hover,.carousel-preview-toggle[aria-pressed=true]{color:#f4f0eb;background:#ffffff08;border-color:#f4f0eb}.carousel-preview-toggle:focus-visible{outline-offset:4px;outline:2px solid #f4f0eb}.carousel-preview-actions{flex-direction:column;align-items:center;display:flex}@media (max-width:760px){.project-motion-preview{height:calc(100% - var(--card-caption-height,80px) - 16px);border-radius:10px;inset:8px 8px auto auto}.project-preview-bar{height:18px;padding-inline:4px;font-size:5px}.project-preview-viewport{top:18px}}@media (prefers-reduced-motion:reduce){.project-motion-preview{transition:none}.project-preview-screen{object-fit:contain;height:100%}.project-preview-progress{display:none}}