product-preview.pv{--pv-line-strong:color-mix(in srgb,var(--acc) 56%,var(--line2));display:block;box-sizing:border-box;width:100%;min-width:0;overflow:hidden;border:1px solid var(--line2);border-radius:var(--radius-panel,28px);background:var(--surface);color:var(--ink);font-family:'Onest',system-ui,sans-serif;box-shadow:0 22px 70px rgba(0,0,0,.12)}
.pv *{box-sizing:border-box}.pv strong,.pv b{font-weight:650}.pv p{margin:0;color:var(--ink2);line-height:1.55}.pv small{color:var(--muted);line-height:1.45}.pv-top{min-height:59px;display:flex;align-items:center;gap:13px;padding:12px clamp(18px,2vw,36px);border-bottom:1px solid var(--line);font-size:14px;font-weight:600}.pv-mark{width:31px;height:31px;flex:none;display:grid;place-items:center;border:1px solid var(--acc);border-radius:9px;color:var(--acc);font-family:'Unbounded',sans-serif;font-size:11px;letter-spacing:-.08em}.pv-demo{margin-left:auto;color:var(--muted);font-size:13px;font-weight:500;text-align:right}.pv-foot{min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px clamp(18px,2vw,36px);border-top:1px solid var(--line);color:var(--muted);font-size:13px}.pv-insight-kicker{color:var(--acc);font-size:11px;font-family:'Unbounded',sans-serif;font-weight:600;letter-spacing:.035em}.pv-pill,.pv-status{display:inline-flex;align-items:center;width:max-content;padding:7px 12px;border:1px solid var(--line2);border-radius:999px;color:var(--acc);font-size:12px;font-weight:650;white-space:nowrap}.pv-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.pv-panel-head strong{font-size:clamp(18px,1.3vw,24px)}

.pv-pm .pv-top{font-size:16px}.pv-pm-head{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:clamp(22px,2.2vw,42px) clamp(20px,2.4vw,44px) 0}.pv-pm-head>div{display:flex;flex-direction:column;gap:4px}.pv-pm-head strong{font-family:'Unbounded',sans-serif;font-size:clamp(22px,2vw,37px);letter-spacing:-.035em}.pv-pm-head small{font-size:clamp(14px,.8vw,17px)}.pv-pm-layout{display:grid;grid-template-columns:minmax(0,3.4fr) minmax(245px,1fr);gap:clamp(16px,1.6vw,28px);align-items:stretch;padding:clamp(20px,2.4vw,44px)}.pv-graph{min-width:0;min-height:360px;display:grid;place-items:center;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:radial-gradient(circle at 50% 48%,var(--accsoft),transparent 65%),linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px),var(--bg);background-size:auto,32px 32px,32px 32px,auto}.pv-graph svg{display:block;width:100%;height:auto;min-height:290px;overflow:visible}.pv-edge{fill:none;stroke:var(--pv-line-strong);stroke-width:2.7}.pv-rework{stroke:var(--acc);stroke-dasharray:7 6}.pv-node rect{fill:var(--surface);stroke:var(--line2);stroke-width:1.6}.pv-node-first rect{fill:var(--acc);stroke:var(--acc)}.pv-node-wait rect{fill:var(--accsoft);stroke:var(--acc);stroke-width:2.2}.pv-node-alt rect{stroke-dasharray:5 4}.pv-node text{fill:var(--ink);font-size:15px;font-family:'Onest',sans-serif;text-anchor:middle;font-weight:650}.pv-node-first text{fill:var(--onacc)}.pv-loop-label,.pv-branch-label{fill:var(--acc);font-size:13px;font-family:'Onest',sans-serif;font-weight:650}.pv-traveller{fill:var(--acc);stroke:var(--onacc);stroke-width:2;filter:drop-shadow(0 0 7px var(--acc))}.pv-insight{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px;min-width:0;padding:clamp(22px,2vw,36px);border:1px solid var(--line2);border-radius:20px;background:var(--accsoft)}.pv-insight strong{font-family:'Unbounded',sans-serif;font-size:clamp(21px,1.65vw,31px);letter-spacing:-.03em;line-height:1.3}.pv-insight p{font-size:clamp(15px,.9vw,18px)}.pv-legend{display:flex;flex-wrap:wrap;gap:8px 17px;margin-top:10px;color:var(--muted);font-size:12px}.pv-legend span{display:flex;align-items:center;gap:7px}.pv-legend i{display:block;width:18px;border-top:2px solid var(--acc)}.pv-legend span:last-child i{border-top-style:dashed}.pv-motion-toggle{min-height:44px;padding:7px 14px;border:1px solid var(--line2);border-radius:999px;background:var(--surface);color:var(--ink);font:600 12px 'Onest',sans-serif;cursor:pointer}.pv-motion-toggle:hover,.pv-motion-toggle:focus-visible{border-color:var(--acc);color:var(--acc)}.pv-motion-toggle:focus-visible{outline:2px solid var(--acc);outline-offset:2px}.pv-motion-toggle:disabled{opacity:.65;cursor:default}.pv-mobile-flow{display:none}.pv-mobile-flow span{position:relative;display:block;margin-bottom:12px;padding:13px 15px;border:1px solid var(--line2);border-radius:12px;background:var(--surface);font-weight:650;font-size:14px}.pv-mobile-flow span:not(:last-of-type)::after{content:'↓';position:absolute;right:16px;bottom:-18px;z-index:1;color:var(--acc)}.pv-mobile-flow .pv-mobile-wait{border-color:var(--acc);background:var(--accsoft)}.pv-mobile-flow small{display:block;color:var(--acc);font-size:12px}

