:root{--panel-bg: #f7f7f7;--panel-border: #e4e4e4;--panel-text: rgb(0, 0, 0);--column-width-header: 110px;--column-width-format: 160px;--column-width-default: 140px;--advanced-panel-width: 220px;--advanced-panel-minimized-width: 36px}.parent{display:flex;flex-direction:column;align-items:stretch;min-height:100vh}.top-row{flex-shrink:0;display:flex;flex-direction:row}.bottom-row{flex:1;display:flex;flex-direction:row;min-height:0}*{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{font-size:12px;padding:0;margin:0;overflow:hidden}h1,h2,h3,p{padding:0;margin:0}.canvasDiv{text-align:center;margin-left:auto;margin-right:auto}.monospace{font-family:Consolas,Monaco,Courier New,Courier,monospace}div{padding:5;padding-top:5}button,select{font-size:12px}#myCanvas{touch-action:none;overscroll-behavior:none;display:block;margin:0}#curveCanvas{border:1px solid #000;background-color:#fff;margin-top:10px}.controlscontainer{display:flex;flex-shrink:0;justify-content:flex-start;align-items:top;gap:2px;padding:2px}.controlscolumn{background-color:var(--panel-bg);border-width:1px;border-style:solid;border-color:var(--panel-border);color:var(--panel-text);padding:2px;text-align:left;flex:1}.controlscolumn--narrow{flex:0 0 var(--column-width-header);width:var(--column-width-header)}.controlscolumn--format{flex:0 0 var(--column-width-format);width:var(--column-width-format)}.controlscolumn--default{flex:0 0 var(--column-width-default);width:var(--column-width-default)}div.controlscolumn#headerColumn{flex:0 0 var(--column-width-header);width:var(--column-width-header)}div.controlscolumn#docColumn{flex:0 0 120px;width:120px}div.controlscolumn#strokeFormatColumn{flex:0 0 var(--column-width-format);width:var(--column-width-format)}div.controlscolumn#buttonsColumn{flex:0 0 120px;width:120px}div.controlscolumn#viewColumnInfo{flex:0 0 150px;width:150px}div.controlscolumn#pointerColumn,div.controlscolumn#sensorsColumn,div.controlscolumn#strokeStatsPanel{flex:0 0 var(--column-width-default);width:var(--column-width-default)}.advanced-panel{flex:0 0 var(--advanced-panel-width);width:var(--advanced-panel-width);min-width:var(--advanced-panel-width);background-color:var(--panel-bg);border:1px solid var(--panel-border);border-right:none;color:var(--panel-text);display:flex;flex-direction:column;overflow:hidden;transition:min-width .2s ease,width .2s ease}.advanced-panel--right{border-right:1px solid var(--panel-border);border-left:none}.advanced-panel.minimized{flex:0 0 var(--advanced-panel-minimized-width);width:var(--advanced-panel-minimized-width);min-width:var(--advanced-panel-minimized-width)}.advanced-panel-header{display:flex;align-items:center;justify-content:space-between;padding:4px 6px;font-weight:700;flex-shrink:0;background-color:var(--panel-bg);border-bottom:1px solid var(--panel-border)}.advanced-panel.minimized .advanced-panel-header{flex-direction:column;gap:2px;padding:4px 2px}.advanced-panel-title{font-size:11px}.advanced-panel.minimized .advanced-panel-title{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);white-space:nowrap;font-size:10px}.advanced-panel--right.minimized .advanced-panel-title{writing-mode:vertical-lr;transform:none}.advanced-panel-toggle{flex-shrink:0;padding:2px 6px;font-size:11px;cursor:pointer;background:transparent;border:1px solid var(--panel-border);border-radius:2px}.advanced-panel-toggle:hover{background-color:#eee}.advanced-panel-content{padding:8px;overflow-y:auto;flex:1}.advanced-panel-section{margin-bottom:12px}.advanced-panel-section:last-child{margin-bottom:0}.advanced-panel-section-title{font-size:11px;font-weight:700;margin:0 0 6px;padding-bottom:4px;border-bottom:1px solid var(--panel-border)}.advanced-panel-section-header{display:flex;align-items:center;justify-content:space-between;gap:6px}.advanced-panel-section-header .advanced-panel-section-title{flex:1;margin:0}.advanced-panel-section-toggle{border:1px solid var(--panel-border);background:transparent;border-radius:2px;cursor:pointer;font-size:10px;line-height:1;padding:2px 5px;min-width:20px}.advanced-panel-section-toggle:hover{background-color:#eee}.advanced-panel-section-body{margin-top:6px}.advanced-panel-minimized-label{padding:8px 4px;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-size:10px;cursor:pointer;text-align:center;flex:1;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:inherit;font-family:inherit}.advanced-panel-minimized-label:hover{background-color:#eee}.advanced-panel-minimized-label--right{writing-mode:vertical-lr;transform:none}#canvasColumn{flex:1;min-width:0;display:flex;flex-direction:column}.basiccontainer{display:flex;justify-content:space-between;align-items:top;gap:0px;padding:0}.basiccolumn{background-color:var(--panel-bg);border-width:0px;border-style:solid;border-color:var(--panel-border);color:var(--panel-text);padding:0;text-align:left;flex:1}.smoothing-flyout{position:absolute;top:100%;left:0;margin-top:5px;background-color:var(--panel-bg);border:1px solid var(--panel-border);padding:10px;min-width:200px;z-index:1000;box-shadow:0 4px 6px #0000001a}.canvas-viewport.svelte-cbat97{position:relative;width:100%;height:100%;overflow:hidden;background-color:#888;cursor:Default;touch-action:none}.canvas-viewport.panning-mode.svelte-cbat97{cursor:grab}.canvas-viewport.panning-mode.svelte-cbat97:active{cursor:grabbing}.canvas-transform-wrapper.svelte-cbat97{position:absolute;transform-origin:0 0;will-change:transform;box-shadow:0 8px 40px #0009}.drawing-canvas.svelte-cbat97{display:block;background-color:transparent;touch-action:none}.drawing-canvas.nearest-sampling.svelte-cbat97{image-rendering:pixelated;image-rendering:crisp-edges}.drawing-canvas.smooth-sampling.svelte-cbat97{image-rendering:auto}