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;font-weight:400;text-transform:none}: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)}canvas.text-editing{cursor:text}: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:var(--qat-sm-icon, 22px);font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24}.qat-bar{display:flex;align-items:stretch;height:var(--qat-bar-h, 72px)}.qat-small-group{display:grid;grid-template-rows:repeat(2,var(--qat-sm, 36px));grid-auto-flow:column;grid-auto-columns:var(--qat-sm, 36px)}.qat-button{position:relative;display:flex;align-items:center;justify-content:center;width:var(--qat-sm, 36px);height:var(--qat-sm, 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:var(--qat-sm-icon, 22px);height:var(--qat-sm-icon, 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:calc(var(--qat-sm, 36px) + 4px)}.qat-button-big{position:relative;display:flex;align-items:center;justify-content:center;width:var(--qat-big-w, 50px);height:var(--qat-bar-h, 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:var(--qat-big-icon, 55px);height:var(--qat-big-icon, 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:var(--qat-big-icon, 55px);font-variation-settings:"FILL" 0,"wght" 100,"GRAD" 0,"opsz" 48}.qat-button-big .qat-tooltip{top:calc(var(--qat-bar-h, 72px) + 4px)}.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){.toolbar-main{--qat-bar-h: 80px;--qat-sm: 44px;--qat-big-w: 80px}}.toolbar-panel{position:relative;display:flex;flex-direction:column;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 2px 8px #00000080}.toolbar-panel:after{content:"";position:absolute;inset:-4px;z-index:-1}.panel-label{height:16px;display:flex;align-items:center;justify-content:center;font-size:9px;letter-spacing:.8px;color:var(--text-dim);background:var(--bg-dark);border-radius:0 0 var(--radius) var(--radius);text-transform:uppercase}@media(pointer:fine){@container (max-width: 1400px){.toolbar-main{--qat-bar-h: 58px;--qat-sm: 28px;--qat-sm-icon: 18px;--qat-big-w: 40px;--qat-big-icon: 42px;--qat-stack-w: 144px;--qat-widget-row: 19px;--qat-widget-icon: 18px;--qat-layer-max: 144px;--qat-row-h: 28px;--qat-box-h: 22px}.panel-label{height:14px}}@container (max-width: 1115px){.toolbar-main{--qat-bar-h: 50px;--qat-sm: 24px;--qat-sm-icon: 16px;--qat-big-w: 36px;--qat-big-icon: 34px;--qat-stack-w: 124px;--qat-widget-row: 16px;--qat-widget-icon: 15px;--qat-layer-max: 122px;--qat-row-h: 24px;--qat-box-h: 20px}.panel-label{height:13px;font-size:8px}}}