.pv-docs-grid{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.3fr);gap:clamp(16px,2.6vw,46px);padding:clamp(18px,2.5vw,46px);background:linear-gradient(130deg,var(--surface),var(--accsoft))}.pv-paper{width:min(100%,340px);min-height:290px;justify-self:center;display:flex;flex-direction:column;gap:16px;padding:25px;border:1px solid var(--line2);border-radius:8px;background:var(--bg);box-shadow:var(--shadow-doc)}.pv-paper-type{font-family:'Unbounded',sans-serif;color:var(--acc);font-size:12px}.pv-paper>strong{font-size:18px}.pv-paper-row{display:flex;gap:12px;align-items:center;padding:8px 2px;border-bottom:1px solid var(--line)}.pv-paper-row i{height:8px;width:35%;border-radius:4px;background:var(--line2)}.pv-paper-row i:last-child{width:50%}.pv-paper-selected{margin-inline:-10px;padding:8px 12px;border:1px solid var(--acc);border-radius:9px;background:var(--accsoft)}.pv-paper>small{margin-top:auto;font-size:12px}.pv-extract{min-width:0;display:flex;flex-direction:column;justify-content:center}.pv-extract dl{margin:0;border-top:1px solid var(--line2)}.pv-extract dl>div{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid var(--line2);font-size:15px}.pv-extract dt{color:var(--muted)}.pv-extract dd{margin:0;font-weight:650;text-align:right}.pv-extract dd strong{margin-left:11px;color:var(--acc)}.pv-extract .pv-needs-check dd strong{font-size:12px}.pv-step-strip{display:flex;flex-wrap:wrap;gap:7px;margin-top:25px}.pv-step-strip span{padding:8px 10px;border-radius:8px;background:var(--accsoft);color:var(--ink2);font-size:12px}

.pv-norm-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.8fr);gap:clamp(15px,2vw,35px);padding:clamp(18px,2.5vw,42px)}.pv-table{min-width:0}.pv-table-head,.pv-table-row{display:grid;grid-template-columns:minmax(0,1fr) 55px 65px;gap:8px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line);font-size:14px}.pv-table-head{color:var(--muted);font-size:12px;text-transform:uppercase}.pv-table-row span:not(:first-child){text-align:right}.pv-table-row.pv-current{border:1px solid var(--acc);border-radius:10px;background:var(--accsoft)}.pv-candidate{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:clamp(18px,2vw,32px);border:1px solid var(--line2);border-radius:18px;background:var(--accsoft)}.pv-candidate>strong{font-family:'Unbounded',sans-serif;font-size:clamp(16px,1.35vw,23px);line-height:1.3}.pv-candidate p{font-size:14px}.pv-candidate-card{width:100%;display:flex;flex-direction:column;gap:5px;padding:14px;border:1px solid var(--line2);border-radius:10px;background:var(--surface);font-size:13px}.pv-candidate-card span{color:var(--acc);font-size:11px;text-transform:uppercase}.pv-candidate-card small{font-size:11px}

