html,body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#fff;height:100%;margin:0;overflow:hidden}:root{--bar-h:44px;--pages-w:180px}#tools{height:var(--bar-h);box-sizing:border-box;scrollbar-width:none;background:#f6f5f4;border-bottom:1px solid #ddd;align-items:center;padding:0 6px;display:flex;position:fixed;top:0;left:0;right:0;overflow:auto hidden}.tool-group{flex:none;align-items:center;gap:2px;padding:0 8px;display:flex}.tool-group+.tool-group{border-left:1px solid #ddd}.tool{color:#333;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;min-width:34px;height:34px;padding:0;display:flex}.tool:hover{background:#e6e4e2}.tool.active{background:#e0dedb;border-color:#c8c5c2}.tool:disabled{color:#bbb;cursor:default;background:0 0}.tool-dropdown{color:#888;min-width:16px}.tool-dropdown svg{width:14px}.tool-menu{z-index:10;background:#f6f5f4;border:1px solid #ddd;border-radius:6px;flex-direction:column;gap:2px;padding:4px;display:none;position:fixed;box-shadow:0 4px 12px #00000026}.tool-menu.open{display:flex}.tool-menu-item{justify-content:flex-start;gap:8px;padding:0 10px 0 6px;font:13px system-ui,Segoe UI,sans-serif}.size-dot{background:#555;border-radius:50%}.swatch{border:1px solid #00000059;border-radius:50%;width:18px;height:18px}#pages{top:var(--bar-h);width:var(--pages-w);box-sizing:border-box;background:#eeedec;border-right:1px solid #ddd;flex-direction:column;gap:8px;padding:10px;display:flex;position:fixed;bottom:0;left:0;overflow-y:auto}.page-list{color:#666;margin:0;padding:0 0 0 18px;font:12px system-ui,Segoe UI,sans-serif}.page-item{cursor:pointer;border:2px solid #0000;border-radius:4px;margin-bottom:6px;padding:3px;position:relative}.page-item.active{border-color:#4a7fc0}.page-thumb{box-sizing:border-box;background:#fff;border:1px solid #ccc;width:100%;display:block}.page-remove{color:#555;cursor:pointer;background:#ffffffe6;border:1px solid #ccc;border-radius:50%;width:22px;height:22px;padding:0;font:15px/1 system-ui,Segoe UI,sans-serif;display:none;position:absolute;top:6px;right:6px}.page-item.active .page-remove{display:block}.single-page .page-item.active .page-remove{display:none}.page-remove:hover{color:#d22;border-color:#d22}.page-actions{gap:6px;display:flex}.page-button{color:#555;cursor:pointer;background:0 0;border:1px dashed #aaa;border-radius:4px;flex:1;padding:6px 4px;font:12px system-ui,Segoe UI,sans-serif}.page-button:hover{background:#e3e1df}.page-button.active{background:#dde7f3;border-style:solid;border-color:#4a7fc0}#board{top:var(--bar-h);left:var(--pages-w);position:fixed;bottom:0;right:0;overflow:hidden}.layer{touch-action:none;display:block;position:absolute;inset:0}#background,#marker,#ink{pointer-events:none}#live{cursor:none}#debug{top:calc(var(--bar-h) + 8px);left:calc(var(--pages-w) + 8px);color:#fff;white-space:pre;pointer-events:none;background:#000000a6;border-radius:6px;margin:0;padding:8px 10px;font:12px/1.4 ui-monospace,Consolas,monospace;position:fixed}#status{left:calc(var(--pages-w) + 8px);color:#222;pointer-events:none;background:#fffffff0;border:1px solid #ddd;border-radius:6px;padding:4px 10px;font:12px system-ui,Segoe UI,sans-serif;position:fixed;bottom:8px}#status:before{content:"";background:#999;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}#status[data-level=ok]:before{background:#2a2}#status[data-level=wait]:before{background:#e90}#status[data-level=bad]:before{background:#d22}#toolbar{top:calc(var(--bar-h) + 8px);gap:6px;display:flex;position:fixed;right:8px}#toolbar button{padding:6px 14px;font:14px system-ui,Segoe UI,sans-serif}#settings{top:calc(var(--bar-h) + 48px);width:290px;max-height:calc(100% - var(--bar-h) - 56px);color:#222;background:#fffffff0;border:1px solid #ddd;border-radius:6px;font:12px system-ui,Segoe UI,sans-serif;position:fixed;right:8px;overflow-y:auto}#settings [hidden]{display:none}#settings input,#settings textarea,#settings select{-webkit-user-select:text;user-select:text;font:inherit}.settings-header{text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:6px 10px;font:600 13px system-ui,Segoe UI,sans-serif;display:block}.settings-body{grid-template-columns:minmax(0,1fr);gap:6px;padding:4px 10px 10px;display:grid}.slider-row{grid-template-columns:112px 1fr 38px;align-items:center;gap:6px;display:grid}.slider-row input{width:100%;min-width:0;margin:0}.slider-name{cursor:help;font-family:ui-monospace,Consolas,monospace}.slider-value{text-align:right;font-family:ui-monospace,Consolas,monospace}.curve-graph{background:#fff;border:1px solid #ddd;justify-self:center}.check-row{align-items:center;gap:4px;font-family:ui-monospace,Consolas,monospace;display:flex}.settings-actions,.preset-row{gap:6px;display:flex}.settings-actions button,.preset-row select,.preset-row input{flex:1;min-width:0}.settings-subtitle{margin-top:4px;font-weight:600}.settings-note{color:#555;min-height:1em}#settings .settings-snippet{resize:vertical;height:150px;font-family:ui-monospace,Consolas,monospace;font-size:11px}