*{margin:0;padding:0}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#wb-root{--primary:#0052cc;--primary-hover:#0065ff;--primary-light:#deebff;--primary-dark:#0747a6;--bg:#f4f5f7;--surface:#fff;--border:#dfe1e6;--border-strong:#c1c7d0;--text:#172b4d;--text-secondary:#6b778c;--success:#36b37e;--danger:#de350b;--danger-light:#ffebe6;--board:#fff;--grid:#f1f2f4;color:var(--text);background:var(--bg);box-sizing:border-box;flex-direction:column;gap:12px;width:100%;height:100vh;min-height:640px;padding:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}#wb-root *{box-sizing:border-box}.wb-header{background:var(--surface);border:1px solid var(--border);border-radius:3px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex;box-shadow:0 1px 2px #091e4214}.wb-header-left{flex-direction:column;gap:2px;display:flex}.wb-crumb{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);font-size:11px;font-weight:600}.wb-title-row{align-items:center;gap:8px;display:flex}.wb-app-icon{background:var(--primary);color:#fff;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:800;display:flex}.wb-title{color:var(--text);cursor:text;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:3px;outline:none;max-width:360px;margin:-2px -6px;padding:2px 6px;font-size:18px;font-weight:600;overflow:hidden}.wb-title:hover{background:var(--bg)}.wb-title:focus{box-shadow:0 0 0 2px var(--primary-light), inset 0 0 0 1px var(--primary);white-space:normal;background:#fff;overflow:visible}.wb-header-right{align-items:center;gap:14px;display:flex}.wb-status{color:var(--text-secondary);font-variant-numeric:tabular-nums;align-items:center;font-size:12.5px;display:flex}.wb-status .dot{background:var(--success);border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block;box-shadow:0 0 0 3px #36b37e26}.wb-me-chip{background:var(--bg);border:1px solid var(--border);border-radius:20px;align-items:center;gap:7px;padding:4px 10px 4px 4px;display:flex}.wb-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:flex}.wb-name-input{color:var(--text);background:0 0;border:none;width:92px;padding:2px 0;font-size:12.5px;font-weight:600}.wb-name-input:focus{outline:none}.wb-workspace{flex:1;min-height:0;position:relative;overflow:auto}.wb-panel-handle{background:var(--surface);border-bottom:1px solid var(--border);height:26px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;cursor:move;-webkit-user-select:none;user-select:none;touch-action:none;flex-shrink:0;align-items:center;gap:6px;padding:0 8px;font-size:10.5px;font-weight:700;display:flex}.wb-panel-handle .grip{flex-shrink:0;gap:2px;display:flex}.wb-panel-handle .grip span{background:var(--border-strong);border-radius:50%;width:3px;height:3px}.wb-resize-handle{cursor:nwse-resize;background:repeating-linear-gradient(135deg, var(--border-strong) 0 2px, transparent 2px 4px);touch-action:none;border-radius:0 0 3px;width:16px;height:16px;position:absolute;bottom:0;right:0}.wb-frame{background:var(--surface);border:1px solid var(--border);border-radius:3px;flex-direction:column;min-height:0;display:flex;position:absolute;overflow:hidden;box-shadow:0 1px 2px #091e4214}.wb-canvas-area{background:var(--board);flex:1;min-height:0;position:relative}canvas#wb-canvas{cursor:crosshair;touch-action:none;width:100%;height:100%;display:block}.wb-cursor-label{color:#fff;white-space:nowrap;pointer-events:none;border-radius:3px;padding:2px 6px;font-size:11px;font-weight:600;position:absolute;transform:translate(8px,8px);box-shadow:0 2px 6px #091e4240}.wb-cursor-dot{pointer-events:none;border:2px solid #fff;border-radius:50%;width:10px;height:10px;transition:left .12s linear,top .12s linear;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 4px #091e4259}.wb-text-input{resize:none;border:1px dashed var(--border-strong);background:#ffffffe6;outline:none;min-width:60px;min-height:1.4em;padding:2px 4px;line-height:1.15;position:absolute}.wb-toolbar{background:var(--surface);border-top:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;padding:8px 12px;display:flex}.wb-tgroup{align-items:center;gap:6px;display:flex}.wb-tdivider{background:var(--border);align-self:stretch;width:1px;margin:3px 0}.wb-icon-btn{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.wb-icon-btn:hover{background:var(--bg)}.wb-icon-btn.active{background:var(--primary-light);color:var(--primary)}.wb-icon-btn.muted{background:var(--danger-light);color:var(--danger)}.wb-icon-btn svg{width:17px;height:17px}.wb-swatch{cursor:pointer;border:1px solid #091e4221;border-radius:50%;flex-shrink:0;width:22px;height:22px}.wb-swatch.selected{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--primary)}.wb-width-btn{border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.wb-width-btn.active{background:var(--primary-light);border-color:var(--primary)}.wb-width-btn .b{background:var(--text);border-radius:50%}.wb-fontsize-btn{border:1px solid var(--border);background:var(--bg);cursor:pointer;width:30px;height:30px;color:var(--text);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.wb-fontsize-btn.active{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.wb-select-el{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:3px;flex-shrink:0;width:82px;padding:6px;font-size:12px}.wb-btn{border:1px solid var(--border);background:var(--bg);cursor:pointer;color:var(--text);border-radius:3px;flex-shrink:0;padding:7px 10px;font-size:12.5px;font-weight:600}.wb-btn:hover{background:#ebecf0}.wb-btn.danger{color:var(--danger)}.wb-btn.danger:hover{background:var(--danger-light);border-color:#ffbdad}.wb-btn:disabled{opacity:.45;cursor:not-allowed}.wb-btn:disabled:hover{background:var(--bg)}.wb-chat-col,.wb-video-col{border:1px solid var(--border-strong);background:var(--bg);border-radius:6px;flex-direction:column;min-height:0;display:flex;position:absolute;overflow:hidden;box-shadow:0 4px 14px #091e4226}.wb-floatpanel-content{flex-direction:column;flex:1;gap:10px;min-height:0;padding:10px;display:flex;overflow-y:auto}.wb-video-controls{flex-shrink:0}.wb-video-toolbar{gap:8px;display:flex}.wb-video-panel{flex-direction:column;flex:1;min-height:0;display:flex}.wb-video-thumbs{flex-direction:column;flex:1;gap:8px;min-height:0;padding-right:2px;display:flex;overflow-y:auto}.wb-video-tile{cursor:pointer;aspect-ratio:16/10;border:2px solid #0000;border-radius:6px;flex-shrink:0;position:relative;overflow:hidden}.wb-video-tile:hover{border-color:var(--border-strong)}.wb-video-tile.focused{border-color:var(--primary)}.wb-video-placeholder{background:var(--text);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.wb-video-el{object-fit:cover;background:var(--text);width:100%;height:100%;display:block}.wb-video-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}.wb-video-tag{background:linear-gradient(#0000,#0000008c);justify-content:space-between;align-items:center;padding:3px 6px;display:flex;position:absolute;bottom:0;left:0;right:0}.wb-video-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;font-weight:600;overflow:hidden}.wb-video-muted-badge{background:var(--danger);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;display:flex}.wb-video-muted-badge svg{width:8px;height:8px}.wb-focus-video{border:1px solid var(--border);z-index:40;background:var(--text);cursor:move;touch-action:none;border-radius:8px;flex-direction:column;width:190px;display:flex;position:absolute;top:14px;left:14px;overflow:hidden;box-shadow:0 8px 20px #091e4247}.wb-focus-video .wb-resize-handle{background:repeating-linear-gradient(135deg,#ffffff8c 0 2px,#0000 2px 4px)}.wb-focus-inner{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.wb-focus-live-badge{background:var(--danger);color:#fff;letter-spacing:.05em;z-index:2;border-radius:3px;padding:2px 6px;font-size:9px;font-weight:700;position:absolute;top:8px;left:8px}.wb-focus-live-badge.live{background:var(--success)}.wb-focus-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:20px;font-weight:700;display:flex;box-shadow:0 0 0 4px #ffffff26}.wb-focus-avatar.speaking{animation:1.8s infinite wbSpeakPulse}@keyframes wbSpeakPulse{0%{box-shadow:0 0 0 4px #ffffff26,0 0 #36b37e8c}70%{box-shadow:0 0 0 4px #ffffff26,0 0 0 10px #36b37e00}to{box-shadow:0 0 0 4px #ffffff26,0 0 #36b37e00}}.wb-focus-label{color:#fff;background:#00000059;padding:6px 8px;font-size:12px;font-weight:600}.wb-panel{background:var(--surface);border:1px solid var(--border);border-radius:3px;flex-shrink:0;padding:12px;box-shadow:0 1px 2px #091e4214}.wb-panel h4{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin:0 0 8px;font-size:11px;font-weight:700}.wb-here-now{flex-shrink:0}.wb-user-list{flex-direction:column;gap:6px;max-height:78px;display:flex;overflow-y:auto}.wb-user-row{align-items:center;gap:8px;font-size:12.5px;display:flex}.wb-user-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.wb-user-row.me{font-weight:700}.wb-empty{color:var(--text-secondary);font-size:12px}.wb-chat-panel{flex-direction:column;flex:1;height:100%;min-height:0;display:flex}.wb-chat-messages{flex-direction:column;flex:1;gap:8px;min-height:0;padding-right:2px;display:flex;overflow-y:auto}.wb-chat-msg{word-break:break-word;font-size:12.5px;line-height:1.4}.wb-chat-msg .who{margin-right:4px;font-weight:700}.wb-chat-msg .time{color:var(--text-secondary);margin-left:5px;font-size:10.5px}.wb-chat-input-row{flex-shrink:0;gap:6px;margin-top:10px;display:flex}.wb-chat-input-row input{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:3px;flex:1;padding:8px;font-size:12.5px}.wb-chat-input-row input:focus{border-color:var(--primary);background:#fff;outline:none}.wb-chat-input-row .wb-btn{background:var(--primary);color:#fff;border-color:var(--primary)}.wb-chat-input-row .wb-btn:hover{background:var(--primary-hover)}.wb-file-drop{border:1px dashed var(--border-strong);text-align:center;color:var(--text-secondary);cursor:pointer;border-radius:4px;padding:10px;font-size:11.5px}.wb-file-drop:hover{background:var(--bg);border-color:var(--primary);color:var(--primary)}.wb-file-row{border:1px solid var(--border);background:var(--surface);border-radius:4px;flex-direction:column;gap:3px;padding:6px 8px;font-size:12px;display:flex}.wb-file-row .meta{color:var(--text-secondary);justify-content:space-between;font-size:10.5px;display:flex}.wb-file-progress{background:var(--border);border-radius:2px;height:4px;overflow:hidden}.wb-file-progress-bar{background:var(--primary);height:100%;transition:width .15s linear}