body:has(.whiteboard-page) .app-shell{min-height:100dvh;width:100%!important;max-width:none!important;box-shadow:none!important;background:0 0!important;margin:0!important;padding:0!important;overflow:visible!important}.whiteboard-page{z-index:50;background:#0f172a;width:100vw;max-width:none;height:100dvh;position:fixed;inset:0;overflow:hidden}.whiteboard-shell{z-index:50;background:#f8fafc;flex-direction:column;width:100vw;max-width:none;height:100dvh;display:flex;position:fixed;inset:0;overflow:hidden}.tldraw__editor,.whiteboard-canvas-wrap{touch-action:none;background:#f8fafc;flex:auto;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;position:relative!important;inset:auto!important;overflow:hidden!important}.tldraw__editor .tl-container,.whiteboard-canvas-wrap .tl-container{width:100%!important;height:100%!important;min-height:100%!important;position:absolute!important;inset:0!important}.whiteboard-canvas-wrap .tlui-layout__top,.tldraw__editor .tlui-layout__top{pointer-events:none;z-index:300!important}.whiteboard-canvas-wrap .tlui-layout__top>*,.tldraw__editor .tlui-layout__top>*{pointer-events:all}.whiteboard-canvas-wrap .tlui-style-panel,.tldraw__editor .tlui-style-panel,.whiteboard-canvas-wrap .tlui-popout,.tldraw__editor .tlui-popout{max-height:min(70vh,28rem);overflow:auto;z-index:320!important}.whiteboard-chrome{z-index:40;padding:max(.55rem,env(safe-area-inset-top,0px)).75rem .55rem;background:linear-gradient(#fff 0%,#f8fafc 100%);border-bottom:1px solid #0f172a14;flex-direction:column;flex:none;align-items:stretch;gap:.45rem;display:flex;position:relative;box-shadow:0 2px 10px #0f172a0a}.whiteboard-chrome__nav,.whiteboard-chrome__tools,.whiteboard-chrome__board-tools,.whiteboard-chrome__actions{flex-wrap:wrap;align-items:center;gap:.4rem;min-width:0;display:flex}.whiteboard-chrome__nav{flex-wrap:nowrap}.whiteboard-chrome__tools{width:100%}.whiteboard-chrome__title{color:#0f172a;text-align:start;background:0 0;border:1px solid #0000;border-radius:.65rem;flex:auto;min-width:0;padding:.35rem .5rem;font-size:.875rem;font-weight:700}.whiteboard-chrome__title:focus{background:#fff;border-color:#4f6fe573;outline:none}.whiteboard-chrome__board-tools,.whiteboard-chrome__actions{justify-content:flex-start}.whiteboard-chrome__btn--fullscreen{flex-shrink:0;margin-inline-start:auto}.whiteboard-chrome__btn{color:#334155;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#fff;border:1px solid #0f172a1a;border-radius:9999px;justify-content:center;align-items:center;gap:.3rem;min-width:2.5rem;min-height:2.5rem;padding:.4rem .65rem;font-size:.6875rem;font-weight:700;display:inline-flex}.whiteboard-chrome__btn:active{transform:scale(.97)}.whiteboard-chrome__btn:disabled{opacity:.5;cursor:not-allowed}.whiteboard-chrome__btn--primary{color:#fff;background:#4f6fe5;border-color:#0000}.whiteboard-chrome__btn--danger{color:#dc2626;border-color:#dc262640}.whiteboard-chrome__status{color:#64748b;white-space:nowrap;font-size:.625rem;font-weight:600}.whiteboard-chrome__status.is-error{color:#dc2626}.whiteboard-chrome__status.is-ok{color:#16a34a}.whiteboard-pdf-file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.whiteboard-chrome__btn--pdf{color:#1d4ed8;background:#eff6ff;border-color:#2563eb47}.whiteboard-pdf-spin{animation:.8s linear infinite whiteboard-pdf-spin}@keyframes whiteboard-pdf-spin{to{transform:rotate(360deg)}}.whiteboard-pdf-shape-controls{z-index:95;pointer-events:none;position:absolute}.whiteboard-pdf-shape-controls__btn{color:#1d4ed8;cursor:pointer;pointer-events:all;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#fffffff5;border:1.5px solid #2563eb73;border-radius:9999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 14px #0f172a2e}.whiteboard-pdf-shape-controls__btn--prev{left:auto;right:.45rem}.whiteboard-pdf-shape-controls__btn--next{left:.45rem;right:auto}.whiteboard-pdf-shape-controls__btn:disabled{opacity:.4;cursor:not-allowed}.whiteboard-pdf-shape-controls__btn:not(:disabled):hover{background:#eff6ff;border-color:#2563eb}.whiteboard-pdf-nav,.whiteboard-pdf-nav--chrome{z-index:1;width:max-content;max-width:100%;box-shadow:none;pointer-events:all;background:#eff6ff;border:1px solid #2563eb47;border-radius:9999px;flex-wrap:nowrap;flex:none;justify-content:center;align-items:center;gap:.25rem;padding:.2rem .28rem;display:inline-flex;position:relative;bottom:auto;left:auto;transform:none}.whiteboard-pdf-nav__body{align-items:center;gap:.25rem;display:inline-flex}.whiteboard-pdf-nav__toggle{color:#334155;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#fff;border:1px solid #0f172a1a;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:1.85rem;height:1.85rem;display:inline-flex}.whiteboard-pdf-nav__progress,.whiteboard-pdf-nav--chrome .whiteboard-pdf-nav__progress{display:none}.whiteboard-pdf-nav__btn{color:#1d4ed8;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#eff6ff;border:1px solid #2563eb47;border-radius:9999px;justify-content:center;align-items:center;gap:.2rem;min-width:1.85rem;min-height:1.85rem;padding:.25rem .45rem;font-size:.6875rem;font-weight:800;display:inline-flex}.whiteboard-pdf-nav__btn--icon{padding:.25rem}.whiteboard-pdf-nav__btn:disabled{opacity:.45;cursor:not-allowed}.whiteboard-pdf-nav__jump{align-items:center;gap:.25rem;min-width:0;display:inline-flex}.whiteboard-pdf-nav__jump-label{color:#64748b;white-space:nowrap;font-size:.625rem;font-weight:700}.whiteboard-pdf-nav__select{color:#1d4ed8;cursor:pointer;background:#fff;border:1px solid #2563eb47;border-radius:9999px;min-width:6.5rem;max-width:9rem;min-height:1.85rem;padding:.2rem .45rem;font-size:.6875rem;font-weight:800}@media (max-width:640px){.whiteboard-pdf-nav__jump-label{display:none}.whiteboard-pdf-nav__select{min-width:5.5rem;max-width:7.5rem}}.whiteboard-canvas-wrap .tlui-menu-zone,.tldraw__editor .tlui-menu-zone{visibility:visible!important;opacity:1!important;z-index:310!important;border-radius:.65rem!important;min-height:0!important;padding:.15rem!important;display:flex!important}.whiteboard-canvas-wrap .tlui-menu-zone .tlui-row{gap:.1rem!important}.whiteboard-canvas-wrap .tlui-page-menu__trigger,.whiteboard-canvas-wrap .tlui-menu-zone .tlui-button{gap:.15rem!important;min-width:1.85rem!important;height:1.85rem!important;min-height:1.85rem!important;padding:0 .4rem!important;font-size:.6875rem!important;line-height:1!important}.whiteboard-canvas-wrap .tlui-page-menu__trigger{max-width:5.5rem}.whiteboard-canvas-wrap .tlui-menu-zone .tlui-button__icon,.whiteboard-canvas-wrap .tlui-menu-zone .tlui-icon{width:.95rem!important;height:.95rem!important}@media (max-width:640px){.whiteboard-canvas-wrap .tlui-layout__top{padding:.2rem .35rem!important}.whiteboard-canvas-wrap .tlui-menu-zone{padding:.1rem!important}.whiteboard-canvas-wrap .tlui-page-menu__trigger,.whiteboard-canvas-wrap .tlui-menu-zone .tlui-button{min-width:1.7rem!important;height:1.7rem!important;min-height:1.7rem!important;padding:0 .3rem!important;font-size:.625rem!important}.whiteboard-canvas-wrap .tlui-page-menu__trigger{max-width:4.75rem}}.whiteboard-loading,.whiteboard-error{text-align:center;color:#0f172a;z-index:50;background:#f8fafc;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;width:100vw;height:100dvh;min-height:100dvh;padding:2rem;display:flex;position:fixed;inset:0}.whiteboard-chrome__status--boot{opacity:.85}.whiteboard-loading p,.whiteboard-error p{color:#64748b;margin:0;font-size:.875rem}.whiteboard-bg-menu{background:#fff;border:1px solid #0f172a1a;border-radius:.85rem;flex-wrap:wrap;gap:.35rem;padding:.35rem;display:flex}.whiteboard-bg-swatch{cursor:pointer;border:2px solid #0000;border-radius:9999px;width:1.75rem;height:1.75rem}.whiteboard-bg-swatch.is-active{border-color:#4f6fe5;box-shadow:0 0 0 2px #4f6fe540}.whiteboard-bg-swatch--white{background:#fff;border-color:#cbd5e1}.whiteboard-bg-swatch--dark{background:#1e293b}.whiteboard-bg-swatch--green{background:#166534}.whiteboard-bg-swatch--grid{background:linear-gradient(#94a3b8 1px,#0000 1px) 0 0/8px 8px,linear-gradient(90deg,#94a3b8 1px,#0000 1px) 0 0/8px 8px,#f8fafc}.whiteboard-bg-swatch--lined{background:repeating-linear-gradient(#0000,#0000 6px,#94a3b8 6px 7px),#fffef7}.whiteboard-board-select{color:#334155;background:#fff;border:1px solid #0f172a1a;border-radius:9999px;flex:0 auto;min-width:0;max-width:9.5rem;min-height:2.5rem;padding:.35rem .75rem;font-size:.6875rem;font-weight:700}.whiteboard-share-panel{pointer-events:all;margin-top:.15rem;flex-direction:column;align-items:flex-start;gap:.35rem;margin-inline-start:.15rem;display:flex}.whiteboard-top-actions{background:#fff;border-radius:.65rem;align-items:center;display:inline-flex;box-shadow:0 1px 6px #0f172a1a}.whiteboard-top-actions .tlui-main-toolbar__extras__controls{border-width:1px!important;border-radius:.65rem!important;flex-flow:row!important;align-items:center!important;gap:.15rem!important;width:max-content!important;height:auto!important;min-height:0!important;margin:0!important;padding:.2rem!important;display:inline-flex!important;overflow:visible!important}.whiteboard-top-actions .tlui-button{flex:none!important;width:2rem!important;min-width:2rem!important;height:2rem!important;min-height:2rem!important;margin:0!important;padding:0!important;position:relative!important}.whiteboard-top-actions .tlui-icon,.whiteboard-top-actions .tlui-button__icon,.whiteboard-top-actions .tlui-button__icon svg,.whiteboard-top-actions .tlui-icon__svg{width:1rem!important;min-width:1rem!important;height:1rem!important;min-height:1rem!important}.whiteboard-canvas-wrap .tlui-main-toolbar__extras{display:none!important}.whiteboard-style-toggle{pointer-events:all;justify-content:center;align-items:center;padding:.15rem;display:flex}.whiteboard-style-toggle .tlui-button{background:#fff;border:1px solid #0f172a1a;border-radius:9999px;min-width:2.5rem;min-height:2.5rem;box-shadow:0 2px 8px #0f172a14}.whiteboard-chrome__btn--record{color:#b91c1c;background:#fff1f2;border-color:#dc262647}.whiteboard-record-modal{z-index:80;padding:1rem;padding-bottom:max(1rem,env(safe-area-inset-bottom,0px));justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.whiteboard-record-modal__backdrop{cursor:pointer;background:#0f172a73;border:0;margin:0;padding:0;position:absolute;inset:0}.whiteboard-record-modal__panel{z-index:1;background:#fff;border:1px solid #0f172a14;border-radius:1.1rem;flex-direction:column;gap:1rem;width:min(100%,26rem);padding:1.25rem 1.15rem 1.1rem;display:flex;position:relative;box-shadow:0 16px 40px #0f172a38}.whiteboard-record-modal__title{color:#0f172a;text-align:right;margin:0;font-size:1rem;font-weight:800}.whiteboard-record-modal__text{color:#334155;text-align:right;margin:0;font-size:.875rem;font-weight:600;line-height:1.75}.whiteboard-record-modal__actions{flex-direction:column;gap:.5rem;margin-top:.25rem;display:flex}.whiteboard-record-modal__start{width:100%;min-height:2.75rem;font-size:.8125rem}.whiteboard-record-modal__actions .whiteboard-chrome__btn:not(.whiteboard-record-modal__start){width:100%}.whiteboard-rec-live{color:#b91c1c;background:#fff1f2;border:1px solid #dc262647;border-radius:9999px;flex-wrap:wrap;align-items:center;gap:.35rem;min-height:2.5rem;padding:.2rem .35rem .2rem .55rem;display:inline-flex}.whiteboard-rec-live__dot{color:#dc2626;animation:1.1s ease-in-out infinite whiteboard-rec-pulse;display:inline-flex}.whiteboard-rec-live__text{font-size:.6875rem;font-weight:800}.whiteboard-rec-live__time{font-variant-numeric:tabular-nums;text-align:center;min-width:3.2rem;font-size:.75rem;font-weight:800}@keyframes whiteboard-rec-pulse{0%,to{opacity:1}50%{opacity:.35}}.whiteboard-rec-ready{flex-wrap:wrap;align-items:center;gap:.35rem;display:inline-flex}.whiteboard-rec-banner{flex-direction:column;flex:100%;gap:.2rem;padding:.15rem .25rem .35rem;display:flex}.whiteboard-rec-banner__hint,.whiteboard-rec-banner__error{margin:0;font-size:.6875rem;line-height:1.55}.whiteboard-rec-banner__hint{color:#475569}.whiteboard-rec-banner__error{color:#b91c1c;font-weight:700}@media (prefers-reduced-motion:reduce){.whiteboard-rec-live__dot,.whiteboard-pdf-spin{animation:none}}@media (max-width:640px){.whiteboard-chrome{padding:max(.35rem,env(safe-area-inset-top,0px)).5rem .35rem;gap:.3rem}.whiteboard-chrome__nav{gap:.3rem}.whiteboard-chrome__title{display:none}.whiteboard-board-select{flex:auto;min-width:0;max-width:none;min-height:2.15rem;padding:.2rem .55rem;font-size:.6875rem}.whiteboard-chrome__btn{min-width:2.15rem;min-height:2.15rem;padding:.3rem}.whiteboard-chrome__btn span.label{display:none}.whiteboard-chrome__tools{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:.3rem;padding-bottom:.05rem;overflow-x:auto}.whiteboard-chrome__tools::-webkit-scrollbar{display:none}.whiteboard-chrome__board-tools,.whiteboard-chrome__actions{flex-wrap:nowrap;flex:none;gap:.3rem;width:auto}.whiteboard-bg-menu{border-radius:.7rem;flex-wrap:nowrap;flex:none;gap:.2rem;padding:.2rem}.whiteboard-bg-swatch{flex-shrink:0;width:1.35rem;height:1.35rem}.whiteboard-chrome__status:not(.is-error):not(.is-ok){display:none}.whiteboard-rec-live{flex:none;gap:.25rem;min-width:0;min-height:2.15rem;padding:.15rem .25rem .15rem .4rem}.whiteboard-rec-live__text{font-size:.5625rem}.whiteboard-rec-live__time{min-width:2.6rem;font-size:.625rem}.whiteboard-rec-ready{flex-wrap:nowrap}.whiteboard-rec-banner{padding:0}.whiteboard-rec-banner__hint,.whiteboard-rec-banner__error{font-size:.625rem;line-height:1.4}}@media (min-width:641px){.whiteboard-chrome{flex-flow:wrap;align-items:center}.whiteboard-chrome__nav{flex:auto;min-width:min(100%,18rem)}.whiteboard-chrome__tools{flex-wrap:wrap;flex:0 auto;width:auto}.whiteboard-chrome__board-tools,.whiteboard-chrome__actions{flex:0 auto}.whiteboard-chrome__btn--fullscreen{margin-inline-start:0}}