/* Tutorial player uses the remaining viewport, without scaling the whole page. */
.guide-cinema .topbar{height:68px}.guide-cinema .footer{display:none}
.cinema-page{height:calc(100dvh - 68px);min-height:510px;display:flex;flex-direction:column;padding:16px 0 22px;gap:20px}
.cinema-toolbar{display:flex;align-items:center;gap:20px;min-height:54px;flex-shrink:0}
.cinema-back{display:flex;align-items:center;gap:5px;font-size:14px;color:#62728a;white-space:nowrap}.cinema-back svg{rotate:180deg}
.cinema-title{margin:0;font-size:22px;line-height:1.4;letter-spacing:-.02em;white-space:nowrap}
.cinema-toolbar .client-tabs{margin:0;gap:6px}.cinema-toolbar .client-tabs button{padding:10px 14px;font-size:14px;gap:8px;min-height:44px}.cinema-toolbar .software-icon{width:23px;height:23px}
.cinema-toolbar .guide-downloads{margin-left:auto;gap:8px;flex-wrap:nowrap}.cinema-toolbar .guide-downloads .btn{font-size:13px;min-height:42px;padding:10px 14px;white-space:nowrap}
.cinema-page.is-preparing .guide-downloads .btn{border-color:#a9c5ef;background:#f4f8ff}
.cinema-workspace{display:grid;grid-template-columns:228px minmax(0,1fr);gap:20px;flex:1;min-height:0}
 .cinema-side{display:flex;flex-direction:column;min-height:0;justify-content:center;padding:12px 0 12px 28px}
.cinema-steps{position:relative;flex:1;max-height:520px;min-height:310px}.cinema-track-zone{position:absolute;inset:22px 0 20px}
.cinema-scrubber{position:absolute;inset:0 auto 0 0;width:36px;cursor:grab;touch-action:none;z-index:2;border-radius:18px;outline-offset:4px}.cinema-scrubber.is-dragging{cursor:grabbing}.cinema-scrubber:focus{outline:none}.cinema-scrubber:focus-visible .cinema-thumb{outline:3px solid #99baf1;outline-offset:3px}
.cinema-step-line{position:absolute;left:17px;top:0;bottom:0;width:2px;background:#dce5f1;pointer-events:none}.cinema-step-line>span{display:block;width:100%;height:var(--guide-progress,0%);background:#2464df}
.cinema-tick{position:absolute;left:12px;width:12px;height:12px;translate:0 -50%;border:2px solid #cdd9e9;background:#fff;border-radius:50%;pointer-events:none}.cinema-tick.is-past{border-color:#2464df;background:#eaf1ff}
.cinema-thumb{position:absolute;left:9px;top:var(--guide-progress,0%);translate:0 -50%;width:18px;height:18px;border:3px solid #fff;outline:1px solid #2464df;background:#2464df;border-radius:50%;pointer-events:none}
.cinema-node{position:absolute;left:43px;right:0;translate:0 -11px}.cinema-step{display:block;padding:0;background:transparent;color:#718197;line-height:22px;text-align:left;font-size:17px;border-radius:4px;min-height:22px}
.cinema-step[aria-current="step"]{color:#185bdb;font-weight:650}.cinema-step.is-past{color:#4e698c}.cinema-step:hover{color:#185bdb}
.cinema-mac-link{display:block;font-size:12px;color:#567ab1;margin-top:5px;line-height:18px;white-space:nowrap}.cinema-mac-link:hover{text-decoration:underline;text-underline-offset:3px}
.cinema-side-note{font-size:12px;line-height:1.8;color:#64748b;margin:14px 0 0 43px}
.cinema-preview-column{display:flex;flex-direction:column;gap:12px;min-height:0;min-width:0}.cinema-stage-area{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;flex:1}
.cinema-film{width:100%;border:1px solid #dfe7f1;border-radius:14px;overflow:hidden;background:#f5f8fc;box-sizing:content-box;max-width:100%}.cinema-frame{display:block;border:0;width:100%;height:100%;background:#f5f8fc}
.cinema-test-node{display:flex;align-items:center;gap:9px;margin:10px 0 0;padding:12px 11px;color:var(--test-foreground,#23466b);background:var(--test-background,#f5f8fc);border:1px solid var(--test-border,#d7e2f2);font-size:14px;font-weight:600;line-height:1.5;min-height:70px;border-radius:10px}.cinema-test-mark{display:grid;place-items:center;width:20px;flex-shrink:0}.cinema-test-node small{display:block;color:inherit;font-weight:400;font-size:10px;margin-top:5px;line-height:1.7}.cinema-test-node:hover{filter:brightness(.97)}.cinema-test-node:focus-visible{outline:3px solid #99baf1;outline-offset:3px}
.cinema-methods{display:flex;gap:12px;margin-top:3px}.cinema-methods button{background:transparent;padding:3px 0;color:#517299;font-size:11px;text-align:left;white-space:nowrap}.cinema-methods button:hover{color:#155dfb}.cinema-methods[hidden]{display:none}
@media(min-width:851px){.guide-cinema>.wrap{padding-inline:clamp(24px,3vw,52px);max-width:1720px}}
@media(max-width:1100px){.cinema-toolbar{gap:12px}.cinema-back span{display:none}.cinema-title{font-size:19px}.cinema-toolbar .client-tabs button{font-size:12px;padding:8px 10px}.cinema-toolbar .guide-downloads .btn{font-size:12px;padding:9px 10px}.cinema-workspace{grid-template-columns:205px minmax(0,1fr);gap:16px}.cinema-step{font-size:16px}}
@media(max-width:850px){.guide-cinema .topbar{height:64px}.cinema-page{height:auto;min-height:calc(100dvh - 64px)}.cinema-toolbar{flex-wrap:wrap;gap:12px}.cinema-toolbar .guide-downloads{margin-left:auto}.cinema-toolbar .client-tabs{order:3;width:100%}.cinema-workspace{grid-template-columns:142px minmax(0,1fr);gap:12px;min-height:450px}.cinema-side{padding:0}.cinema-step{font-size:12px}.cinema-node{left:35px}.cinema-mac-link{font-size:10px}.cinema-side-note{margin-left:35px}.cinema-side-note{font-size:10px}.cinema-film{border-radius:10px}}
@media(max-width:600px){.cinema-workspace{display:flex;flex-direction:column;gap:20px}.cinema-steps{height:340px;flex:none}.cinema-side{max-width:none}.cinema-node{left:43px}.cinema-step{font-size:14px}.cinema-methods{flex-direction:row}.cinema-side-note{margin:8px 0 0 43px}.cinema-mac-link{font-size:11px}.cinema-stage-area{min-height:0}}
@media(max-width:430px){.cinema-toolbar .guide-downloads{width:100%;order:4;margin:0}.cinema-toolbar .client-tabs{width:auto}.cinema-title{font-size:18px}}

.cinema-alternative{display:block;font-size:11px;line-height:1.6;color:#7c8da4;margin-top:5px;font-weight:400}