.pv-protocol-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(16px,2vw,36px);padding:clamp(18px,2.5vw,44px)}.pv-audio{display:flex;flex-direction:column;gap:15px;justify-content:center;padding:clamp(20px,2vw,36px);border:1px solid var(--line2);border-radius:18px;background:var(--accsoft)}.pv-audio>strong{font-family:'Unbounded',sans-serif;font-size:clamp(18px,1.45vw,26px)}.pv-wave{height:75px;display:flex;align-items:center;justify-content:space-between;gap:3px}.pv-wave i{width:4px;flex:1;border-radius:4px;background:var(--acc);height:var(--h,30%)}.pv-wave i:nth-child(3n){--h:75%}.pv-wave i:nth-child(4n){--h:55%}.pv-wave i:nth-child(7n){--h:95%}.pv-audio-time{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.pv-file{display:inline-flex;align-self:flex-start;padding:8px 12px;border:1px solid var(--line2);border-radius:8px;font-size:12px}.pv-minutes{min-width:0}.pv-minutes>div:not(.pv-panel-head){display:flex;gap:15px;align-items:flex-start;padding:15px 0;border-top:1px solid var(--line)}.pv-minutes time{color:var(--acc);font-weight:700;font-size:12px}.pv-minutes p{font-size:14px}.pv-document-output{color:var(--acc);font-weight:700;font-size:13px}

.pv-mayak-grid{display:grid;grid-template-columns:minmax(170px,.6fr) minmax(0,1.4fr);min-height:315px;padding:clamp(18px,2.5vw,42px)}.pv-course-nav{display:flex;flex-direction:column;gap:13px;padding:20px;border:1px solid var(--line2);border-radius:16px 0 0 16px;background:var(--accsoft);font-size:13px}.pv-course-nav>span{color:var(--acc);font-size:11px;text-transform:uppercase}.pv-course-nav>strong{font-family:'Unbounded',sans-serif;font-size:16px;line-height:1.35}.pv-course-nav>div{padding:10px;border-radius:8px;color:var(--ink2)}.pv-course-nav>.pv-lesson-active{background:var(--acc);color:var(--onacc);font-weight:650}.pv-lesson{display:flex;flex-direction:column;gap:9px;padding:clamp(19px,2vw,34px);border:1px solid var(--line2);border-left:0;border-radius:0 16px 16px 0}.pv-lesson>strong{font-family:'Unbounded',sans-serif;font-size:clamp(18px,1.4vw,25px)}.pv-lesson>p{font-size:13px}.pv-lesson-block{display:flex;flex-direction:column;gap:4px;padding:13px;border:1px solid var(--line);border-radius:9px;background:var(--bg);font-size:13px}.pv-lesson-block>span{color:var(--acc);font-size:11px}.pv-lesson-block-alt{border-style:dashed}.pv-add-items{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.pv-add-items span{padding:6px 9px;border:1px solid var(--line2);border-radius:7px;color:var(--muted);font-size:11px}

.pv-video-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(190px,.6fr);gap:clamp(16px,2vw,34px);padding:clamp(18px,2.5vw,42px)}.pv-video-stage{min-width:0}.pv-camera{position:relative;min-height:240px;overflow:hidden;border:1px solid var(--line2);border-radius:15px;background:radial-gradient(circle at 50% 20%,var(--accsoft),var(--bg) 60%)}.pv-camera:before,.pv-camera:after{content:'';position:absolute;inset:20% 10%;border:1px dashed var(--line2);border-radius:10px}.pv-camera:after{inset:29% 27%;border-color:var(--acc)}.pv-camera-label,.pv-camera-badge{position:absolute;z-index:2;top:15px;left:15px;padding:7px 10px;border-radius:7px;background:var(--surface);color:var(--ink);font-size:11px}.pv-camera-badge{top:auto;bottom:15px;background:var(--acc);color:var(--onacc);font-weight:650}.pv-workbench{position:absolute;inset:30% 31% 28%;display:flex;align-items:end;gap:6px}.pv-workbench i{display:block;width:32%;height:35%;border:2px solid var(--acc);border-radius:8px}.pv-workbench i:nth-child(2){height:75%}.pv-workbench i:nth-child(3){height:48%}.pv-timeline{display:flex;gap:3px;height:23px;margin-top:15px}.pv-timeline span{display:block;flex:1;border-radius:3px;background:var(--acc)}.pv-timeline .pv-idle{flex:.32;background:var(--line2)}.pv-timeline .pv-gap{flex:.12;background:repeating-linear-gradient(45deg,var(--line2),var(--line2) 2px,transparent 2px,transparent 4px)}.pv-timeline-labels{display:flex;justify-content:space-between;gap:8px;margin-top:7px;color:var(--muted);font-size:11px}.pv-video-stats{display:flex;flex-direction:column;justify-content:center;gap:0;padding:clamp(17px,2vw,32px);border:1px solid var(--line2);border-radius:17px;background:var(--accsoft)}.pv-video-stats .pv-insight-kicker{margin-bottom:13px}.pv-video-stats>div{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--line2);font-size:13px}.pv-video-stats>div strong{font-size:16px;text-align:right}.pv-video-stats>small{margin-top:17px;font-size:11px}

