body{margin:0;overflow-x:hidden;font-family:Arial,sans-serif;font-size:11px}*{-webkit-tap-highlight-color:transparent}button,[role=button],input,select,textarea{touch-action:manipulation;font-family:inherit;font-size:inherit}:root{--cursor: url(/assets/cursor.svg) 64 64, crosshair}body.theme-light,body.layout-mode{--cursor: url(/assets/cursor-light.svg) 64 64, crosshair}canvas{cursor:var(--cursor)}:root{--bg-canvas: #212830;--bg-toolbar: #2b2b2b;--bg-panel: #252526;--bg-dark: #1e1e1e;--bg-mid: #2d2d2d;--bg-item: #1a1a1a;--bg-hover: #3e3e3e;--bg-row-hover: #2a2d2e;--border: #555555;--border-subtle: #3c3c3c;--border-dim: #2e2e2e;--text: #d4d4d4;--text-sec: #cccccc;--text-dim: #9d9d9d;--text-muted: #888888;--text-faint: #666666;--accent: #4A8580;--accent-hover: #5a9d97;--grip: #c0c8d0;--radius: 5px}body.theme-light{--bg-canvas: #f0f2f5;--bg-toolbar: #e4e4e4;--bg-panel: #f5f5f5;--bg-dark: #ebebeb;--bg-mid: #e0e0e0;--bg-item: #f8f8f8;--bg-hover: #d0d0d0;--bg-row-hover: #e4e7e8;--border: #aaaaaa;--border-subtle: #cccccc;--border-dim: #dcdcdc;--text: #222222;--text-sec: #333333;--text-dim: #555555;--text-muted: #777777;--text-faint: #999999;--accent: #4A8580;--accent-hover: #5a9d97;--grip: #505868}.qat-button .material-symbols-outlined,.qat-button-big .material-symbols-outlined{color:var(--text);line-height:1;-webkit-user-select:none;user-select:none}.qat-button:hover .material-symbols-outlined,.qat-button-big:hover .material-symbols-outlined{color:var(--text-sec)}.qat-button .material-symbols-outlined{font-size:22px;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24}.qat-bar{display:flex;align-items:stretch;height:72px;padding:0 2px}.qat-small-group{display:grid;grid-template-rows:repeat(2,36px);grid-auto-flow:column;grid-auto-columns:36px}.qat-button{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;cursor:pointer;border:1px solid transparent;border-radius:var(--radius)}.qat-button:hover{background-color:var(--bg-hover);border-color:var(--border)}.qat-button:active{background-color:var(--accent);border-color:var(--accent)}.qat-button svg{width:22px;height:22px;fill:none;stroke:var(--text);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.qat-button:hover svg{stroke:var(--text-sec)}.qat-button .qat-tooltip{top:40px}.qat-button-big{position:relative;display:flex;align-items:center;justify-content:center;width:50px;height:72px;cursor:pointer;border:1px solid transparent;border-radius:var(--radius)}.qat-button-big:hover{background-color:var(--bg-hover);border-color:var(--border)}.qat-button-big:active{background-color:var(--accent);border-color:var(--accent)}.qat-button-big svg{width:55px;height:55px;fill:none;stroke:var(--text);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.qat-button-big:hover svg{stroke:var(--text-sec)}.qat-button-big .material-symbols-outlined{font-size:55px;font-variation-settings:"FILL" 0,"wght" 100,"GRAD" 0,"opsz" 48}.qat-button-big .qat-tooltip{top:76px}.qat-tooltip{display:none;position:absolute;left:0;background-color:var(--bg-dark);color:var(--text);padding:4px 8px;border:1px solid var(--border);white-space:nowrap;pointer-events:none;z-index:1000}.qat-button:hover .qat-tooltip,.qat-button-big:hover .qat-tooltip{display:block}@media(pointer:coarse){.qat-bar{height:80px}.qat-button{width:44px;height:44px}.qat-button-big{width:80px;height:80px}.qat-button .qat-tooltip{top:48px}.qat-button-big .qat-tooltip{top:84px}}.toolbar-panel{display:flex;flex-direction:column;padding:0 4px;background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius)}.panel-label{height:16px;display:flex;align-items:center;justify-content:center;font-size:9px;letter-spacing:.8px;color:var(--text-faint);background:var(--bg-dark);border-radius:0 0 var(--radius) var(--radius);text-transform:uppercase;margin:0 -4px}@font-face{font-family:Comic Sans MS;src:url(ComicSansMS3.84be496c9181f7e1.ttf)}