/* Help camera; the isolated panel itself uses production styles. */
.has-panel-preview{border-color:#dce2e4}
.has-panel-preview .walkthrough-header{gap:12px;align-items:center}
.walkthrough-tools{display:flex;align-items:center;gap:7px}
.walkthrough-overview{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;background:white;color:#677184;border:1px solid #e3e6ec;border-radius:4px;font-size:10px;white-space:nowrap}
.walkthrough-overview:hover{color:var(--accent);border-color:#c6bce9}
.walkthrough-overview svg{width:12px;height:12px}
.panel-viewport{height:420px;min-height:0;padding:0;position:relative;overflow:hidden;isolation:isolate;background:#edf0ee;background-image:radial-gradient(#cfd6d130 .8px,transparent .8px);background-size:12px 12px}
.panel-canvas{position:absolute;left:0;top:0;display:block;width:1080px;height:740px;transform-origin:0 0;will-change:transform;pointer-events:none}
.camera-ready .panel-canvas{transition:transform .85s cubic-bezier(.22,1,.36,1)}
.camera-label{position:absolute;left:12px;bottom:10px;z-index:2;padding:3px 7px;border-radius:4px;border:1px solid #dce2e4;background:#fffffff0;color:#6b7485;font-size:9px;pointer-events:none;box-shadow:0 2px 8px #20253105}
.has-panel-preview .walkthrough-caption{position:relative;z-index:3}
@media(max-width:560px){.panel-viewport{height:350px}.has-panel-preview .walkthrough-header{align-items:start;flex-direction:column;gap:8px}.has-panel-preview .walkthrough-header>span{max-width:none}.walkthrough-tools{width:100%;justify-content:space-between}.walkthrough-overview,.has-panel-preview .walkthrough-play{font-size:10px;padding:5px 8px}.camera-label{font-size:8px}}
@media(prefers-reduced-motion:reduce){.panel-canvas{transition:none!important}}
@media print{.walkthrough-tools,.camera-label{display:none!important}.panel-viewport{height:400px}}