body.whiteboard-hub-page{min-height:100dvh}.wb-hub{padding:clamp(12px,2vw,28px) 20px clamp(24px,3vw,40px)}.wb-hub-shell{box-sizing:border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid var(--border-color);background:#f9f9f9b8;border-radius:2px;width:100%;max-width:1600px;margin:0 auto;padding:clamp(16px,2.5vw,28px)}[data-theme=dark] .wb-hub-shell{background:#2d2d2db8}.wb-hub-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.wb-hub-title{color:var(--primary-color);margin:4px 0 0;font-size:clamp(1.35rem,2.2vw,1.75rem);font-weight:700}[data-theme=dark] .wb-hub-title{color:var(--light-text)}.wb-hub-lede{color:var(--text-color);opacity:.85;max-width:42em;margin:0 0 clamp(14px,2vw,22px);font-size:.95rem}.wb-actions{justify-content:flex-end;align-items:flex-start;gap:10px;margin-left:auto;display:flex}.wb-create-btn,.wb-join-btn{cursor:pointer;white-space:nowrap;border-radius:2px;justify-content:center;align-items:center;gap:7px;height:40px;padding:0 16px;font-size:.9rem;font-weight:700;display:inline-flex}.wb-create-btn{border:1px solid var(--primary-color);background:var(--primary-color);color:var(--light-text)}.wb-create-btn:hover{color:var(--secondary-color);background:#0e4c28}.wb-create{flex-direction:column;flex:none;gap:4px;min-width:0;display:flex}.wb-join{--wb-join-input-width:211px;min-width:0;max-width:calc(var(--wb-join-input-width) + 94px);flex:none;align-items:stretch;gap:6px;display:flex}.wb-join-fields{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.wb-join-row{justify-content:flex-end;align-items:stretch;gap:6px;display:flex}.wb-join-field{flex:0 0 var(--wb-join-input-width);min-width:0}.wb-join-input{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:100%;min-width:0;height:40px;color:var(--text-color);box-sizing:border-box;background:#ffffffe6;border:1px solid #125f3147;border-radius:999px;padding:0 14px;font-size:.9rem}[data-theme=dark] .wb-join-input{color:var(--light-text);background:#1a1a1ad9;border-color:#ffffff29}.wb-join-input:focus{outline:2px solid var(--secondary-color);outline-offset:0}.wb-join-btn{border:1px solid var(--primary-color);background:var(--secondary-color);color:var(--primary-color);flex-shrink:0}.wb-join-btn:hover{filter:brightness(.97)}.wb-action-icon{flex:none;font-size:1.05rem;display:inline-flex}.wb-action-icon svg{display:block}.wb-join-hint{color:var(--primary-color);margin:0;font-size:.75rem;line-height:1.3}[data-theme=dark] .wb-join-hint{color:var(--secondary-color)}.wb-section{margin-bottom:clamp(18px,2.5vw,28px)}.wb-section-title{color:var(--primary-color);margin:0 0 10px;font-size:1.05rem;font-weight:700}[data-theme=dark] .wb-section-title{color:var(--light-text)}.wb-section-empty{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-color);background:#ffffff8c;border:1px dashed #125f3147;border-radius:2px;margin:0;padding:16px;font-size:.9rem}[data-theme=dark] .wb-section-empty{background:#1a1a1a8c;border-color:#ffffff24}.wb-card-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:clamp(10px,1.4vw,16px);display:grid}.wb-card-grid--recents{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.wb-asset-row{-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex-wrap:nowrap;gap:clamp(10px,1.4vw,14px);padding-bottom:4px;display:flex;overflow:auto visible}.wb-card--asset{flex:none;width:min(168px,42vw)}.wb-card-link--static{cursor:default}.wb-card-preview-placeholder--asset{place-items:center;display:grid}.wb-asset-mime{text-transform:uppercase;letter-spacing:.04em;color:var(--secondary-color);font-size:.72rem;font-weight:700}.wb-card{color:var(--text-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid var(--border-color);transition:var(--transition);background:#f9f9f994;border-radius:2px;flex-direction:column;display:flex;position:relative;overflow:visible}[data-theme=dark] .wb-card{background:#2d2d2d94}.wb-card:hover{border-color:var(--primary-color);transform:translateY(-2px)}.wb-card:has(.wb-card-menu.is-open){z-index:6}.wb-card-link{color:inherit;border-radius:0;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.wb-card-link:hover{color:inherit}.wb-card-preview{aspect-ratio:16/10;background:var(--primary-color);overflow:hidden}.wb-card-preview-img{object-fit:cover;width:100%;height:100%;display:block}.wb-card-preview-placeholder{background:linear-gradient(135deg, #f6d72459, transparent 55%), var(--primary-color);width:100%;height:100%}.wb-card-meta{flex-direction:column;align-items:stretch;gap:4px;padding:8px 10px 10px;display:flex}.wb-card-title{color:var(--primary-color);overflow-wrap:anywhere;font-size:.88rem;font-weight:700;line-height:1.25;display:block}[data-theme=dark] .wb-card-title{color:var(--light-text)}.wb-card-date{opacity:.7;white-space:nowrap;font-size:.72rem;line-height:1.3;display:block}.wb-card-menu{z-index:5;position:absolute;top:6px;right:6px}.wb-card-menu.is-open{z-index:30}.wb-card-menu-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;width:28px;height:28px;color:var(--primary-color);background:#ffffffe0;border:1px solid #125f3138;border-radius:2px;justify-content:center;align-items:center;padding:0;display:inline-flex}.wb-card-menu-toggle:hover{border-color:var(--primary-color);background:#fffffffa}[data-theme=dark] .wb-card-menu-toggle{color:var(--light-text);background:#1a1a1ae0;border-color:#ffffff29}[data-theme=dark] .wb-card-menu-toggle:hover{border-color:var(--secondary-color);color:var(--secondary-color)}.wb-card-menu-dots{background:currentColor;border-radius:50%;width:4px;height:4px;display:block;box-shadow:0 -6px,0 6px}.wb-card-menu-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20;background:#fffffff5;border:1px solid #125f312e;border-radius:2px;width:min(168px,100vw - 32px);padding:6px;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 20px #00000024}.wb-card-menu-panel[hidden],.wb-card-menu-actions[hidden],.wb-card-rename[hidden],.wb-card-confirm[hidden]{display:none!important}[data-theme=dark] .wb-card-menu-panel{background:#141816f5;border-color:#ffffff1f;box-shadow:0 8px 20px #0006}.wb-card-menu-actions:not([hidden]){flex-direction:column;gap:4px;display:flex}.wb-card-menu-item{background:var(--primary-color);width:100%;height:30px;color:var(--light-text);cursor:pointer;border:none;border-radius:2px;justify-content:center;align-items:center;padding:0 10px;font-size:.82rem;font-weight:600;display:flex}.wb-card-menu-item:hover{color:var(--secondary-color);background:#0e4c28}.wb-card-menu-item--danger{color:var(--primary-color);background:0 0;border:1px solid #125f3147}.wb-card-menu-item--danger:hover{color:var(--primary-color);background:#125f3114}[data-theme=dark] .wb-card-menu-item--danger{color:var(--light-text);border-color:#ffffff29}[data-theme=dark] .wb-card-menu-item--danger:hover{color:var(--secondary-color);background:#ffffff14}.wb-card-rename:not([hidden]){flex-direction:column;gap:6px;display:flex}.wb-card-rename-input{box-sizing:border-box;width:100%;height:30px;color:var(--text-color);background:#ffffffeb;border:1px solid #125f3147;border-radius:2px;padding:0 8px;font-size:.8rem}[data-theme=dark] .wb-card-rename-input{color:var(--light-text);background:#1a1a1ae6;border-color:#ffffff29}.wb-card-rename-input:focus{outline:2px solid var(--secondary-color);outline-offset:0}.wb-card-rename-save{background:var(--secondary-color);height:30px;color:var(--primary-color);cursor:pointer;border:none;border-radius:2px;font-size:.82rem;font-weight:700}.wb-card-rename-save:hover{filter:brightness(.97)}.wb-card-confirm:not([hidden]){flex-direction:column;gap:6px;display:flex}.wb-card-confirm-text{color:var(--text-color);text-align:center;margin:0;font-size:.8rem;font-weight:600}[data-theme=dark] .wb-card-confirm-text{color:var(--light-text)}.wb-card-confirm-actions{grid-template-columns:1fr 1fr;gap:4px;display:grid}.wb-card-confirm-yes,.wb-card-confirm-no{cursor:pointer;border-radius:2px;height:30px;font-size:.8rem;font-weight:700}.wb-card-confirm-yes{background:var(--primary-color);color:var(--light-text);border:none}.wb-card-confirm-yes:hover{color:var(--secondary-color);background:#0e4c28}.wb-card-confirm-no{color:var(--primary-color);background:0 0;border:1px solid #125f3147}.wb-card-confirm-no:hover{background:#125f3114}[data-theme=dark] .wb-card-confirm-no{color:var(--light-text);border-color:#ffffff29}[data-theme=dark] .wb-card-confirm-no:hover{color:var(--secondary-color);background:#ffffff14}.wb-hub-note{color:var(--text-color);opacity:.8;margin:0;font-size:.78rem}.wb-hub [data-wb-cloud-lists][hidden]{display:none}body.board-page{flex-direction:column;height:100dvh;max-height:100dvh;display:flex;overflow:hidden}body.board-page>main{flex-direction:column;flex:1;min-height:0;margin:0;padding:0;display:flex;overflow:hidden}.board-shell{flex:1;width:100%;min-height:0;position:relative}.board-canvas-root{position:absolute;inset:0}body.board-page .excalidraw{--color-primary:#125f31;--color-primary-darker:#0f512a;--color-primary-darkest:#0a4020;--color-primary-light:#125f311f;--color-primary-light-darker:#125f312e;--color-primary-hover:#0f512a;--color-brand-hover:#125f31;--color-brand-active:#0a4020;--color-surface-primary-container:#125f3124;--color-on-primary-container:#0a4020;--color-surface-high:#eaf3ed;--color-surface-mid:#f2f7f4;--color-surface-low:#edf4ef;--color-surface-lowest:#fff;--color-on-surface:#253329;--color-border-outline:#708077;--color-border-outline-variant:#cbd9d0;--color-logo-text:#0a4020;--island-bg-color:#fff;--popup-bg-color:#fff;--popup-secondary-bg-color:#f2f7f4;--input-hover-bg-color:#f2f7f4;--default-border-color:#125f3124;--dialog-border-color:#125f312e;--sidebar-bg-color:#fff;--sidebar-border-color:#125f3129;--link-color:#125f31;--keybinding-color:#65736a;--scrollbar-thumb:#125f313d;--scrollbar-thumb-hover:#125f316b;--button-hover-bg:#f6d72424;--button-active-bg:#125f312e;--button-active-border:#125f318c;--focus-highlight-color:#125f3161;--select-highlight-color:#125f31;--color-selection:#125f31;--color-slider-track:#125f3147;--color-slider-thumb:#125f31;--wb-excalidraw-control-bg:#125f3114;--wb-excalidraw-control-border:#125f312e;--wb-excalidraw-control-color:#0a4020}body.board-page .excalidraw.theme--dark{--color-primary:#78bd90;--color-primary-darker:#90cba4;--color-primary-darkest:#addabe;--color-primary-light:#125f3157;--color-primary-light-darker:#125f316b;--color-primary-hover:#90cba4;--color-brand-hover:#90cba4;--color-brand-active:#addabe;--color-surface-primary-container:#125f3161;--color-on-primary-container:#e2f4e8;--color-surface-high:#2b372f;--color-surface-mid:#171b18;--color-surface-low:#1d241f;--color-surface-lowest:#121212;--color-on-surface:#e0e7e2;--color-border-outline:#84958a;--color-border-outline-variant:#3b4a40;--color-logo-text:#e2f4e8;--island-bg-color:#222723;--popup-bg-color:#222723;--popup-secondary-bg-color:#1d231f;--input-hover-bg-color:#1d231f;--default-border-color:#78bd902e;--dialog-border-color:#78bd903d;--sidebar-bg-color:#222723;--sidebar-border-color:#78bd9033;--link-color:#90cba4;--keybinding-color:#8c9b91;--scrollbar-thumb:#78bd9047;--scrollbar-thumb-hover:#78bd9075;--button-hover-bg:#f6d7241f;--button-active-bg:#125f316b;--button-active-border:#f6d7248c;--focus-highlight-color:#f6d7248c;--select-highlight-color:#78bd90;--color-selection:#78bd90;--color-slider-track:#78bd906b;--color-slider-thumb:#78bd90;--wb-excalidraw-control-bg:#125f3147;--wb-excalidraw-control-border:#78bd9047;--wb-excalidraw-control-color:#e2f4e8}body.board-page .excalidraw .main-menu-trigger,body.board-page .excalidraw .help-icon,body.board-page .excalidraw .zoom-button,body.board-page .excalidraw .undo-redo-buttons button{--icon-fill-color:var(--wb-excalidraw-control-color);color:var(--wb-excalidraw-control-color)}body.board-page .excalidraw .main-menu-trigger,body.board-page .excalidraw .help-icon{background-color:var(--wb-excalidraw-control-bg);box-shadow:0 0 0 1px var(--wb-excalidraw-control-border)}body.board-page .excalidraw .main-menu-trigger:hover,body.board-page .excalidraw .help-icon:hover{background-color:var(--button-hover-bg)}body.board-page .excalidraw .main-menu-trigger:active,body.board-page .excalidraw .help-icon:active{background-color:var(--button-active-bg);box-shadow:0 0 0 1px var(--button-active-border)}body.board-page .excalidraw.theme--dark .dropdown-menu-button:hover{--background:var(--button-hover-bg)}body.board-page .excalidraw.theme--dark .App-mobile-menu,body.board-page .excalidraw.theme--dark .App-menu__left{--button-hover-bg:#f6d7241f}body.board-page .excalidraw .zoom-actions,body.board-page .excalidraw .undo-redo-buttons{--text-primary-color:var(--wb-excalidraw-control-color);background-color:var(--wb-excalidraw-control-bg);box-shadow:0 0 0 1px var(--wb-excalidraw-control-border)}body.board-page .excalidraw .zoom-button,body.board-page .excalidraw .undo-redo-buttons button{background-color:var(--wb-excalidraw-control-bg)!important}body.board-page .excalidraw .zoom-button:hover:not(:disabled),body.board-page .excalidraw .undo-redo-buttons button:hover:not(:disabled){background-color:var(--button-hover-bg)!important}body.board-page .excalidraw .zoom-button:active:not(:disabled),body.board-page .excalidraw .undo-redo-buttons button:active:not(:disabled){background-color:var(--button-active-bg)!important}body.board-page .excalidraw .HelpDialog__btn,body.board-page .excalidraw.theme--dark .HelpDialog__btn{--background:var(--wb-excalidraw-control-bg);--icon-fill-color:var(--wb-excalidraw-control-color);color:var(--wb-excalidraw-control-color);border-color:var(--wb-excalidraw-control-border)}body.board-page .excalidraw .HelpDialog__btn:hover,body.board-page .excalidraw.theme--dark .HelpDialog__btn:hover{--background:var(--button-hover-bg)}body.board-page .excalidraw .HelpDialog__btn:active,body.board-page .excalidraw.theme--dark .HelpDialog__btn:active{--background:var(--button-active-bg);border-color:var(--button-active-border)}body.board-page .excalidraw .sidebar-trigger,body.board-page .excalidraw .layer-ui__library,body.board-page .excalidraw .sidebar{display:none!important}@media (height<=800px){.wb-hub{padding-top:8px}.wb-hub-lede{margin-bottom:12px}.wb-section{margin-bottom:14px}}@media (width<=768px){.wb-hub-heading{flex-wrap:wrap}.wb-actions{width:100%}.wb-join{flex:1}.wb-join-fields,.wb-join-field,.wb-join-input{width:100%}}.whiteboard-save-status{z-index:7;background:var(--light-bg);max-width:min(340px,100% - 24px);color:var(--text-color);border:1px solid var(--border-color);pointer-events:none;border-radius:2px;padding:4px 8px;font-size:.75rem;position:absolute;bottom:54px;right:12px}[data-theme=dark] .whiteboard-save-status{background:var(--dark-bg)}
