.participant-bar[data-v-265f3f04]{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;max-width:100%}.participant-button[data-v-265f3f04]{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#0f172a;display:inline-flex;gap:.5rem;min-width:0;max-width:min(16rem,100%);padding:.45rem .65rem}.participant-button[data-v-265f3f04]:hover{background:#f8fafc}.participant-dot[data-v-265f3f04]{border-radius:999px;box-shadow:0 0 0 2px #fff,0 0 0 3px #cbd5e1;flex:0 0 auto;height:.7rem;width:.7rem}.participant-copy[data-v-265f3f04]{display:grid;gap:.05rem;min-width:0;text-align:left}.participant-name[data-v-265f3f04],.participant-activity[data-v-265f3f04]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participant-name[data-v-265f3f04]{font-size:.9rem;font-weight:800}.participant-activity[data-v-265f3f04]{color:#64748b;font-size:.75rem;font-weight:700}.canvas-shell[data-v-ef8397a7]{display:grid;gap:.75rem;max-width:none;min-height:100vh;padding:4.75rem 1rem 1rem 9.75rem;width:100%}.canvas-topbar[data-v-ef8397a7]{align-items:center;background:#f8fafcf0;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 8px 24px #0f172a1f;display:flex;gap:1rem;justify-content:space-between;max-width:min(44rem,calc(100vw - 11rem));min-width:0;padding:.5rem .65rem;position:fixed;right:1rem;top:1rem;z-index:20}.connection-status[data-v-ef8397a7]{color:#475569;flex:0 0 auto;font-size:.85rem;font-weight:800}.display-name-field[data-v-ef8397a7]{align-items:center;color:#475569;display:flex;flex:0 0 auto;font-size:.8rem;font-weight:800;gap:.4rem}.display-name-field input[data-v-ef8397a7]{border:1px solid #cbd5e1;border-radius:6px;color:#0f172a;font:inherit;max-width:9rem;min-width:5.5rem;padding:.35rem .45rem}.share-button[data-v-ef8397a7]{background:#0f172a;border:1px solid #0f172a;border-radius:6px;color:#fff;cursor:pointer;flex:0 0 auto;font:inherit;font-size:.8rem;font-weight:800;padding:.35rem .55rem}.share-button[data-v-ef8397a7]:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}.canvas-toast-stack[data-v-ef8397a7]{align-items:flex-end;display:grid;gap:.5rem;max-width:min(28rem,calc(100vw - 2rem));pointer-events:none;position:fixed;right:1rem;top:4.75rem;z-index:30}.snapshot-status[data-v-ef8397a7]{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#475569;font-size:.85rem;font-weight:700;margin:0;padding:.6rem .75rem}.workflow-status[data-v-ef8397a7]{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;color:#9a3412;font-size:.85rem;font-weight:700;margin:0;padding:.6rem .75rem}.restore-warning[data-v-ef8397a7]{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;color:#9a3412;font-size:.9rem;font-weight:700;margin:0;padding:.7rem .85rem}.canvas-viewport[data-v-ef8397a7]{background:#fff;border:1px solid #cbd5e1;border-radius:8px;height:calc(100vh - 8.5rem);overflow:auto;overscroll-behavior:contain;padding:1rem;-webkit-user-select:none;user-select:none}.canvas-stack[data-v-ef8397a7]{display:block;position:relative}.drawing-canvas[data-v-ef8397a7],.preview-canvas[data-v-ef8397a7]{display:block;left:0;top:0}.drawing-canvas[data-v-ef8397a7]{background:#fff;box-shadow:0 1px 4px #0f172a24;touch-action:none}.preview-canvas[data-v-ef8397a7]{pointer-events:none;position:absolute}.zoom-control[data-v-ef8397a7]{align-items:center;color:#334155;display:grid;font-size:.9rem;font-weight:700;gap:.75rem;grid-template-columns:auto minmax(10rem,1fr) 3.5rem}.hidden-file-input[data-v-ef8397a7]{height:1px;opacity:0;pointer-events:none;position:fixed;width:1px}@media(max-width:760px){.canvas-shell[data-v-ef8397a7]{padding:11.25rem .75rem .75rem}.canvas-topbar[data-v-ef8397a7]{left:.75rem;max-width:none;right:.75rem;top:.75rem}.canvas-toast-stack[data-v-ef8397a7]{align-items:stretch;left:.75rem;max-width:none;right:.75rem;top:5.25rem}.canvas-viewport[data-v-ef8397a7]{height:calc(100vh - 15.25rem)}}.zoom-control input[data-v-ef8397a7]{width:100%}.zoom-control output[data-v-ef8397a7]{color:#0f172a;text-align:right}:root{color:#1f2937;background:#f8fafc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}input{color:inherit}button,select{border-radius:8px}button{border:0;background:#2563eb;color:#fff;cursor:pointer;font-weight:700;padding:.75rem 1rem}button:hover{background:#1d4ed8}select{border:1px solid #cbd5e1;background:#fff;color:#111827;padding:.7rem .8rem;width:100%}.create-screen,.canvas-screen{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:1.5rem}.create-screen{background:#f8fafc}.canvas-screen{align-items:stretch;background:#e5e7eb;color:#111827;justify-content:stretch;min-height:100vh;overflow:hidden;padding:0}.create-panel{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 16px 40px #0f172a1a;display:grid;gap:1.25rem;max-width:26rem;padding:1.5rem;width:100%}.create-panel h1,.create-panel p{margin:0}.create-panel h1{color:#0f172a;font-size:1.75rem;line-height:1.2}.eyebrow{color:#64748b;font-size:.8rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.field{color:#334155;display:grid;font-weight:700;gap:.45rem}.toolbar{align-items:stretch;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 10px 28px #0f172a24;display:grid;gap:.65rem;left:1rem;max-height:calc(100vh - 2rem);overflow:auto;padding:.65rem;position:fixed;top:1rem;width:8rem;z-index:30}.toolbar-group{display:grid;gap:.35rem;grid-template-columns:1fr}.toolbar-button{background:#f8fafc;border:1px solid #cbd5e1;color:#0f172a;line-height:1;min-height:2.25rem;overflow:hidden;padding:.45rem .7rem;text-overflow:ellipsis;white-space:nowrap;width:100%}.toolbar-button:hover,.toolbar-button.active{background:#1f2937;border-color:#1f2937;color:#fff}.toolbar-button.secondary{background:#eef2ff;border-color:#c7d2fe;color:#312e81}.toolbar-button.secondary:hover{background:#3730a3;border-color:#3730a3;color:#fff}.toolbar-field{align-items:start;color:#334155;display:grid;font-size:.8rem;font-weight:800;gap:.4rem;min-width:0}.toolbar-field input[type=color]{border:1px solid #cbd5e1;border-radius:6px;height:2.25rem;padding:.15rem;width:100%}.line-width-field input{border:1px solid #cbd5e1;border-radius:6px;min-height:2.25rem;padding:.35rem;width:100%}@media(max-width:760px){.toolbar{align-items:center;grid-template-columns:1fr;left:.75rem;max-height:6.5rem;overflow:auto;right:.75rem;top:3.9rem;width:auto}.toolbar-group{grid-template-columns:repeat(3,minmax(0,1fr))}.toolbar-field{grid-template-columns:3.25rem minmax(0,1fr)}}