:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:12px;color:#171717;--panel-bg: #f7f7f7;--panel-border: #d7d7d7;--space: 6px}*{box-sizing:border-box}body{margin:0}button,input,select,summary{font:inherit}button,select,summary{cursor:pointer}button{padding:3px 6px}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #1765cb;outline-offset:2px}h1,h2,h3,p{margin:0}h1{font-size:15px}h2{font-size:12px;margin-bottom:var(--space)}h3{font-size:12px}[hidden]{display:none!important}.parent{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.top-row{flex-shrink:0;max-height:45%;overflow:auto;border-bottom:1px solid var(--panel-border)}.controlscontainer{display:flex;width:max-content;min-width:100%;gap:4px;padding:4px;align-items:stretch}.controlscolumn{flex:0 0 auto;min-width:135px;background:var(--panel-bg);border:1px solid var(--panel-border);padding:var(--space)}.info-panel{min-width:120px;display:grid;align-content:start;gap:var(--space)}.brush-panel{width:240px}.document-panel{width:180px}.button-row{display:flex;flex-wrap:wrap;gap:var(--space);margin-top:var(--space)}.control-row,.stat-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space);margin-bottom:4px}.control-row select{max-width:130px;min-width:0}.control-row input[type=number]{width:64px}.check-row{display:flex;align-items:center;gap:4px;margin-bottom:var(--space)}.button-status{display:flex;align-items:center;gap:3px}.monospace{font-family:Consolas,Monaco,monospace;white-space:nowrap}.bottom-row{flex:1;min-height:0;display:flex;overflow:auto}.canvas-column{flex:1 0 180px;min-width:180px}.sidebar{flex:0 0 220px;width:220px;display:flex;flex-direction:column;background:var(--panel-bg);border:1px solid var(--panel-border);min-height:0}.sidebar.minimized{flex-basis:36px;width:36px}.sidebar-toggle{display:flex;justify-content:space-between;gap:var(--space);padding:8px;border:0;border-bottom:1px solid var(--panel-border);background:transparent;font-weight:700}.minimized .sidebar-toggle{writing-mode:vertical-rl;flex:1;justify-content:start;align-items:center}.sidebar-content{padding:8px;overflow-y:auto}.settings-section{margin-bottom:14px}.section-toggle{display:flex;justify-content:space-between;width:100%;background:transparent;border:0;border-bottom:1px solid var(--panel-border);font-weight:700;padding:4px 0}.section-body{padding-top:var(--space)}.slider-control{margin-bottom:10px}.slider-control>label{display:block;margin-bottom:4px}.slider-inputs{display:flex;gap:4px;align-items:center}.slider-inputs input[type=range]{min-width:0;flex:1;width:50px;margin:0}.slider-inputs input[type=number]{width:63px}.slider-actions{position:relative}.slider-actions summary{padding:2px 4px}.slider-action-list{position:absolute;top:100%;right:0;display:grid;gap:4px;background:#fff;border:1px solid var(--panel-border);padding:6px;z-index:5;box-shadow:0 2px 8px #0003}.curve-graph{display:block;background:#fff;border:1px solid var(--panel-border);margin:8px 0}.help-text{color:#555}.export-status{margin-top:var(--space);max-width:170px;overflow-wrap:anywhere}@media(max-height:500px){.top-row{max-height:40%}}.canvas-viewport.svelte-cbat97{position:relative;width:100%;height:100%;overflow:hidden;background:#888;touch-action:none;cursor:crosshair}.canvas-viewport.panning.svelte-cbat97{cursor:grab}.canvas-viewport.panning.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}canvas.svelte-cbat97{display:block;touch-action:none}canvas.svelte-cbat97:focus-visible{outline:2px solid #1765cb;outline-offset:2px}.nearest-sampling.svelte-cbat97{image-rendering:pixelated}