:root{--bg:#d9d9d6;--bar:#f3f3f1;--ink:#202020;--accent:#2f4a7a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);background:var(--bg);margin:0;font:14px/1.3 system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}body{flex-direction:column;display:flex}#toolbar{background:var(--bar);-webkit-user-select:none;user-select:none;touch-action:manipulation;border-bottom:1px solid #9aa0a8;flex-direction:column;display:flex}#bar{flex-wrap:nowrap;align-items:center;gap:6px;padding:6px 8px;display:flex;overflow:hidden}#bar .moved{display:none!important}#bar>.group{flex:none;align-items:center;gap:6px;display:flex}#bar>.group+.group:not([data-group=more]):before{content:"";background:#9aa0a8;flex:none;width:1px;height:28px;margin:0 1px 0 0}#bar .grow{flex:1 0 12px}#bar .tile.labelled{flex:none;min-width:52px}#bar .tile.name{flex-direction:row;flex:0 auto;gap:6px;min-width:0;max-width:190px;height:52px;padding:0 12px;font-size:14px;font-weight:600}#bar.measuring .tile.name{flex:none}#bar .tile.name.bm{max-width:210px;font-weight:500}#bar .tile.name svg{width:18px;height:18px}#bar .tile.name .txt{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}#bar .tile.name .chev{color:var(--ink);flex:none;font-size:12px}#bar .tile.name.none .txt,#bar .tile.name.none svg{opacity:.5}#bar .tile.tool.active{background:var(--accent);border-color:var(--accent);color:#fff}.visually-hidden{opacity:0;pointer-events:none;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}body:not([data-storage=server]) .server-only,body:not([data-storage=local]) .local-only{display:none!important}button{font:inherit;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #aaa;border-radius:6px;min-width:36px;padding:6px 10px}button:hover{background:#eee}button:disabled{opacity:.4;cursor:default}#status-line{white-space:nowrap;border-top:1px solid #9aa0a8;align-items:center;gap:16px;height:26px;padding:0 12px;font-size:13px;display:flex}#status{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}#progress{color:var(--accent);text-overflow:ellipsis;overflow:hidden}#status-right{color:#555b66;font-variant-numeric:tabular-nums}#status-right b{color:var(--ink);font-weight:600}#progress:empty,#cmd-buttons:empty,#runs:empty{display:none}#cmd-buttons,#runs{align-items:center;gap:6px;display:flex}#cmd-buttons .cmd{white-space:nowrap;text-overflow:ellipsis;border:1px solid #8a9099;border-radius:8px;max-width:180px;height:52px;padding:0 12px;font-size:13px;overflow:hidden}#runs .run{white-space:nowrap;border:1px solid var(--accent);color:var(--accent);background:#fff;border-radius:999px;align-items:center;gap:2px;padding:2px 2px 2px 10px;font-size:12px;display:inline-flex}#runs .dismiss{min-width:28px;color:inherit;background:0 0;border:0;padding:2px 6px}.tile{min-width:44px;min-height:44px;color:var(--ink);font:inherit;cursor:pointer;background:#fff;border:1px solid #8a9099;border-radius:8px;justify-content:center;align-items:center;padding:0;display:flex}.tile:hover:not(:disabled){background:#eceef1}.tile svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px}.tile.checked,.tile.checked:hover:not(:disabled){background:var(--accent,#2f4a7a);border-color:var(--accent,#2f4a7a);color:#fff}.tile:disabled{opacity:.35;cursor:default;background:0 0;border-color:#0000}.tile.labelled{flex-direction:column;gap:2px;height:52px;min-height:52px;padding:4px 6px}.tile.labelled .tl{white-space:nowrap;font-size:11px;line-height:13px}#ctx-menu{z-index:50;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#fff;border:1px solid #c9ced6;border-radius:12px;flex-direction:column;gap:8px;width:272px;max-width:calc(100vw - 8px);max-height:calc(100vh - 8px);padding:8px;display:flex;position:fixed;overflow-y:auto;box-shadow:0 8px 28px #0000002e}#ctx-menu[hidden]{display:none}#ctx-menu button:not(.tile){color:#1c2330;text-align:left;min-height:44px;padding:8px 14px 8px calc(14px + var(--indent,0) * 18px);background:#fff;border:1px solid #8a9099;border-radius:10px;align-items:center;min-width:0;font-size:15px;display:flex}#ctx-menu button:not(.tile):hover:not(:disabled){background:#eceef1}#ctx-menu button:not(.tile):disabled{opacity:.35;cursor:default}#ctx-menu .menuitem{gap:8px}#ctx-menu .menuitem.current:before{content:"✓";color:var(--ink);margin-right:0;font-weight:700}#ctx-menu .menuitem.toggle:before{content:"";box-sizing:border-box;border:2px solid var(--ink);border-radius:4px;flex:none;place-items:center;width:18px;height:18px;font-size:12px;font-weight:700;line-height:1;display:grid}#ctx-menu .menuitem.toggle.checked:before{content:"✓";background:var(--ink);color:#fff}#ctx-menu .menuitem.current{box-shadow:inset 3px 0 0 var(--ink);font-weight:600}#ctx-menu .menuitem .ico{flex:none;display:inline-flex}#ctx-menu .menuitem .ico svg{width:20px;height:20px}#ctx-menu .menuitem .text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}#ctx-menu .menuitem .detail{color:#4a515c;text-align:right;flex:none;margin-left:auto;padding-left:12px;font-size:13px}#ctx-menu .submenu .chev{opacity:.5;margin-left:auto;padding-left:12px}#ctx-menu button.back,#ctx-menu button.context{color:#1d3f7a;background:#e8effc;border-left:3px solid #1d3f7a}#ctx-menu button.command{background:#f7f2e8}#ctx-menu .row{gap:8px;display:flex}#ctx-menu .row .tile{flex:1;min-width:0}#ctx-menu .row .tile.labelled:only-child{flex:0 120px}#ctx-menu .lbl{text-transform:uppercase;letter-spacing:.06em;color:#7a8290;padding:0 6px;font-size:11px}#ctx-menu .sep{border:0;border-top:1px solid #e3e6eb;margin:0 4px}#dialog{z-index:60;touch-action:none;-webkit-touch-callout:none;background:#00000040;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}#dialog[hidden]{display:none}#dialog .dialog-box{touch-action:pan-y;background:#fff;border-radius:10px;flex-direction:column;gap:12px;width:min(420px,100%);max-height:100%;padding:18px;display:flex;overflow:auto;box-shadow:0 10px 30px #00000040}#dialog .dialog-message{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px}#dialog .dialog-input{border:1px solid #aaa;border-radius:6px;min-height:44px;padding:6px 10px;font-size:16px}#dialog .dialog-options{flex-direction:column;gap:6px;display:flex}#dialog .dialog-options:empty{display:none}#dialog .dialog-buttons{justify-content:flex-end;gap:8px;display:flex}#dialog button{border-radius:6px;min-width:88px;min-height:44px;padding:8px 16px;font-size:15px}#dialog button[hidden]{display:none}#dialog .dialog-option{text-align:left}#dialog .dialog-ok{background:var(--accent);color:#fff;border-color:var(--accent)}#pages{touch-action:pan-x pan-y pinch-zoom;-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;outline:none;flex:1;padding:16px 0 60vh;overflow:auto}#pages.finger-draws{touch-action:none;overscroll-behavior:none}#pages.pen-active{touch-action:none}.page{background:#fff;margin:0 auto 16px;position:relative;box-shadow:0 1px 4px #00000059}#add-page-below{color:#2f4a7a;touch-action:manipulation;background:#f7f8fa;border:1px dashed #9aa3b2;border-radius:10px;min-height:44px;margin:8px auto 0;padding:0 22px;font-size:15px;display:block}#add-page-below:hover{background:#eef1f6}.page canvas{display:block;position:absolute;top:0;left:0}.page canvas.ink{touch-action:inherit}.page.current{outline:2px solid #2f4a7a66}#pages.tool-pen .page canvas.ink{cursor:crosshair}#pages.tool-eraser .page canvas.ink{cursor:cell}#pages.tool-select .page canvas.ink{cursor:crosshair}.empty{text-align:center;color:#444;max-width:420px;margin:20vh auto}.empty p{margin:8px 0}.empty .error{color:#b00020}