.interactive-whiteboard__surface{display:flex;flex-direction:column;gap:var(--spacing-3);position:relative;--tl-font-draw:"Architects Daughter","Caveat",cursive;--tl-font-sans:"Lexend","Inter",sans-serif;--tl-font-serif:"Merriweather",Georgia,serif;--tl-font-mono:"IBM Plex Mono","SFMono-Regular",monospace;--whiteboard-toolbar-surface:color-mix(in srgb,var(--color-bg-elevated) 96%,transparent);--whiteboard-toolbar-surface-muted:color-mix(in srgb,var(--color-bg-secondary) 88%,var(--color-bg-tertiary));--whiteboard-toolbar-control:color-mix(in srgb,var(--color-bg-secondary) 82%,var(--color-bg-tertiary));--whiteboard-toolbar-control-hover:var(--color-surface-hover);--whiteboard-toolbar-border:var(--color-border);--whiteboard-toolbar-border-strong:var(--color-border-strong);--whiteboard-toolbar-accent:var(--color-accent);--whiteboard-toolbar-accent-strong:var(--color-accent-dark);--whiteboard-toolbar-accent-soft:var(--color-accent-subtle);--whiteboard-toolbar-accent-hover:var(--color-accent-subtle-strong);--whiteboard-toolbar-shadow:var(--shadow-md);--whiteboard-surface-padding:clamp(0.85rem,1.6vw,1.35rem);--whiteboard-rail-size:3.25rem;--whiteboard-shell-gap:clamp(0.75rem,1.4vw,1.1rem);--whiteboard-tray-width:min(22rem,calc(100vw - 8rem))}.interactive-whiteboard__surface--fullscreen{position:fixed;inset:0;z-index:65;overflow:hidden;padding:var(--whiteboard-surface-padding);background:radial-gradient(circle at top,rgba(116,231,157,.22),transparent 42%),linear-gradient(180deg,rgba(243,247,242,.98),rgba(236,242,234,.96));backdrop-filter:blur(18px)}.interactive-whiteboard__status-chip{display:inline-flex;align-items:center;gap:.65rem;align-self:flex-start;padding:.55rem .85rem;border:1px solid var(--whiteboard-toolbar-border);border-radius:999px;background:var(--whiteboard-toolbar-surface);box-shadow:var(--whiteboard-toolbar-shadow)}.interactive-whiteboard__workspace{display:flex;flex-direction:column;gap:clamp(1rem,1.6vw,1.5rem);min-height:0}.interactive-whiteboard__sheet-stage{display:flex;align-items:flex-start;justify-content:center;min-height:0}.interactive-whiteboard__fullscreen-shell{position:relative;flex:1 1 auto;min-height:0}.interactive-whiteboard__rail{position:absolute;top:0;bottom:0;width:var(--whiteboard-rail-size);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:0;z-index:2;pointer-events:none}.interactive-whiteboard__rail--left{left:0}.interactive-whiteboard__rail--right{right:0}.interactive-whiteboard__rail>*{pointer-events:auto}.interactive-whiteboard__rail .interactive-whiteboard__toolbar-icon-btn.MuiIconButton-root{width:40px;height:40px;border-radius:14px;backdrop-filter:blur(18px);background:color-mix(in srgb,var(--whiteboard-toolbar-surface) 96%,transparent)}.interactive-whiteboard__fullscreen-stage-column,.interactive-whiteboard__fullscreen-stage-frame{min-width:0;min-height:0;height:100%;width:100%}.interactive-whiteboard__fullscreen-stage-scroll{width:100%;height:100%;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(100,116,139,.55) transparent}.interactive-whiteboard__fullscreen-stage-scroll::-webkit-scrollbar{width:10px;height:10px}.interactive-whiteboard__fullscreen-stage-scroll::-webkit-scrollbar-track{background:transparent}.interactive-whiteboard__fullscreen-stage-scroll::-webkit-scrollbar-thumb{border-radius:999px;background-color:rgba(100,116,139,.55)}.interactive-whiteboard__fullscreen-stage-align{min-width:100%;min-height:100%;display:flex;justify-content:center;align-items:flex-start}.interactive-whiteboard__side-tray{position:absolute;top:50%;transform:translateY(-50%);width:var(--whiteboard-tray-width);max-height:calc(100% - 1rem);border:1px solid var(--whiteboard-toolbar-border);border-radius:24px;background:color-mix(in srgb,var(--whiteboard-toolbar-surface) 97%,transparent);box-shadow:0 28px 54px -36px rgba(23,33,25,.36);overflow:hidden;z-index:3}.interactive-whiteboard__side-tray[data-side=left]{left:calc(var(--whiteboard-rail-size) + var(--whiteboard-shell-gap))}.interactive-whiteboard__side-tray[data-side=right]{right:calc(var(--whiteboard-rail-size) + var(--whiteboard-shell-gap))}.interactive-whiteboard__side-tray-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.9rem 1rem;border-bottom:1px solid var(--whiteboard-toolbar-border);background:rgba(236,242,234,.76)}.interactive-whiteboard__side-tray-body{display:flex;flex-direction:column;gap:.85rem;padding:1rem;max-height:calc(100% - 4rem);overflow:auto}.interactive-whiteboard__side-tray-body .interactive-whiteboard__toolbar-group{width:100%}.interactive-whiteboard__tray-empty,.interactive-whiteboard__tray-status{display:flex;align-items:center;gap:.55rem;padding:.7rem .85rem;border:1px solid var(--whiteboard-toolbar-border);border-radius:16px;background:color-mix(in srgb,var(--whiteboard-toolbar-surface-muted) 88%,transparent)}.interactive-whiteboard__assistant-overlay{position:absolute;right:1rem;bottom:1rem;display:flex;flex-direction:column;align-items:flex-end;gap:.75rem;z-index:4}.interactive-whiteboard__assistant-bubble{display:inline-flex;align-items:center;gap:.55rem;padding:.8rem 1rem;border:1px solid var(--whiteboard-toolbar-border);border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 20px 40px -24px rgba(23,33,25,.32);font:inherit;font-size:.88rem;font-weight:700;cursor:pointer}.interactive-whiteboard__assistant-bubble[aria-pressed=true]{background:rgba(236,242,234,.98)}.interactive-whiteboard__assistant-panel{width:min(26rem,calc(100vw - 7rem));max-height:min(42rem,calc(100dvh - 8rem));border:1px solid var(--whiteboard-toolbar-border);border-radius:24px;background:rgba(255,255,255,.98);box-shadow:0 30px 60px -32px rgba(23,33,25,.38);overflow:hidden}.interactive-whiteboard__assistant-panel-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.9rem 1rem;border-bottom:1px solid var(--whiteboard-toolbar-border);background:rgba(236,242,234,.76)}.interactive-whiteboard__assistant-panel-body{max-height:calc(min(42rem, calc(100dvh - 8rem)) - 4rem);overflow:auto;padding:.5rem}.interactive-whiteboard__toolbar{position:sticky;top:0;display:flex;flex-wrap:wrap;align-items:flex-start;gap:.75rem;padding:.85rem;border:1px solid var(--whiteboard-toolbar-border);border-radius:28px;background:var(--whiteboard-toolbar-surface);box-shadow:var(--whiteboard-toolbar-shadow);backdrop-filter:blur(18px);z-index:4}.interactive-whiteboard__toolbar-group{display:flex;flex-direction:column;gap:.45rem;min-width:0;flex:0 1 auto;padding:.55rem;border:1px solid var(--whiteboard-toolbar-border);border-radius:16px;background:var(--whiteboard-toolbar-surface-muted)}.interactive-whiteboard__toolbar-group--context{gap:.65rem}.interactive-whiteboard__toolbar-group--style[data-muted=true]{background:color-mix(in srgb,var(--whiteboard-toolbar-surface-muted) 82%,var(--color-bg-tertiary))}.interactive-whiteboard__toolbar-label{color:var(--color-text-muted);font-size:.64rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.interactive-whiteboard__toolbar-row{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.interactive-whiteboard__toolbar-divider{display:none}.interactive-whiteboard__toolbar-meta{display:flex;flex-direction:column;gap:.35rem}.interactive-whiteboard__toolbar-mini-label{color:var(--color-text-muted);font-size:.67rem;font-weight:700}.interactive-whiteboard__toolbar-note{color:var(--color-text-muted);font-size:.68rem;line-height:1.35}.interactive-whiteboard__toolbar-tool-clusters{display:flex;flex-wrap:wrap;gap:.5rem}.interactive-whiteboard__toolbar-tool-cluster{display:flex;flex-direction:column;gap:.35rem;min-width:0}.interactive-whiteboard__toolbar-tool-cluster[data-tool-group=insert]{padding-left:.55rem;margin-left:.2rem;border-left:1px solid var(--whiteboard-toolbar-border)}.interactive-whiteboard__toolbar-row--pages{flex-wrap:nowrap}.interactive-whiteboard__toolbar-chip{background:var(--whiteboard-toolbar-control);border-color:var(--whiteboard-toolbar-border-strong)!important;min-width:0;flex:0 1 auto;justify-content:center;height:34px;font-size:.74rem!important}.interactive-whiteboard__toolbar-icon-btn.MuiIconButton-root{width:34px;height:34px;border:1px solid var(--whiteboard-toolbar-border-strong);border-radius:12px;background:var(--whiteboard-toolbar-control);color:var(--color-text-primary)}.interactive-whiteboard__toolbar-icon-btn.MuiIconButton-root svg{font-size:18px}.interactive-whiteboard__toolbar-icon-btn.MuiIconButton-root:hover{background:var(--whiteboard-toolbar-control-hover)}.interactive-whiteboard__toolbar-icon-btn.MuiIconButton-root[data-active=true]{border-color:var(--whiteboard-toolbar-accent);background:var(--whiteboard-toolbar-accent-soft);color:var(--whiteboard-toolbar-accent-strong)}.interactive-whiteboard__toolbar-icon-btn.MuiIconButton-root[data-active=true]:hover{background:var(--whiteboard-toolbar-accent-hover)}.interactive-whiteboard__color-swatch{width:1.45rem;height:1.45rem;border-radius:999px;border:1px solid var(--whiteboard-toolbar-border-strong);background:var(--whiteboard-swatch);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-bg-secondary) 45%,transparent);cursor:pointer}.interactive-whiteboard__color-swatch[data-active=true]{box-shadow:0 0 0 3px var(--whiteboard-toolbar-accent-soft),inset 0 0 0 1px color-mix(in srgb,var(--color-bg-secondary) 65%,transparent);border-color:var(--whiteboard-toolbar-accent)}.interactive-whiteboard__color-swatch:disabled,.interactive-whiteboard__toolbar-option-chip:disabled{opacity:.45;cursor:default}.interactive-whiteboard__size-preview{display:block;width:1.15rem;border-radius:999px;background:currentColor}.interactive-whiteboard__size-preview[data-size=s]{height:.14rem}.interactive-whiteboard__size-preview[data-size=m]{height:.22rem}.interactive-whiteboard__size-preview[data-size=l]{height:.3rem}.interactive-whiteboard__size-preview[data-size=xl]{height:.42rem}.interactive-whiteboard__toolbar-option-chip{min-width:2.25rem;padding:.3rem .55rem;border:1px solid var(--whiteboard-toolbar-border-strong);border-radius:999px;background:var(--whiteboard-toolbar-control);color:var(--color-text-primary);font:inherit;font-size:.72rem;font-weight:700;cursor:pointer}.interactive-whiteboard__toolbar-option-chip[data-active=true]{background:var(--whiteboard-toolbar-accent-soft);border-color:var(--whiteboard-toolbar-accent);color:var(--whiteboard-toolbar-accent-strong)}.interactive-whiteboard__fill-preview{display:block;width:1rem;height:1rem;border-radius:.28rem;border:1px solid}.interactive-whiteboard__fill-preview[data-fill=none]{background:transparent}.interactive-whiteboard__fill-preview[data-fill=semi]{background:color-mix(in srgb,currentColor 24%,transparent)}.interactive-whiteboard__fill-preview[data-fill=solid]{background:currentColor}.interactive-whiteboard__fill-preview[data-fill=pattern]{background:repeating-linear-gradient(-45deg,color-mix(in srgb,currentColor 68%,transparent) 0 .18rem,transparent .18rem .34rem)}.interactive-whiteboard__font-select .MuiOutlinedInput-root{background:var(--whiteboard-toolbar-control);border-radius:12px}.interactive-whiteboard__font-select .MuiOutlinedInput-input,.interactive-whiteboard__font-select .MuiSelect-select{font-size:.78rem;font-weight:600}.interactive-whiteboard__sheet{flex:1 1 auto;width:min(100%,72rem);min-width:0;border-radius:28px}.interactive-whiteboard__sheet.worksheet-sheet-surface--portrait{max-width:54rem}.interactive-whiteboard__sheet.worksheet-sheet-surface--landscape{max-width:72rem}.interactive-whiteboard__canvas-host{position:relative;overflow:hidden;width:100%;height:100%;min-height:36rem}.interactive-whiteboard__canvas-host>.tl-container{height:100%;width:100%}.interactive-whiteboard__canvas-host .tl-theme__light{--tl-color-background:#ffffff;--tl-color-panel:var(--whiteboard-toolbar-surface);--tl-color-panel-contrast:#ffffff;--tl-color-panel-overlay:color-mix(in srgb,var(--color-bg-secondary) 84%,transparent);--tl-color-low:var(--whiteboard-toolbar-control);--tl-color-low-border:var(--whiteboard-toolbar-border-strong);--tl-color-selected:var(--whiteboard-toolbar-accent);--tl-color-selection-stroke:var(--whiteboard-toolbar-accent);--tl-color-selection-fill:var(--whiteboard-toolbar-accent-soft);--tl-shadow-2:var(--whiteboard-toolbar-shadow)}.interactive-whiteboard__canvas-host .tl-watermark{opacity:.9}.interactive-whiteboard__loading-shell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85rem;min-height:24rem;border:1px solid var(--whiteboard-toolbar-border);border-radius:24px;background:var(--whiteboard-toolbar-surface)}.interactive-whiteboard__print-document{display:none;--tl-font-draw:"Architects Daughter","Caveat",cursive;--tl-font-sans:"Lexend","Inter",sans-serif;--tl-font-serif:"Merriweather",Georgia,serif;--tl-font-mono:"IBM Plex Mono","SFMono-Regular",monospace}.interactive-whiteboard__print-page{background:#ffffff}.interactive-whiteboard__print-svg,.interactive-whiteboard__print-svg svg{width:100%;height:auto;display:block}.interactive-whiteboard__print-svg svg{max-width:100%}.interactive-whiteboard__shortcut-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.interactive-whiteboard__shortcut-section-title{margin-bottom:.5rem!important}.interactive-whiteboard__page-browser-button{justify-content:space-between!important}.interactive-whiteboard__surface--fullscreen .interactive-whiteboard__workspace{min-height:calc(100dvh - (var(--whiteboard-surface-padding) * 2))}.interactive-whiteboard__sheet--fullscreen{width:auto;max-width:none;border-radius:0;box-shadow:0 28px 54px -36px rgba(23,33,25,.36)}.interactive-whiteboard__surface--fullscreen .interactive-whiteboard__canvas-host,.interactive-whiteboard__surface--fullscreen .worksheet-sheet-surface{border-radius:0}.interactive-whiteboard__surface--fullscreen .interactive-whiteboard__canvas-host{min-height:0}@media (min-width:900px){.interactive-whiteboard__toolbar-group--context{min-width:15rem}}@media (max-width:1100px){.interactive-whiteboard__toolbar{padding:.85rem;gap:.85rem}.interactive-whiteboard__toolbar-group{padding:.75rem;width:100%}.interactive-whiteboard__side-tray-body .interactive-whiteboard__toolbar-group{width:100%}.interactive-whiteboard__sheet{width:100%;max-width:100%}.interactive-whiteboard__canvas-host{min-height:28rem}.interactive-whiteboard__toolbar-tool-cluster[data-tool-group=insert]{border-left:none;margin-left:0;padding-left:0;padding-top:.55rem;border-top:1px solid var(--whiteboard-toolbar-border)}}@media (max-width:780px){.interactive-whiteboard__surface--fullscreen{padding:.75rem}.interactive-whiteboard__surface{--whiteboard-rail-size:2.75rem;--whiteboard-tray-width:min(18rem,calc(100vw - 6rem))}.interactive-whiteboard__fullscreen-shell{gap:.65rem}.interactive-whiteboard__side-tray{top:auto;bottom:4.75rem;transform:none;max-height:calc(100% - 6rem)}.interactive-whiteboard__assistant-overlay{left:calc(var(--whiteboard-rail-size) + var(--whiteboard-shell-gap));right:calc(var(--whiteboard-rail-size) + var(--whiteboard-shell-gap));align-items:stretch}.interactive-whiteboard__assistant-bubble{align-self:flex-end}.interactive-whiteboard__assistant-panel{width:100%;max-height:min(32rem,calc(100dvh - 9rem))}}@media print{@page whiteboard-portrait{size:A4 portrait;margin:0}@page whiteboard-landscape{size:A4 landscape;margin:0}.interactive-whiteboard__print-document{display:block!important}.interactive-whiteboard__print-page--portrait{page:whiteboard-portrait;width:210mm!important;max-width:210mm!important;min-height:297mm!important}.interactive-whiteboard__print-page--landscape{page:whiteboard-landscape;width:297mm!important;max-width:297mm!important;min-height:210mm!important}.interactive-whiteboard__print-page .interactive-whiteboard__print-svg,.interactive-whiteboard__print-page .interactive-whiteboard__print-svg svg{height:100%}}