.workspace header.board-header{isolation:isolate;align-items:flex-start;gap:8px;height:64px;padding:0 8px}.workspace header.board-header:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0e0e0ed1 0%,#0e0e0e7a 44%,#0e0e0e14 72%,#0e0e0e00 100%);height:104px;position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(90deg,#000 0% 14%,#00000029 36% 64%,#000 90% 100%);mask-image:linear-gradient(90deg,#000 0% 14%,#00000029 36% 64%,#000 90% 100%)}.board-heading{pointer-events:auto;align-items:center;gap:4px;min-width:0;max-width:calc(100% - 88px);margin-top:12px;display:flex}.board-heading button,.board-name-input{height:32px;transition:background-color .15s var(--control-ease);border-radius:12px}.board-sidebar-toggle{background:0 0;flex-shrink:0;place-items:center;width:32px;height:32px;padding:4px;display:grid;position:relative}.board-heading-logo{object-fit:cover;width:24px;height:24px;transition:opacity .15s var(--control-ease);pointer-events:none}.board-heading-open{opacity:0;width:20px;height:20px;transition:opacity .15s var(--control-ease);pointer-events:none;position:absolute;top:6px;left:6px}:is(.board-sidebar-toggle:hover,.board-sidebar-toggle:focus-visible,.board-name-button:hover,.board-name-button:focus-visible){background:#2d2d2d}:is(.board-sidebar-toggle:hover .board-heading-logo,.board-sidebar-toggle:focus-visible .board-heading-logo){opacity:0}:is(.board-sidebar-toggle:hover .board-heading-open,.board-sidebar-toggle:focus-visible .board-heading-open){opacity:1}.board-name-button,.board-name-input{color:#fff;white-space:nowrap;text-overflow:ellipsis;min-width:0;padding:6px 4px;font-size:14px;font-weight:600;line-height:20px;overflow:hidden}.board-name-input{text-overflow:clip;background:#2d2d2d;border:0;outline:1px solid #ffffff40;max-width:100%}.board-name-button{text-shadow:0 1px 3px #0008}.workspace .header-actions{background:#191919e6;border-radius:16px;flex-shrink:0;align-items:center;gap:8px;width:max-content;height:40px;margin-top:8px;margin-left:auto;padding:4px;display:flex}.workspace .header-actions button{width:32px;height:32px;transition:background-color .15s var(--control-ease);border-radius:12px;flex:0 0 32px;place-items:center;padding:6px;display:grid}:is(.workspace .header-actions button:hover,.workspace .header-actions button:focus-visible,.workspace .header-actions button[aria-expanded=true]){background:#2d2d2d}.workspace .header-actions .icon{opacity:.6;width:20px;height:20px;transition:opacity .15s var(--control-ease);flex-shrink:0}:is(.workspace .header-actions button:hover .icon,.workspace .header-actions button:focus-visible .icon,.workspace .header-actions button[aria-expanded=true] .icon){opacity:.8}.workspace .canvas-tools{border-radius:24px;height:208px;padding:7px 0;left:8px}.workspace .canvas-tools button[data-canvas-action=search] .icon{opacity:1;width:20px;height:20px}.workspace .zoom{color:#fff9;background:#191919e6;border-radius:16px;align-items:center;gap:4px;width:121px;height:40px;padding:4px;font-size:14px;line-height:20px;display:flex;bottom:8px;left:8px}.workspace .zoom button{border-radius:12px;flex-shrink:0;place-items:center;width:32px;min-width:0;height:32px;padding:8px;font-size:14px;line-height:20px;display:grid}.workspace .zoom .zoom-reset{color:#fff9;width:41px;padding:6px 0;font-weight:400}.workspace .zoom img{pointer-events:none;width:16px;height:16px;display:block}:is(.workspace .zoom button:hover,.workspace .zoom button:focus-visible){background:#2d2d2d}.workspace .canvas-bottom-controls{z-index:20;align-items:center;gap:8px;display:flex;position:absolute;bottom:8px;left:8px}.workspace .canvas-bottom-controls .zoom{position:static}.workspace .flashlight-toggle{color:#fff9;background:#191919e6;border-radius:16px;flex-shrink:0;place-items:center;width:40px;height:40px;padding:10px;display:grid}.workspace .flashlight-toggle:is(:hover,:focus-visible,[aria-pressed=true]){color:#fffc;background:#2d2d2d}.workspace .tutor-button{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#191919b3;border:1px solid #ffffff0a;width:50px;height:50px;padding:0;bottom:8px;right:8px}.workspace .tutor-button .tutor-reference{pointer-events:none;opacity:0;width:52px;max-width:none;height:52px;transition:opacity .15s var(--control-ease);position:absolute;top:-1px;left:-1px}.workspace .tutor-button .wake-orb{opacity:1;transition:opacity .15s var(--control-ease)}:is(.workspace .tutor-button:hover,.workspace .tutor-button:focus-visible){background:#191919;box-shadow:0 0 24px #ffffff0d}:is(.workspace .tutor-button:hover .tutor-reference,.workspace .tutor-button:focus-visible .tutor-reference){opacity:0}:is(.workspace .tutor-button:hover .wake-orb,.workspace .tutor-button:focus-visible .wake-orb){opacity:1}@media (prefers-reduced-motion:reduce){.board-heading button,.board-heading img,.board-name-input,.workspace .header-actions button,.workspace .header-actions .icon,.workspace .tutor-button .tutor-reference,.workspace .tutor-button .wake-orb{transition:none}}[data-sidebar=sidebar] .brand{height:64px;padding:16px 8px 16px 16px}[data-sidebar=sidebar] .brand>.icon{width:24px;height:24px}[data-sidebar=sidebar] .brand button{width:32px;height:32px}[data-sidebar=sidebar] .new-row{grid-template-columns:minmax(0,1fr) 32px 32px;padding:16px 8px}[data-sidebar=sidebar] .new-row .new-chat{width:100%;min-width:0}[data-sidebar=sidebar] nav,[data-sidebar=sidebar] nav button{padding:0 8px}[data-sidebar=sidebar] .recents{margin-left:16px;margin-right:16px}[data-sidebar=sidebar] .profile{padding:4px 0 4px 8px}:is([data-sidebar=sidebar] .brand button,[data-sidebar=sidebar] .new-row>button:not(.new-chat),[data-sidebar=sidebar] nav button,[data-sidebar=sidebar] .profile button,.workspace .canvas-tools button:not(.add-button),.workspace .zoom button,.workspace .card-toolbar button:not(.card-new-chat),.workspace .header-actions button){--control-icon-opacity:.6;color:#fff9}:is([data-sidebar=sidebar] .brand button,[data-sidebar=sidebar] .new-row>button:not(.new-chat),[data-sidebar=sidebar] nav button,[data-sidebar=sidebar] .profile button,.workspace .canvas-tools button:not(.add-button),.workspace .zoom button,.workspace .card-toolbar button:not(.card-new-chat),.workspace .header-actions button):is(:hover,:focus-visible){--control-icon-opacity:.8;color:#fffc}:is([data-sidebar=sidebar] .brand button,[data-sidebar=sidebar] .new-row>button:not(.new-chat),[data-sidebar=sidebar] nav button,[data-sidebar=sidebar] .profile button,.workspace .canvas-tools button:not(.add-button),.workspace .zoom button,.workspace .card-toolbar button:not(.card-new-chat),.workspace .header-actions button) :is(.icon,.section-symbol img){filter:brightness(0)invert();opacity:var(--control-icon-opacity)}.workspace .header-actions button[aria-expanded=true]{--control-icon-opacity:.8;color:#fffc}.workspace .zoom button img{filter:brightness(0)invert();opacity:var(--control-icon-opacity)}.workspace .canvas-tools button:not(.add-button) :is(.icon,.workspace-symbol,.section-symbol img){color:#fff;opacity:var(--control-icon-opacity);transition:opacity .15s var(--control-ease)}.workspace .canvas-tools button[aria-pressed=true]{--control-icon-opacity:.8;color:#fffc}.section-help-badge .section-symbol img{opacity:.8}[data-sidebar=sidebar] .brand{height:48px;padding-top:12px;padding-bottom:4px}[data-sidebar=sidebar] .brand button .icon{width:16px;height:16px}[data-sidebar=sidebar] .new-row{height:80px;padding-top:20px;padding-bottom:20px}[data-sidebar=sidebar] .recents{margin-top:32px}[data-sidebar=sidebar] :is(.brand button,.new-row>button,.new-row .new-chat,.profile button,nav button){border-radius:12px}[data-sidebar=sidebar] [data-sidebar=content]>nav,[data-sidebar=sidebar] .sidebar-recents{flex-direction:column;gap:2px;display:flex}.recent-board-row{border-radius:12px;flex-shrink:0;align-items:center;min-width:0;height:36px;display:flex;position:relative}.recent-board-row.active{background:#303133}.recent-board-row:is(:hover,:focus-within,:has([data-popup-open])){background:var(--control-hover)}.recent-board-row.active:is(:hover,:focus-within,:has([data-popup-open])){background:#38393a}[data-sidebar=sidebar] .recent-board-open{background:0 0;flex:1;min-width:0;height:36px;padding:0 8px}.recent-board-row:is(:hover,:focus-within,:has([data-popup-open])) .recent-board-open{color:#fffc;padding-right:40px}[data-sidebar=sidebar] .recent-board-more{opacity:0;pointer-events:none;justify-content:center;width:32px;height:32px;padding:6px;position:absolute;top:2px;right:4px}.recent-board-row:is(:hover,:focus-within,:has([data-popup-open])) .recent-board-more{opacity:1;pointer-events:auto}[data-sidebar=sidebar] .recent-board-more:hover,[data-sidebar=sidebar] .recent-board-more[data-popup-open]{--control-icon-opacity:.8;background:#ffffff1a}.recent-board-name{color:#fff;background:#242424;border-radius:8px;outline:1px solid #ffffff40;width:calc(100% - 40px);min-width:0;height:32px;margin:2px 4px;padding:0 4px;font-size:14px}.lumior-menu [data-slot=dropdown-menu-item][data-variant=destructive]{color:#f4776b;border-radius:12px}.lumior-menu [data-slot=dropdown-menu-item][data-variant=destructive]:is(:hover,:focus-visible,[data-highlighted]){color:#fff;background:#f4776b}[data-sidebar=sidebar] .brand button svg.icon{color:#fff}[data-sidebar=sidebar] [data-sidebar=content] nav button.active{--control-icon-opacity:.8;color:#fffc}[data-sidebar=sidebar] .recent-board-row.active .recent-board-open{color:#fffc}[data-sidebar=sidebar] .recent-board-row.active .recent-board-more{--control-icon-opacity:.8}.profile-actions{flex-shrink:0;align-items:center;gap:4px;margin-left:auto;display:flex}[data-sidebar=sidebar] .profile-actions button{width:32px;height:32px;transition:background-color .15s var(--control-ease);border-radius:12px;place-items:center;padding:6px;display:grid;position:relative}:is([data-sidebar=sidebar] .profile-actions button:hover,[data-sidebar=sidebar] .profile-actions button:focus-visible){background:#ffffff1a}[data-sidebar=sidebar] .profile-actions button[aria-pressed=true]{--control-icon-opacity:.8;color:#fffc}.note.image-card{background:#191919;border-radius:16px;min-height:0;padding:0;height:auto!important}.note.image-card .image-card-content{border-radius:15px;gap:0;height:auto;overflow:hidden}.note.image-card .image-card-content>img{object-fit:contain;pointer-events:none;border-radius:0;flex:none;width:100%;height:auto;display:block}.note.image-card>.type-label{gap:4px;top:-24px}.note.image-card:is(:hover,:focus-within)>.type-label{opacity:1}.note.image-card:focus-within>.card-toolbar,.canvas:not(.multi-select) .note.image-card.selected>.card-toolbar{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(-50%,0) scale(var(--inverse-zoom))!important}.image-type-icon{background:currentColor;flex-shrink:0;width:12px;height:12px;display:block;-webkit-mask:url(/assets/image-card/image.svg) 50%/contain no-repeat;mask:url(/assets/image-card/image.svg) 50%/contain no-repeat}.image-missing{aspect-ratio:16/9;color:#fff9;text-align:center;cursor:grab;background:#ffffff04;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;min-height:200px;margin:0;padding:24px;display:flex}.image-missing .image-type-icon{width:24px;height:24px}.image-missing strong{color:#fffc;overflow-wrap:anywhere;font-size:16px}.image-missing p{margin:0;color:#fff9!important;font-size:13px!important;line-height:20px!important}.image-missing button{color:#fffc;cursor:pointer;border:1px solid #ffffff26;border-radius:12px;padding:8px 12px;font-size:13px}.image-missing button:hover{color:#fff;background:#ffffff0d}.image-missing button:disabled{opacity:.5;cursor:wait}.image-note-icon{background:currentColor;flex-shrink:0;width:20px;height:20px;display:block;-webkit-mask:url(/assets/image-card/note.svg) 50%/contain no-repeat;mask:url(/assets/image-card/note.svg) 50%/contain no-repeat}.note.image-card .image-note{padding:10px 12px 12px}.image-note{color:#fff;-webkit-user-select:text;user-select:text;min-width:0;font-size:14px;line-height:20px}.image-note-text,.image-note p{text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;color:#fff;width:100%;margin:0;padding:0;font-size:14px;font-weight:400;line-height:20px;display:block}.image-card-content .image-note p{color:#fff;font-size:14px;line-height:20px}.image-note-text{cursor:text;background:0 0;border:0;border-radius:0}.image-note-text:hover{color:#fff;background:0 0}.image-note textarea{resize:none;color:#fff;width:100%;min-height:20px;max-height:280px;font:inherit;box-shadow:none;overscroll-behavior:contain;background:0 0;border:0;border-radius:0;outline:none;padding:0;line-height:20px;display:block;overflow:auto}.image-note textarea::placeholder{color:#fff6}.image-add-note{color:#fff9;border-radius:8px;align-items:center;gap:6px;margin-left:-6px;padding:4px 6px;font-size:14px;display:flex}:is(.image-add-note:hover,.image-add-note:focus-visible){color:#fffc;background:#ffffff0a}.image-card .card-toolbar .image-note-action[aria-pressed=true]{color:#fffc;background:#2d2d2d}.image-card .card-toolbar{border-radius:16px}.card-side-panel.image-side-panel{background:#171616;border-left:0;gap:0;padding:0}.image-side-panel .card-side-heading{color:#fff;height:48px;min-height:48px;margin:0;padding:8px}.image-side-panel .card-side-heading>span{gap:6px}.image-side-panel .card-side-heading>span>img{flex-shrink:0;width:16px;height:16px}.image-side-actions{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.image-side-actions>button{color:#fff9;border-radius:12px;place-items:center;width:32px;height:32px;padding:0;display:grid}:is(.image-side-actions>button:hover,.image-side-actions>button:focus-visible){color:#fffc;background:#2d2d2d}.image-side-actions>button>img{width:20px;height:20px}.image-side-panel .image-card-content{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff30 transparent;flex-direction:column;flex:1;gap:0;height:auto;min-height:0;padding:0 8px 24px;display:flex;overflow:auto}.image-side-panel .image-preview-expand{background:0 0;border-radius:16px;flex-shrink:0;width:100%;padding:0;display:block;overflow:hidden}.image-side-panel .image-preview-expand>img{object-fit:contain;border-radius:16px;width:100%;height:auto;display:block}.image-side-panel .image-note{flex-shrink:0;margin:24px 12px 0}.image-lightbox-backdrop{z-index:60;background:#000c;position:fixed;inset:0}.image-lightbox{z-index:61;pointer-events:none;outline:none;justify-content:center;align-items:center;padding:50px 32px 44px;display:flex;position:fixed;inset:0}.image-lightbox-picture{max-width:100%;max-height:100%;width:min(100%,calc((100dvh - var(--image-vertical-space,94px)) * var(--image-aspect,1)));object-fit:contain;pointer-events:auto;height:auto;display:block}.image-lightbox-controls{pointer-events:auto;background:#191919c9;border:1px solid #ffffff14;border-radius:16px;gap:8px;padding:4px;display:flex;position:absolute;top:8px;right:16px}.image-lightbox-controls button{color:#fff9;border-radius:12px;place-items:center;width:32px;height:32px;padding:0;display:grid}:is(.image-lightbox-controls button:hover,.image-lightbox-controls button:focus-visible){color:#fffc;background:#ffffff14}.image-lightbox-controls button img{opacity:.6;width:20px;height:20px}:is(.image-lightbox-controls button:hover img,.image-lightbox-controls button:focus-visible img){opacity:.8}.image-lightbox-note{pointer-events:auto;background:#191919f5;border:1px solid #ffffff26;border-radius:16px;width:min(600px,100% - 32px);max-height:40vh;padding:16px;position:absolute;bottom:20px;left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 8px 32px #0005}.image-lightbox{--image-ai-width:clamp(320px,34vw,480px)}.image-lightbox-with-ai{padding-right:calc(var(--image-ai-width) + 32px)}.image-lightbox-with-ai .image-lightbox-note{left:calc((100% - var(--image-ai-width) - 16px) / 2);width:min(600px,calc(100% - var(--image-ai-width) - 48px))}.image-lightbox-ai-target{pointer-events:auto}.ai-panel.ai-expanded-image{z-index:62;width:var(--image-ai-width);background:#171616;border:1px solid #ffffff1a;border-radius:16px;height:auto;top:56px;bottom:16px;right:16px;overflow:hidden}@media (max-width:700px){.image-lightbox.image-lightbox-with-ai{padding:56px 16px calc(52dvh + 16px)}.ai-panel.ai-expanded-image{width:calc(100% - 32px);top:48dvh}.image-lightbox-with-ai .image-lightbox-note{width:calc(100% - 32px);max-height:24dvh;bottom:calc(52dvh + 16px);left:50%}}@media (max-width:640px){.image-lightbox{--image-vertical-space:80px;padding:56px 16px 24px}.image-lightbox-controls{right:8px}.image-side-panel .image-note{margin-top:20px}}