@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:hover{background:#ffffff1a;border-color:#fff6;opacity:1}.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,.immersive-mode .stage-hud{display:none!important}:root{--surface-0: #05070a;--surface-1: rgba(8, 12, 16, .82);--surface-2: rgba(15, 22, 28, .72);--line-soft: rgba(255, 255, 255, .1);--line-bright: rgba(151, 246, 255, .42);--text-strong: #f4fbff;--text-muted: rgba(222, 237, 244, .68);--accent-cyan: #7be7ff;--accent-green: #82f2bd;--accent-rose: #ff78b8;--accent-amber: #ffd36a;--shadow-panel: 0 24px 70px rgba(0, 0, 0, .42), inset 0 1px 0 rgba(255, 255, 255, .08)}html,body,#root{width:100%;height:100%}body{background:radial-gradient(circle at 18% 18%,rgba(123,231,255,.16),transparent 28%),radial-gradient(circle at 78% 14%,rgba(255,120,184,.12),transparent 24%),radial-gradient(circle at 70% 78%,rgba(130,242,189,.12),transparent 30%),var(--surface-0);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-root{position:relative;isolation:isolate;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 22%),var(--surface-0)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important}.app-root:before{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:radial-gradient(circle at center,black,transparent 78%);mask-image:radial-gradient(circle at center,black,transparent 78%)}.app-root:after{content:"";position:fixed;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(123,231,255,.08),transparent 18%,transparent 82%,rgba(255,120,184,.08)),linear-gradient(180deg,rgba(255,255,255,.06),transparent 18%,transparent 78%,rgba(0,0,0,.42))}.main-layout,.center-panel,.canvas-panel{background:transparent!important}.canvas-panel{z-index:3}.canvas-panel canvas{background:#05070a!important;border-radius:0!important;box-shadow:inset 0 0 90px #00000057!important}.stage-hud{position:fixed;top:18px;left:50%;z-index:112;transform:translate(-50%);display:flex;align-items:center;gap:12px;min-height:38px;padding:6px 10px;color:var(--text-strong);pointer-events:none;border:1px solid var(--line-soft);border-radius:8px;background:linear-gradient(135deg,#070c10b8,#11161c7a);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(18px) saturate(138%);backdrop-filter:blur(18px) saturate(138%)}.stage-hud__brand,.stage-hud__meta{display:flex;align-items:center}.stage-hud__brand{gap:8px;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.stage-hud__signal{width:9px;height:9px;border-radius:999px;background:var(--accent-green);box-shadow:0 0 16px #82f2bde6}.stage-hud__meta{gap:6px;color:var(--text-muted);font-family:Fira Mono,Consolas,monospace;font-size:11px}.stage-hud__meta span{padding:4px 7px;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:#ffffff0e}.language-switcher{top:18px!important;right:152px!important;left:auto!important;transform:none!important;z-index:116!important}.language-buttons{padding:3px;border:1px solid var(--line-soft);border-radius:8px;background:#070c10b3;box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(16px) saturate(135%);backdrop-filter:blur(16px) saturate(135%)}.lang-btn{min-width:38px!important;height:30px!important;padding:0 10px!important;border:0!important;border-radius:6px!important;color:var(--text-muted)!important;font-size:12px!important;line-height:1!important;opacity:1!important}.lang-btn:hover{background:#7be7ff1f!important;color:var(--text-strong)!important}.lang-btn.active{background:linear-gradient(135deg,#7be7ff3d,#82f2bd24)!important;color:#fff!important;border:0!important;box-shadow:inset 0 0 0 1px #97f6ff33,0 0 18px #7be7ff1f!important}.parameter-panel,.navbar-panel,.shape-selector-panel,.navbar-content-panel{border:1px solid var(--line-soft)!important;border-radius:8px!important;background:linear-gradient(135deg,#070c10e6,#11161cb8)!important;box-shadow:var(--shadow-panel)!important;-webkit-backdrop-filter:blur(20px) saturate(140%)!important;backdrop-filter:blur(20px) saturate(140%)!important}.parameter-panel{position:fixed!important;z-index:118!important;box-sizing:border-box;padding:18px;color:var(--text-strong);pointer-events:auto}.global-panel.parameter-panel{left:24px!important;bottom:24px!important;width:min(342px,calc(100vw - 48px))!important;max-height:64vh;overflow-y:auto}.shape-panel.parameter-panel{right:24px!important;bottom:24px!important;width:min(342px,calc(100vw - 48px))!important;min-width:0!important;max-width:min(342px,calc(100vw - 48px))!important;max-height:58vh!important}.navbar-panel,.shape-selector-panel{top:18px!important}.navbar-panel{left:24px!important}.shape-selector-panel{right:24px!important}.navbar-content-panel{width:min(680px,calc(100vw - 40px))}.navbar-panel{position:fixed;z-index:110;min-width:190px;max-width:320px;padding:18px;color:var(--text-strong)}.panel-title{margin:0 32px 16px 0;color:var(--text-strong);font-size:13px;font-weight:800;letter-spacing:.08em;text-align:left;text-transform:uppercase}.nav-list{display:flex;flex-direction:column;gap:4px}.nav-item-btn{width:100%;min-height:34px;padding:0 10px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--text-muted);cursor:pointer;font:inherit;font-size:14px;font-weight:650;text-align:left;transition:background .18s ease,border-color .18s ease,color .18s ease}.nav-item-btn:hover{border-color:#7be7ff33;background:#7be7ff14;color:var(--text-strong)}.menu-glyph{position:relative;display:block;width:16px;height:14px}.menu-glyph span{position:absolute;left:0;right:0;height:2px;border-radius:999px;background:currentColor}.menu-glyph span:nth-child(1){top:0}.menu-glyph span:nth-child(2){top:6px}.menu-glyph span:nth-child(3){top:12px}.panel-icon-btn,.modal-close-btn{display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#ffffff0e;color:var(--text-muted);cursor:pointer;font:inherit;transition:background .18s ease,color .18s ease,border-color .18s ease}.panel-icon-btn{position:absolute;top:12px;right:12px}.panel-icon-btn:hover,.modal-close-btn:hover{border-color:#ff78b861;background:#ff78b81a;color:#fff}.modal-scrim{position:fixed;inset:0;z-index:150;display:flex;align-items:center;justify-content:center;padding:20px;background:#0000006b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.navbar-content-panel{position:relative;max-height:80vh;overflow-y:auto;padding:32px 38px;color:var(--text-strong);scrollbar-width:thin;scrollbar-color:rgba(123,231,255,.5) rgba(255,255,255,.08)}.navbar-content-panel::-webkit-scrollbar,.shape-panel.parameter-panel::-webkit-scrollbar,.global-panel.parameter-panel::-webkit-scrollbar{width:7px}.navbar-content-panel::-webkit-scrollbar-thumb,.shape-panel.parameter-panel::-webkit-scrollbar-thumb,.global-panel.parameter-panel::-webkit-scrollbar-thumb{border-radius:999px;background:#7be7ff73}.modal-close-btn{position:absolute;top:16px;right:16px}.content-rich-text{color:var(--text-muted);font-size:15px;line-height:1.7}.shape-selector-panel{position:fixed;z-index:112;width:min(316px,calc(100vw - 48px));padding:18px;color:var(--text-strong)}.shape-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.shape-grid-btn{display:grid;place-items:center;min-width:0;height:34px;padding:0;border:1px solid rgba(255,255,255,.11);border-radius:6px;background:#ffffff0e;color:var(--text-muted);cursor:pointer;font-family:Fira Mono,Consolas,monospace;font-size:12px;font-weight:800;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.shape-grid-btn:not(:disabled):hover{transform:translateY(-1px);border-color:#7be7ff6b;background:#7be7ff1f;color:#fff}.shape-grid-btn.active{border-color:#82f2bd85;background:linear-gradient(135deg,#7be7ff47,#82f2bd2e);color:#fff}.shape-grid-btn:disabled{cursor:not-allowed;opacity:.32}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.panel-header h2{margin:2px 0 0;color:var(--text-strong);font-size:18px;font-weight:800;letter-spacing:0}.panel-kicker{margin:0;color:var(--accent-cyan);font-family:Fira Mono,Consolas,monospace;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.panel-actions{display:flex;gap:6px}.panel-small-btn,.micro-reset-btn{display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#ffffff0e;color:var(--text-muted);cursor:pointer;font-family:Fira Mono,Consolas,monospace;font-weight:700;transition:background .18s ease,border-color .18s ease,color .18s ease}.panel-small-btn{width:30px;height:30px;font-size:13px}.micro-reset-btn{width:22px;height:22px;font-size:10px}.panel-small-btn:hover,.micro-reset-btn:hover{border-color:#7be7ff6b;background:#7be7ff1f;color:#fff}.control-stack{display:flex;flex-direction:column;gap:14px}.control-row{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.control-row__label{display:flex;align-items:center;justify-content:space-between;gap:12px}.control-row__label label{color:var(--text-muted);font-size:13px;font-weight:700}.range-row{display:grid;grid-template-columns:minmax(0,1fr) 52px;align-items:center;gap:12px}.range-row input[type=range]{width:100%!important;height:4px!important;margin:0!important;border-radius:999px!important;background:#ffffff24!important}.range-row span{color:var(--text-strong);font-family:Fira Mono,Consolas,monospace;font-size:12px;text-align:right}.segmented-control{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff0b}.segmented-control button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:34px;border:0;border-radius:6px;background:transparent;color:var(--text-muted);cursor:pointer;font:inherit;font-size:12px;font-weight:800}.segmented-control button:hover,.segmented-control button.active{background:#7be7ff1f;color:var(--text-strong)}.segmented-control button.active{box-shadow:inset 0 0 0 1px #97f6ff2e}.color-dot{width:12px;height:12px;border:1px solid rgba(255,255,255,.28);border-radius:999px}.color-dot--gradient{border-radius:4px}.color-preset-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:2px 0 16px}.color-preset{height:28px;border:1px solid rgba(255,255,255,.14);border-radius:6px;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.color-preset:hover{transform:translateY(-1px);border-color:#ffffff7a;box-shadow:0 10px 22px #0000003d}.color-input-grid{display:grid;gap:10px}.color-input-grid.two-up{grid-template-columns:1fr 1fr}.color-input-group{display:flex;min-width:0;flex-direction:column;gap:8px}.color-input-row{display:grid;grid-template-columns:34px minmax(0,1fr);gap:7px;align-items:center}.color-input-row input[type=color]{width:34px!important;height:30px!important;padding:0!important;border:0!important;background:transparent!important;cursor:pointer}.color-input-row input[type=text]{min-width:0;height:30px;padding:0 8px;border:1px solid rgba(255,255,255,.1)!important;background:#ffffff0e!important;color:var(--text-strong)!important;font-family:Fira Mono,Consolas,monospace!important;font-size:11px!important}.formula-panel{margin-top:18px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff0b;color:#deedf4a3;font-family:Fira Mono,Consolas,monospace;font-size:11px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.photo-export-btn{border-radius:8px!important;border:1px solid rgba(130,242,189,.45)!important;background:linear-gradient(135deg,#7be7ff47,#82f2bd2e)!important;color:#fff!important;font-size:14px!important;font-weight:800!important;letter-spacing:0!important;box-shadow:0 18px 42px #00000057!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.photo-export-btn:hover{border-color:#82f2bdb8!important;transform:translateY(-1px)}.photo-ratio-group{padding:4px!important;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#070c10b8;box-shadow:0 18px 42px #00000052;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.photo-ratio-btn{min-width:48px;height:30px;padding:0 10px!important;border-radius:6px!important;border:0!important;background:transparent!important;color:var(--text-muted)!important;font-weight:800!important}.photo-ratio-btn:hover,.photo-ratio-btn.active{background:#7be7ff21!important;color:#fff!important}.navbar-panel button:not(.panel-toggle-btn),.navbar-content-panel button:not(.panel-toggle-btn),.shape-selector-panel button:not(.panel-toggle-btn){border-radius:6px!important}.navbar-panel button:not(.panel-toggle-btn):hover{color:var(--accent-cyan)!important}.panel-toggle-btn{border-radius:6px!important}.panel-toggle-btn.minimized{height:38px!important;min-width:82px!important;padding:0 14px!important;border:1px solid var(--line-soft)!important;border-radius:8px!important;background:#070c10c7!important;color:var(--text-strong)!important;box-shadow:var(--shadow-panel)!important;opacity:1!important;-webkit-backdrop-filter:blur(16px) saturate(135%);backdrop-filter:blur(16px) saturate(135%)}.panel-toggle-btn.minimized:hover{border-color:var(--line-bright)!important;background:#0d161ce6!important}.panel-toggle-btn.minimized.left{left:24px!important;bottom:24px!important}.panel-toggle-btn.minimized.right{right:24px!important;bottom:24px!important}.panel-toggle-btn.minimized.navbar-minimized{top:18px!important;left:24px!important;min-width:42px!important;width:42px!important;padding:0!important;border:1px solid var(--line-soft)!important;background:#070c10c7!important;box-shadow:var(--shadow-panel)!important;border-radius:8px!important}.shape-selector-minimized{top:18px!important;right:24px!important}.shape-selector button{border-color:#ffffff1c!important;background:#ffffff0e!important;color:var(--text-muted)!important}.shape-selector button:not(:disabled):hover{border-color:#7be7ff6b!important;color:var(--text-strong)!important;box-shadow:0 0 18px #7be7ff1f}.shape-selector button.active{border-color:#82f2bd85!important;background:linear-gradient(135deg,#7be7ff47,#82f2bd2e)!important;color:#fff!important}input[type=range]{accent-color:var(--accent-cyan)}input[type=text],input[type=color]{border-radius:6px!important}input[type=text]:focus,button:focus-visible{outline:2px solid rgba(123,231,255,.65)!important;outline-offset:2px}.navbar-content-panel h2{font-size:26px!important;letter-spacing:0!important}.navbar-content-panel p,.navbar-content-panel li{color:#e7f1f6bd!important}@media (max-width: 760px){.stage-hud{top:64px;width:calc(100vw - 32px);justify-content:space-between;box-sizing:border-box}.stage-hud__brand{font-size:12px}.stage-hud__meta span:last-child{display:none}.language-switcher{top:18px!important;right:76px!important}.panel-toggle-btn.minimized.navbar-minimized{left:16px!important}.panel-toggle-btn.minimized.shape-selector-minimized{right:16px!important;width:42px!important;min-width:42px!important;max-width:42px!important;padding:0!important;font-size:0!important}.shape-selector-minimized:before{content:"36";color:var(--text-strong);font-family:Fira Mono,Consolas,monospace;font-size:12px;font-weight:800}.navbar-panel,.shape-selector-panel,.global-panel.parameter-panel,.shape-panel.parameter-panel{left:16px!important;right:16px!important;width:auto!important;max-width:none!important}.shape-selector-panel{top:64px!important}.global-panel.parameter-panel,.shape-panel.parameter-panel{bottom:86px!important;max-height:46vh!important}.panel-toggle-btn.minimized.left{left:16px!important;bottom:18px!important}.panel-toggle-btn.minimized.right{right:16px!important;bottom:18px!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}.immersive-button-container{gap:10px!important;padding:8px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:8px!important;background:#070c10ad!important;box-shadow:0 24px 70px #00000070,inset 0 1px #ffffff14!important;-webkit-backdrop-filter:blur(18px) saturate(140%)!important;backdrop-filter:blur(18px) saturate(140%)!important}.immersive-button-container>button{width:42px!important;height:42px!important;border-radius:8px!important;border:1px solid rgba(255,255,255,.11)!important;background:#ffffff0e!important;color:#f4fbffdb!important;box-shadow:none!important}.immersive-button-container>button:hover{transform:translateY(-2px)!important;border-color:#7be7ff80!important;background:#7be7ff21!important;color:#fff!important;box-shadow:0 12px 26px #00000042!important}.immersive-button-container>button:active{transform:translateY(0)!important}.immersive-button-container>button[title*=Exit],.immersive-button-container>button[title*=Play],.immersive-button-container>button[title*=Cancel],.immersive-button-container>button.center-btn.active{border-color:#82f2bd80!important;background:linear-gradient(135deg,#7be7ff3d,#82f2bd29)!important;color:#fff!important}@media (max-width: 760px){.immersive-button-container{bottom:18px!important;width:calc(100vw - 32px);box-sizing:border-box;justify-content:space-between}.immersive-button-container>button{width:40px!important;height:40px!important}}.language-switcher{position:fixed;top:18px;right:152px;z-index:116;background:transparent}.language-buttons{display:flex;gap:3px;padding:3px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#070c10b3;box-shadow:0 24px 70px #0000006b,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(16px) saturate(135%);backdrop-filter:blur(16px) saturate(135%)}.lang-btn{min-width:38px;height:30px;padding:0 10px;border:0;border-radius:6px;background:transparent;color:#deedf4ad;cursor:pointer;font-size:12px;font-weight:700;line-height:1;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.lang-btn:hover{background:#7be7ff1f;color:#f4fbff}.lang-btn.active{background:linear-gradient(135deg,#7be7ff3d,#82f2bd24);color:#fff;box-shadow:inset 0 0 0 1px #97f6ff33,0 0 18px #7be7ff1f}@media (max-width: 760px){.language-switcher{right:76px}}