*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1e1e1e;font-family:SF Pro Display,Inter,Segoe UI,Helvetica Neue,sans-serif;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#1e1e1e}::-webkit-scrollbar-thumb{background:#404040;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#505050}::-webkit-scrollbar-corner{background:#1e1e1e}input[type=range]{appearance:none;background:#333;border-radius:2px;outline:none;height:3px}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#d7d019;border:2px solid #1e1e1e;border-radius:50%;width:12px;height:12px;box-shadow:0 1px 3px #0000004d}input[type=range]::-moz-range-thumb{cursor:pointer;background:#d7d019;border:2px solid #1e1e1e;border-radius:50%;width:12px;height:12px}input[type=range]:hover::-webkit-slider-thumb{background:#e4dd3a}select{appearance:none;color:#e8e8e8;cursor:pointer;background:#252525 url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23888' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") right 6px center no-repeat;border:1px solid #383838;border-radius:4px;outline:none;padding:4px 24px 4px 8px;font-family:inherit;font-size:11px;transition:all .1s}select:hover{background-color:#2a2a2a;border-color:#484848}select:focus{border-color:#d7d019}select option{color:#e8e8e8;background:#2c2c2c;padding:4px}button:focus-visible{outline-offset:1px;outline:1px solid #d7d019}.no-select{-webkit-user-select:none;user-select:none}:root{--pal-bg:#1e1e1e;--pal-panel:#2c2c2c;--pal-surface:#252525;--pal-input:#1a1a1a;--pal-border:#383838;--pal-border-light:#484848;--pal-accent:#d7d019;--pal-accent-hover:#e4dd3a;--pal-text:#e8e8e8;--pal-text-dim:#8c8c8c;--pal-text-mid:#b3b3b3;--pal-text-bright:#fff;--pal-warn:#e07040;--pal-success:#60b060;--pal-error:#d04040;--brand-primary:#c9a96e;--brand-secondary:#8b7355;--brand-highlight:#e8553a;--anim-fast:.15s steps(4);--anim-medium:.3s steps(8);--anim-slow:.5s steps(12);--anim-smooth-fast:.15s ease-out}img,canvas,svg{image-rendering:pixelated;image-rendering:crisp-edges}.icon{width:16px;height:16px;image-rendering:pixelated;flex-shrink:0}.icon-svg{fill:var(--pal-text-dim);transition:fill var(--anim-fast)}.icon-svg:hover{fill:var(--pal-accent)}@keyframes panel-slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.panel-enter{animation:panel-slide-in var(--anim-medium) forwards}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-enter{animation:fade-in var(--anim-fast) forwards}