.whiteboard-hub,.whiteboard-room{width:min(1180px,100%);margin:auto}.whiteboard-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:30px}.whiteboard-heading h1,.board-room-heading h1{font:700 clamp(2.4rem,6vw,4.6rem)/1 Arial;margin:.2rem 0}.new-board-form{display:flex;align-items:end;gap:10px;min-width:min(100%,430px)}.new-board-form label{flex:1}.new-board-form button{height:46px}.invite-panel,.contacts-panel{background:var(--surface,#161b22);border:1px solid var(--line,#30363d);padding:20px;border-radius:16px;margin:0 0 28px}.invite-panel article,.contact-list article{display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid var(--line,#30363d)}.invite-panel article>div,.contact-list article>div:nth-child(2){display:flex;flex-direction:column;flex:1}.board-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:30px}.board-grid>a{display:flex;flex-direction:column;gap:4px;padding:20px;border:1px solid var(--line,#30363d);border-radius:16px;color:inherit;text-decoration:none;background:var(--surface,#161b22)}.board-preview{display:grid;place-items:center;height:110px;background:#fff;color:#4f46e5;border-radius:10px;font-size:3rem;margin-bottom:10px}.board-grid small,.board-grid time,.contact-list small{color:var(--muted,#8b949e)}.whiteboard-empty{text-align:center;border:1px dashed var(--line,#30363d);padding:50px;border-radius:16px}.contact-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0 20px}.contact-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#282f3a}.board-room-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:12px}.board-room-heading a{color:#58a6ff}.board-status{display:flex;gap:9px}.board-status span{padding:6px 10px;border-radius:999px;background:#21262d;font-size:.78rem}.board-people{border:1px solid var(--line,#30363d);border-radius:12px;margin-bottom:12px}.board-people summary{cursor:pointer;padding:12px 16px;font-weight:800;display:flex;justify-content:space-between}.people-panel{padding:0 16px 16px}.invite-user-form{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.invite-user-form label:first-child{flex:1;min-width:240px}.save-contact{display:flex;align-items:center;gap:7px;padding-bottom:11px}.save-contact input{width:auto;height:auto}.quick-contacts{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.quick-contacts form{display:inline}.quick-contacts button{border-radius:999px}.participant-list{list-style:none;padding:0;margin:15px 0 0;display:flex;gap:8px;flex-wrap:wrap}.participant-list li{display:flex;gap:8px;padding:7px 10px;border-radius:9px;background:#21262d}.participant-list span{color:var(--muted,#8b949e)}.whiteboard-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px;background:#161b22;border:1px solid #30363d;border-radius:12px 12px 0 0}.whiteboard-toolbar button{min-height:38px;border:1px solid #484f58;background:#21262d;color:#f0f6fc;border-radius:8px;padding:0 12px;cursor:pointer}.whiteboard-toolbar button.active{background:#4f46e5;border-color:#818cf8}.whiteboard-toolbar label{display:flex;align-items:center;gap:6px;font-size:.82rem;font-weight:700}.whiteboard-toolbar input[type=color]{width:38px;height:34px;padding:2px}.whiteboard-toolbar input[type=range]{width:100px;height:auto}.canvas-shell{position:relative;height:min(68vh,720px);min-height:420px;border:1px solid #30363d;border-top:0;border-radius:0 0 12px 12px;overflow:hidden;background:#fff;touch-action:none}.canvas-shell canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.remote-cursor{position:absolute;pointer-events:none;color:#4f46e5;font-size:.72rem;font-weight:800;transform:translate(4px,4px)}.remote-cursor:before{content:'➤';display:block;font-size:1rem}.board-owner-actions{display:flex;justify-content:space-between;gap:15px;margin-top:16px}.board-owner-actions form{display:flex;gap:8px}.danger-button{color:#ff7b72!important}.primary-button{border:0;border-radius:9px;background:#4f46e5;color:white;padding:10px 16px;font-weight:800;cursor:pointer}@media(max-width:760px){.whiteboard-heading,.board-room-heading{align-items:stretch;flex-direction:column}.new-board-form{min-width:0}.board-grid,.contact-list{grid-template-columns:1fr}.canvas-shell{height:62vh;min-height:360px}.whiteboard-toolbar{overflow-x:auto;flex-wrap:nowrap}.board-owner-actions{flex-direction:column}.global-header{position:relative}}
.board-owner-actions button{min-height:42px;padding:9px 16px;border:1px solid #0d6efd;border-radius:6px;background:#0d6efd;color:#fff;font-weight:700;cursor:pointer}.board-owner-actions button:hover{border-color:#0b5ed7;background:#0b5ed7}.board-owner-actions .danger-button{border-color:#dc3545;background:#dc3545;color:#fff!important}.board-owner-actions .danger-button:hover{border-color:#bb2d3b;background:#bb2d3b}