.work-stage{position:fixed;inset:0;perspective:2200px;overflow:hidden;background:var(--bg)}.work-stage:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .6s ease}.work-stage.is-layers:before{opacity:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96'%3E%3Cpath d='M48 43v10M43 48h10' stroke='rgba(255,255,255,0.18)' stroke-width='1'/%3E%3C/svg%3E");background-size:96px 96px;background-position:0 0;background-repeat:repeat}.work-rig{transform-style:preserve-3d}.work-plane,.work-rig{position:absolute;inset:0}.work-plane{transform-origin:50% 50%;outline:1px solid transparent;transition:outline-color .6s ease}.work-plane canvas{display:block;width:100%;height:100%}.work-plane-source canvas{filter:grayscale(1)}.work-plane:not(.work-plane-effect){visibility:hidden;opacity:0}.work-stage.is-layers .work-plane{outline-color:var(--border)}.work-stage.is-layers .work-plane-effect{pointer-events:none}.work-plane-label{position:absolute;left:0;top:-40px;font:400 30px/1 var(--ke-mono);color:var(--fg);white-space:nowrap;opacity:0;transition:opacity .6s ease}.work-stage.is-layers .work-plane-label{opacity:1}.work-stage.is-layers{cursor:grab;touch-action:none}.work-stage.is-layers:active{cursor:grabbing}.work-orbit-hint{position:absolute;left:50%;bottom:calc(var(--g-margin) + 4px);transform:translateX(-50%);font:400 10px/15px var(--ke-mono);color:var(--muted);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .6s ease}.work-stage.is-layers .work-orbit-hint{opacity:1;transition-delay:1.2s}@media (max-width:767px){.work-orbit-hint{bottom:96px;width:calc(100vw - var(--g-margin) * 2);white-space:normal;text-align:center}}.work-hero{position:fixed;inset:0;width:100vw;height:100svh;overflow:hidden;background:var(--sunken)}.work-hero video{transform-origin:50% 50%}.work-tool{position:absolute;inset:0;width:100%;height:100%;border:0;background:var(--bg);visibility:hidden;opacity:0}.work-stage:has(.work-tool)~.work-hero{pointer-events:none}