product-preview[compact] .pv-top{min-height:44px;padding:8px 14px;font-size:12px}product-preview[compact] .pv-mark{width:25px;height:25px;font-size:9px}product-preview[compact] .pv-demo{font-size:10px}product-preview[compact] .pv-foot{min-height:0;padding:9px 14px;font-size:11px}product-preview[compact] .pv-pm-head{padding:15px 16px 0}product-preview[compact] .pv-pm-head strong{font-size:17px}product-preview[compact] .pv-pm-head small,product-preview[compact] .pv-pill{display:none}product-preview[compact] .pv-pm-layout{display:block;padding:12px}product-preview[compact] .pv-graph{min-height:190px}product-preview[compact] .pv-graph svg{min-height:170px}product-preview[compact] .pv-insight{display:none}product-preview[compact] .pv-motion-toggle{font-size:10px;min-height:44px}product-preview[compact] .pv-docs-grid,product-preview[compact] .pv-norm-grid,product-preview[compact] .pv-protocol-grid,product-preview[compact] .pv-video-grid{padding:14px;gap:12px}product-preview[compact] .pv-paper{min-height:180px;padding:15px;gap:8px}product-preview[compact] .pv-paper-row{padding:5px}product-preview[compact] .pv-extract dl>div{padding:8px 0;font-size:12px}product-preview[compact] .pv-step-strip{display:none}product-preview[compact] .pv-panel-head{margin-bottom:8px}product-preview[compact] .pv-panel-head strong{font-size:14px}product-preview[compact] .pv-candidate,product-preview[compact] .pv-audio{padding:13px;gap:7px}product-preview[compact] .pv-candidate p,product-preview[compact] .pv-minutes p{font-size:11px}product-preview[compact] .pv-table-head,product-preview[compact] .pv-table-row{padding:8px;font-size:11px}product-preview[compact] .pv-protocol-grid{grid-template-columns:1fr}product-preview[compact] .pv-audio{display:none}product-preview[compact] .pv-mayak-grid{min-height:0;padding:14px;grid-template-columns:1fr}product-preview[compact] .pv-course-nav{display:none}product-preview[compact] .pv-lesson{border:1px solid var(--line2);border-radius:12px;padding:13px}product-preview[compact] .pv-video-grid{grid-template-columns:1fr}product-preview[compact] .pv-camera{min-height:150px}product-preview[compact] .pv-video-stats{display:none}

