.coach-whiteboard-route{z-index:120;background:var(--color-canvas);position:fixed;inset:0}.coach-whiteboard,.coach-whiteboard-route>[data-coach-whiteboard-root]{width:100%;min-width:0;height:100%;min-height:0}.coach-whiteboard{background:var(--color-surface-sunken);position:relative;overflow:hidden}.coach-whiteboard[data-whiteboard-theme]{--color-surface-sunken:var(--whiteboard-paper,var(--background));--color-surface:var(--whiteboard-bar-bg,var(--background));--color-surface-hover:var(--whiteboard-hover,var(--accent));--color-surface-active:var(--whiteboard-active,var(--muted));--color-border:var(--whiteboard-border,var(--input));--color-text:var(--whiteboard-ink,var(--foreground));--color-neutral-900:var(--whiteboard-on-bg,var(--foreground));--color-white:var(--whiteboard-on-ink,var(--background));--popover:var(--whiteboard-pop-bg,var(--background));--popover-foreground:var(--whiteboard-ink,var(--foreground));--coss-border:var(--whiteboard-border,var(--input));--shadow-md:var(--whiteboard-bar-shadow,var(--coss-shadow-md));--shadow-lg:var(--whiteboard-pop-shadow,var(--coss-shadow-lg))}.coach-whiteboard[data-whiteboard-theme=dark] .coach-whiteboard__toolbar .icon-button:not(.is-active,:disabled),.coach-whiteboard[data-whiteboard-theme=dark] .coach-whiteboard__back{color:var(--whiteboard-ink,var(--foreground))}.coach-whiteboard__island{z-index:10;top:max(12px, env(safe-area-inset-top));border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-md);border-radius:999px;align-items:center;gap:4px;padding:4px 8px 4px 4px;display:flex;position:absolute;left:12px}.coach-whiteboard__back{border-radius:999px;gap:6px;max-width:min(42vw,320px);height:34px;padding-inline:8px}.coach-whiteboard__back span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.coach-whiteboard__save{background:var(--color-warning);border-radius:50%;flex:none;width:8px;height:8px}.coach-whiteboard__save[data-state=saved]{background:var(--color-success)}.coach-whiteboard__save[data-state=error],.coach-whiteboard__save[data-state=conflict]{background:var(--color-danger)}.coach-whiteboard__image-toolbar{z-index:11;top:var(--whiteboard-image-tools-y,0px);left:var(--whiteboard-image-tools-x,50%);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-md);border-radius:999px;align-items:center;gap:2px;padding:5px 7px;display:flex;position:absolute;transform:translate(-50%,-100%)}.coach-whiteboard__image-toolbar[hidden]{display:none}.coach-whiteboard__image-toolbar .icon-button{border-radius:10px;width:36px;height:36px}.coach-whiteboard__image-toolbar .icon-button.is-active{color:var(--color-white);background:var(--color-neutral-900)}.coach-whiteboard__toolbar{z-index:10;bottom:max(12px, env(safe-area-inset-bottom));border:1px solid var(--color-border);background:var(--color-surface);max-width:calc(100% - 24px);box-shadow:var(--shadow-md);border-radius:999px;align-items:center;gap:8px;padding:6px 8px;display:flex;position:absolute;left:50%;overflow:visible;transform:translate(-50%)}.coach-whiteboard__toolgroup,.coach-whiteboard__style-picker,.coach-whiteboard__shape-picker,.coach-whiteboard__grid-picker,.coach-whiteboard__layers-picker{flex:none;align-items:center;gap:2px;display:flex}.coach-whiteboard__style-picker,.coach-whiteboard__shape-picker,.coach-whiteboard__grid-picker,.coach-whiteboard__layers-picker,.coach-whiteboard__menu-trigger{position:relative}.coach-whiteboard__menu-trigger:after{opacity:.65;content:"";border-bottom:4px solid;border-left:4px solid #0000;width:0;height:0;position:absolute;bottom:3px;right:3px}.coach-whiteboard__toolbar .icon-button{border-radius:10px;width:36px;height:36px}.coach-whiteboard__toolbar .icon-button svg{width:19px;height:19px}.coach-whiteboard__toolbar .tooltip-popup,.coach-whiteboard__image-toolbar .tooltip-popup{white-space:nowrap;align-items:center;gap:8px;display:flex}.coach-whiteboard__theme-trigger>span{justify-content:center;align-items:center;line-height:0;display:inline-flex}.coach-whiteboard__theme-trigger [data-whiteboard-theme-icon=light],.coach-whiteboard[data-whiteboard-theme=dark] .coach-whiteboard__theme-trigger [data-whiteboard-theme-icon=dark]{display:none}.coach-whiteboard[data-whiteboard-theme=dark] .coach-whiteboard__theme-trigger [data-whiteboard-theme-icon=light]{display:inline-flex}.coach-whiteboard__toolbar .icon-button.is-active{color:var(--color-white);background:var(--color-neutral-900)}.coach-whiteboard__separator{background:var(--color-border);flex:none;width:1px;height:24px}.coach-whiteboard__color-trigger>span:first-child{width:17px;height:17px;box-shadow:none;border:0;border-radius:50%}.coach-whiteboard__palette{border:1px solid var(--color-border);background:var(--color-surface);width:234px;box-shadow:var(--shadow-lg);border-radius:16px;flex-direction:column;padding:10px;display:flex;position:absolute;bottom:calc(100% + 10px);right:0}.coach-whiteboard__palette[hidden],.coach-whiteboard__shape-palette[hidden],.coach-whiteboard__grid-palette[hidden],.coach-whiteboard__layers-menu[hidden]{display:none}.coach-whiteboard__colors{grid-template-columns:repeat(6,32px);gap:4px;display:grid}.coach-whiteboard__swatch{background:0 0;border:0;border-radius:8px;place-items:center;width:32px;height:32px;padding:0;display:grid}.coach-whiteboard__swatch:before{background:var(--whiteboard-swatch,var(--color-text));width:18px;height:18px;box-shadow:none;content:"";border-radius:50%}.coach-whiteboard__swatch:hover{background:var(--color-surface-hover)}.coach-whiteboard__swatch.is-active{background:var(--color-surface-active)}.coach-whiteboard__style-row{border-top:1px solid var(--color-border);grid-template-columns:repeat(4,1fr);gap:4px;margin-top:10px;padding-top:10px;display:grid}.coach-whiteboard__style-option,.coach-whiteboard__shape-option{height:36px;color:var(--color-text);background:0 0;border:0;border-radius:10px;place-items:center;padding:0;display:grid}.coach-whiteboard__style-option:hover,.coach-whiteboard__shape-option:hover{background:var(--color-surface-hover)}.coach-whiteboard__style-option.is-active,.coach-whiteboard__shape-option.is-active{color:var(--color-white);background:var(--color-neutral-900)}.coach-whiteboard__style-option svg{width:20px;height:20px}.coach-whiteboard__size-pip{width:var(--pip);height:var(--pip);background:currentColor;border-radius:50%}.coach-whiteboard__shape-palette{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-lg);border-radius:16px;grid-template-columns:repeat(7,40px);gap:4px;padding:10px;display:grid;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.coach-whiteboard__shape-option{width:40px;height:40px}.coach-whiteboard__shape-option svg{width:22px;height:22px}.coach-whiteboard__grid-palette{width:206px;position:absolute;bottom:calc(100% + 10px);right:0}.coach-whiteboard__layers-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:320px;max-width:calc(100vw - 24px);display:grid;bottom:calc(100% + 10px);right:0}.coach-ds-root .coach-whiteboard__layers-menu .menu-item svg{stroke-width:1.8px;width:28px;height:28px;margin-inline:-2px 0}.coach-whiteboard__grid-check{visibility:hidden}.coach-whiteboard__grid-palette [aria-checked=true] .coach-whiteboard__grid-check{visibility:visible}:is(.coach-whiteboard__shape-picker:has([aria-expanded=true])>.tooltip .tooltip-popup,.coach-whiteboard__grid-picker:has([aria-expanded=true])>.tooltip .tooltip-popup,.coach-whiteboard__layers-picker:has([aria-expanded=true])>.tooltip .tooltip-popup){display:none}.coach-whiteboard__stage{min-width:0;min-height:0;position:absolute;inset:0;overflow:hidden}.coach-whiteboard__stage>.qd-editor{width:100%;height:100%}.coach-whiteboard__messages{z-index:8;pointer-events:none;gap:8px;width:min(420px,100vw - 24px);display:grid;position:absolute;top:60px;right:12px}.coach-whiteboard__messages>*{pointer-events:auto}.coach-whiteboard__messages .alert{justify-content:space-between;align-items:center;gap:12px;display:flex}.coach-whiteboard__messages .alert[hidden],.coach-whiteboard__messages [data-whiteboard-asset-errors][hidden]{display:none}.coach-whiteboard-asset-error{border:1px solid var(--color-danger-border);background:var(--color-danger-surface);color:var(--color-danger);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.coach-whiteboard-loading,.coach-whiteboard-fatal{justify-content:center;align-items:center;gap:10px;min-height:100%;display:flex}.coach-whiteboard-fatal{flex-direction:column;padding:24px}.coach-whiteboard-fatal__actions{gap:8px;display:flex}@media (width<=760px){.coach-whiteboard__back{max-width:58vw}.coach-whiteboard__toolbar{scrollbar-width:none;border-radius:999px;flex-wrap:nowrap;justify-content:flex-start;width:calc(100% - 24px);max-width:none;left:12px;overflow:auto hidden;transform:none}.coach-whiteboard__toolbar::-webkit-scrollbar{display:none}.coach-whiteboard__toolgroup{flex-wrap:nowrap;flex:none;min-width:0}.coach-whiteboard__palette,.coach-whiteboard__shape-palette,.coach-whiteboard__grid-palette,.coach-whiteboard__layers-menu{right:12px;bottom:calc(max(12px, env(safe-area-inset-bottom)) + 58px);position:fixed;left:auto;transform:none}}.coach-whiteboard--compact{container-type:size}.coach-whiteboard--compact,.coach-whiteboard--compact *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.coach-whiteboard--compact :is(textarea,input,[contenteditable=true]){-webkit-user-select:text;user-select:text}.coach-whiteboard--compact[data-whiteboard-fullscreen=true]{z-index:40;width:auto;height:auto;position:fixed;inset:0}.coach-whiteboard--compact .coach-whiteboard__island{gap:2px;padding:3px;top:10px}.coach-whiteboard--compact .coach-whiteboard__island--start{left:10px}.coach-whiteboard--compact .coach-whiteboard__island--end{gap:8px;padding-left:12px;left:auto;right:10px}.coach-whiteboard--compact[data-whiteboard-fullscreen=true] .coach-whiteboard__island{top:max(10px, env(safe-area-inset-top))}.coach-whiteboard--compact .coach-whiteboard__island .icon-button,.coach-whiteboard--compact .coach-whiteboard__toolbar .icon-button{border-radius:999px;width:40px;height:40px}.coach-whiteboard--compact .coach-whiteboard__fullscreen>span{line-height:0;display:inline-flex}.coach-whiteboard--compact .coach-whiteboard__fullscreen>[data-whiteboard-fullscreen-icon=exit],.coach-whiteboard--compact[data-whiteboard-fullscreen=true] .coach-whiteboard__fullscreen>[data-whiteboard-fullscreen-icon=enter]{display:none}.coach-whiteboard--compact[data-whiteboard-fullscreen=true] .coach-whiteboard__fullscreen>[data-whiteboard-fullscreen-icon=exit]{display:inline-flex}.coach-whiteboard--compact .coach-whiteboard__toolbar--compact{gap:2px;width:auto;max-width:calc(100% - 20px);padding:4px;bottom:10px;left:50%;overflow:visible;transform:translate(-50%)}.coach-whiteboard--compact[data-whiteboard-fullscreen=true] .coach-whiteboard__toolbar--compact{bottom:max(10px, env(safe-area-inset-bottom))}.coach-whiteboard--compact .coach-whiteboard__toolbar .icon-button.is-active,.coach-whiteboard--compact [data-whiteboard-action=more][aria-expanded=true]{color:var(--color-white);background:var(--color-neutral-900)}.coach-whiteboard--compact .coach-whiteboard__island,.coach-whiteboard--compact .coach-whiteboard__toolbar,.coach-whiteboard--compact .coach-whiteboard__image-toolbar,.coach-whiteboard--compact .coach-whiteboard__palette,.coach-whiteboard--compact .coach-whiteboard__more-panel{-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4)}.coach-whiteboard--compact .coach-whiteboard__palette,.coach-whiteboard--compact .coach-whiteboard__more-panel{background:var(--popover)}.coach-whiteboard--compact .coach-whiteboard__messages{width:calc(100% - 20px);top:62px;right:10px}.coach-whiteboard__more-picker{position:relative}.coach-whiteboard--compact .coach-whiteboard__palette,.coach-whiteboard--compact .coach-whiteboard__more-panel{overscroll-behavior:contain;max-height:calc(100cqh - 76px);position:absolute;bottom:calc(100% + 8px);left:50%;overflow-y:auto;transform:translate(-50%)}.coach-whiteboard--compact .coach-whiteboard__style-picker,.coach-whiteboard--compact .coach-whiteboard__more-picker{position:static}.coach-whiteboard__more-panel{border:1px solid var(--color-border);background:var(--color-surface);width:min(340px,100cqw - 20px);box-shadow:var(--shadow-lg);border-radius:16px;gap:12px;padding:12px;display:grid}.coach-whiteboard__more-panel[hidden]{display:none}.coach-whiteboard__more-section{gap:6px;display:grid}.coach-whiteboard__more-section+.coach-whiteboard__more-section{border-top:1px solid var(--color-border);padding-top:12px}.coach-whiteboard__more-title{color:var(--muted-foreground);font-size:var(--text-xs,12px);margin:0;font-weight:500}.coach-whiteboard__more-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.coach-whiteboard__more-shapes{grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;display:grid}.coach-whiteboard__more-shapes .coach-whiteboard__shape-option{width:100%}.coach-whiteboard__more-item{min-width:0;color:var(--color-text);font:inherit;font-size:var(--text-xs,12px);text-align:center;background:0 0;border:0;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:8px 2px;line-height:1.2;display:flex}.coach-whiteboard__more-item>span:last-child{overflow-wrap:anywhere;max-width:100%}.coach-whiteboard__more-item svg{width:20px;height:20px}.coach-whiteboard__more-item:disabled{opacity:.4}.coach-whiteboard__more-item.is-active,.coach-whiteboard__more-item[aria-pressed=true],.coach-whiteboard__more-item[aria-checked=true]{color:var(--color-white);background:var(--color-neutral-900)}.coach-whiteboard__more-item .coach-whiteboard__theme-trigger{line-height:0;display:inline-flex}.coach-whiteboard__more-item .coach-whiteboard__theme-trigger>span{display:inline-flex}
