@import"https://fonts.googleapis.com/css2?family=Fira+Mono:wght@400;700&display=swap";.btn-base{cursor:pointer;border:none;outline:none;transition:all .2s ease;font-family:inherit;font-weight:600;letter-spacing:.5px}.panel-toggle-btn.minimized{position:fixed!important;display:inline-block!important;min-width:72px!important;max-width:160px!important;width:auto!important;height:36px!important;line-height:36px!important;padding:0 18px!important;font-size:15px!important;border-radius:16px!important;box-sizing:border-box!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;background:#222!important;color:#fff!important;text-align:center!important;vertical-align:middle!important;box-shadow:0 2px 8px #0002!important;opacity:.7;transition:opacity .2s ease,background .2s ease,box-shadow .2s ease}.panel-toggle-btn.minimized:hover{opacity:1;background:#333!important;box-shadow:0 4px 12px #0004!important}.panel-toggle-btn{position:absolute;top:8px;right:8px;background:transparent!important;color:#fff;border:none;border-radius:6px;font-size:1.1em;padding:0 .7em;cursor:pointer;z-index:10;opacity:.7;transition:opacity .2s ease,background .2s ease}.panel-toggle-btn:hover{opacity:1;background:#ffffff1a!important}.nav-btn{color:#fff;text-decoration:none;font-size:15px;margin-bottom:14px;opacity:.92;font-weight:500;letter-spacing:.5px;transition:opacity .2s ease,background .2s ease;border:none;background:none;padding:0;cursor:pointer;display:block;text-align:left;width:100%}.nav-btn:hover{opacity:1;background:#ffffff0d}.shape-btn{background:#111;color:#fff;border:1.5px solid #333;border-radius:16px!important;font-family:inherit;font-size:13px;font-weight:600;padding:.3em .7em;cursor:pointer;outline:none;transition:all .2s ease;box-shadow:none;display:flex;align-items:center;min-width:28px;text-align:center;opacity:1}.shape-btn:hover{background:#222;border-color:#444;box-shadow:0 2px 4px #0002}.shape-btn.active{background:#fff;color:#111;border:1.5px solid #fff;box-shadow:0 2px 8px #0002}.shape-btn:disabled{background:#444;color:#888;border-color:#555;cursor:not-allowed;opacity:.6}.lang-btn{background:transparent;border:1.5px solid transparent!important;color:#fff;padding:8px 12px;border-radius:16px!important;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s ease;min-width:40px;letter-spacing:.5px;opacity:.7;height:36px;line-height:20px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.lang-btn.active{background:#141414eb;color:#fff;border:1.5px solid #fff!important;box-shadow:0 2px 8px #0002;opacity:1}.btn-animate{transition:all .2s ease}.btn-animate:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0003}.btn-animate:active{transform:translateY(0);box-shadow:0 2px 4px #0003}.navbar-minimized{background:transparent!important;box-shadow:none!important;border:none!important;border-radius:0!important;padding:0!important}@media (max-width: 768px){.panel-toggle-btn.minimized{font-size:14px!important;padding:0 16px!important;min-width:64px!important}.lang-btn{font-size:11px;padding:6px 10px;min-width:36px;height:32px;line-height:18px}.shape-btn{font-size:12px;padding:.25em .6em;min-width:24px}}body{margin:0;padding:0;overflow:hidden;background:#111;color:#fff;font-family:Fira Mono,Consolas,Menlo,"monospace"}.app-root{min-height:100vh;width:100vw;height:100vh;overflow:hidden;background:#111;color:#fff;font-family:Fira Mono,Consolas,Menlo,"monospace"}.app-header{position:fixed;top:0;left:0;right:0;z-index:1000;pointer-events:none}.app-header>*{pointer-events:auto}.header{position:fixed;top:2vh;left:50%;transform:translate(-50%);z-index:102;background:#181818ee;border-radius:10px;box-shadow:0 4px 24px #0006;border:1px solid #222;color:#fff;font-size:1.1em;font-weight:500;letter-spacing:.12em;padding:.7em 2.2em;min-width:120px;text-align:center;max-width:80vw;white-space:nowrap;font-family:Fira Mono,Consolas,Menlo,"monospace"}.main-layout{position:relative;display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;z-index:auto!important}.center-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0;position:relative;background:#111;width:100vw;height:100vh;margin:0;overflow:hidden}.shape-selector button{background:#111;color:#fff;border:1.5px solid #333;border-radius:8px;font-family:inherit;font-size:1em;font-weight:600;padding:.5em 1.2em;cursor:pointer;outline:none;transition:background .2s,color .2s,border .2s;box-shadow:none;display:flex;align-items:center}.shape-selector button.active,.shape-selector button:focus{background:#fff;color:#111;border:1.5px solid #fff}.global-panel.parameter-panel{left:2vw;bottom:3vh;right:auto;margin-left:.5em;margin-bottom:.5em}.shape-panel.parameter-panel{right:2vw;bottom:3vh;left:auto;margin-right:.5em;margin-bottom:.5em}.panel-toggle-btn{position:absolute;top:8px;right:8px;background:transparent!important;color:#fff;border:none;border-radius:6px;font-size:1.1em;padding:0 .7em;cursor:pointer;z-index:10;opacity:.7;transition:opacity .2s}.panel-toggle-btn:hover{opacity:1}.panel-toggle-btn.minimized{position:fixed!important;display:inline-block!important;min-width:72px!important;max-width:160px!important;width:auto!important;height:36px!important;line-height:36px!important;padding:0 18px!important;font-size:15px!important;border-radius:16px!important;box-sizing:border-box!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;background:#222!important;color:#fff!important;text-align:center!important;vertical-align:middle!important;box-shadow:0 2px 8px #0002!important}.panel-toggle-btn.minimized.left{left:2vw!important;bottom:3vh!important;right:auto!important;top:auto!important}.panel-toggle-btn.minimized.right{right:2vw!important;bottom:3vh!important;left:auto!important;top:auto!important}.panel-toggle-btn.minimized.navbar-minimized{background:transparent!important;box-shadow:none!important;border:none!important;border-radius:0!important;padding:0!important}.canvas-panel{width:100vw;height:100vh;min-height:400px;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;background:#111;overflow:hidden}input[type=range]{accent-color:#fff}.minimize-arrow{display:inline-block;width:18px;height:18px;position:relative}.minimize-arrow:before,.minimize-arrow:after{content:"";position:absolute;width:12px;height:2px;background:currentColor;border-radius:1px}.minimize-arrow:before{left:2px;top:2px;transform:rotate(135deg)}.minimize-arrow:after{left:2px;top:14px;transform:rotate(45deg)}.immersive-mode .center-panel{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:1000!important;background:#111!important}.immersive-mode .canvas-panel{width:100vw!important;height:100vh!important;position:absolute!important;top:0!important;left:0!important}.immersive-mode canvas{width:100vw!important;height:100vh!important;border-radius:0!important;box-shadow:none!important}.immersive-button-container{transition:all .4s cubic-bezier(.4,0,.2,1)!important}.immersive-button-container.hidden{transform:translate(-50%) translateY(100px)!important;opacity:0!important}.immersive-button-container.visible{transform:translate(-50%) translateY(0)!important;opacity:1!important}.immersive-mode .immersive-button-container{position:fixed!important;z-index:2147483647!important;pointer-events:auto!important}.immersive-mode .global-panel,.immersive-mode .shape-panel,.immersive-mode .shape-selector,.immersive-mode .header,.immersive-mode .navbar,.immersive-mode .language-switcher{display:none!important}.immersive-button-container{transition:opacity .3s ease,transform .3s ease}.immersive-button-container.visible{opacity:1;transform:translate(-50%) translateY(0)}.immersive-button-container.hidden{opacity:0;transform:translate(-50%) translateY(20px);pointer-events:none}.immersive-button-container button{transition:all .2s ease}.immersive-button-container button:hover{transform:scale(1.05);box-shadow:0 4px 16px #00000080}.immersive-button-container.immersive-mode{background:#0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:25px;padding:8px;border:1px solid rgba(255,255,255,.1)}.center-btn{width:44px;height:44px;border-radius:50%;background:#000000b3;color:#fff;border:1px solid rgba(255,255,255,.3);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000004d;-webkit-user-select:none;user-select:none;transition:all .2s}.center-btn.active{background:#fff;color:#000;box-shadow:0 2px 8px #0003;border-color:#ffffff4d}.center-btn:hover{transform:scale(1.05)}.center-btn:not(.active):hover{background:#000000e6;color:#fff;box-shadow:0 4px 16px #00000080;border-color:#fffc}.center-btn.active:hover{background:#fff;color:#000;box-shadow:0 2px 8px #0003;border-color:#ffffff4d}.language-switcher{position:fixed;top:1.5vh;left:50%;transform:translate(-50%);z-index:1000;background:transparent;border-radius:14px;padding:0}.language-buttons{display:flex;gap:4px}.lang-btn{background:transparent;border:1.5px solid #333;color:#fff;cursor:pointer;font-size:12px;font-weight:600;transition:all .3s ease;min-width:40px;letter-spacing:.5px;opacity:.7}.lang-btn:hover{background:#ffffff1a;border-color:#fff6;opacity:1}.lang-btn.active{background:#141414eb;color:#fff;border:1.5px solid rgba(20,20,20,.92);box-shadow:0 2px 8px #0002;opacity:1}