.toolbar-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1px solid transparent;background:transparent;color:#ffffffb3;cursor:pointer;transition:background .15s,color .15s,border-color .15s,opacity .15s;padding:0;flex-shrink:0}.toolbar-icon-btn:hover{background:#ffffff1a;color:#fff}.toolbar-icon-btn.active{background:#646cff59;border-color:#646cff80;color:#fff}.toolbar-icon-btn:disabled{opacity:.3;cursor:not-allowed}.settings-color-indicator{display:block;width:16px;height:16px;border-radius:50%;border:2.5px solid currentColor;background:transparent;transition:border-color .15s,transform .1s}.draw-settings-btn:hover .settings-color-indicator{transform:scale(1.1)}.draw-settings-popover{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);padding:12px 14px;background:#171717eb;border-radius:12px;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #00000080;z-index:110;pointer-events:auto}.popover-section-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#fff6;margin-bottom:6px}.popover-section-label:not(:first-child){margin-top:10px}.popover-columns{display:flex;gap:12px;align-items:start}.popover-column{display:flex;flex-direction:column}.popover-color-col{display:flex;gap:6px}.popover-color-col .color-swatch{width:22px;height:22px;border-radius:50%;cursor:pointer;border:2.5px solid transparent;transition:border-color .15s,transform .12s}.popover-color-col .color-swatch:hover{transform:scale(1.15)}.popover-color-col .color-swatch.active{border-color:#fff}.popover-width-col{display:flex;gap:6px}.popover-width-btn{display:flex;align-items:center;justify-content:center;width:36px;height:28px;border-radius:8px;border:1px solid transparent;background:#ffffff0f;cursor:pointer;transition:background .15s,border-color .15s;padding:0}.popover-width-btn:hover{background:#ffffff1f}.popover-width-btn.active{border-color:#646cff99;background:#646cff33}.popover-width-dot{display:block;border-radius:50%}.viewer-container{position:fixed;inset:0;background:#000;display:flex;justify-content:center;align-items:center;overflow:hidden}.viewer-container video{width:100%;height:100%;object-fit:contain}.zoom-wrapper{position:absolute;inset:0}.zoom-wrapper.zoomed.space-pan{cursor:grab}.zoom-wrapper.zoomed.space-pan:active{cursor:grabbing}.zoom-wrapper.zoomed .canvas-overlay.draw-mode .konvajs-content,.canvas-overlay.draw-mode .konvajs-content{cursor:crosshair!important}.canvas-overlay.space-pan .konvajs-content{cursor:grab!important}.canvas-overlay.space-pan:active .konvajs-content{cursor:grabbing!important}.edge-indicator-container{position:absolute;inset:0;pointer-events:none;z-index:90}.draw-toolbar{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;padding:6px 8px;background:#171717d1;border-radius:14px;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #00000073,0 0 0 .5px #ffffff0f inset;z-index:100;pointer-events:auto}.leave-icon-btn:hover{background:#dc26264d;color:#fca5a5}.draw-tools-group{display:flex;align-items:center;gap:4px;max-width:0;opacity:0;overflow:hidden;transition:max-width .2s ease,opacity .15s ease;pointer-events:none}.draw-tools-group.visible{max-width:80px;opacity:1;pointer-events:auto}.draw-toolbar .draw-settings-popover{bottom:68px}.zoom-btn{position:relative}.zoom-btn.zoomed{color:#fff}.stats-overlay{position:absolute;top:8px;right:8px;z-index:200;background:#000c;border-radius:8px;padding:12px 16px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:11px;max-width:340px;min-width:260px;pointer-events:auto}.stats-overlay-title{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;color:#fff;margin-bottom:8px}.stats-close{cursor:pointer;color:#999;font-size:14px;padding:0 4px;line-height:1}.stats-close:hover{color:#fff}.stats-overlay-section{color:#888;text-transform:uppercase;font-size:10px;margin-top:8px;margin-bottom:4px;letter-spacing:.05em}.stats-overlay-row{display:flex;justify-content:space-between;padding:1px 0}.stats-overlay-label{color:#999}.stats-overlay-value{color:#fff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#18181b;color:#fafafa;overflow:hidden}.join-screen{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.join-screen h1{font-size:28px;font-weight:700}.join-screen .subtitle{font-size:14px;color:#a1a1aa;margin-bottom:8px}.join-screen form{display:flex;flex-direction:column;gap:10px;width:280px}.join-screen input{padding:10px 14px;background:#27272a;border:1px solid #3f3f46;border-radius:6px;color:#fafafa;font-size:16px;text-align:center}.join-screen input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d}.join-screen button{padding:10px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer}.join-screen button:hover:not(:disabled){background:#2563eb}.join-screen button:disabled{opacity:.4;cursor:not-allowed}