:root{--qf-bg: #1a1a2e;--qf-panel: #16213e;--qf-accent: #0f3460;--qf-canvas-bg: #0d1117;--qf-text: #e0e0e0;--qf-text-muted: #607090;--qf-border: #1e2a3a;--qf-blue: #3a7bd5;--qf-blue-light: #4FC3F7;--qf-font: "Outfit", system-ui, -apple-system, "Segoe UI", Helvetica, sans-serif;--qf-font-mono: "JetBrains Mono", "SFMono-Regular", "Consolas", "Liberation Mono", monospace;font-family:var(--qf-font);font-size:14px;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--qf-text);background-color:var(--qf-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes livePulse{0%,to{opacity:1;box-shadow:0 0 4px #4fc3f740}50%{opacity:.7;box-shadow:0 0 10px #4fc3f780}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes softGlow{0%,to{filter:drop-shadow(0 0 6px #4FC3F740)}50%{filter:drop-shadow(0 0 12px #4FC3F770)}}@keyframes barReveal{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}@keyframes progressPulse{0%,to{opacity:.6}50%{opacity:1}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2a3a5080;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#3a5070}input[type=range]{-webkit-appearance:none;appearance:none;height:3px;border-radius:2px;background:#1e2a3a;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--qf-blue);box-shadow:0 0 6px var(--qf-blue),0 0 0 3px #3a7bd520;cursor:pointer;transition:box-shadow .2s,transform .15s}input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 12px var(--qf-blue-light),0 0 0 4px #4fc3f720;transform:scale(1.1)}input[type=range]::-webkit-slider-thumb:active{transform:scale(.95)}button{font-family:var(--qf-font);cursor:pointer;transition:opacity .15s,background .15s,transform .1s,box-shadow .2s}button:disabled{cursor:not-allowed}button:active:not(:disabled){transform:scale(.96)}button:focus-visible{outline:2px solid var(--qf-blue-light);outline-offset:2px}button,[draggable]{transition:opacity .15s,transform .1s,box-shadow .2s}canvas{display:block}.qf-dotgrid{background-image:radial-gradient(circle,#ffffff06 1px,transparent 1px);background-size:20px 20px}::selection{background:#3a7bd540;color:#e0f0ff}#root{max-width:none;margin:0;padding:0;text-align:left;width:100%;height:100%}