@media(max-width:800px){.pv-pm-layout{grid-template-columns:1fr}.pv-insight{gap:9px}.pv-insight p{font-size:15px}.pv-graph{min-height:280px}.pv-graph svg{min-height:250px}.pv-docs-grid,.pv-norm-grid,.pv-protocol-grid,.pv-video-grid{grid-template-columns:1fr}.pv-paper{width:100%;max-width:290px}.pv-video-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px 14px}.pv-video-stats .pv-insight-kicker,.pv-video-stats>small{grid-column:1/-1}.pv-video-stats>div{display:block}.pv-video-stats>div strong{display:block;text-align:left}.pv-mayak-grid{grid-template-columns:1fr}.pv-course-nav{border-radius:16px 16px 0 0}.pv-lesson{border-left:1px solid var(--line2);border-top:0;border-radius:0 0 16px 16px}}
@media(max-width:530px){.pv-top{font-size:12px;padding:10px 15px}.pv-demo{max-width:120px;font-size:11px}.pv-pm-head{padding:22px 18px 0}.pv-pm-head strong{font-size:21px}.pv-pm-head small{font-size:12px}.pv-pm-head .pv-pill{display:none}.pv-pm-layout{padding:15px;gap:12px}.pv-graph{display:block;min-height:0;padding:16px}.pv-graph svg{display:none}.pv-mobile-flow{display:block}.pv-insight{padding:18px}.pv-insight strong{font-size:20px}.pv-insight p{font-size:14px}.pv-foot{padding:10px 15px;font-size:11px}.pv-motion-toggle{flex:none;font-size:10px;max-width:150px}.pv-docs-grid,.pv-norm-grid,.pv-protocol-grid,.pv-video-grid{padding:15px}.pv-docs-grid{grid-template-columns:1fr}.pv-paper{min-height:220px}.pv-extract dl>div{font-size:13px}.pv-mayak-grid{padding:15px}.pv-video-stats>div strong{font-size:13px}product-preview[compact] .pv-graph{padding:12px;min-height:0}product-preview[compact] .pv-graph svg{display:none}product-preview[compact] .pv-mobile-flow{display:block}product-preview[compact] .pv-mobile-flow span:nth-child(n+4){display:none}product-preview[compact] .pv-mobile-flow span{margin-bottom:8px;padding:7px;font-size:11px}product-preview[compact] .pv-docs-grid,product-preview[compact] .pv-norm-grid{grid-template-columns:1fr}product-preview[compact] .pv-paper{display:none}product-preview[compact] .pv-candidate{display:none}}
@media(prefers-reduced-motion:reduce){.pv-traveller{display:none}}
.pv-mobile-flow{position:relative}.pv-mobile-flow:before{content:'';position:absolute;z-index:2;left:2px;top:0;width:7px;height:7px;border-radius:50%;background:var(--acc);box-shadow:0 0 8px var(--acc);animation:pv-mobile-travel 7s linear infinite}.pv[data-motion="paused"] .pv-mobile-flow:before{animation-play-state:paused}@keyframes pv-mobile-travel{0%{top:0}100%{top:calc(100% - 10px)}}@media(prefers-reduced-motion:reduce){.pv-mobile-flow:before{display:none}}
product-preview:not([compact]) .pv-candidate p,product-preview:not([compact]) .pv-minutes p,product-preview:not([compact]) .pv-lesson>p{font-size:clamp(15px,.82vw,18px)}product-preview:not([compact]) .pv-table-row,product-preview:not([compact]) .pv-extract dl>div{font-size:clamp(15px,.82vw,18px)}product-preview:not([compact]) .pv-paper{width:min(100%,clamp(340px,24vw,520px));max-width:none}product-preview:not([compact]) .pv-camera{min-height:clamp(240px,20vw,430px)}
.pv-add-items{color:var(--muted);font-size:12px;line-height:1.4}
.pv-mobile-branch{display:none;margin-top:14px;padding:12px 14px;border:1px dashed var(--acc);border-radius:12px;background:var(--accsoft);color:var(--ink2);font-size:13px;line-height:1.45}
@media(max-width:700px){.pv-graph{display:block;min-height:0;padding:16px}.pv-graph svg{display:none}.pv-mobile-flow,.pv-mobile-branch{display:block}}
product-preview[compact] .pv-graph{display:block;min-height:0;padding:12px}product-preview[compact] .pv-graph svg{display:none}product-preview[compact] .pv-mobile-flow,product-preview[compact] .pv-mobile-branch{display:block}product-preview[compact] .pv-mobile-flow span{margin-bottom:8px;padding:8px 10px;font-size:12px}product-preview[compact] .pv-mobile-flow span:nth-of-type(n+4){display:block}product-preview[compact] .pv-mobile-branch{font-size:11px;padding:9px}
