.loop-video-media{position:relative}.loop-video-toggle{z-index:1;position:absolute;inset-block-end:10px;inset-inline-end:10px}@media (prefers-reduced-motion:reduce){.loop-video-toggle{display:none}}
.product-screen{gap:10px;min-width:0;display:grid}.ps-frame{border:1px solid var(--app-border);border-radius:var(--app-radius-card);background:var(--app-canvas);font-family:var(--app-font-ui);color:var(--app-content);font-size:12px;line-height:1.4;overflow:hidden}.cc-panel__media .ps-frame{border-block-end:0;border-inline-end:0;border-radius:16px 16px 0 0}.ps-chrome{background:var(--app-surface-nav);border-block-end:1px solid var(--app-border);align-items:center;gap:12px;padding:8px 12px;display:flex}.ps-dots{gap:5px;display:inline-flex}.ps-dots i{background:var(--app-border);border-radius:50%;width:8px;height:8px}.ps-url{background:var(--app-surface-muted);color:var(--app-content-muted);border-radius:999px;padding:2px 10px;font-size:11px}.ps-body{grid-template-columns:150px minmax(0,1fr);min-height:300px;display:grid}.ps-side{background:var(--app-surface-nav);border-inline-end:1px solid var(--app-border);align-content:start;gap:2px;padding:12px 8px;display:grid}.ps-side-logo{padding:2px 6px 10px}.ps-nav{color:var(--app-content-muted);white-space:nowrap;border-radius:6px;padding:6px 8px}.ps-nav.is-active{background:var(--app-brand-selected);color:var(--app-brand-hover);font-weight:600}.ps-main{align-content:start;gap:12px;min-width:0;padding:16px;display:grid}.ps-context{color:var(--app-content-muted);font-size:11px}.ps-title{font-family:var(--app-font-heading);margin-block-start:-8px;font-size:17px;font-weight:600}.ps-kpis{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;display:grid}.ps-kpi{border:1px solid var(--app-border);background:var(--app-surface);border-radius:8px;gap:2px;padding:10px;display:grid}.ps-kpi-label,.ps-kpi-note{color:var(--app-content-muted);font-size:11px}.ps-kpi strong{font-family:var(--app-font-heading);font-feature-settings:"tnum";font-size:18px;font-weight:600}.ps-table{border-collapse:collapse;background:var(--app-surface);border:1px solid var(--app-border);border-radius:8px;width:100%;overflow:hidden}.ps-table th{text-align:start;color:var(--app-content-muted);background:var(--app-surface-muted);padding:7px 8px;font-weight:600}.ps-table td{border-block-start:1px solid var(--app-border);font-feature-settings:"tnum";padding:7px 8px}.ps-table .cc-badge{font-size:11px;line-height:16px}.ps-timeline{border:1px solid var(--app-border);background:var(--app-surface);border-radius:8px;gap:6px;padding:10px;display:grid}.ps-timeline-head,.ps-timeline-row{grid-template-columns:120px minmax(0,1fr);align-items:center;gap:8px;display:grid}.ps-timeline-periods{grid-template-columns:repeat(var(--ps-periods), minmax(0, 1fr));color:var(--app-content-muted);font-size:11px;display:grid}.ps-timeline-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ps-timeline-track{background:var(--app-surface-muted);border-radius:4px;height:14px;position:relative}.ps-timeline-bar{top:2px;bottom:2px;width:calc(var(--ps-span) / var(--ps-periods) * 100%);border-radius:3px;position:absolute;inset-inline-start:calc(var(--ps-start) / var(--ps-periods) * 100%)}.ps-timeline-bar--success{background:var(--app-status-success)}.ps-timeline-bar--warning{background:var(--app-status-warning)}.ps-timeline-bar--danger{background:var(--app-status-danger)}.ps-timeline-bar--info{background:var(--app-status-info)}.ps-timeline-bar--neutral{background:var(--app-status-neutral)}.ps-checklist{border:1px solid var(--app-border);background:var(--app-surface);border-radius:8px;list-style:none;display:grid}.ps-checklist li{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.ps-checklist li+li{border-block-start:1px solid var(--app-border)}.ps-check-owner{color:var(--app-content-muted)}.product-screen--compact .ps-body{grid-template-columns:minmax(0,1fr);min-height:0}.product-screen--compact .ps-side{display:none}@media (max-width:639px){.ps-body{grid-template-columns:minmax(0,1fr);min-height:0}.ps-side,.ps-table th:nth-child(n+4),.ps-table td:nth-child(n+4){display:none}.ps-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ps-timeline-head,.ps-timeline-row{grid-template-columns:88px minmax(0,1fr)}.ps-checklist li{grid-template-columns:minmax(0,1fr) auto}.ps-check-owner{display:none}}.product-screen--device{height:100%;display:block}.product-screen--device .ps-frame{border:0;border-radius:0;height:100%;font-size:11px}.product-screen--device .ps-body{height:100%}.product-screen--device .ps-main{gap:10px;padding:14px 16px}