body{margin:0;overflow-x:hidden;font-family:Arial,sans-serif;font-size:var(--font-size-body)}*{-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{--font-size-body: 11px;--font-size-title: 12px;--font-size-secondary: 10px;--control-height: 28px;--control-height-compact: 20px;--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;--accent-warm: #D08B3C;--grip: #c0c8d0;--radius: 5px;--overlay-backdrop: rgba(0, 0, 0, .55);--shadow-menu: 0 4px 16px rgba(0, 0, 0, .45);--shadow-panel: 2px 4px 12px rgba(0, 0, 0, .5);--shadow-dialog: 0 16px 48px rgba(0, 0, 0, .35);--shadow-toolbar: 0 2px 8px rgba(0, 0, 0, .5)}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;--accent-warm: #D08B3C;--grip: #505868}.ui-menu{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-menu);padding:5px}.ui-menu-item{display:flex;align-items:center;width:100%;height:24px;min-height:24px;box-sizing:border-box;background:transparent;border:none;border-radius:var(--radius);color:var(--text);font-family:inherit;font-size:var(--font-size-body);text-align:left;padding:2px 10px;cursor:pointer;white-space:nowrap}.ui-menu-item:hover,.ui-menu-item:focus-visible{background:var(--bg-hover);outline:none}.ui-menu-item.is-active{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);font-weight:600}.ui-menu-check{width:12px;flex:0 0 12px;margin-left:auto;color:var(--accent);text-align:center}.ui-menu-divider{height:1px;background:var(--border-dim);margin:4px 6px}.ui-menu-item-danger{color:var(--accent-warm)}.ui-menu-item-danger:hover,.ui-menu-item-danger:focus-visible{background:color-mix(in srgb,var(--accent-warm) 15%,transparent);color:var(--accent-warm)}.ui-picker-backdrop{position:fixed;inset:0;z-index:1999}.ui-picker{position:fixed;z-index:2000;max-height:400px;overflow:auto;-webkit-user-select:none;user-select:none}.ui-select-shell{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius)}.ui-select-shell:hover{background:var(--bg-hover)}.ui-select-shell:focus-within{outline:2px solid var(--accent);outline-offset:-2px}.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);border-radius:var(--radius);box-shadow:var(--shadow-menu);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:var(--shadow-toolbar)}.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:var(--font-size-secondary);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}}}
