*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}.app{flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.canvas-container{flex:1;width:100%;min-height:0;position:relative}.app canvas{width:100%;height:100%;display:block}.nav-buttons{z-index:10;gap:12px;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.nav-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000004d;border:2px solid #fff9;border-radius:50%;width:48px;height:48px;font-size:16px;font-weight:600;transition:all .2s}.nav-btn:hover{background:#fff3;border-color:#ffffffe6}.nav-btn.active{color:#000;background:#ffffffe6;border-color:#fff}