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);border:2px solid var(--border-color);background:#f9f9f9b8;border-radius:2px;width:100%;max-width:1120px;margin:0 auto;padding:clamp(16px,2.5vw,28px)}[data-theme=dark] .wb-hub-shell{background:#2d2d2db8}.wb-hub-title{color:var(--primary-color);margin:0 0 4px;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{flex-wrap:wrap;align-items:stretch;gap:10px;margin-bottom:clamp(18px,2.5vw,28px);display:flex}.wb-create-btn{background:var(--primary-color);height:40px;color:var(--light-text);cursor:pointer;white-space:nowrap;border:none;border-radius:2px;justify-content:center;align-items:center;padding:0 18px;font-size:.95rem;font-weight:700;display:inline-flex}.wb-create-btn:hover{color:var(--secondary-color);background:#0e4c28}.wb-join{flex:1;align-items:stretch;gap:6px;min-width:min(100%,280px);display:flex}.wb-join-fields{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.wb-join-row{align-items:stretch;gap:6px;display:flex}.wb-join-input{-webkit-backdrop-filter:blur(12px);min-width:0;height:40px;color:var(--text-color);box-sizing:border-box;background:#ffffffe6;border:1px solid #125f3147;border-radius:999px;flex:1;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);height:40px;color:var(--primary-color);cursor:pointer;border-radius:2px;flex-shrink:0;padding:0 16px;font-size:.9rem;font-weight:700}.wb-join-btn:hover{filter:brightness(.97)}.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);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);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);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);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}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}@media (height<=800px){.wb-hub{padding-top:8px}.wb-hub-lede{margin-bottom:12px}.wb-actions,.wb-section{margin-bottom:14px}}@media (width<=768px){.wb-actions{flex-direction:column}.wb-create-btn,.wb-join{width:100%}}