.control-panel{transition:transform .4s cubic-bezier(.4,0,.2,1);position:relative;will-change:transform;backface-visibility:hidden;transform-style:preserve-3d;isolation:isolate;z-index:50}@media (max-width:767px){.control-panel.panel-hidden{transform:translate3d(0,84%,0)}.control-panel.panel-visible{transform:translateZ(0)}}@media (min-width:768px){.control-panel.panel-hidden{transform:translate3d(100%,0,0)}.control-panel.panel-visible{transform:translateZ(0)}}.panel-toggle-btn{position:absolute;z-index:80;background:rgba(34,197,94,.95);border:2px solid rgba(34,197,94,.5);backdrop-filter:blur(8px);transition:all .3s cubic-bezier(.4,0,.2,1);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:500;box-shadow:0 4px 12px rgba(0,0,0,.3);will-change:transform,background-color,box-shadow;backface-visibility:hidden;transform-style:preserve-3d}.panel-toggle-btn:hover{background:#22c55e;box-shadow:0 8px 25px rgba(34,197,94,.4)}@media (max-width:767px){.panel-toggle-btn{top:-28px;right:20px;border-radius:50%;width:56px;height:56px;transform:translateY(0)}.panel-toggle-btn:hover{transform:translateY(0) scale3d(1.05,1.05,1)}}@media (min-width:768px){.panel-toggle-btn{top:50%;left:-24px;transform:translateY(-50%);border-radius:12px;width:48px;height:48px}.panel-toggle-btn:hover{transform:translateY(-50%) scale3d(1.05,1.05,1)}}.can-visualization{transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;will-change:transform;backface-visibility:hidden;transform-style:preserve-3d;overflow:hidden}.can-visualization.panel-hidden{transform:scale(1.1) translateZ(0);z-index:20;border-radius:0}@media (max-width:767px){.can-visualization.panel-hidden{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:80vh!important;z-index:10;flex:none!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;transform:scale(1) translateZ(0);border-radius:0}.can-visualization:not(.panel-hidden){flex:1;height:350px;transform:scale(1) translateZ(0);position:relative}}@media (min-width:768px){.can-visualization.panel-hidden{transform:scale(1.2) translate3d(12%,0,0)}.can-visualization:not(.panel-hidden){flex:2;height:auto;transform:scale(1) translateZ(0)}}.toggle-icon{transition:transform .3s ease}.toggle-icon.rotated{transform:rotate(180deg)}