/* One shared scene coordinate system: pen, circle, thread and blend. */
.olo-hero-lab .assembly-stage{height:auto;aspect-ratio:1000/490;width:100%;margin:0;min-height:230px;grid-row:2/7;align-self:center;overflow:visible}
.pen-assembly{filter:none;inset:0}.pen-assembly>svg{overflow:visible}
.pen-assembly .assembly-half{transition:none;transform:none!important}
.pen-assembly .assembly-spin{animation:none!important}
.connector-label{bottom:0;left:50%;width:auto;transform:translateX(-50%);font-size:10px;letter-spacing:.12em;white-space:nowrap}
.connector-label:before{height:18px}
.nib-detail{grid-column:2;display:flex;align-items:center;gap:16px;margin-top:12px;border-top:1px solid #ddd;padding-top:12px;min-height:78px}
.nib-detail svg{width:74px;height:76px;flex:none;overflow:hidden}.nib-detail b{font-size:15px;display:block;color:#171717}.nib-detail span{font-size:13px;color:#555;line-height:1.5;display:block;margin-top:3px}
.assembly-actions button:disabled{cursor:wait;opacity:.65}.ink-lens{mix-blend-mode:normal}
.pen-assembly.is-turning .ink-aura{animation:ink-wake 1.1s ease-in-out infinite alternate}
@keyframes ink-wake{from{opacity:.3}to{opacity:.75}}
.olo-hero-lab>p{font-size:14px;min-height:42px}
.paper-mode-note{line-height:1.6}.paper-mode-note strong{color:#161616}
.olo-studio .desk-stage[data-paper=sketch] .drawing-surface{background:#fff}
@media(max-width:780px){.olo-hero-lab .assembly-stage{height:auto;min-height:165px;width:100%;margin:10px 0 22px;aspect-ratio:1000/490}.nib-detail{margin-top:15px}.nib-detail svg{width:65px;height:65px}.connector-label{bottom:-14px;font-size:9px}.connector-label:before{height:12px}}
@media(prefers-reduced-motion:reduce){.pen-assembly .ink-aura{animation:none!important}}