@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@300;400;600&display=swap";:root{--q-bg: #040a1c;--q-surface: #07101e;--q-surface-2: #0c1830;--q-overlay: rgba(4, 10, 30, .97);--q-border: rgba(80, 140, 255, .2);--q-border-2: rgba(80, 140, 255, .4);--q-accent: #5588ff;--q-accent-dim: rgba(80, 140, 255, .25);--q-accent-glow: 0 0 14px rgba(85, 136, 255, .35);--q-text: #b8d4ff;--q-text-bright: #e8f2ff;--q-muted: #4a6a9a;--q-muted-2: #7090b8;--q-cyan: #44ddff;--q-green: #22cc66;--q-orange: #ff8844;--q-purple: #bb88ff;--q-font: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--q-font-mono: "JetBrains Mono", "Courier New", monospace;--q-size-xs: 11px;--q-size-sm: 12px;--q-size-base: 13px;--q-size-md: 15px;--q-size-lg: 18px;--q-size-xl: 22px;--q-gap-xs: 4px;--q-gap-sm: 8px;--q-gap-md: 14px;--q-gap-lg: 24px;--q-radius-sm: 3px;--q-radius-md: 6px;--q-radius-lg: 10px;--q-shadow-sm: 0 2px 8px rgba(0, 0, 20, .5);--q-shadow-md: 0 4px 16px rgba(0, 0, 20, .65);--q-shadow-lg: 0 8px 32px rgba(0, 0, 20, .8);--q-transition: .13s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;background:var(--q-bg);color:var(--q-text);font-family:var(--q-font);font-size:var(--q-size-base);line-height:1.55;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.q-app{display:flex;flex-direction:column;width:100vw;height:100vh;overflow:hidden}.q-header{display:flex;align-items:center;gap:var(--q-gap-md);padding:9px 18px;background:var(--q-surface);border-bottom:1px solid var(--q-border);flex-shrink:0}.q-header__title{font-size:var(--q-size-lg);font-weight:600;color:var(--q-accent);letter-spacing:.01em}.q-header__sub{font-size:var(--q-size-sm);color:var(--q-muted);font-style:italic}.q-main{display:flex;flex:1;overflow:hidden}.q-sidebar{width:300px;flex-shrink:0;background:var(--q-surface);border-right:1px solid var(--q-border);display:flex;flex-direction:column;gap:var(--q-gap-sm);padding:10px 14px;overflow-y:auto}.q-sidebar--right{border-right:none;border-left:1px solid var(--q-border)}.q-label{font-size:var(--q-size-xs);font-family:var(--q-font-mono);color:var(--q-muted);text-transform:uppercase;letter-spacing:.14em;margin-bottom:4px}.q-section{display:flex;flex-direction:column;gap:var(--q-gap-sm);padding-bottom:var(--q-gap-sm);border-bottom:1px solid var(--q-border)}.q-section:last-child{border-bottom:none}.q-btn{background:transparent;border:1px solid var(--q-border);color:var(--q-text);padding:5px 12px;border-radius:var(--q-radius-sm);cursor:pointer;font-family:var(--q-font);font-size:var(--q-size-sm);transition:border-color var(--q-transition),color var(--q-transition),background var(--q-transition)}.q-btn:hover{border-color:var(--q-accent);color:var(--q-accent)}.q-btn.active,.q-btn--active{background:var(--q-accent-dim);border-color:var(--q-accent);color:var(--q-text-bright);font-weight:600}.q-btn-row{display:flex;gap:var(--q-gap-xs)}.q-btn-row .q-btn{flex:1;text-align:center}.q-slider-row{display:flex;flex-direction:column;gap:3px}.q-slider-header{display:flex;justify-content:space-between;align-items:baseline}.q-slider-name{font-size:var(--q-size-sm);color:var(--q-text)}.q-slider-val{font-family:var(--q-font-mono);font-size:var(--q-size-sm);color:var(--q-accent)}input[type=range]{width:100%;accent-color:var(--q-accent);cursor:pointer}select{width:100%;background:var(--q-surface-2);border:1px solid var(--q-border);color:var(--q-text);padding:5px 8px;border-radius:var(--q-radius-sm);font-family:var(--q-font);font-size:var(--q-size-sm);cursor:pointer}select:focus{outline:none;border-color:var(--q-accent)}.q-stat{background:#2850b41f;border:1px solid var(--q-border);border-radius:var(--q-radius-md);padding:8px 12px}.q-stat__label{font-size:var(--q-size-xs);font-family:var(--q-font-mono);color:var(--q-muted-2);text-transform:uppercase;letter-spacing:.1em;margin-bottom:2px}.q-stat__value{font-family:var(--q-font-mono);font-size:var(--q-size-xl);font-weight:700;color:var(--q-text-bright)}.q-hud{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:4px;pointer-events:none;z-index:10}.q-hud-item{background:var(--q-overlay);border:1px solid var(--q-border);border-radius:var(--q-radius-sm);padding:3px 9px;font-family:var(--q-font-mono);font-size:var(--q-size-xs);color:var(--q-text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.q-tooltip{background:var(--q-overlay);border:1px solid var(--q-border-2);border-radius:var(--q-radius-md);padding:6px 10px;font-size:var(--q-size-sm);color:var(--q-text);box-shadow:var(--q-shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--q-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--q-accent)}.q-mono{font-family:var(--q-font-mono)}.q-muted{color:var(--q-muted)}.q-accent{color:var(--q-accent)}.q-cyan{color:var(--q-cyan)}.q-green{color:var(--q-green)}.q-orange{color:var(--q-orange)}.q-purple{color:var(--q-purple)}.q-text-xs{font-size:var(--q-size-xs)}.q-text-sm{font-size:var(--q-size-sm)}.q-text-md{font-size:var(--q-size-md)}