.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{flex:none;align-items:center;gap:2px;display:flex}.coach-whiteboard__style-picker,.coach-whiteboard__shape-picker,.coach-whiteboard__grid-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]{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__grid-check{visibility:hidden}.coach-whiteboard__grid-palette [aria-checked=true] .coach-whiteboard__grid-check{visibility:visible}.coach-whiteboard__grid-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{right:12px;bottom:calc(max(12px, env(safe-area-inset-bottom)) + 58px);position:fixed;left:auto;transform:none}}
