.whiteboard-module__17JYHW__whiteboard{background:var(--color-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);flex-direction:column;height:calc(100vh - 180px);min-height:600px;display:flex;overflow:hidden}.whiteboard-module__17JYHW__roomControls{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-md)var(--space-lg);background:var(--color-primary);border-bottom:1px solid var(--color-border-light);flex-wrap:wrap;display:flex}.whiteboard-module__17JYHW__roomInfo{align-items:center;gap:var(--space-lg);display:flex}.whiteboard-module__17JYHW__roomIdContainer{align-items:center;gap:var(--space-sm);display:flex}.whiteboard-module__17JYHW__roomLabel{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.whiteboard-module__17JYHW__roomId{font-family:SF Mono,Fira Code,monospace;font-size:var(--font-size-md);color:var(--color-accent);background:var(--color-secondary);padding:var(--space-xs)var(--space-sm);border-radius:var(--radius-sm);font-weight:var(--font-weight-semibold);letter-spacing:.05em}.whiteboard-module__17JYHW__connectionStatus{align-items:center;gap:var(--space-xs);display:flex}.whiteboard-module__17JYHW__statusDot{border-radius:50%;width:8px;height:8px;animation:2s infinite whiteboard-module__17JYHW__pulse}.whiteboard-module__17JYHW__statusDot.whiteboard-module__17JYHW__connected{background:#22c55e;box-shadow:0 0 8px #22c55e80}.whiteboard-module__17JYHW__statusDot.whiteboard-module__17JYHW__ready{background:#3b82f6;animation:none;box-shadow:0 0 8px #3b82f680}.whiteboard-module__17JYHW__statusDot.whiteboard-module__17JYHW__disconnected{background:#f59e0b;animation:1s infinite whiteboard-module__17JYHW__blink}@keyframes whiteboard-module__17JYHW__pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes whiteboard-module__17JYHW__blink{0%,to{opacity:1}50%{opacity:.3}}.whiteboard-module__17JYHW__statusText{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.whiteboard-module__17JYHW__roomActions{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.whiteboard-module__17JYHW__actionButton{white-space:nowrap}.whiteboard-module__17JYHW__joinForm{align-items:center;gap:var(--space-sm);display:flex}.whiteboard-module__17JYHW__joinInput{padding:var(--space-xs)var(--space-sm);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);font-size:var(--font-size-sm);background:var(--color-secondary);color:var(--color-text-primary);width:180px}.whiteboard-module__17JYHW__joinInput:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 2px #5ba3b533}.whiteboard-module__17JYHW__joinError{width:100%;padding:var(--space-xs)var(--space-sm);color:#ef4444;font-size:var(--font-size-sm);border-radius:var(--radius-sm);margin-top:var(--space-xs);background:#ef44441a}.whiteboard-module__17JYHW__hiddenUrlInput{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.whiteboard-module__17JYHW__canvasContainer{background:#fff;flex:1;position:relative;overflow:hidden}.whiteboard-module__17JYHW__canvasContainer>div{width:100%;height:100%}.whiteboard-module__17JYHW__loadingContainer,.whiteboard-module__17JYHW__loadingOverlay{justify-content:center;align-items:center;gap:var(--space-md);flex-direction:column;height:100%;min-height:400px;display:flex}.whiteboard-module__17JYHW__loadingOverlay{z-index:100;background:#ffffffe6;position:absolute;inset:0}.whiteboard-module__17JYHW__loadingSpinner{border:3px solid var(--color-border-light);border-top-color:var(--color-accent);border-radius:50%;width:40px;height:40px;animation:1s linear infinite whiteboard-module__17JYHW__spin}@keyframes whiteboard-module__17JYHW__spin{to{transform:rotate(360deg)}}.whiteboard-module__17JYHW__loadingContainer p,.whiteboard-module__17JYHW__loadingOverlay p{color:var(--color-text-secondary);font-size:var(--font-size-md)}.whiteboard-module__17JYHW__infoFooter{padding:var(--space-sm)var(--space-lg);background:var(--color-primary);border-top:1px solid var(--color-border-light)}.whiteboard-module__17JYHW__infoFooter p{align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0;display:flex}.whiteboard-module__17JYHW__infoIcon{font-size:var(--font-size-md)}.whiteboard-module__17JYHW__canvasContainer .excalidraw{--color-primary:var(--color-accent)}.whiteboard-module__17JYHW__canvasContainer .excalidraw-container{height:100%}@media (max-width:768px){.whiteboard-module__17JYHW__whiteboard{height:calc(100vh - 140px);min-height:500px}.whiteboard-module__17JYHW__roomControls{padding:var(--space-sm)var(--space-md);flex-direction:column;align-items:stretch}.whiteboard-module__17JYHW__roomInfo{align-items:flex-start;gap:var(--space-sm);flex-direction:column}.whiteboard-module__17JYHW__roomActions{justify-content:center}.whiteboard-module__17JYHW__joinForm{flex-wrap:wrap;width:100%}.whiteboard-module__17JYHW__joinInput{flex:1;width:auto;min-width:120px}.whiteboard-module__17JYHW__infoFooter{padding:var(--space-xs)var(--space-md)}.whiteboard-module__17JYHW__infoFooter p{font-size:var(--font-size-xs)}}@media (prefers-color-scheme:dark){.whiteboard-module__17JYHW__canvasContainer{background:#1e1e1e}.whiteboard-module__17JYHW__loadingOverlay{background:#1e1e1ee6}}.whiteboard-module__17JYHW__fullscreen{z-index:99999;background:#fff;border:none;border-radius:0;margin:0;padding:0;inset:0;width:100vw!important;height:100vh!important;min-height:100vh!important;position:fixed!important}.whiteboard-module__17JYHW__fullscreen .whiteboard-module__17JYHW__roomControls{z-index:100;border-bottom:1px solid var(--color-border-light);padding:var(--space-sm)var(--space-lg);background:#fffffffa;position:relative}.whiteboard-module__17JYHW__fullscreen .whiteboard-module__17JYHW__canvasContainer{flex:1;height:calc(100vh - 60px)!important}.whiteboard-module__17JYHW__fullscreen .whiteboard-module__17JYHW__exitHint{bottom:var(--space-lg);right:var(--space-lg);color:#fff;padding:var(--space-sm)var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);z-index:100001;pointer-events:none;opacity:0;background:#000000b3;transition:opacity .3s;position:fixed}.whiteboard-module__17JYHW__fullscreen:hover .whiteboard-module__17JYHW__exitHint{opacity:1}