.view-guide-trigger{display:inline-flex;height:34px;align-items:center;gap:7px;padding:0 11px;border:1px solid #dedbd5;background:#fff;color:#373430;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;transition:.2s}.view-guide-trigger:hover{border-color:#9f9990;background:#f7f4ed}.view-guide-trigger>span{display:grid;width:17px;height:17px;place-items:center;border-radius:50%;background:#090d10;color:#fff;font:800 10px Inter,sans-serif}.view-guide{position:fixed;z-index:80;right:18px;bottom:18px;width:294px;padding:15px;border:1px solid #ffffff1f;background:#111619;color:#fff;box-shadow:0 20px 65px #0008;font-family:Inter,sans-serif}.view-guide.is-hidden{display:none}.view-guide__header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:2px 2px 13px}.view-guide__header p{margin:0;color:#ef5367;font-size:8px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.view-guide__header h2{margin:5px 0 0;font-size:1.05rem;font-weight:900;letter-spacing:-.035em;text-transform:uppercase}.view-guide__header button{display:grid;width:28px;height:28px;place-items:center;border:1px solid #ffffff2b;background:transparent;color:#d9d2c8;font-size:21px;line-height:1}.view-guide__header button:hover{background:#eee8dc;color:#111}.view-guide__body{display:grid;gap:8px}.view-guide article{padding:12px 9px 10px;border:1px solid #ffffff12;background:#1b2124}.view-guide article h3{margin:0 0 10px;color:#eee8dc;font-size:10px;font-weight:900;text-transform:uppercase}.gesture-grid{display:grid}.gesture-grid--two{grid-template-columns:1fr 1fr}.gesture-grid--three{grid-template-columns:repeat(3,1fr)}.gesture{position:relative;display:flex;min-width:0;flex-direction:column;align-items:center;padding:2px 5px;text-align:center}.gesture+.gesture{border-left:1px solid #ffffff17}.gesture>b{margin-top:7px;color:#ef5367;font-size:7px;letter-spacing:.08em;text-transform:uppercase}.gesture p{margin:3px 0 0;color:#cfc7bc;font-size:8px;line-height:1.3}.mouse-icon{position:relative;display:block;width:25px;height:36px;border:2px solid #eee8dc;border-radius:14px}.mouse-icon:before{position:absolute;top:10px;left:50%;width:1px;height:7px;background:#ffffff42;content:""}.mouse-icon i{position:absolute;top:4px;width:5px;height:8px;border-radius:3px;background:#c8102e}.mouse-icon--left i{left:5px}.mouse-icon--right i{right:5px}.mouse-icon--wheel i{left:8px;width:5px;height:9px;animation:mouse-wheel 1.5s ease-in-out infinite}.trackpad-icon{position:relative;display:block;width:44px;height:30px;border:2px solid #eee8dc;border-radius:5px}.gesture-hand{position:absolute;z-index:2;right:5px;bottom:-4px;width:9px;height:14px;border:2px solid #eee8dc;border-radius:6px 6px 3px 3px;background:#1b2124;transform-origin:bottom center}.gesture-hand:before,.gesture-hand:after{position:absolute;bottom:-2px;width:3px;height:8px;border:1.5px solid #eee8dc;border-radius:3px;background:#1b2124;content:""}.gesture-hand:before{left:-5px;transform:rotate(-22deg)}.gesture-hand:after{right:-5px;transform:rotate(22deg)}.gesture-hand--drag{animation:trackpad-drag 2s ease-in-out infinite}.gesture-hand--pan{animation:trackpad-pan 2.2s ease-in-out infinite}.gesture-hand--zoom:after{box-shadow:-7px -7px 0 -1px #1b2124;border-color:#eee8dc}.gesture-hand--zoom{animation:trackpad-zoom 1.6s ease-in-out infinite}.view-guide__confirm{width:100%;height:34px;margin-top:10px;background:#eee8dc;color:#111;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.view-guide__confirm:hover{background:#fff}@keyframes mouse-wheel{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@keyframes trackpad-drag{0%,to{transform:translate(-9px)}50%{transform:translate(7px)}}@keyframes trackpad-pan{0%,to{transform:translate(-8px,-3px)}50%{transform:translate(7px,3px)}}@keyframes trackpad-zoom{0%,to{transform:translateY(3px) scale(.92)}50%{transform:translateY(-3px) scale(1.08)}}@media (max-width:640px){.view-guide{right:10px;bottom:10px;left:10px;width:auto;max-height:calc(100svh - 72px);overflow-y:auto}.view-guide-trigger b{display:none}.view-guide-trigger{width:34px;padding:0;justify-content:center}}@media (prefers-reduced-motion:reduce){.mouse-icon i,.gesture-hand{animation:none!important}}header,footer{display:none!important}html,body{overflow:hidden!important;height:100%!important;min-height:100%!important;margin:0!important;padding:0!important}body{background:#f0efeb!important}main{display:flex!important;flex-direction:column!important;flex:1 1 0!important;overflow:hidden!important;padding:0!important;min-height:0!important}.cfg-shell{flex:1 1 0!important;display:grid;grid-template-rows:52px 1fr;overflow:hidden;background:#f0efeb;min-height:0}.cfg-main{display:grid;grid-template-columns:360px 1fr;overflow:hidden;height:100%;min-height:0}#config-panel{order:-1;height:100%;overflow:hidden;min-height:0}#sidebar-sections{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d0d0d0 #f9f9f9;min-height:0;scroll-behavior:smooth}@media (max-width: 1023px){body{height:auto!important}.cfg-shell{height:auto;min-height:100svh}.cfg-main{grid-template-columns:1fr;grid-template-rows:300px 1fr;overflow:visible}#config-panel{overflow-y:visible;order:0}}@keyframes glb-spin{to{transform:rotate(360deg)}}@keyframes continueShake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}@keyframes sectionComplete{0%{background:#f0fdf4}60%{background:#dcfce7}to{background:transparent}}.section-just-completed{animation:sectionComplete .8s ease-out forwards}#stage-3d-container canvas{cursor:grab}#stage-3d-container canvas:active{cursor:grabbing}