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;--connection-h:120px}#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-group.tools-end{margin-left:auto}.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);left:0;bottom:var(--connection-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;overflow:hidden}#pages-resizer{z-index:2;top:var(--bar-h);left:calc(var(--pages-w) - 4px);cursor:col-resize;touch-action:none;width:9px;position:fixed;bottom:0}#pages-resizer:before{content:"";background:0 0;width:1px;position:absolute;top:0;bottom:0;left:4px}#pages-resizer:hover:before,#pages-resizer:focus-visible:before,#pages-resizer.dragging:before{background:#4a7fc0;width:2px}.page-list{color:#666;flex:1;min-height:0;margin:0;padding:0 0 0 18px;font:12px system-ui,Segoe UI,sans-serif;overflow-y:auto}.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{flex:none;gap:6px;display:flex}.page-button{color:#555;cursor:pointer;background:0 0;border:1px dashed #aaa;border-radius:4px;flex:1;place-items:center;min-width:0;min-height:34px;padding:6px 4px;font:12px system-ui,Segoe UI,sans-serif;display:grid}.page-button svg{display:block}.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}#debug[hidden],#toolbar[hidden],#settings[hidden]{display:none}#connection-panel{width:var(--pages-w);height:var(--connection-h);box-sizing:border-box;color:#222;background:#eeedec;border-top:1px solid #ddd;border-right:1px solid #ddd;flex-direction:column;gap:1px;padding:6px 10px;display:flex;position:fixed;bottom:0;left:0;overflow:hidden}#status{min-width:0;font:11px/15px system-ui,Segoe UI,sans-serif;display:grid}.status-line{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.status-room:before{content:"";vertical-align:1px;background:#999;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}#status[data-level=ok] .status-room:before{background:#2a2}#status[data-level=wait] .status-room:before{background:#e90}#status[data-level=bad] .status-room:before{background:#d22}#status .room-name{color:#16802f}.status-version{font:10px/15px ui-monospace,Consolas,monospace}.audio-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px 4px;min-width:0;display:grid}.audio-button{box-sizing:border-box;color:#333;cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:6px;place-items:center;min-width:0;height:30px;padding:4px;font:12px system-ui,Segoe UI,sans-serif;display:grid}.audio-microphone-button.active .microphone-slash{display:none}.audio-button svg{display:block}.audio-button:disabled{cursor:default}.audio-sound-button[data-level=ok],.audio-microphone-button.active{color:#16802f;background:#e5f3e8;border-color:#16802f}.audio-sound-button[data-level=wait]{color:#a65d00;background:#fff0d8;border-color:#a65d00}.audio-sound-button[data-level=muted],.audio-microphone-button:not(.active){color:#777;background:#f1f1f1;border-color:#aaa}.audio-sound-button[data-level=bad]{color:#b42318;background:#fde9e7;border-color:#b42318}.audio-status{color:#222;text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;min-width:0;font:11px/15px system-ui,Segoe UI,sans-serif;overflow:hidden}.audio-status[data-level=ok]{color:#16802f}.audio-status[data-level=wait]{color:#a65d00}.audio-status[data-level=muted]{color:#777}.audio-status[data-level=bad]{color:#b42318}#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}.access-shell{box-sizing:border-box;color:#202428;-webkit-user-select:text;user-select:text;background:#f1f3f5;padding:32px 16px;font:15px/1.45 system-ui,Segoe UI,sans-serif;position:fixed;inset:0;overflow:auto}.access-card{box-sizing:border-box;background:#fff;border:1px solid #d9dde1;border-radius:12px;width:min(100%,920px);margin:0 auto;padding:28px;box-shadow:0 8px 28px #19202614}.access-card-narrow{width:min(100%,440px)}.access-card h1{margin:0 0 6px;font-size:26px}.access-card p{margin:0 0 18px}.access-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.access-heading p{color:#626b73}.access-form{gap:14px;display:grid}.access-form-inline{grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;align-items:end}.room-form{grid-template-columns:minmax(220px,1fr) auto}.access-form label{color:#444b51;gap:5px;font-size:13px;font-weight:600;display:grid}.access-form input{box-sizing:border-box;-webkit-user-select:text;user-select:text;border:1px solid #bfc6cc;border-radius:6px;width:100%;min-height:40px;padding:8px 10px;font:15px system-ui,Segoe UI,sans-serif}.access-card button,.button-link{box-sizing:border-box;color:#fff;text-align:center;cursor:pointer;background:#397db8;border:1px solid #316fa8;border-radius:6px;min-height:40px;padding:9px 15px;font:600 14px system-ui,Segoe UI,sans-serif;text-decoration:none}.access-card button:hover,.button-link:hover{background:#2f6b9f}.access-card button.secondary{color:#30373d;background:#fff;border-color:#aeb6bd}.access-card button.secondary:hover{background:#f1f3f5}.access-card button.danger{color:#a92e2e;background:#fff;border-color:#b84848}.access-card button.danger:hover{background:#fff0f0}.form-error,.form-notice{min-height:1.45em;margin-top:10px!important}.form-error{color:#b42318}.form-notice{color:#246b39}.registry-list{gap:8px;margin-top:8px;display:grid}.registry-row{border-top:1px solid #e6e8ea;justify-content:space-between;align-items:center;gap:18px;padding:14px 0;display:flex}.registry-row>div:first-child{gap:3px;min-width:0;display:grid}.registry-row strong,.registry-row span{overflow-wrap:anywhere}.registry-row span{color:#687078;font-size:13px}.row-actions{flex:none;gap:7px;display:flex}.empty-state{color:#687078;border-top:1px solid #e6e8ea;padding:18px 0}@media (width<=720px){.access-shell{padding:12px}.access-card{padding:20px}.access-form-inline,.room-form{grid-template-columns:1fr}.registry-row,.access-heading{flex-direction:column;align-items:stretch}.row-actions{flex-wrap:wrap}}