.whiteboard-container{backdrop-filter:blur(16px);user-select:none;background:#0f1117e0;border:1px solid #ffffff14;border-radius:1.5rem;flex-direction:column;width:100%;transition:background-color .3s,border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #0006,inset 0 1px #ffffff0d}body.wb-fullscreen-active{background:#0f1117!important;overflow:hidden!important}body.wb-fullscreen-active header,body.wb-fullscreen-active nav,body.wb-fullscreen-active footer,body.wb-fullscreen-active .site-navbar,body.wb-fullscreen-active #main-navbar,body.wb-fullscreen-active .mesh-gradient-hero,body.wb-fullscreen-active [class*=AdSlot],body.wb-fullscreen-active .ad-slot,body.wb-fullscreen-active .related-tools-card,body.wb-fullscreen-active .related-tools-section,body.wb-fullscreen-active section,body.wb-fullscreen-active article,body.wb-fullscreen-active .faq-section,body.wb-fullscreen-active #main-content>div>:not(.flex-1),body.wb-fullscreen-active #main-content .flex-1.max-w-7xl>:not(#tool-workspace){display:none!important}body.wb-fullscreen-active #main-content,body.wb-fullscreen-active #main-content>div,body.wb-fullscreen-active #main-content .flex-1.max-w-7xl{border:none!important;width:100vw!important;max-width:100vw!important;height:100vh!important;margin:0!important;padding:0!important;overflow:hidden!important}body.wb-fullscreen-active #tool-workspace{z-index:2147483647!important;background:#0f1117!important;border:none!important;border-radius:0!important;width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;margin:0!important;padding:0!important;position:fixed!important;inset:0!important}body.wb-fullscreen-active #online-whiteboard-workspace{width:100vw!important;max-width:100vw!important;height:100vh!important;margin:0!important;padding:0!important}.whiteboard-container.wb-fullscreen{z-index:2147483647!important;width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;box-shadow:none!important;background:#0f1117!important;border:none!important;border-radius:0!important;flex-direction:column!important;margin:0!important;display:flex!important;position:fixed!important;inset:0!important;overflow:hidden!important}.whiteboard-container.wb-theme-light.wb-fullscreen{background:#f8fafc!important}.whiteboard-container.wb-fullscreen .wb-top-bar{z-index:100!important;border-radius:0!important;flex-shrink:0!important;width:100vw!important;position:relative!important}.whiteboard-container.wb-fullscreen .wb-workspace-body{flex:auto!important;width:100vw!important;height:calc(100vh - 100px)!important;min-height:0!important;max-height:none!important;position:relative!important}.whiteboard-container.wb-fullscreen .wb-bottom-bar{z-index:100!important;border-radius:0!important;flex-shrink:0!important;width:100vw!important;position:relative!important}.whiteboard-container.wb-theme-light{background:#f8fafc;border:1px solid #e2e8f0;box-shadow:0 20px 50px #00000014,0 4px 12px #0000000a}.whiteboard-container.wb-theme-light .wb-top-bar{background:#fff;border-bottom:1px solid #e2e8f0}.whiteboard-container.wb-theme-light .wb-group{background:#f1f5f9;border:1px solid #e2e8f0}.whiteboard-container.wb-theme-light .wb-btn{color:#475569}.whiteboard-container.wb-theme-light .wb-btn:hover:not(:disabled){color:#0f172a;background:#e2e8f0;border-color:#cbd5e1}.whiteboard-container.wb-theme-light .wb-page-badge{color:#1e293b}.whiteboard-container.wb-theme-light .wb-floating-dock{background:#fffffff2;border:1px solid #e2e8f0;box-shadow:0 12px 30px #0000001a}.whiteboard-container.wb-theme-light .wb-tool-btn{color:#475569}.whiteboard-container.wb-theme-light .wb-tool-btn:hover{color:#0f172a;background:#f1f5f9}.whiteboard-container.wb-theme-light .wb-tool-btn.active{color:#7e22ce;background:#f3e8ff;border-color:#c084fc}.whiteboard-container.wb-theme-light .wb-style-dock{background:#fffffff2;border:1px solid #e2e8f0;box-shadow:0 12px 35px #0000001f}.whiteboard-container.wb-theme-light .wb-popup-menu{background:#fff;border:1px solid #e2e8f0;box-shadow:0 16px 36px #00000026}.whiteboard-container.wb-theme-light .wb-bottom-bar{color:#64748b;background:#fff;border-top:1px solid #e2e8f0}.whiteboard-container.wb-theme-light .wb-status-item .text-ink{color:#0f172a!important}.wb-top-bar{white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;z-index:25;background:#141821f2;border-bottom:1px solid #ffffff14;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:.45rem;padding:.45rem .75rem;display:flex;overflow:auto hidden}.wb-top-bar::-webkit-scrollbar{display:none}.wb-group{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:.75rem;flex-shrink:0;align-items:center;gap:.25rem;padding:.2rem .35rem;display:flex}.wb-btn{color:#94a3b8;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;gap:.3rem;min-width:2rem;min-height:2rem;padding:.3rem .5rem;font-size:.8125rem;font-weight:600;transition:all .15s cubic-bezier(.4,0,.2,1);display:inline-flex}.wb-btn:hover:not(:disabled){color:#f8fafc;background:#ffffff14;border-color:#ffffff1a}.wb-btn:active:not(:disabled){transform:scale(.96)}.wb-btn:disabled{opacity:.4;cursor:not-allowed}.wb-btn.active{color:#a855f7;background:#a855f726;border-color:#a855f766;box-shadow:0 0 12px #a855f740}.wb-btn-primary{background:linear-gradient(135deg,#a855f7 0%,#6366f1 100%);border:1px solid #fff3;box-shadow:0 4px 14px #a855f759;color:#fff!important}.wb-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#c084fc 0%,#818cf8 100%);transform:translateY(-1px);box-shadow:0 6px 20px #a855f780;color:#fff!important}.wb-btn-danger:hover:not(:disabled){background:#ef444426;border-color:#ef44444d;color:#f87171!important}.wb-page-badge{color:#cbd5e1;text-align:center;flex-shrink:0;min-width:4rem;padding:.2rem .4rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;font-weight:700}.wb-workspace-body{background:#181920;width:100%;height:calc(82vh - 120px);min-height:600px;max-height:850px;position:relative;overflow:hidden}#wb-main-canvas{touch-action:none;cursor:crosshair;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}#wb-sticky-container{z-index:10;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible;pointer-events:none!important}.wb-bg-white{background-color:#fff!important}.wb-bg-dark{background-color:#12141a!important}.wb-bg-dots-light{background-color:#f8fafc!important;background-image:radial-gradient(#94a3b8 1.5px,#0000 1.5px)!important;background-size:24px 24px!important}.wb-bg-dots-dark{background-color:#0f1117!important;background-image:radial-gradient(#fff3 1.5px,#0000 1.5px)!important;background-size:24px 24px!important}.wb-bg-grid-light{background-color:#fff!important;background-image:linear-gradient(#00000014 1px,#0000 1px),linear-gradient(90deg,#00000014 1px,#0000 1px)!important;background-size:24px 24px!important}.wb-bg-grid-dark{background-color:#0f1117!important;background-image:linear-gradient(#ffffff12 1px,#0000 1px),linear-gradient(90deg,#ffffff12 1px,#0000 1px)!important;background-size:24px 24px!important}.wb-bg-ruled{background-color:#fefce8!important;background-image:linear-gradient(#eab308 1px,#0000 1px)!important;background-size:100% 28px!important}.wb-bg-blueprint{background-color:#0f2744!important;background-image:linear-gradient(#38bdf833 1px,#0000 1px),linear-gradient(90deg,#38bdf833 1px,#0000 1px)!important;background-size:20px 20px!important}.wb-floating-dock{backdrop-filter:blur(14px);z-index:25;pointer-events:auto;scrollbar-width:none;-ms-overflow-style:none;background:#12141deb;border:1px solid #ffffff1f;border-radius:1rem;flex-direction:column;gap:.3rem;max-height:calc(100% - 1.5rem);padding:.35rem;display:flex;position:absolute;top:.75rem;left:.75rem;overflow-y:auto;box-shadow:0 12px 30px #00000080,inset 0 1px #ffffff14}.wb-floating-dock::-webkit-scrollbar{display:none}.wb-tool-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.65rem;flex-shrink:0;justify-content:center;align-items:center;width:2.35rem;height:2.35rem;transition:all .15s;display:flex;position:relative}.wb-tool-btn:hover{color:#fff;background:#ffffff1a}.wb-tool-btn.active{color:#c084fc;background:#a855f740;border-color:#a855f799;box-shadow:0 0 12px #a855f759}.wb-tool-btn .hotkey{color:#64748b;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.55rem;font-weight:700;line-height:1;position:absolute;bottom:2px;right:3px}.wb-style-dock{backdrop-filter:blur(14px);z-index:25;pointer-events:auto;background:#12141df0;border:1px solid #ffffff1f;border-radius:1rem;align-items:center;gap:.6rem;max-width:calc(100% - 2rem);padding:.5rem .85rem;display:flex;position:absolute;bottom:1rem;left:50%;overflow-x:auto;transform:translate(-50%);box-shadow:0 12px 35px #0009,inset 0 1px #ffffff14}.wb-color-row{align-items:center;gap:.35rem;display:flex}.wb-swatch{cursor:pointer;border:2px solid #0000;border-radius:9999px;width:1.5rem;height:1.5rem;transition:all .15s;position:relative}.wb-swatch:hover{transform:scale(1.15)}.wb-swatch.active{transform:scale(1.18);box-shadow:0 0 0 2px #a855f7;border-color:#fff!important}.whiteboard-container.wb-theme-light .wb-swatch.active{box-shadow:0 0 0 2px #7e22ce;border-color:#0f172a!important}.wb-color-picker-wrapper{cursor:pointer;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);border:2px solid #fff6;border-radius:9999px;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:flex;position:relative;overflow:hidden}.wb-color-picker-wrapper input[type=color]{opacity:0;cursor:pointer;width:45px;height:45px;position:absolute;top:-10px;left:-10px}.wb-slider-group{align-items:center;gap:.4rem;display:flex}.wb-slider{appearance:none;background:#fff3;border-radius:9999px;outline:none;width:70px;height:5px}.whiteboard-container.wb-theme-light .wb-slider{background:#cbd5e1}.wb-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#c084fc;border:2px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 0 8px #a855f799}.wb-popup-menu{backdrop-filter:blur(16px);z-index:35;pointer-events:auto;background:#141821f5;border:1px solid #ffffff26;border-radius:.75rem;grid-template-columns:repeat(3,1fr);gap:.35rem;width:130px;padding:.5rem;display:grid;position:absolute;top:0;left:3.5rem;box-shadow:0 16px 36px #0009}.wb-popup-menu.hidden{display:none!important}.wb-sticky-element{z-index:12;cursor:move;border-radius:.5rem;flex-direction:column;width:180px;min-height:140px;padding:.75rem;transition:box-shadow .15s;display:flex;position:absolute;box-shadow:0 10px 25px #00000059,0 2px 5px #0003;pointer-events:auto!important}.wb-sticky-element:focus-within,.wb-sticky-element.selected{box-shadow:0 14px 35px #00000073,0 0 0 2px #a855f7}.wb-sticky-header{opacity:.7;justify-content:space-between;align-items:center;margin-bottom:.35rem;display:flex}.wb-sticky-delete{cursor:pointer;color:#333;background:0 0;border:none;border-radius:4px;padding:2px}.wb-sticky-delete:hover{color:#ef4444;background:#0000001a}.wb-sticky-textarea{resize:none;color:#1e293b;cursor:text;background:0 0;border:none;outline:none;flex:1;width:100%;font-family:system-ui,-apple-system,sans-serif;font-size:1rem;line-height:1.35}.wb-sticky-yellow{color:#713f12;background:#fef08a}.wb-sticky-pink{color:#831843;background:#fbcfe8}.wb-sticky-blue{color:#0369a1;background:#bae6fd}.wb-sticky-green{color:#14532d;background:#bbf7d0}.wb-sticky-orange{color:#7c2d12;background:#fed7aa}.wb-sticky-purple{color:#581c87;background:#e9d5ff}.wb-inline-text-editor{resize:none;z-index:15;color:#fff;white-space:pre-wrap;background:#0f172ad9;border:1.5px dashed #a855f7;border-radius:4px;outline:none;min-width:140px;min-height:42px;padding:4px 8px;font-family:system-ui,sans-serif;font-size:20px;position:absolute;overflow:hidden;pointer-events:auto!important}.whiteboard-container.wb-theme-light .wb-inline-text-editor{color:#0f172a;background:#ffffffeb}.wb-bottom-bar{color:#64748b;z-index:25;background:#12141bf2;border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 1rem;font-size:.75rem;display:flex}.wb-status-item{align-items:center;gap:.35rem;display:flex}@media (width<=768px){.wb-workspace-body{height:clamp(480px,68vh,700px);min-height:480px}.wb-top-bar{gap:.35rem;padding:.35rem .5rem}.wb-group{gap:.2rem;padding:.15rem .25rem}.wb-btn{min-width:2rem;min-height:2rem;padding:.25rem .4rem;font-size:.75rem}.wb-floating-dock{gap:.25rem;padding:.25rem;top:.5rem;left:.5rem}.wb-tool-btn{width:2.1rem;height:2.1rem}.wb-style-dock{gap:.4rem;max-width:calc(100% - 1rem);padding:.35rem .55rem;bottom:.5rem}}@media (width<=480px){.wb-workspace-body{height:clamp(420px,62vh,600px);min-height:420px}.wb-top-bar{gap:.25rem;padding:.3rem .4rem}.wb-floating-dock{gap:.2rem;padding:.2rem;top:.35rem;left:.35rem}.wb-tool-btn{width:2rem;height:2rem}.wb-tool-btn svg{width:1.1rem;height:1.1rem}}