@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700;800&display=swap";:root{--text-color:#202020;--bg-color:#f2f2f2;--btn-bg:#202020;--btn-text:#f2f2f2;--btn-hover:#3a3a3a;--border-color:#d0d0d0;--subtext-color:#666;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text-color);background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text-color:#d0d0d0;--bg-color:#202020;--btn-bg:#d0d0d0;--btn-text:#202020;--btn-hover:#a0a0a0;--border-color:#404040;--subtext-color:#aaa}body{background-color:var(--bg-color);width:100vw;height:100vh;color:var(--text-color);margin:0;padding:0;transition:background-color .3s,color .3s;overflow:hidden}#root{width:100%;height:100%}.container{box-sizing:border-box;flex-direction:column;width:100%;max-width:1400px;height:100vh;margin:0 auto;padding:0 4rem;display:flex}.header-row{pointer-events:auto;z-index:50;justify-content:space-between;align-items:center;width:100%;margin-bottom:-2.5rem;padding-top:1rem;display:flex;position:relative}.brand-logo-text{color:var(--text-color);letter-spacing:-.04em;margin:0;padding-left:2rem;font-family:Poppins,system-ui,sans-serif;font-size:2.5rem;font-weight:800}.theme-switch{border:2px solid var(--text-color);cursor:pointer;box-sizing:border-box;background-color:#0000;border-radius:4px;align-items:center;width:60px;height:30px;padding:4px;transition:border-color .3s;display:flex;position:relative}.theme-switch-thumb{background-color:var(--text-color);pointer-events:none;border-radius:0;width:18px;height:18px;transition:transform .2s cubic-bezier(.4,0,.2,1),background-color .3s}.theme-switch.dark .theme-switch-thumb{transform:translate(30px)}.content-layer{flex:1;justify-content:space-between;align-items:center;width:100%;min-height:0;display:flex}.sidebar{z-index:10;flex-direction:column;flex-shrink:0;justify-content:center;gap:2.5rem;width:450px;display:flex}.visualizer-container{background:0 0;flex:1;justify-content:flex-start;width:100%;max-width:550px;height:100%;display:flex;position:relative}.control-group{grid-template-columns:115px 1fr 75px;align-items:center;gap:1rem;display:grid}.control-label{color:var(--text-color);text-transform:none;letter-spacing:.02em;font-size:.75rem;font-weight:500}.control-value{color:var(--text-color);text-align:right;font-size:.85rem;font-weight:500}input[type=range]{background:var(--text-color);appearance:none;border-radius:1px;outline:none;width:100%;height:2px;box-shadow:none!important}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--bg-color);border:2px solid var(--text-color);cursor:pointer;border-radius:50%;width:18px;height:18px;margin-top:-8.5px;transition:transform .1s;box-shadow:none!important}input[type=range]::-moz-range-thumb{background:var(--bg-color);border:2px solid var(--text-color);cursor:pointer;border-radius:50%;width:14px;height:14px;box-shadow:none!important}input[type=range]::-webkit-slider-runnable-track{background:var(--text-color);border-radius:1px;width:100%;height:2px;box-shadow:none!important}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}.info-box{border:1px solid var(--border-color);background:0 0;border-radius:8px;flex-direction:column;gap:.5rem;padding:1.25rem 1.5rem;display:flex}.info-box h3{color:var(--text-color);letter-spacing:.05em;text-transform:uppercase;margin:0;font-family:Poppins,system-ui,sans-serif;font-size:.75rem;font-weight:700}.info-box ul{color:var(--subtext-color);margin:0;padding-left:1.25rem;font-size:.75rem;line-height:1.6}.info-box li{margin-bottom:.25rem}.export-button{background:var(--btn-bg);border:1px solid var(--btn-bg);color:var(--btn-text);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;margin-top:-1.5rem;padding:1rem;font-weight:700;transition:all .2s;display:flex}.export-button:hover:not(:disabled),.export-button:active:not(:disabled){background:var(--btn-hover);border-color:var(--btn-hover);transform:translateY(-2px)}.export-button:disabled{opacity:.5;cursor:not-allowed}.param-card{box-shadow:none;background:0 0;border:none;border-radius:0;flex-direction:column;gap:2.5rem;padding:0;display:flex}.footer-row{box-sizing:border-box;width:100%;color:var(--subtext-color);z-index:10;justify-content:space-between;align-items:center;padding:0 0 2rem 2rem;font-size:.75rem;display:flex}.footer-row a{background-color:var(--text-color);width:36px;height:36px;color:var(--bg-color);border-radius:8px;justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:flex}.footer-row a:hover{background-color:var(--subtext-color);transform:translateY(-2px)}@media (width<=1050px){body{height:auto!important;overflow-y:auto!important}.container{height:auto;padding:0 1rem;overflow:visible}.content-layer{flex-direction:column}.header-row{width:100%;max-width:480px;margin:0 auto -2.5rem;padding-top:0}.brand-logo-text{padding-left:0}.visualizer-container{flex:none;order:1;width:100%;max-width:400px;height:35vh;min-height:250px;margin:0 auto;padding-top:0;padding-right:0}.sidebar{order:2;justify-content:flex-start;align-items:center;gap:2.5rem;width:100%;max-width:600px;padding:2rem 2rem 6rem;position:static}.control-group{gap:.75rem;width:100%}.param-card{width:100%;max-width:480px}.info-box{box-sizing:border-box;width:100%;max-width:480px}.export-button{width:100%;max-width:480px;margin-top:-1.5rem}.footer-row{text-align:center;flex-direction:column;justify-content:center;gap:.75rem;padding:0 0 3rem}}