.CommentThread{background:var(--comment-bg,#f4f7fe);min-height:10rem;padding:.4rem 0}.CommentThread .comment-list{max-height:40rem;overflow:auto}.CommentThread .comment{padding-left:2.4rem;display:flex}.comment-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;margin-top:1.6rem;font-size:1.1rem;font-weight:600;display:flex}.comment-body{flex:1;min-width:0;padding:1.7rem 2.4rem .7rem 1.6rem}.comment-head{align-items:baseline;gap:.6rem;font-size:1.2rem;line-height:1.8rem;display:flex}.comment-author{color:var(--text-primary);font-weight:600}.comment-time{color:var(--text-quaternary)}.comment-actions{gap:.8rem;margin-left:auto;display:none}.comment:hover .comment-actions,.CommentThread.selected .comment-actions{display:flex}.comment-actions button{color:var(--text-tertiary);font-size:1.1rem}.comment-actions button:hover{color:var(--text-primary)}.CommentThread .comment-text{white-space:pre-wrap;word-break:break-word;-webkit-user-select:text;user-select:text;color:var(--text-primary);margin-top:.4rem;font-size:1.2rem;line-height:2rem}.comment-edit,.CommentThread .comment-input textarea{resize:none;width:100%;font:inherit;color:var(--text-primary);background:var(--element-bg);border:0;border-radius:3px;outline:none;padding:.4rem 1rem;font-size:1.2rem;line-height:2rem}.CommentThread .comment-input{align-items:flex-end;gap:.6rem;margin:1.6rem 2.4rem 1.6rem .8rem;display:flex;position:relative}.CommentThread .comment-input:not(.reply) textarea{background:0 0}.comment-reply{font:inherit;color:#2f63f7;cursor:pointer;background:0 0;border:0;margin-top:-.5rem;padding:.6rem 2rem 1.6rem 6.4rem;font-size:1.2rem;display:inline-block}.comment-send{color:#2f63f7;padding:.4rem .6rem;font-size:1.2rem;font-weight:600}.LabelChips{flex-wrap:wrap;gap:.4rem;margin-top:-.4rem;padding:0 2.4rem 1.6rem;display:flex}.label-chip{white-space:nowrap;text-overflow:ellipsis;border-radius:.3rem;max-width:100%;padding:.1rem .6rem .2rem;font-size:1.1rem;font-weight:600;line-height:1.7rem;display:inline-block;overflow:hidden}.label-chip.plain{color:var(--text-secondary);box-shadow:inset 0 0 0 1px #0000001f}.label-popup{width:260px;padding:10px 0}.label-search{width:calc(100% - 24px);font:inherit;color:var(--text-primary);background:var(--surface);border:1px solid #bbbec3;border-radius:4px;outline:none;margin:0 12px 8px;padding:7px 10px;font-size:13px;display:block}.label-list{max-height:280px;overflow:auto}.label-row{text-align:left;align-items:center;gap:10px;width:100%;padding:6px 16px;font-size:13px;display:flex}.label-row:hover{background:var(--surface-hover)}.label-row.create{color:var(--text-secondary)}.label-dot{border-radius:3px;width:12px;height:12px;box-shadow:inset 0 0 0 1px #0000001a}.label-name{flex:1}.label-check{font-size:12px}.label-create-colors{flex-wrap:wrap;gap:5px;padding:6px 16px;display:flex}.label-color{border-radius:50%;width:16px;height:16px;box-shadow:inset 0 0 0 1px #0000001f}.label-color.active{box-shadow:0 0 0 2px var(--surface), 0 0 0 3.5px var(--text-primary)}.label-empty{color:var(--text-tertiary);padding:10px 16px;font-size:12px}.task-pill{white-space:nowrap;border-radius:.2rem;margin:0 0 .6rem .4rem;padding:.1rem .4rem .2rem;font-size:1.1rem;line-height:1.6rem;display:inline-block}.task-pill.due.future{color:#4eb85a;background:#edf8ee}.task-pill.due.today{color:#ff8d22;background:#fff3e9}.task-pill.due.overdue{color:#f52929;background:#fdefef}.task-pill.due.done{color:#5f6672;background:#f3f3f4}.due-popup{min-width:220px;padding:12px 16px}.due-popup .popup-heading{padding:0 0 8px}.due-input{width:100%;font:inherit;border:1px solid #bbbec3;border-radius:4px;padding:6px 8px}.due-popup .popup-item{color:var(--text-secondary);padding:8px 0 0;font-size:13px}.swatch-edit{align-items:center;gap:8px;padding:1.6rem 2rem;display:flex;position:relative}.swatch-edit input[type=color]{background:0 0;border:0;width:32px;height:32px;padding:0}.swatch-hex{width:9rem;font:inherit;border:0;border-radius:4px;outline:none;padding:4px 6px;font-size:1.4rem;font-weight:600}.video-media{aspect-ratio:16/9;background:#1b2536;position:relative}.video-media iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.video-poster{padding:0;display:block;position:absolute;inset:0}.video-poster img{object-fit:cover;width:100%;height:100%;display:block}.play-button{aspect-ratio:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:clamp(20px,40%,56px);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.play-button svg{margin-left:7%}.publish-settings{margin-top:16px}.publish-settings.disabled{opacity:.4;pointer-events:none}.publish-setting.disabled .publish-setting-row{opacity:.6}.publish-setting-row{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:5px 0;font-size:12px;font-weight:600;display:flex}.ShareModal .Switch.small{width:26px;height:16px;box-shadow:none;border-radius:8px;padding:0}.ShareModal .Switch.small:after{width:12px;height:12px}.ShareModal .Switch.small.on:after{transform:translate(10px)}.publish-setting-contents{padding:3px 0 8px}.publish-input{border:1px solid var(--input-border);background:var(--surface);max-width:240px;color:var(--text-primary);border-radius:4px;align-items:center;gap:8px;padding:0 10px;transition:border-color .2s linear;display:flex}.publish-input.read-only{background:var(--surface-hover)}.publish-input.error{border-color:var(--error)}.publish-input input{min-width:0;color:inherit;font:inherit;background:0 0;border:0;outline:none;flex:1;padding:7px 0;font-size:13px}.publish-input .publish-input-hint{color:var(--text-quaternary);white-space:nowrap;font-size:11px}.ShareModal .publish-input button.link{box-shadow:none;color:var(--link);padding:0;font-size:12px}.publish-welcome,.publish-embed textarea{border:1px solid var(--input-border);background:var(--surface);width:100%;color:var(--text-primary);font:inherit;resize:vertical;border-radius:4px;outline:none;padding:8px 10px;font-size:13px;line-height:18px;display:block}.publish-embed{align-items:flex-start;gap:8px;display:flex}.publish-embed textarea{color:var(--text-secondary);font-family:ui-monospace,Menlo,monospace;font-size:11px}.publish-note{color:var(--text-tertiary);margin:0 0 4px;font-size:12px}.publish-viewers{color:var(--text-tertiary);align-items:center;gap:6px;margin-top:20px;font-size:12px;display:flex}.publish-viewer-count{text-decoration:underline}.share-explain .preview-link{margin:0;display:inline}.WelcomeMessageOverlay{z-index:50000;background:var(--modal-overlay);justify-content:center;align-items:center;padding:20px;animation:.3s ease-out welcome-fade;display:flex;position:fixed;inset:0}@keyframes welcome-fade{0%{opacity:0}}.WorkspaceWelcomeMessageModal{background:var(--surface);width:100%;max-width:360px;color:var(--text-primary);box-shadow:var(--shadow-panel);border-radius:8px;flex-direction:column;align-items:center;padding:40px 32px 32px;animation:.3s ease-out welcome-grow;display:flex}@keyframes welcome-grow{0%{transform:scale(.96)}}.WorkspaceWelcomeMessageModal .board-title{text-align:center;margin-bottom:16px;font-size:18px;font-weight:600;line-height:24px}.WorkspaceWelcomeMessageModal .welcome-message{text-align:center;white-space:pre-wrap;-webkit-user-select:text;user-select:text;font-size:14px;line-height:20px}.WelcomeMessageModifier{align-items:center;gap:8px;margin-top:16px;font-size:12px;font-weight:600;display:flex}.WelcomeMessageModifier .comment-avatar{margin:0}.WorkspaceWelcomeMessageModal .welcome-continue{background:var(--brand);color:#fff;font:inherit;border-radius:4px;margin-top:24px;padding:7px 20px 8px;font-size:14px;font-weight:600}.toolbar-side-popup.UploadPopup{flex-direction:column;align-items:center;width:260px;padding:20px 20px 16px;display:flex;top:auto;bottom:-16px}.UploadPopup .upload-illustration{margin-bottom:14px}.UploadPopup .upload-popup-button{background:var(--text-primary);width:100%;color:var(--surface);font:inherit;border-radius:4px;padding:8px 12px 9px;font-size:13px;font-weight:600;display:block}.UploadPopup .upload-popup-tip{text-align:center;color:var(--text-tertiary);margin:12px 0 0;font-size:12px;line-height:17px}.Toolbar .ElementTool.active .icon{background:var(--tool-tint);border-radius:6px}.HeaderShareAvatars{cursor:pointer;align-items:center;margin-right:2px;display:flex}.HeaderShareAvatars .header-share-avatar{margin-left:-10px;transition:margin-left 80ms ease-out;position:relative}.HeaderShareAvatars .header-share-avatar:first-child{margin-left:0}.HeaderShareAvatars:hover .header-share-avatar:not(:first-child){margin-left:4px}.HeaderShareAvatars .header-share-avatar:nth-child(2){transition-delay:60ms}.HeaderShareAvatars .header-share-avatar:nth-child(3){transition-delay:.12s}.HeaderShareAvatars .header-share-avatar:nth-child(4){transition-delay:.18s}.HeaderShareAvatars .header-share-avatar:nth-child(5){transition-delay:.24s}.HeaderShareAvatars .avatar-body{--avatar-size:2.4rem;min-width:var(--avatar-size);height:var(--avatar-size);border-radius:calc(var(--avatar-size) / 2);color:#fff;font-size:calc(var(--avatar-size) * .4);justify-content:center;align-items:center;font-weight:600;line-height:1;display:flex;position:relative}.HeaderShareAvatars .avatar-body:before{content:"";border:2px solid var(--canvas-bg);border-radius:inherit;pointer-events:none;position:absolute;inset:-2px}.HeaderShareAvatars .online .avatar-body:after{content:"";border:2px solid var(--avatar-color);border-radius:inherit;pointer-events:none;position:absolute;inset:-4px}.HeaderShareAvatars .published-link .avatar-body{background:var(--text-primary);color:var(--surface)}.HeaderShareAvatars .more .avatar-body{background:var(--surface-hover);color:var(--text-secondary);padding:0 .8rem;font-size:1.1rem}.activity-item{cursor:pointer;position:relative}.activity-changes{margin:2px 0;padding-left:16px}.activity-changes li{list-style:outside}.activity-options{display:none;position:absolute;bottom:6px;right:8px}.activity-item:hover .activity-options,.activity-options:focus-within{display:block}.activity-options-button{color:var(--text-tertiary);border-radius:4px;padding:2px 4px;display:flex}.activity-options-button:hover{background:var(--hover-tint);color:var(--text-primary)}.activity-options-menu{z-index:2;background:var(--surface);min-width:200px;box-shadow:var(--shadow-panel);border-radius:6px;flex-direction:column;padding:6px 0;display:flex;position:absolute;top:calc(100% + 4px);right:0}.activity-options-menu button{text-align:left;color:var(--text-primary);padding:7px 14px;font-size:13px}.activity-options-menu button:hover{background:var(--surface-hover)}.activity-more{border-top:1px solid var(--divider);width:100%;color:var(--text-secondary);padding:10px;font-size:12px;font-weight:600;display:block}:root{--pin-default:#2f63f7}.dark-theme{--pin-default:#537ef8}.CommentThreadCollapsed{--pin-width:2.4rem;--pin-height:2.9rem;top:calc(-1 * var(--pin-height) + 2px);left:calc(-1 * var(--pin-width) / 2);width:var(--pin-width);height:var(--pin-height);position:relative}.CommentThreadCollapsed .pin-button{width:var(--pin-width);height:var(--pin-height);cursor:pointer;position:relative}.CommentThreadCollapsed .pin-shape{width:100%;height:100%;display:block;overflow:visible}.CommentThreadCollapsed .pin-shape path{fill:var(--pin-color,var(--pin-default));stroke:var(--pin-color,var(--pin-default));stroke-width:0}.CommentThreadCollapsed.selected .pin-shape path{stroke:var(--selection);stroke-width:2px}.CommentThreadCollapsed .comments-count{width:100%;height:calc(var(--pin-height) - .5rem);color:#fff;pointer-events:none;justify-content:center;align-items:center;font-size:1.1rem;font-weight:600;display:flex;position:absolute;top:0;left:0}.CanvasElement[data-type=COMMENT_THREAD]:has(>.CommentThreadCollapsed){width:0!important}:is(.CanvasElement:has(>.CommentThreadCollapsed)>.ElementResizeHandle,.CanvasElement:has(>.CommentThreadCollapsed)>.QuickLineTool){display:none}.AttachedComments{z-index:4;width:0;height:0;position:absolute;top:2rem;left:calc(100% - 2rem)}.ListElement:has(>.AttachedComments){position:relative}.CommentPinPopup{top:0;left:calc(var(--pin-width) + .8rem);z-index:5;width:34rem;box-shadow:var(--shadow-panel);cursor:default;border-radius:.4rem;position:absolute}.CommentPinPopup .CommentThread{border-radius:.4rem;overflow:hidden}.CommentPinPopup .CommentThread:before{content:none}:is(.CanvasElement:has(.CommentPinPopup),.ListElement:has(.CommentPinPopup)){z-index:10000}body.presenting-hide-comments .AttachedComments{display:none}.publish-inherited{background:var(--surface-hover);border-radius:6px;margin-top:24px;padding:14px 16px}.publish-inherited>span{margin-bottom:10px;display:block}.publish-inherited .publish-note{margin:8px 0 0}
.emoji-glyph{font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,Twemoji Mozilla,sans-serif;font-style:normal;font-weight:400}.ReactionPill{background:var(--reaction-pill-bg);min-width:3.5rem;height:2rem;color:var(--reaction-pill-text);cursor:pointer;border-radius:2px;flex-direction:row;align-items:center;padding:2px .3rem 3px;font-size:1.1rem;line-height:1.6rem;display:inline-flex}.ReactionPill .emoji-glyph{text-align:center;flex-shrink:0;width:1.6rem;font-size:1.3rem;line-height:1.6rem}.ReactionPill .count{text-align:left;min-width:1rem;margin-left:.2rem;font-weight:600}.ReactionPill.active{background:var(--reaction-pill-active-bg);color:var(--reaction-pill-active-text)}.ReactionPill.disabled{cursor:default}.Card.colored .ReactionPill{box-shadow:var(--shadow-xs)}.ReactionPill.small{border:1px solid var(--element-bg);vertical-align:top;min-width:3.1rem;height:1.9rem;margin:0 0 .6rem .4rem;padding:2px .2rem 2px .3rem;line-height:1.1rem}.ReactionPill.small .emoji-glyph{width:1.2rem;font-size:1rem;line-height:1.2rem}.MediaReactions{z-index:1;flex-wrap:wrap;gap:.4rem;max-height:calc(100% - 4.8rem);padding:0 2.4rem;display:flex;position:absolute;bottom:2.4rem;left:0;right:0;overflow:hidden}.MediaReactions.compact{max-height:2.3rem;padding:0 1rem .3rem;bottom:.7rem}.MediaReactions .ReactionPill{box-shadow:var(--shadow-xs)}.LabelChips.table-pills{margin-top:2rem}.CommentReactions{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.5rem;padding-bottom:.4rem;display:flex}.ReactionAddButton{height:2rem;color:var(--text-tertiary);border-radius:3px;justify-content:center;align-items:center;padding:.3rem .4rem 3px;display:inline-flex}.ReactionAddButton:hover,.ReactionAddButton.active{color:var(--text-primary)}.comment-actions .ReactionAddButton{height:1.6rem;padding:0}.comment-actions.keep{display:flex}.ReactionTooltip{z-index:50000;background:var(--tooltip-bg);color:var(--tooltip-text);box-shadow:var(--shadow-sm);white-space:nowrap;pointer-events:none;border-radius:4px;padding:.5rem 1rem;font-size:1.2rem;line-height:1.6rem;animation:.1s fade-in;position:fixed;transform:translate(-50%)}.ReactionTooltip:before{content:"";background:var(--tooltip-bg);width:8px;height:8px;position:absolute;top:-4px;left:50%;transform:translate(-50%)rotate(45deg)}.ReactionTooltip strong{font-weight:600}.toolbar-side-popup.reaction-popup,.EmojiPopover,.EmojiPicker *,.ReactionPill,.ReactionAddButton,.ReactionTooltip,.MediaReactions{box-sizing:border-box}.toolbar-side-popup.reaction-popup,.EmojiPopover{width:57.2rem;padding:2.4rem 1rem 2.4rem 2.4rem;font-size:1.4rem;line-height:1.4}.EmojiPopover{z-index:40000;background:var(--surface);color:var(--text-primary);box-shadow:var(--shadow-panel);cursor:default;border-radius:8px;position:fixed}.EmojiPopover .popover-arrow{background:var(--surface);width:12px;height:12px;margin-top:-6px;position:absolute;transform:rotate(45deg)}.EmojiPopover.side-right .popover-arrow{left:-6px}.EmojiPopover.side-left .popover-arrow{right:-6px}.EmojiPopover.side-none .popover-arrow{display:none}.EmojiPicker{display:flex;position:relative}.emoji-menu{grid-template-rows:1fr auto auto;width:22rem;min-width:0;margin-right:2rem;display:grid}.emoji-categories{margin:0;padding:0;line-height:1.2;list-style:none}.emoji-category{width:100%;color:var(--text-primary);text-align:left;white-space:nowrap;text-overflow:ellipsis;align-items:center;margin-bottom:.6rem;padding:.8rem .7rem .8rem 1.5rem;font-size:1.4rem;display:flex;overflow:hidden}.emoji-category.active{background:var(--surface-hover);color:var(--emoji-category-active);border-radius:.4rem}.emoji-category.disabled{color:var(--emoji-category-disabled);cursor:default}.emoji-tones{height:3.6rem;margin-bottom:1rem;position:relative}.emoji-tones ul{height:3.6rem;margin:0;padding:0;list-style:none;position:relative}.emoji-tones li{transition:transform .25s ease-in-out,opacity .1s linear;position:absolute;top:0;left:0}.emoji-tone-change{color:var(--text-tertiary);align-items:center;padding:.4rem 0 0 4rem;font-size:1.2rem;text-decoration:underline;transition:opacity .25s linear;display:flex;position:absolute;inset:0}.emoji-tone-change.hidden{opacity:0;pointer-events:none}.emoji-search{margin-top:auto;position:relative}.emoji-search input{border:1px solid var(--emoji-search-border);background:var(--surface);width:100%;color:var(--text-primary);font:inherit;border-radius:.3rem;outline:0;padding:.8rem 3.2rem .8rem 1rem;font-size:1.2rem;line-height:1.6rem;display:block}.emoji-search input::placeholder{color:var(--text-quaternary)}.emoji-search-clear{width:2.4rem;height:2.4rem;color:var(--text-tertiary);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:.4rem;transform:translateY(-50%)}.emoji-list{-webkit-user-select:none;user-select:none;flex-shrink:0;width:30.4rem;height:50.5rem;position:relative;overflow:hidden auto}.emoji-list::-webkit-scrollbar{width:.8rem}.emoji-list::-webkit-scrollbar-track{background:var(--surface)}.emoji-list::-webkit-scrollbar-thumb{background:var(--emoji-search-border);border-radius:1.3rem}.emoji-list section{padding-bottom:1.2rem}.emoji-list h2{align-items:center;height:3.4rem;margin:0;font-size:1.5rem;font-weight:600;display:flex;position:relative;top:-3px}.emoji-grid{grid-template-columns:repeat(8,3.6rem);grid-auto-rows:3.4rem;display:grid}.emoji-option{z-index:0;justify-content:center;align-items:center;width:3.6rem;height:3.6rem;display:flex;position:relative}.emoji-grid .emoji-option{height:3.4rem}.emoji-option:before{content:"";z-index:-1;border-radius:3px;position:absolute;inset:.2rem}.emoji-option:hover:before{background:var(--surface-hover)}.emoji-option.selected:before{background:var(--reaction-pill-active-bg)}.emoji-option .emoji-glyph{font-size:2rem;line-height:2.4rem}.emoji-list-empty{height:100%;color:var(--text-secondary);justify-content:center;align-items:center;gap:.4rem;display:flex}.emoji-spinner{border:2px solid var(--emoji-search-border);border-top-color:var(--text-secondary);border-radius:50%;width:2.4rem;height:2.4rem;animation:.8s linear infinite emoji-spin}@keyframes emoji-spin{to{transform:rotate(360deg)}}.activity-emoji{white-space:nowrap}.activity-emoji .emoji-glyph{text-align:center;vertical-align:-.1em;width:1.35em;font-size:1.1em;line-height:1;display:inline-block}
.context-tool.compact{padding:4px 0}.context-tool.active .icon .text-style-icon{color:var(--text-primary)}.glyph-text.underline{text-underline-offset:2px;font-weight:500;text-decoration:underline}.toolbar-side-popup.TextStylePopup{width:24.2rem;min-width:0;max-height:calc(100vh - 8rem);padding:0;overflow:hidden auto}.TextStylePopup .block-styles{padding:.7rem 0}.TextStyleEntry{text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;height:4rem;color:var(--text-primary);justify-content:space-between;align-items:center;padding:0 1.6rem 0 2rem;font-size:1.4rem;display:flex}.TextStyleEntry:hover{background:var(--surface-hover)}.TextStyleEntry.active{background:var(--active-tint);cursor:default}.TextStyleEntry .shortcut{color:var(--text-quaternary);margin-left:.8rem;font-size:1.2rem}.TextStyleEntry .block-style-tick{color:var(--text-primary)}.block-style-text.header-one{letter-spacing:-.2px;font-size:2rem;font-weight:600}.block-style-text.header-two{font-size:1.6rem;font-weight:600}.block-style-text.small-text{font-size:1.2rem}.block-style-text.code-block,.block-style-text.callout{background:var(--code-bg);border-radius:.4rem;align-items:center;padding:.4rem 1.2rem;line-height:1.6rem;display:inline-flex}.block-style-text.code-block{height:2.4rem;font-family:Roboto Mono,Menlo,monospace;font-size:1.2rem}.block-style-text.callout{gap:.6rem;height:2.8rem;padding-left:1rem;position:relative}.block-style-text .callout-glyph{font-size:1.4rem}.block-style-text.blockquote{border-left:2px solid var(--text-secondary);padding:1px 0 3px 1.4rem;font-style:italic}.TextStylePopup .text-color-section{border-top:1px solid var(--divider);padding:1.5rem 2rem}.TextStylePopup.color-only .text-color-section:first-of-type{border-top:0}.text-color-section-title{color:var(--text-secondary);letter-spacing:.01rem;-webkit-user-select:none;user-select:none;font-size:1.1rem;font-weight:600}.TextStylePopup .text-color-row{justify-content:space-between;gap:0;margin:.8rem .2rem 0;padding:0;display:flex}.TextColorButton{cursor:pointer;border-radius:.2rem;justify-content:center;align-items:center;width:24px;height:20px;font-size:1.4rem;font-weight:600;display:flex;position:relative}.TextColorButton.active:before{content:"";border:2px solid var(--selection);pointer-events:none;border-radius:.5rem;position:absolute;inset:-4px}.toolbar-side-popup.insert-popup{width:22rem;min-width:0;padding:.6rem 0}.toolbar-side-popup.insert-popup.board{width:auto}.toolbar-side-popup.insert-popup.emoji{width:auto;padding:0}.insert-popup .insert-item{align-items:center;gap:1rem;width:100%;padding:.8rem 1.6rem;font-size:1.4rem;display:flex}.insert-icon{color:var(--text-secondary);display:flex}.BoardLinkSearch{width:26rem}.board-link-search{border:1px solid var(--input-border);background:var(--surface);width:calc(100% - 3.2rem);color:var(--text-primary);font:inherit;border-radius:4px;outline:none;margin:.4rem 1.6rem .8rem;padding:.6rem 1rem;font-size:1.4rem;display:block}.board-link-results{max-height:28rem;overflow-y:auto}.board-link-state{color:var(--text-tertiary);padding:.8rem 1.6rem;font-size:1.3rem}.BoardLinkSearch .board-link-result{text-align:left;align-items:center;gap:1rem;width:100%;display:flex}.board-link-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.board-link-pill{background:var(--code-bg);vertical-align:bottom;cursor:pointer;border-radius:.4rem;align-items:center;gap:.5rem;max-width:100%;margin:0 .1rem;padding:0 .6rem 0 .3rem;font-weight:500;line-height:2rem;display:inline-flex;color:var(--text-primary)!important;text-decoration:none!important}.board-link-pill:hover{background:var(--active-tint)}.board-link-icon{background:#bbbec3;border-radius:.3rem;flex-shrink:0;width:1.4rem;height:1.4rem;display:inline-block}.board-link-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ProseMirror .board-link-pill.ProseMirror-selectednode{outline:2px solid var(--text-selection)}.HyperlinkPopup{z-index:60000;background:var(--surface);width:29rem;height:5rem;box-shadow:var(--shadow-panel);border-radius:6px;align-items:center;padding:0 .6rem 0 1.6rem;display:flex;position:fixed}.hyperlink-input{min-width:0;color:var(--text-primary);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:1.4rem}.hyperlink-input::placeholder{color:var(--placeholder)}.hyperlink-clear{width:2.8rem;height:2.8rem;color:var(--text-tertiary);border-radius:50%;justify-content:center;align-items:center;display:flex}.hyperlink-clear:hover{background:var(--hover-tint)}.rich-text p.small-text{min-height:1.8rem;font-size:1.2rem;line-height:1.8rem}.rich-text p.small-text small{font-size:inherit}.Column{position:relative}.ColumnCollapseButton{z-index:3;opacity:0;cursor:pointer;border-radius:2px;justify-content:center;align-items:center;width:1.6rem;height:1.6rem;margin:.8rem .8rem 0 0;padding:0;transition:opacity .1s linear;display:flex;position:absolute;top:0;right:0}.ColumnCollapseButton:before{content:"";width:3.2rem;height:3.2rem;position:absolute;top:-.8rem;left:-.8rem}.ColumnCollapseButton svg{width:1.6rem;height:1.6rem}.ColumnCollapseButton path{fill:var(--text-quaternary)}.Column:hover>.ColumnCollapseButton,.Column.selected>.ColumnCollapseButton,.Column.collapsed>.ColumnCollapseButton{opacity:1}.ColumnCollapseButton:hover{background:var(--hover-tint)}.ColumnBottomDropArea{z-index:1;width:100%;height:1.6rem;position:absolute;bottom:0;left:0}.is-dragging .ColumnCollapseButton,.is-dragging .ColumnBottomDropArea{pointer-events:none}.Image.no-background{background:0 0}.Image.no-background:after{box-shadow:none!important}.Image.no-background .image-wrap{background:0 0}.Image.show-background .image-wrap{background:var(--element-bg)}.ElementCaption.editing{cursor:text}.ElementCaption .caption-editor p{margin:0}.ElementCaption .caption-editor p.is-editor-empty:first-child:before{color:var(--placeholder)}.link-description.ElementCaption p{min-height:0;margin:0}.Link .EditableTitle.link-title-input{letter-spacing:-.2px;padding:0 2.4rem 2.5rem;font-size:1.5rem;font-weight:600;line-height:2rem}.Link.media-only .link-image img{max-height:none}.file-audio{background:var(--element-bg);padding:2rem 2.4rem 0}.file-audio audio{width:100%;display:block}.File.detail-view .ElementCaption{margin-top:-1.6rem}.LinesLayer .line-label.editing{pointer-events:auto;cursor:text;padding:2px 3px;overflow:visible}.line-label-input{background:var(--surface);min-width:3.6rem;color:var(--text-primary);white-space:nowrap;border-radius:2px;outline:none;padding:0 2px;display:inline-block}.line-label-input:empty:before{content:attr(data-placeholder);color:var(--placeholder)}.ElementTip{opacity:0;height:0;color:var(--text-secondary);font-size:1.3rem;line-height:2rem;transition:opacity .2s ease-out,height .2s ease-out;overflow:hidden}.ElementTip.shown{opacity:1;height:4rem}.ElementTip .tip-content{flex-wrap:wrap;align-items:baseline;padding:.6rem 2.4rem 0;transition:transform .2s ease-out;display:flex;transform:translateY(-4rem)}.ElementTip.shown .tip-content{transform:none}.ElementTip .question,.ElementTip .tip-button{flex-shrink:0;margin-right:1rem}.ElementTip .tip-button{color:inherit;font:inherit;cursor:pointer;padding:0;text-decoration:underline}.ElementTip .tip-button:hover{color:var(--text-primary)}.TaskList.has-tip{padding-bottom:0}.Document.detail-view{background:var(--element-bg)}.Document.detail-view.on-canvas:after,.Document.detail-view.selected:before{display:block}.document-card{padding:2.2rem 2.4rem 2rem}.document-card .document-card-title{letter-spacing:-.2px;margin-bottom:1rem;font-size:1.8rem;font-weight:600;line-height:2.4rem}.document-card .document-card-title.empty .title-text{color:var(--placeholder)}.document-card-excerpt{max-height:24rem;position:relative;overflow:hidden}.document-card-excerpt:after{content:"";background:linear-gradient(to bottom, transparent, var(--element-bg));pointer-events:none;height:6rem;position:absolute;top:18rem;left:0;right:0}.DocumentModal.with-sidebar{flex-direction:column;max-width:96rem;padding:0;display:flex;overflow:hidden}.document-modal-header{border-bottom:1px solid var(--divider);justify-content:center;align-items:center;min-height:6.4rem;padding:1.2rem 16rem;display:flex;position:relative}.document-modal-title{text-align:center;width:100%}.document-modal-title .EditableTitle{font-size:1.8rem;font-weight:600;line-height:2.4rem}.document-modal-title .EditableTitle.empty .title-text{color:var(--placeholder)}.document-modal-actions{align-items:center;gap:1.2rem;display:flex;position:absolute;top:50%;right:2rem;transform:translateY(-50%)}.document-modal-actions .modal-close{position:static}.document-export{position:relative}.document-export-button{color:var(--text-primary);border-radius:4px;padding:.6rem 1.2rem;font-size:1.4rem;font-weight:500}.document-export-button:hover,.document-export-button.open{background:var(--hover-tint)}.document-export-popup{z-index:2;background:var(--surface);min-width:18rem;box-shadow:var(--shadow-panel);border-radius:8px;padding:1.2rem 0 .6rem;position:absolute;top:calc(100% + .6rem);right:0}.document-export-popup .popup-item{text-align:left;width:100%;padding:.8rem 1.6rem;font-size:1.4rem;display:block}.document-modal-main{flex:1;min-height:0;display:flex}.document-sidebar{border-right:1px solid var(--divider);flex-shrink:0;width:7.2rem;padding-top:1rem;overflow-y:auto}.document-sidebar.inactive{cursor:pointer}.document-sidebar.inactive .Tool{pointer-events:none}.document-page{cursor:text;flex:1;min-width:0;padding:4.8rem 8rem 6rem;overflow-y:auto}.document-modal-footer{border-top:1px solid var(--divider);color:var(--text-quaternary);text-align:right;padding:1rem 2rem;font-size:1.2rem}.DocumentModal.with-sidebar{height:calc(100vh - 8rem);min-height:0}.SketchModalOverlay.DrawingEditor{flex-direction:column}.DrawingEditor .sketch-surface{border-radius:2px;margin-bottom:9rem}.sketch-surface.tool-select{cursor:default}.sketch-surface.tool-erase{cursor:cell}.sketch-selection{border:1px dashed var(--text-secondary);pointer-events:none;position:absolute}.sketch-marquee{border:1px solid var(--marquee-border);background:var(--marquee);pointer-events:none;position:absolute}.DrawingEditorToolbar{background:var(--surface);width:fit-content;min-width:51.1rem;max-width:calc(100vw - 4rem);box-shadow:var(--shadow-panel);-webkit-user-select:none;user-select:none;border-radius:.8rem;justify-content:space-between;align-items:center;margin:0 auto;padding:1.2rem;line-height:0;animation:.15s ease-out drawing-toolbar-in;display:flex;position:fixed;bottom:4rem;left:0;right:0}@keyframes drawing-toolbar-in{0%{opacity:0;transform:translateY(15px)}}.DrawingEditorToolbar .tool-mode-controls{border-right:1px solid var(--divider);gap:.8rem;margin-right:1.6rem;padding-right:.8rem;display:flex}.DrawingEditorToolbar .draw-controls{flex:1;gap:.8rem;display:flex}.DrawingEditorToolbar .exit-controls{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.DrawingEditorToolbar .exit-controls .sketch-btn{margin-left:.8rem;font-size:1.2rem;line-height:1.6rem}.drawing-tool{width:3.6rem;height:3.6rem;color:var(--text-primary);border-radius:.6rem;justify-content:center;align-items:center;display:flex}.drawing-tool:hover:not(:disabled){background:var(--hover-tint)}.drawing-tool.active{background:var(--active-tint)}.drawing-tool:disabled{opacity:.25;cursor:default}.drawing-color-icon{width:2.2rem;height:2.2rem;box-shadow:inset 0 0 0 1px var(--control-border);border-radius:50%}.drawing-size-icon{background:var(--text-primary);border-radius:50%}.drawing-popup-tool{position:relative}.drawing-popup{background:var(--surface);box-shadow:var(--shadow-panel);border-radius:.8rem;gap:.8rem;padding:1.2rem;display:grid;position:absolute;bottom:calc(100% + 1.6rem);left:50%;transform:translate(-50%)}.drawing-popup.colors{grid-template-columns:repeat(7,2.4rem)}.drawing-popup.sizes{grid-template-columns:repeat(4,2.8rem)}.drawing-popup .pen-size{width:2.8rem;height:2.8rem}.TaskDepthIndent{flex-shrink:0}.TaskPills{flex-wrap:wrap;align-items:center;display:flex}.task-pill.placeholder{color:var(--text-tertiary);box-shadow:inset 0 0 0 1px var(--text-quaternary)}.task-pill.assignee{background:var(--element-secondary);color:var(--text-secondary);align-items:center;gap:.4rem;display:inline-flex}.assignee-avatar{background:var(--text-secondary);width:1.6rem;height:1.6rem;color:var(--element-bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:inline-flex}.toolbar-side-popup.DueDatePopup{width:26rem;min-width:0;padding:1.2rem 1.6rem}.due-calendar-head{justify-content:space-between;align-items:center;margin-bottom:.8rem;font-weight:600;display:flex}.due-nav{border-radius:4px;width:2.8rem;height:2.8rem;font-size:1.8rem;line-height:1}.due-nav:hover,.due-day:hover{background:var(--hover-tint)}.due-calendar{text-align:center;grid-template-columns:repeat(7,1fr);gap:.2rem;display:grid}.due-weekday{color:var(--text-quaternary);font-size:1.1rem;line-height:2.4rem}.due-day{border-radius:4px;height:3rem;font-size:1.3rem}.due-day.today{box-shadow:inset 0 0 0 1px var(--text-quaternary)}.due-day.selected{background:var(--text-primary);color:var(--element-bg)}.due-time{border-top:1px solid var(--divider);align-items:center;gap:.8rem;margin-top:1rem;padding-top:1rem;display:flex}.due-time-input{border:1px solid var(--input-border);background:var(--surface);color:var(--text-primary);font:inherit;border-radius:4px;padding:.3rem .6rem}.due-link{color:var(--text-secondary);font-size:1.3rem;text-decoration:underline}.due-reminder{border:1px solid var(--input-border);background:var(--surface);width:100%;color:var(--text-primary);font:inherit;border-radius:4px;margin-top:1rem;padding:.5rem;font-size:1.3rem}.DueDatePopup .due-remove{color:var(--text-secondary);margin-top:.6rem;padding:.6rem 0;font-size:1.3rem}.toolbar-side-popup.AssignPopup{width:26rem;min-width:0;padding:1rem 0}.AssignPopup .assign-entry{text-align:left;align-items:center;gap:1rem;width:100%;padding:.6rem 1.6rem;display:flex}.assign-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.assign-tick{color:var(--text-primary)}.ProseMirror .callout-icon{cursor:pointer;border-radius:4px}.ProseMirror .callout-icon:hover{background:var(--hover-tint)}.CalloutIconPicker{z-index:60000;background:var(--surface);box-shadow:var(--shadow-panel);border-radius:8px;padding-top:1.2rem;position:fixed}
.Table{padding:0;overflow:hidden}.table-grid{border-collapse:collapse;table-layout:fixed;font-variant-numeric:tabular-nums;width:100%;color:var(--text-primary);font-size:1.4rem;line-height:2rem}.table-grid td{vertical-align:top;word-break:break-word;-webkit-user-select:text;user-select:text;border:1px solid #0000001a;padding:.5rem .6rem .4rem}.table-grid tr:first-child td{border-top:0}.table-grid tr:last-child td{border-bottom:0}.table-grid td:first-child{border-left:0}.table-grid td:last-child{border-right:0}.table-grid tr.header td{background:#d1d3d6;font-weight:600}.table-grid td.active{box-shadow:inset 0 0 0 2px var(--selection,#323b4a);padding:0}.table-grid td input{width:100%;height:100%;min-height:3rem;font:inherit;color:inherit;background:var(--element-bg,#fff);border:0;outline:none;padding:.5rem .6rem}.cell-text{white-space:pre-wrap;min-height:2rem;display:block}.table-grid tr:last-child td{padding-bottom:.3rem}.table-wrap{outline:none}.table-grid td.cell-selected{position:relative}.table-grid td.cell-selected:after{content:"";pointer-events:none;background:#4ebafd1f;position:absolute;inset:0}.table-grid td.sel-top:after{border-top:2px solid var(--selection,#323b4a)}.table-grid td.sel-bottom:after{border-bottom:2px solid var(--selection,#323b4a)}.table-grid td.sel-left:after{border-left:2px solid var(--selection,#323b4a)}.table-grid td.sel-right:after{border-right:2px solid var(--selection,#323b4a)}.table-grid td.bold{font-weight:600}.table-grid td.active:after{display:none}.table-title{padding:1.6rem 1.2rem 1rem}.table-title .EditableTitle{font-size:1.6rem;font-weight:600;line-height:2rem}.table-title .EditableTitle.empty .title-text{color:var(--placeholder)}.TableMenu{z-index:60000;background:var(--surface);min-width:22rem;box-shadow:var(--shadow-panel);color:var(--text-primary);border-radius:6px;padding:.6rem 0;font-size:1.3rem;position:fixed}.TableMenu.submenu{min-width:14rem;position:absolute;top:-.6rem;left:100%}.table-menu-sub{position:relative}.table-menu-item{text-align:left;width:100%;font:inherit;color:inherit;justify-content:space-between;align-items:center;padding:.5rem 1.6rem;display:flex}.table-menu-item:hover:not(:disabled){background:var(--surface-hover)}.table-menu-item:disabled{color:var(--text-quaternary);cursor:default}.table-menu-item .shortcut{color:var(--text-quaternary);margin-left:2rem;font-size:1.2rem}.table-menu-divider{background:var(--divider);height:1px;margin:.5rem 0}.table-grid .cell-error{color:var(--error,#e60b0b)}.table-grid td .cell-checkbox{width:1.4rem;height:1.4rem;min-height:0;accent-color:var(--text-primary);cursor:pointer;margin:.3rem 0;padding:0;display:block}.celltype-format{border-top:1px solid var(--divider);margin-top:.6rem;padding:1rem 1.6rem .4rem;font-size:1.3rem}.celltype-format-row{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.8rem;display:flex}.celltype-format-row input,.celltype-format-row select{border:1px solid var(--input-border);background:var(--surface);width:11rem;color:var(--text-primary);font:inherit;border-radius:4px;padding:.3rem .6rem}.celltype-format-check{align-items:center;gap:.6rem;margin-bottom:.8rem;display:flex}
.ShortcutsModal{background:var(--surface);width:760px;max-width:100%;max-height:calc(100vh - 80px);color:var(--text-primary);box-shadow:var(--shadow-panel);-webkit-user-select:text;user-select:text;border-radius:8px;padding:32px 40px 36px;position:relative;overflow:auto}.ShortcutsModal h2{margin:0 0 20px;font-size:21px;font-weight:600}.shortcut-groups{grid-template-columns:1fr 1fr;gap:24px 48px;display:grid}.shortcut-groups h3{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;margin:0 0 8px;font-size:12px;font-weight:600}.shortcut-row{border-bottom:1px solid var(--divider);justify-content:space-between;align-items:center;gap:12px;padding:5px 0;font-size:13px;display:flex}.shortcut-row kbd{color:var(--text-secondary);background:var(--surface-hover);white-space:nowrap;border-radius:4px;padding:2px 6px;font-family:inherit;font-size:12px}@media (max-width:700px){.shortcut-groups{grid-template-columns:1fr}}.TemplatePicker{z-index:29999;background:var(--surface);width:300px;max-height:calc(100% - 60px);color:var(--text-primary);box-shadow:var(--shadow-panel);border-radius:6px;flex-direction:column;padding:20px 20px 0;animation:.2s ease-out template-in;display:flex;position:absolute;bottom:30px;right:30px}@keyframes template-in{0%{opacity:0;transform:translateY(20px)}}.template-head{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:15px;font-weight:600;display:flex}.template-head button{color:var(--text-tertiary);padding:4px}.template-search{font:inherit;color:var(--text-primary);background:var(--surface);border:1px solid #bbbec3;border-radius:4px;outline:none;margin-bottom:8px;padding:7px 10px;font-size:13px}.template-list{padding-bottom:12px;overflow:auto}.template-item{text-align:left;border-radius:4px;flex-direction:column;gap:2px;width:100%;padding:10px 8px;font-size:13px;line-height:1.4;display:flex}.template-item:hover{background:var(--surface-hover)}.template-item span{color:var(--text-tertiary);font-size:12px}.template-empty{color:var(--text-tertiary);padding:12px 8px;font-size:12px}.activity-tabs button{font:inherit;color:var(--text-tertiary);padding-bottom:12px;font-weight:600}.activity-tabs button.active{color:var(--text-primary);box-shadow:inset 0 -2px 0 var(--text-primary)}.activity-tabs button:disabled{cursor:default;opacity:.6}.activity-tabs .count-indicator{color:#fff;text-align:center;background:#7cd651;border-radius:.9rem;min-width:1.8rem;margin-left:.6rem;padding:0 .5rem;font-size:1.1rem;line-height:1.8rem;display:inline-block}.activity-list{max-height:420px;padding:6px 0;overflow:auto}.activity-item{text-align:left;justify-content:space-between;gap:12px;width:100%;padding:10px 20px;font-size:13px;line-height:1.4;display:flex}.activity-item:hover{background:var(--surface-hover)}.activity-item.unseen{background:var(--unseen-bg,#fef1ee)}.dark-theme .activity-item.unseen{--unseen-bg:#f4511c2e}.activity-time{color:var(--text-quaternary);flex-shrink:0;font-size:12px}.activity-mark{border-top:1px solid var(--divider);width:100%;color:var(--text-secondary);padding:10px;font-size:12px;font-weight:600;display:block}.bell-badge{min-width:9px;height:9px;box-shadow:0 0 0 1px var(--surface);background:#f4511c;border-radius:5px;position:absolute;top:9px;right:6px}.Card.transparent{background:0 0;border-color:#0000}.Card.transparent.on-canvas:after{box-shadow:none}.CanvasElement:hover>.Card.transparent:not(.selected):after{box-shadow:inset 0 0 0 1px #0000001a}.rich-embed{background:#fdfdfd;position:relative}.rich-embed iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.view-util{position:relative}.view-popup{width:290px;padding:0;font-size:13px;line-height:1.4;position:absolute;top:calc(100% + 26px);right:-11px}.view-popup section{padding:20px 24px 24px}.view-popup section+section{border-top:1px solid var(--divider)}.view-popup h4{margin:0 0 4px;font-size:14px;font-weight:600}.view-popup p{color:var(--text-tertiary);margin:0 0 12px;font-size:12px}.zoom-slider{align-items:center;gap:10px;margin-bottom:12px;display:flex}.zoom-slider input{accent-color:var(--text-primary);flex:1}.zoom-slider span{text-align:right;width:40px;color:var(--text-secondary);font-size:12px}.view-action{border-radius:4px;width:100%;padding:8px;font-weight:600;box-shadow:inset 0 0 0 1px #0000001f}.view-action.primary{background:var(--brand);color:#fff;box-shadow:none}body.presenting .Toolbar{overflow:hidden;width:0!important}body.presenting .WorkspaceToolsHeader .header-right,body.presenting .CurrentBoardHeader .header-left,body.presenting .UnsortedButton,body.presenting .grid,body.presenting .QuickLineTool,body.presenting .ElementResizeHandle{opacity:0;pointer-events:none;transition:opacity .2s linear}
:root{--canvas-bg-default:#ebedee;--color-canvas-blue:#dceaf6;--color-canvas-green:#d9ebe6;--color-canvas-yellow:#f0eedf;--color-canvas-warm-grey:#e5e3e8;--color-bg-search:#ffd84d80}.dark-theme{--canvas-bg-default:#1d1d1d;--color-canvas-blue:#1c2624;--color-canvas-green:#27241f;--color-canvas-yellow:#1c2329;--color-canvas-warm-grey:#26232a;--color-bg-search:#b3901a99}.Main{--canvas-bg:var(--ws-canvas-background,var(--canvas-bg-default))}body.custom-bg-light .CanvasViewport .grid{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Crect width='2' height='2' fill='%23000' fill-opacity='0.07'/%3E%3C/svg%3E")}body.custom-bg-dark .CanvasViewport .grid{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Crect width='2' height='2' fill='%23fff' fill-opacity='0.09'/%3E%3C/svg%3E")}body.custom-bg-dark .on-canvas .details-container{color:#ffffffeb}body.custom-bg-dark .on-canvas .details-container .secondary-details{color:#fff9}body.custom-bg-light .on-canvas .details-container{color:#323b4a}body.custom-bg-light .on-canvas .details-container .secondary-details{color:#323b4a8c}.Main .UnsortedButton{box-shadow:none;-webkit-user-select:none;user-select:none;background:0 0;padding:0}.UnsortedButton>button{background:var(--canvas-bg);box-shadow:0 0 0 1px var(--soft-border), var(--shadow-xs);color:var(--text-quaternary);border-radius:4px;padding:7px 10px;font-size:12px;position:relative}.UnsortedButton>button .count{color:var(--text-secondary)}.UnsortedButton.empty>button span,.UnsortedButton.empty>button .count{opacity:.5}.UnsortedButton.hovered>button{box-shadow:0 0 0 2px var(--text-primary), var(--shadow-xs);animation:.3s linear .4s unsorted-pre-open}@keyframes unsorted-pre-open{25%,75%{box-shadow:0 0 0 2px var(--surface)}}body.custom-bg-dark .UnsortedButton>button{color:#fff9}body.custom-bg-dark .UnsortedButton>button .count{color:#ffffffe6}body.drag-copy,body.drag-copy *{cursor:copy!important}.search-popup .search-modifiers{align-items:center}.search-modifier-group{gap:14px;display:flex}.search-modifier-anchor{position:relative}.search-modifier{color:var(--text-tertiary);align-items:center;gap:3px;font-size:12px;display:inline-flex}.search-modifier strong{color:var(--text-secondary);font-weight:600}.search-modifier svg{width:10px;height:10px}.search-modifier.active{color:var(--text-primary)}.search-menu{z-index:5;background:var(--surface);min-width:170px;max-height:300px;box-shadow:var(--shadow-panel);border-radius:6px;padding:6px 0;position:absolute;top:calc(100% + 6px);left:-8px;overflow:auto}.search-menu.people{width:260px}.search-menu-input{border:1px solid var(--input-border);width:calc(100% - 16px);font:inherit;color:var(--text-primary);background:var(--surface);border-radius:4px;outline:none;margin:2px 8px 6px;padding:6px 8px;font-size:13px}.search-menu-item{text-align:left;width:100%;color:var(--text-primary);align-items:center;gap:8px;padding:7px 14px;font-size:13px;display:flex}.search-menu-item:hover{background:var(--surface-hover)}.search-menu-item.active{font-weight:600}.search-person{flex-direction:column;min-width:0;display:flex}.search-person small{color:var(--text-tertiary);font-size:11px}.search-menu-empty{color:var(--text-tertiary);padding:8px 14px;font-size:12px}.search-date-marker{letter-spacing:.02em;text-transform:uppercase;color:var(--text-tertiary);padding:12px 20px 4px;font-size:11px;font-weight:600}.search-popup .search-result{cursor:pointer;flex-direction:column;gap:4px}.search-breadcrumb{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.search-result-row{align-items:center;gap:12px;display:flex}.search-result-icon{flex-shrink:0}.search-result-icon .BoardIcon{justify-content:center;align-items:center;display:flex}.search-popup .search-result-body{flex:1}.search-result-counts{color:var(--text-tertiary);font-size:12px}.search-shared-users{gap:2px;display:flex}.search-inner-hits{flex-direction:column;gap:2px;padding-left:52px;display:flex}.search-popup .search-hit{border-radius:3px;padding:3px 6px}.search-popup .search-hit:hover{background:var(--hover-tint)}.search-mark{background:var(--color-bg-search);color:inherit;border-radius:2px}::highlight(pinnwand-search){background-color:var(--color-bg-search);color:inherit}.CanvasElement.filter-hit>.element-frame{box-shadow:0 0 0 3px var(--color-bg-search)}.ElementFilterToast{z-index:30;background:var(--surface);box-shadow:var(--shadow-panel);color:var(--text-secondary);border-radius:6px;align-items:center;gap:8px;padding:9px 14px;font-size:13px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.ElementFilterToast strong{color:var(--text-primary)}.ElementFilterToast svg{opacity:.6}.search-inner-hits{min-width:0;overflow:hidden}.search-popup .search-hit{max-width:100%;display:block}.icon-popup-title{color:var(--text-primary);padding:0 16px 8px;font-size:13px;font-weight:600}.icon-categories{gap:4px;padding:0 12px 8px;display:flex}.icon-category{color:var(--text-tertiary);white-space:nowrap;border-radius:4px;padding:4px 8px;font-size:12px}.icon-category:hover{background:var(--surface-hover)}.icon-category.active{background:var(--active-tint);color:var(--text-primary);font-weight:600}.icon-option.letter{color:var(--text-secondary);font-size:17px;font-weight:700}.icon-empty{color:var(--text-tertiary);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:20px 16px;font-size:13px;display:flex}.icon-empty button{color:var(--link);font-size:13px}.icon-image-picker{flex-direction:column;align-items:center;gap:8px;padding:12px 16px;display:flex}.icon-image-preview{object-fit:cover;border-radius:13px;width:64px;height:64px}.icon-image-heading{color:var(--text-primary);font-size:13px;font-weight:600}.icon-image-button{background:var(--brand);color:#fff;border-radius:4px;padding:7px 14px;font-size:13px;font-weight:600}.icon-image-tip{color:var(--text-tertiary);font-size:12px}.BoardIcon.text-icon{justify-content:center;align-items:center;display:flex}.icon-popup .label-search{box-sizing:border-box;width:calc(100% - 24px);margin:0 12px 8px}.view-action-key{opacity:.7;font-weight:400}.presentation-switches{opacity:0;flex-direction:column;margin-top:10px;transition:opacity .2s linear;display:flex}.presentation-switches.shown{opacity:1}.presentation-switch{color:var(--text-primary);text-align:left;justify-content:space-between;align-items:center;gap:12px;padding:7px 0;font-size:13px;display:flex}body.presenting-hide-comments .CanvasElement[data-type=COMMENT_THREAD]{display:none}.FocusLayer{z-index:40000;position:fixed;inset:0;overflow:auto}.FocusLayer .focus-overlay{pointer-events:none;background:#0009;transition:opacity .4s cubic-bezier(.645,.045,.355,1);position:fixed;inset:0}.FocusModeElement{transform-origin:0 0;pointer-events:none;transition:transform .4s cubic-bezier(.645,.045,.355,1);position:absolute;top:0;left:0}.FocusModeElement .ElementResizeHandle,.FocusModeElement .QuickLineTool{display:none}.FocusModeElement .focus-mode-element-shadow{transition:opacity .4s cubic-bezier(.645,.045,.355,1);position:absolute;inset:0;box-shadow:0 20px 40px #00000040,0 8px 16px #00000026}body.system-headings .rich-text :is(h1,h2,h3){font-family:system-ui,-apple-system,Segoe UI,sans-serif}.settings-intro{color:var(--text-secondary);margin:0 0 8px;font-size:13px}.settings-buttons.left{justify-content:flex-start;margin-top:12px}.settings-table{border-collapse:collapse;width:100%;font-size:13px}.settings-table th{text-align:left;color:var(--text-primary);padding:0 0 8px;font-weight:600}.settings-table th+th,.settings-table td+td{text-align:center;width:70px}.settings-table th+th{color:var(--text-tertiary);font-size:12px;font-weight:500}.settings-table td{border-top:1px solid var(--divider);color:var(--text-primary);padding:9px 0}.settings-check{width:18px;height:18px;box-shadow:inset 0 0 0 1.5px var(--control-border);color:#fff;border-radius:4px;justify-content:center;align-items:center;display:inline-flex}.settings-check.on{background:var(--brand);box-shadow:none}.settings-select{width:100%;max-width:320px}.settings-radios{flex-direction:column;gap:6px;display:flex}.settings-radio{text-align:left;color:var(--text-primary);align-items:flex-start;gap:10px;padding:4px 0;font-size:13px;display:flex}.settings-radio small{color:var(--text-tertiary);font-size:12px;display:block}.settings-radio-dot{width:16px;height:16px;box-shadow:inset 0 0 0 1.5px var(--control-border);border-radius:50%;flex-shrink:0;margin-top:1px}.settings-radio.active .settings-radio-dot{box-shadow:inset 0 0 0 5px var(--brand)}.trash-tabs button{font:inherit;color:inherit;padding-bottom:12px;font-weight:600}.trash-tabs button.active{color:var(--text-primary)}.trash-item{cursor:grab;-webkit-user-select:none;user-select:none}.trash-empty button{color:var(--link);text-decoration:underline}.trash-more{text-align:center;color:var(--text-tertiary);padding:4px 0 12px;font-size:12px}.trash-more button{box-shadow:inset 0 0 0 1px var(--soft-border);color:var(--text-secondary);border-radius:4px;padding:6px 12px;font-size:12px}.TemplatePicker .template-item.selected{background:var(--active-tint)}.TemplatePicker .template-item.with-icon{flex-direction:row;align-items:center;gap:10px}.TemplatePicker .template-item strong{align-items:center;gap:6px;display:flex}.template-tag{background:var(--brand);color:#fff;letter-spacing:.02em;border-radius:3px;padding:1px 6px;font-size:10px;font-style:normal;font-weight:600}.template-tag.custom{background:var(--text-tertiary)}.template-section{text-transform:uppercase;letter-spacing:.03em;color:var(--text-tertiary);padding:4px 8px 6px;font-size:11px;font-weight:600}.template-more{text-align:left;width:100%;color:var(--text-secondary);border-radius:4px;padding:10px 8px;font-size:13px;font-weight:600}.template-more:hover{background:var(--surface-hover)}.template-back{align-items:center;gap:4px;font-size:13px;font-weight:600;display:inline-flex}.TemplatePicker .template-head .template-back{color:var(--text-secondary);padding:0}.template-status{color:var(--text-tertiary);text-align:center;padding:8px 0;font-size:12px}.template-footer{border-top:1px solid var(--divider);justify-content:space-between;align-items:center;gap:8px;margin:0 -20px;padding:12px 20px;display:flex}.template-keep{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;display:inline-flex}.template-keep:disabled{opacity:.5}.template-use{background:var(--brand);color:#fff;white-space:nowrap;border-radius:4px;padding:7px 12px;font-size:13px;font-weight:600}.template-keep{white-space:nowrap}.template-footer .Switch{flex-shrink:0}
.menu-panel{background:var(--surface);color:var(--text-secondary);box-shadow:var(--shadow-2xl);-webkit-user-select:none;user-select:none;border-radius:10px;min-width:240px;max-width:296px;padding:5px 6px;font-size:14px;line-height:20px}.ContextMenu.menu-panel{z-index:50000;width:auto;padding:5px 6px;font-size:14px;position:fixed}.menu-list{flex-direction:column;display:flex}.menu-separator{border-top:1px solid var(--divider);height:0;margin:5px -6px}.menu-item{text-align:left;width:100%;min-height:28px;color:var(--text-secondary);white-space:nowrap;cursor:pointer;border-radius:5px;align-items:center;gap:20px;padding:4px 10px;font-weight:500;display:flex}.menu-item:hover:not(:disabled),.menu-item.open{background:var(--surface-hover);color:var(--text-primary)}.menu-item:disabled{color:var(--text-quaternary);cursor:default}.menu-label{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.menu-trailing{color:var(--text-quaternary);flex-shrink:0;align-items:center;margin-left:auto;display:inline-flex}.menu-shortcut{letter-spacing:-.01em;font-feature-settings:"zero";gap:1px;font-size:12px;font-weight:400;display:inline-flex}.menu-check,.menu-chevron{color:var(--text-secondary)}.menu-submenu{position:relative}.menu-subpanel{z-index:1;position:absolute;top:-5px;left:calc(100% + 6px)}.menu-subpanel.flip{left:auto;right:calc(100% + 6px)}.menu-meta{cursor:default;flex-direction:column;gap:8px;padding:4px 10px;display:flex}.menu-meta-row{color:var(--text-tertiary);text-wrap:balance;align-items:center;gap:8px;font-size:12px;line-height:16px;display:flex}.menu-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:600;display:inline-flex}.toolbar-side-popup.more-menu-popup{border-radius:10px;min-width:240px;padding:5px 6px}.Tooltip{z-index:60000;pointer-events:none;background:var(--tooltip-bg);color:var(--tooltip-text);white-space:nowrap;border-radius:4px;align-items:baseline;gap:6px;padding:.5rem 1rem;font-size:13px;font-weight:600;line-height:1.6rem;display:flex;position:fixed}.app-size-medium .Tooltip{padding:4px 9px 3px}.app-size-small .Tooltip{padding:3px 8px 2px}.Tooltip.fade{animation:.12s ease-out both tooltip-in}@keyframes tooltip-in{0%{opacity:0}to{opacity:1}}.Tooltip .tooltip-keys{opacity:.7;gap:2px;font-weight:400;display:inline-flex}.ShortcutKey{border:1px solid var(--control-border);background:var(--surface);min-width:2.8rem;height:2.4rem;color:var(--text-secondary);text-transform:capitalize;font-feature-settings:"zero";border-radius:.4rem;justify-content:center;align-items:center;padding:0 1rem;font-size:12px;font-weight:400;display:inline-flex;position:relative}.ShortcutKey.char{padding:0}.tool-popup-panel{min-width:0;padding:16px}.arrangement-popup{min-width:0;padding:calc(2.4rem - 5px) calc(2.4rem - 10px) calc(2.4rem - 5px) calc(2.4rem - 5px)}.arrangement-popup .arrangement-row{line-height:0;display:flex}.arrangement-button{width:40px;height:36px;color:var(--tool-icon);border-radius:4px;justify-content:center;align-items:center;margin:5px 5px 0 0;display:inline-flex}.arrangement-button:hover:not(:disabled){background:var(--hover-tint)}.arrangement-button:disabled{opacity:.5;cursor:default}.color-popup.v2{width:20rem;min-width:0;padding:2rem}.color-popup.v2 .popup-heading{padding:0 0 1rem}.color-swatches{grid-template-columns:repeat(5,2.4rem);gap:.8rem;display:grid}.color-swatch-button{background:var(--element-bg);width:2.4rem;height:2rem;box-shadow:inset 0 0 0 1px var(--control-border);border-radius:.2rem;position:relative}.color-swatch-button.remove-color{background-image:linear-gradient(141deg,#0000 46%,#f52929 47% 53%,#0000 54%)}.color-swatch-button.transparent{background-color:#fff;background-image:linear-gradient(45deg,#d6d8db 25%,#0000 25%),linear-gradient(-45deg,#d6d8db 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#d6d8db 75%),linear-gradient(-45deg,#0000 75%,#d6d8db 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px}.dark-theme .color-swatch-button.transparent{background-color:#333;background-image:linear-gradient(45deg,#444 25%,#0000 25%),linear-gradient(-45deg,#444 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#444 75%),linear-gradient(-45deg,#0000 75%,#444 75%)}.color-swatch-button.active:after{content:"";border:2px solid var(--selection);pointer-events:none;border-radius:.5rem;position:absolute;inset:-4px}.color-popup-divider{border-bottom:1px solid var(--divider);margin:2rem -2rem}.custom-color-row{margin-top:2rem;position:relative}.custom-color-button{border:1px solid var(--control-border);width:100%;height:3.2rem;color:var(--text-secondary);border-radius:4px;align-items:center;gap:.8rem;padding:0 2rem 0 1rem;font-size:12px;display:flex}.custom-color-button:hover{background:var(--surface-hover)}.custom-color-wheel{background:conic-gradient(#ff5757,#ffd14d,#7cd651,#62dbc8,#4ebafd,#5882f8,#ad6fff,#ff6ed4,#ff5757);border-radius:50%;flex-shrink:0;width:2.4rem;height:2.4rem;box-shadow:inset 0 0 0 1px #0000001a}.custom-color-input{opacity:0;pointer-events:none;width:24px;height:24px;position:absolute;top:4px;left:10px}.custom-color-hex{color:var(--text-quaternary);margin-left:auto;font-family:Roboto Mono,Menlo,monospace}.line-weight-popup{gap:4px;min-width:0;padding:12px;display:flex}.line-weight-button{width:40px;height:36px;color:var(--tool-icon);border-radius:4px;justify-content:center;align-items:center;display:inline-flex}.line-weight-button:hover{background:var(--hover-tint)}.line-weight-button.active{background:var(--active-tint)}.tool-glyph-active{color:var(--tool-icon)}.Tooltip .tooltip-key{border:1px solid #ffffff40;border-radius:3px;justify-content:center;align-items:center;min-width:16px;padding:0 3px;font-size:12px;font-weight:400;line-height:15px;display:inline-flex}.ShortcutsModal.v2{-webkit-user-select:none;user-select:none;width:880px;max-width:calc(100vw - 40px);height:min(640px,100vh - 80px);max-height:none;padding:0;display:flex;overflow:hidden}.shortcuts-nav{border-right:1px solid var(--divider);flex-direction:column;justify-content:space-between;width:37%;padding:3.2rem 2rem 2.4rem 3.2rem;display:flex}.shortcuts-mode-list{flex-direction:column;gap:2px;display:flex}.shortcuts-mode{text-align:left;color:var(--text-secondary);border-radius:4px;padding:.8rem 1.2rem;font-size:14px;line-height:1.2}.shortcuts-mode:hover{background:var(--surface-hover)}.shortcuts-mode.active{background:var(--surface-hover);color:var(--text-primary);font-weight:600}.ShortcutsModalTip{color:var(--text-tertiary);align-items:center;gap:.4rem;font-size:12px;display:flex}.shortcuts-content{flex:1;width:63%;padding:0 3.2rem 3.2rem;overflow-y:auto}.ShortcutTitleEntry{color:var(--text-primary);border-bottom:1px solid var(--divider);padding:3.2rem 0 1rem;font-size:16px;font-weight:600}.ShortcutTitleEntry.first{padding-top:2.4rem}.ShortcutEntry{border-bottom:1px solid var(--divider);min-height:3.9rem;color:var(--text-secondary);justify-content:space-between;align-items:center;gap:1.6rem;padding:.6rem 0;font-size:13px;display:flex}.ShortcutEntry.note .description{color:var(--text-tertiary);font-style:italic}.ShortcutEntry .shortcut{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.4rem;display:flex}.ShortcutEntry .shortcut .ShortcutKey{margin:0}.shortcut-text{color:var(--text-tertiary);margin:0 .2rem;font-size:12px}.ShortcutKey.char{min-width:2.4rem;padding:0 .6rem}.color-mode-switcher{grid-template-columns:1fr 1fr;column-gap:.8rem;margin:-1.6rem -1.6rem 2.4rem;display:grid}.color-mode-button{color:var(--text-quaternary);letter-spacing:.01px;border-radius:.4rem;flex-direction:column;justify-content:center;align-items:center;gap:.7rem;padding:1rem 0 .9rem;font-size:11px;font-weight:600;display:flex}.color-mode-button.active{background:var(--surface-hover);color:var(--text-primary)}.more-menu-popup .menu-item{padding-top:6px;padding-bottom:6px}.menu-group[data-group=metadata]:not(:has(.menu-meta)){display:none}.color-swatch-button.white{background:#fff}
:root{--toast-bg:#fff;--toast-text:#323b4a;--toast-feedback-bg:#f4f7fe;--toast-feedback-text:#2f63f7;--toast-feedback-flash:#eaeffe;--toast-search-bg:#ffed00;--toast-shadow:0 8px 18px -6px #1b25361f, 0 12px 28px -4px #1b25361f, 0 1px 16px 4px #1b25360a}.dark-theme{--toast-bg:#282828;--toast-text:#f2f2f2;--toast-feedback-bg:#323b4a;--toast-feedback-text:#7598fa;--toast-feedback-flash:#3b4557;--toast-search-bg:#3e3c24;--toast-shadow:0 8px 18px -6px #0000003d, 0 12px 28px -4px #0003, 0 1px 16px 4px #00000052}.ToastRenderer{z-index:25000;pointer-events:none;height:0;position:fixed;bottom:0;left:0;right:0}.Workspace:has(.Toolbar) .ToastRenderer{left:72px}.ToastRenderer .Toast{left:50%;bottom:calc(var(--index) * 4rem + 1rem);background:var(--toast-bg);max-width:calc(100vw - 120px);color:var(--toast-text);white-space:nowrap;box-shadow:var(--toast-shadow);-webkit-user-select:none;user-select:none;pointer-events:auto;border-radius:.4rem;justify-content:center;align-items:center;gap:.6rem;padding:.8rem 1.2rem .7rem;font-size:1.2rem;line-height:1.7rem;transition:bottom .2s ease-in;animation:.2s ease-out toast-in;display:flex;position:absolute;transform:translate(-50%)}.ToastRenderer .Toast.leaving{animation:.15s ease-in forwards toast-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(1rem)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes toast-out{to{opacity:0;transform:translate(-50%)translateY(1rem)}}.ToastRenderer .Toast.clickable{cursor:pointer}.Toast .toast-icon{position:absolute;left:1rem}.Toast.feedback{background:var(--toast-feedback-bg);color:var(--toast-feedback-text);padding-left:3.8rem}.Toast.read-only{padding-left:3.5rem}.Toast.feedback.clickable:hover{background:var(--toast-feedback-flash)}.Toast.read-only.clickable:hover{background:var(--surface-hover)}.Toast .toast-search-query{background:var(--toast-search-bg);border-radius:.2rem;margin-left:-.2rem;padding:0 .3rem;font-weight:600}.Toast .toast-dismiss{width:1.8rem;height:1.8rem;color:var(--text-tertiary);border-radius:50%;justify-content:center;align-items:center;margin:0 -.4rem 0 .2rem;display:flex}.Toast.search:hover .toast-dismiss{background:var(--hover-tint);color:var(--toast-text)}.Toast .toast-spinner{border:2px solid var(--soft-border);border-top-color:var(--toast-text);border-radius:50%;width:1.2rem;height:1.2rem;animation:.8s linear infinite toast-spin}@keyframes toast-spin{to{transform:rotate(360deg)}}.Toast.error{color:var(--error)}
.ExportUtil{align-items:center}.ExportUtil .header-text-button.active{color:var(--text-secondary)}.header-popup.ExportPopup{width:300px;padding:6px 0;font-size:13px;line-height:18px;top:32px;right:-11px;overflow:visible}.header-popup.ExportPopup:before{right:13px}.export-section{padding:14px 0 12px}.export-section-title{color:var(--text-secondary);margin:0 20px 6px;font-size:12px;font-weight:600;line-height:16px}.export-option{text-align:left;width:100%;color:var(--text-primary);justify-content:space-between;align-items:center;gap:12px;padding:7px 20px;display:flex}.export-option:hover:not(:disabled){background:var(--surface-hover)}.export-option:disabled{cursor:default}.export-option:disabled:not(.generating):not(.downloading){opacity:.5}.export-option-detail{color:var(--text-tertiary)}.export-option-status{color:var(--text-tertiary);flex-shrink:0;font-size:12px}.export-option.failed .export-option-status{color:#e60b0b}.export-checkbox{color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;margin:8px 20px 0;font-size:12px;display:flex}.export-checkbox input{width:14px;height:14px;accent-color:var(--selection);margin:0}.export-zip-button{color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--soft-border);border-radius:4px;margin:4px 20px 0;padding:8px 12px;font-size:13px;font-weight:600}.export-zip-button:hover:not(:disabled){background:var(--surface-hover)}.export-zip-button:disabled{cursor:default;opacity:.6}.export-zip-button.generating,.export-zip-button.downloading{opacity:1;color:var(--text-tertiary)}.export-empty{color:var(--text-tertiary);margin:4px 20px 0}.export-error{color:#e60b0b;margin:0 20px 10px;font-size:12px}@media (max-width:600px){.HeaderUtil.ExportUtil{display:none}}
.Workspace .ImageModalOverlay{z-index:50000;background:#121315eb;flex-direction:column;justify-content:center;align-items:center;gap:0;padding-bottom:8.3rem;display:flex;position:fixed;inset:0}.ImageModal{max-width:calc(100vw - 2.2rem);box-shadow:var(--shadow-2xl);border-radius:.5rem;flex-direction:column;font-size:14px;display:flex;position:relative}.ImageModal .image-container{background:var(--element-secondary);-webkit-user-select:none;user-select:none;border-radius:.5rem;width:100%;position:relative;overflow:hidden}.ImageModal .image-container img{object-fit:contain;width:100%;max-width:none;height:100%;max-height:none;box-shadow:none;-webkit-user-drag:none;display:block;position:absolute;inset:0}.ImageModal .ImageDrawing,.image-draw-surface svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ImageModal:has(.image-modal-caption) .image-container{border-radius:.5rem .5rem 0 0}.image-modal-caption{background:var(--element-bg);color:var(--text-secondary);border-radius:0 0 .5rem .5rem;padding:1.6rem 2.4rem}.ImageModalNavigation{pointer-events:none;z-index:1;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0}.ImageModalNavigation .nav{color:#ffffffd9;pointer-events:all;justify-content:center;align-items:center;width:100px;height:100px;transition:left .3s ease-in-out,right .3s ease-in-out,color .15s;display:flex;position:relative}.ImageModalNavigation .nav:hover{color:#fff}.ImageModalNavigation .nav svg{filter:drop-shadow(0 1px 3px #00000080)}.ImageModalNavigation .nav.left{left:-10rem}.ImageModalNavigation .nav.right{right:-10rem}.ImageModalNavigation.show .nav.left{left:0}.ImageModalNavigation.show .nav.right{right:0}.ImageModal .ModalToolbar{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;height:8.3rem;display:flex;position:absolute;bottom:-8.3rem;left:0;right:0}.ModalToolbarBody{color:#fff;pointer-events:all;white-space:nowrap;background:#2b2d31;border-radius:6px;align-items:center;height:5.2rem;display:flex;box-shadow:0 4px 8px #00000029,0 2px 4px #0003}.app-size-medium .ModalToolbarBody{height:48px}.app-size-small .ModalToolbarBody{height:43px}.ModalToolbarBody.secondary{background:var(--surface);color:var(--text-primary)}.ModalToolbarButton{height:100%;color:inherit;align-items:center;display:flex}.ModalToolbarButton .button-contents{border-right:1px solid #ffffff24;justify-content:center;align-items:center;gap:.4rem;height:100%;padding:0 1.6rem 0 1.1rem;font-size:13px;font-weight:600;display:flex}.ModalToolbarBody.secondary .ModalToolbarButton .button-contents{border-right-color:var(--divider)}.ModalToolbarButton:last-child .button-contents{border-right:0}.ModalToolbarButton:hover:not(:disabled) .button-contents{background:#ffffff14}.ModalToolbarBody.secondary .ModalToolbarButton:hover:not(:disabled) .button-contents{background:var(--hover-tint)}.ModalToolbarButton:first-child .button-contents{border-radius:6px 0 0 6px}.ModalToolbarButton:last-child .button-contents{border-radius:0 6px 6px 0}.ModalToolbarButton:disabled{opacity:.4;cursor:default}.ModalToolbarButton.active .button-contents{background:var(--active-tint)}.ModalToolbarButton.text-only .button-contents{padding:0 1.6rem}.ModalToolbarButton.primary .button-contents{color:var(--brand)}.image-draw-surface{cursor:crosshair;touch-action:none;position:absolute;inset:0}.image-draw-surface.erasing{cursor:cell}.draw-colors-anchor{height:100%;position:relative}.draw-color-dot{border-radius:50%;width:20px;height:20px;box-shadow:inset 0 0 0 1px #00000026}.draw-color-popup{background:var(--surface);box-shadow:var(--shadow-panel);border-radius:6px;grid-template-columns:repeat(7,24px);gap:6px;padding:10px;display:grid;position:absolute;bottom:calc(100% + 8px);left:0}.draw-color{border-radius:50%;width:24px;height:24px;box-shadow:inset 0 0 0 1px #00000026}.draw-color.active{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--text-primary)}.pen-weight .button-contents{min-width:4rem;padding:0 1.1rem}.pen-weight-dot{background:currentColor;border-radius:50%}.crop-container{touch-action:none;background:#111}.crop-canvas{display:block}.crop-box{cursor:move;outline:1px solid #ffffffe6;position:absolute;box-shadow:0 0 0 9999px #0000008c}.crop-guides{pointer-events:none;background:linear-gradient(90deg,#0000 calc(33.33% - .5px),#ffffff59 calc(33.33% - .5px) calc(33.33% + .5px),#0000 calc(33.33% + .5px) calc(66.66% - .5px),#ffffff59 calc(66.66% - .5px) calc(66.66% + .5px),#0000 calc(66.66% + .5px)),linear-gradient(#0000 calc(33.33% - .5px),#ffffff59 calc(33.33% - .5px) calc(33.33% + .5px),#0000 calc(33.33% + .5px) calc(66.66% - .5px),#ffffff59 calc(66.66% - .5px) calc(66.66% + .5px),#0000 calc(66.66% + .5px));position:absolute;inset:0}.crop-handle{background:#fff;border-radius:2px;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute;box-shadow:0 0 0 1px #0000004d}.crop-handle.nw{cursor:nwse-resize;top:0;left:0}.crop-handle.n{cursor:ns-resize;top:0;left:50%}.crop-handle.ne{cursor:nesw-resize;top:0;left:100%}.crop-handle.e{cursor:ew-resize;top:50%;left:100%}.crop-handle.se{cursor:nwse-resize;top:100%;left:100%}.crop-handle.s{cursor:ns-resize;top:100%;left:50%}.crop-handle.sw{cursor:nesw-resize;top:100%;left:0}.crop-handle.w{cursor:ew-resize;top:50%;left:0}.crop-warning{white-space:nowrap;background:var(--surface);color:var(--text-primary);box-shadow:var(--shadow-panel);pointer-events:all;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex;position:absolute;bottom:calc(100% + 12px)}.crop-warning button{background:var(--brand);color:#fff;border-radius:4px;padding:4px 10px;font-weight:600}.image-modal-status{color:#fff;background:#000000bf;border-radius:6px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.image-modal-status .spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite image-modal-spin}@keyframes image-modal-spin{to{transform:rotate(360deg)}}.image-wrap .ImageDrawing{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}
:root{--canvas-bg:#ebedee;--surface:#fff;--surface-hover:#f3f3f4;--text-primary:#323b4a;--text-secondary:#5f6672;--text-tertiary:#767c86;--text-quaternary:#8d929a;--placeholder:#d1d3d6;--header-icon:#a3a7ae;--divider:#00000014;--input-border:#bbbec3;--selection:#323b4a;--brand:#f4511c;--link:#f4511c;--error:#e60b0b;--soft-border:#0000001a;--control-border:#0000001f;--list-placeholder:#0000000a;--marquee:#0000000d;--marquee-border:#5f6672;--hover-tint:#0000000d;--active-tint:#0000000f;--icon-view-bg:#0000000a;--element-bg:#fff;--element-secondary:#f3f3f4;--code-bg:#0000000f;--rule:#bdbdbd;--text-selection:#73b6fe8c;--comment-bg:#f4f7fe;--checkbox-done:#d1d3d6;--modal-overlay:#1b253666;--modal-overlay-strong:#1b2536b3;--logo-bg:#1f2633;--logo-fg:#fff;--line-label-text:#fff;--tool-icon:#323b4a;--tool-label:#0009;--tool-tint:#00000012;--tool-hover-shadow:#333d4e33;--switch-track:#d1d3d6;--switch-track-on:#323b4a;--switch-thumb:#fff;--switch-thumb-on:#fff;--reaction-pill-bg:#e8e9eb;--reaction-pill-text:#5f6672;--reaction-pill-active-bg:#eaeffe;--reaction-pill-active-text:#2f63f7;--tooltip-bg:#323b4a;--tooltip-text:#fff;--emoji-category-active:#000;--emoji-category-disabled:#d1d3d6;--emoji-search-border:#d1d3d6;--color-silver:#bbbec3;--color-charcoal:#5f6672;--color-black:#323b4a;--shadow-xs:0 1px 2px 0 #1b25361a;--shadow-sm:0 1px 2px -1px #1b25361a, 0 1px 4px 0 #1b253614;--shadow-2xl:0 8px 22px -6px #1b25361f, 0 14px 32px -4px #1b253624, 0 2px 20px 4px #1b25360f;--shadow-panel:0 8px 22px -6px #1b25361f, 0 14px 32px -4px #1b253624, 0 2px 20px 4px #1b25360f}.dark-theme{--canvas-bg:#1d1d1d;--surface:#282828;--surface-hover:#333;--text-primary:#f2f2f2;--text-secondary:#bcbcbc;--text-tertiary:#a3a3a3;--text-quaternary:gray;--placeholder:#4e4e4e;--header-icon:gray;--divider:#ffffff14;--input-border:#4e4e4e;--selection:#f2f2f2;--brand:#f4511c;--link:#fb7051;--error:#f75555;--soft-border:#ffffff1a;--control-border:#ffffff1f;--list-placeholder:#0000001f;--marquee:#ffffff1a;--marquee-border:#bcbcbc;--hover-tint:#ffffff14;--active-tint:#ffffff1a;--icon-view-bg:#ffffff0d;--element-bg:#282828;--element-secondary:#333;--code-bg:#0000001a;--rule:#4e4e4e;--text-selection:#688ab5cf;--comment-bg:#323b4a;--checkbox-done:#4e4e4e;--modal-overlay:#00000080;--modal-overlay-strong:#000000b3;--logo-bg:#f2f2f2;--logo-fg:#1d1d1d;--line-label-text:#1d1d1d;--tool-icon:#f2f2f2;--tool-label:#ffffff80;--tool-tint:#ffffff1a;--tool-hover-shadow:#0006;--switch-track:#4e4e4e;--switch-track-on:#f2f2f2;--switch-thumb:#a3a3a3;--switch-thumb-on:#282828;--reaction-pill-bg:#414141;--reaction-pill-text:#bcbcbc;--reaction-pill-active-bg:#323b4a;--reaction-pill-active-text:#7598fa;--tooltip-bg:#282828;--tooltip-text:#fff;--emoji-category-active:#fff;--emoji-category-disabled:#4e4e4e;--emoji-search-border:#4e4e4e;--color-silver:gray;--color-charcoal:#4e4e4e;--color-black:#ccc;--shadow-xs:0 1px 2px 0 #0000003d;--shadow-sm:0 1px 2px -1px #00000029, 0 1px 4px 0 #0000001f;--shadow-2xl:0 8px 22px -6px #0003, 0 14px 32px -4px #0000003d, 0 2px 20px 4px #00000057;--shadow-panel:0 8px 22px -6px #0003, 0 14px 32px -4px #0000003d, 0 2px 20px 4px #00000057}body{background:var(--canvas-bg);overflow:hidden}.Workspace{-webkit-user-select:none;user-select:none;flex-direction:column;font-size:14px;line-height:14px;display:flex;position:fixed;inset:0;overflow:hidden}body.is-dragging,body.is-dragging *{cursor:grabbing!important}body.is-dragging .AppHeader,body.is-dragging .Toolbar .tool-list{pointer-events:none}body.is-dragging .AppHeader .QuickNotesUtil{pointer-events:auto}.AppHeader{z-index:30000;background:var(--surface);box-shadow:var(--shadow-xs);color:var(--text-primary);flex-shrink:0;font-size:12px;line-height:12px;position:relative}.WorkspaceToolsHeader{justify-content:space-between;align-items:center;height:44px;display:flex}.header-left{min-width:0;overflow:hidden}.BreadcrumbList{align-items:center;height:28px;margin:0;padding:0 0 0 5px;list-style:none;display:flex}.BreadcrumbList li{align-items:center;min-width:0;display:flex}.Breadcrumb{color:var(--text-primary);white-space:nowrap;border-radius:3px;align-items:center;min-width:0;margin:0 4px;padding:5px 6px 6px;font-weight:600;text-decoration:none;display:inline-flex}a.Breadcrumb:hover{background:var(--surface-hover)}.Breadcrumb.current{color:var(--text-tertiary)}.Breadcrumb.root.current{color:var(--text-primary)}.breadcrumb-logo{background:var(--logo-bg);border-radius:50%;flex-shrink:0;width:16px;height:16px;margin-right:10px;position:relative}.breadcrumb-logo:after{content:"";border:1.5px solid var(--logo-fg);border-top-width:3px;border-radius:1px;position:absolute;inset:4px}.breadcrumb-icon{border-radius:4px;flex-shrink:0;width:16px;height:16px;margin-right:10px}.breadcrumb-title{text-overflow:ellipsis;max-width:300px;overflow:hidden}.breadcrumb-separator{color:var(--placeholder);font-weight:400}.header-right{flex-shrink:0;align-items:stretch;height:44px;margin-right:14px;display:flex}.HeaderUtil{display:flex;position:relative}.HeaderUtil.divider{border-right:1px solid var(--divider);width:8px;height:24px;margin:10px 3px 0 0}.header-util-button{height:44px;color:var(--header-icon);align-items:center;display:flex;position:relative}.header-util-button-content{align-items:center;margin:0 8px;display:flex}.header-util-button.disabled{opacity:.2;cursor:default}.UndoRedoUtil .header-util-button-content{margin:0 8px 2px}.header-util-button:not(.disabled):hover,.header-util-button.active{color:var(--text-secondary)}.quick-notes-count{color:var(--text-secondary);margin-left:4px;font-size:12px;font-weight:600}.PopupPanel{background:var(--surface);box-shadow:var(--shadow-panel);color:var(--text-primary);z-index:35000;-webkit-user-select:text;user-select:text;border-radius:8px;font-size:14px;line-height:1.4}.header-popup{width:340px;max-height:min(750px,100vh - 150px);position:absolute;top:47px;right:-6px;overflow:auto}.header-popup:before{content:"";background:inherit;border-radius:2px;width:12px;height:12px;position:absolute;top:-6px;right:20px;transform:rotate(45deg)}.popup-divider{background:var(--divider);height:1px}.popup-item{text-align:left;width:100%;padding:10px 20px;font-size:14px;display:block}.popup-item:hover{background:var(--surface-hover)}.account-popup{width:300px}.account-head{align-items:center;gap:14px;padding:20px;display:flex}.avatar{color:#fff;background:#5882f8;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-weight:600;display:flex}.avatar.xl{width:48px;height:48px;font-size:18px}.account-ident{min-width:0}.account-name,.account-email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-name{font-size:15px;font-weight:600}.account-email{color:var(--text-tertiary);font-size:12px}.account-menu{padding:6px 0}.account-foot{color:var(--text-tertiary);padding:12px 20px;font-size:12px}.quick-notes-popup{background:var(--canvas-bg);width:386px}.quick-notes-title{height:50px;color:var(--text-secondary);border-bottom:1px solid var(--divider);justify-content:center;align-items:center;font-size:16px;display:flex}.quick-notes-list{max-height:60vh;padding:1.6rem 1.6rem .8rem;overflow:auto}.QuickNotesUtil.can-drop .header-util-button{box-shadow:inset 0 0 0 2px var(--list-placeholder);border-radius:6px}.QuickNotesUtil.hovered .header-util-button{box-shadow:inset 0 0 0 2px var(--selection)}.quick-notes-empty,.activity-empty{text-align:center;color:var(--text-tertiary);padding:40px 30px}.activity-tabs,.trash-tabs{border-bottom:1px solid var(--divider);color:var(--text-tertiary);gap:20px;padding:16px 20px 0;font-size:13px;font-weight:600;display:flex}.activity-tabs span,.trash-tabs span{padding-bottom:12px}.activity-tabs .active,.trash-tabs .active{color:var(--text-primary);box-shadow:inset 0 -2px 0 var(--text-primary)}.help-popup{width:320px;padding:10px 0}.help-item{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:2px;padding:10px 20px;display:flex}.help-item:hover{background:var(--surface-hover)}.help-item span{color:var(--text-tertiary);font-size:12px}.search-popup{flex-direction:column;width:520px;display:flex;overflow:visible}.search-input{font:inherit;border:1px solid var(--input-border);color:var(--text-primary);background:var(--surface);border-radius:4px;outline:none;margin:16px 16px 8px;padding:10px 12px;font-size:15px}.search-input:focus{border-color:var(--text-primary)}.search-modifiers{color:var(--text-tertiary);border-bottom:1px solid var(--divider);justify-content:space-between;padding:0 20px 10px;font-size:12px;display:flex}.search-results{max-height:480px;padding:6px 0;overflow:auto}.search-result{text-align:left;gap:12px;width:100%;padding:10px 20px;display:flex}.search-result.focused{background:var(--surface-hover)}.search-board-icon{border-radius:8px;flex-shrink:0;width:32px;height:32px}.search-result-body{flex-direction:column;gap:3px;min-width:0;display:flex}.search-result-title{font-size:14px;font-weight:600}.search-hit{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.search-hit.more{color:var(--text-tertiary)}.search-empty{text-align:center;color:var(--text-tertiary);flex-direction:column;gap:4px;padding:40px 20px;display:flex}.CurrentBoardHeader{align-items:center;height:50px;margin-top:-4px;display:flex}.CurrentBoardHeader .header-left{flex-shrink:1;width:400px;padding-top:2px}.SavingFeedback{color:var(--text-tertiary);padding:0 0 1px 18px;transition:opacity .3s}.SavingFeedback.hidden{opacity:0}.CurrentBoardHeader .header-center{flex:1;justify-content:center;min-width:0;display:flex}.CurrentBoardHeaderTitle{min-width:0;max-width:1000px}.board-header-title{letter-spacing:-.2px;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;cursor:text;-webkit-user-select:text;user-select:text;outline:none;padding:5px;font-size:23px;font-weight:600;line-height:30px;overflow:hidden}.board-header-title.editing{white-space:normal;background:var(--surface)}.CurrentBoardHeader .header-right{justify-content:flex-end;align-items:center;gap:0;width:400px;height:26px;margin:2px 14px 0 0}.HeaderShareButton{color:var(--text-primary);align-items:center;gap:8px;margin-left:10px;font-size:12px;font-weight:600;display:flex}.header-text-button{color:var(--text-primary);align-items:center;gap:4px;margin-left:22px;font-size:12px;font-weight:600;line-height:16px;display:flex}.header-text-button.view{margin-left:18px}.WorkspacePositioner{flex:1;min-height:0;display:flex;position:relative}.Main{flex:1;min-width:0;display:flex;position:relative}.Toolbar{z-index:20000;background:var(--canvas-bg);width:72px;box-shadow:1px 0 0 0 var(--divider);color:var(--text-primary);flex-direction:column;flex-shrink:0;min-height:0;padding-top:3px;font-size:10px;line-height:10px;display:flex;position:relative}body.app-size-medium .Toolbar,body.app-size-small .Toolbar{width:63px}.tool-list{flex-direction:column;padding-top:10px;display:flex}.Tool{width:100%;color:var(--tool-label);cursor:grab;touch-action:none;padding:9px 0 8px;display:block;position:relative}.ToolbarTool{cursor:pointer}.Tool .contents{flex-direction:column;align-items:center;transition:transform .1s ease-in-out;display:flex}.ElementTool:hover .contents{transform:translate(5px)}.ElementTool:hover .icon svg{filter:drop-shadow(-3px 2px 4px var(--tool-hover-shadow))}.Tool .icon{justify-content:center;align-items:center;display:flex}.tool-name{color:var(--tool-label);text-align:center;white-space:nowrap;max-width:74px;margin-top:6px;font-size:10px;line-height:10px}.ToolbarTool .tool-name{margin-top:5px}.Tool.bounce .contents{animation:.4s ease-out tool-bounce}@keyframes tool-bounce{0%{transform:translate(0)}30%{transform:translate(10px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}to{transform:translate(0)}}.tool-tooltip{background:var(--surface);color:var(--text-primary);box-shadow:var(--shadow-panel);white-space:nowrap;pointer-events:none;border-radius:3px;padding:5px 10px 6px;font-size:12px;line-height:14px;animation:.15s .2s both fade-in;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.MoreTool{justify-content:center;display:flex;position:relative}.MoreTool .Tool{width:32px;padding:9px 0 8px}.toolbar-popup{background:var(--canvas-bg);box-shadow:var(--shadow-panel);border-radius:8px;grid-template-columns:repeat(2,72px);gap:8px 16px;padding:12px 16px;display:grid;position:absolute;top:-20px;left:calc(100% + 15px)}.color-dot{background:conic-gradient(#ff5757,#ffd14d,#7cd651,#4ebafd,#ad6fff,#ff5757);border-radius:4px;width:32px;height:32px;display:block}.ToolSeparator{justify-content:center;margin:2px 0;padding:9px 0 8px;display:flex}.separator-line{background:var(--divider);width:32px;height:1px}.Trash{margin-top:auto;padding:5px 0 20px;position:relative}.Trash .Tool{padding-top:17px}.Trash.drop-hover .icon{filter:brightness(60%)}.TrashPopup{background:var(--canvas-bg);flex-direction:column;width:382px;height:min(480px,100vh - 160px);font-size:14px;line-height:14px;display:flex;position:absolute;bottom:10px;left:calc(100% + 12px)}.trash-list{flex:1;padding:0 21px 10px;overflow:auto}.trash-day{color:var(--text-tertiary);margin:16px 0 10px;font-size:12px;font-weight:600}.trash-item{text-align:left;width:100%;margin-bottom:8px;font-size:14px;line-height:14px;display:block}.trash-item>*{pointer-events:none}.trash-empty{text-align:center;color:var(--text-tertiary);padding:60px 20px}.trash-footer{border-top:1px solid var(--divider);text-align:center;padding:8px}.trash-footer button{color:var(--text-secondary);font-size:12px}.trash-confirm{background:var(--canvas-bg);text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:30px;line-height:1.4;display:flex;position:absolute;inset:0}.trash-confirm button{border-radius:4px;width:150px;padding:8px}.trash-confirm button.primary{background:var(--brand);color:#fff;font-weight:600}.CanvasViewport{overscroll-behavior:none;background:var(--canvas-bg);flex:1;position:relative;overflow:auto}body.is-dragging .CanvasViewport{overflow:hidden}.canvas-document{min-width:100%;min-height:100%;position:relative}.grid{pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Crect width='2' height='2' fill='%23000' fill-opacity='0.051'/%3E%3C/svg%3E");background-position:-2px -2px;background-size:1rem 1rem;position:absolute;inset:0}.dark-theme .grid{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Crect width='2' height='2' fill='%23fff' fill-opacity='0.06'/%3E%3C/svg%3E")}.CanvasElement{position:absolute;transform:translate(0,0)}.LinesLayer{pointer-events:none;position:absolute;inset:0;overflow:visible}.LinesLayer g{pointer-events:auto;cursor:pointer}.SelectionMarquee{border:1px solid var(--marquee-border);background:var(--marquee);pointer-events:none;z-index:100000;position:absolute}.drop-shadow-target{background:var(--list-placeholder);pointer-events:none;position:absolute}.DragLayer{pointer-events:none;z-index:40000;position:fixed;inset:0}.drag-item{font-size:1.4rem;line-height:1.4rem;position:absolute}.drag-item.lifted>.element-frame:not(.Board):not(.Task),.drag-item.lifted>.Board .BoardIcon{box-shadow:var(--shadow-2xl)}.drag-item.lifted>.element-frame:after{display:none}.element-frame{background:var(--element-bg);color:var(--text-primary);position:relative}.element-frame:before{content:"";pointer-events:none;z-index:3;border:2px solid #0000;transition:inset .1s ease-out;position:absolute;inset:-2px}.element-frame.selected:before{border-color:var(--selection)}.element-frame.selected.editing:before{inset:0}.element-frame.on-canvas:after{content:"";box-shadow:var(--shadow-xs), 0 0 0 1px var(--canvas-bg);pointer-events:none;position:absolute;inset:0}.element-frame.on-canvas.selected:after{box-shadow:none}.element-frame.in-list:after{content:"";border:1px solid var(--soft-border);pointer-events:none;position:absolute;inset:-1px}.ColorBar{z-index:2;height:5px;position:absolute;top:0;left:0;right:0}.rich-text{letter-spacing:-.1px;color:var(--text-primary);font-size:1.4rem;line-height:2rem}.rich-text :is(.rich-text-static,.ProseMirror) :is(p,h1,h2,h3,li,blockquote){white-space:break-spaces;overflow-wrap:break-word}.rich-text p{min-height:2rem;margin:0 0 1rem}.rich-text h1{letter-spacing:-.2px;margin:1.5rem 0;font-size:2rem;font-weight:600;line-height:3rem}.rich-text h2{letter-spacing:-.1px;margin:1.6rem 0 .9rem;font-size:1.6rem;font-weight:600;line-height:2.5rem}.rich-text :is(.rich-text-static,.ProseMirror)>h1:first-child{margin-top:-.6rem}.rich-text :is(.rich-text-static,.ProseMirror)>h1:last-child{margin-bottom:.6rem}.rich-text :is(.rich-text-static,.ProseMirror)>h2:first-child{margin-top:-.4rem}.rich-text h1+h1{margin-top:2rem}.rich-text h2+h2{margin-top:1.5rem}.rich-text h1+h2{margin-top:-.4rem}.rich-text .callout{background:color-mix(in oklch, var(--element-bg) 94%, #323b4a 6%);border-radius:.2857em;margin:2rem .4rem 2rem 0;padding:1rem 1rem 0 0;display:flex}.rich-text :is(.rich-text-static,.ProseMirror)>.callout:first-child{margin-top:0}.rich-text :is(.rich-text-static,.ProseMirror)>.callout:last-child{margin-bottom:1rem}.rich-text .callout+p{margin-top:1rem}.rich-text .callout-icon{-webkit-user-select:none;user-select:none;flex-shrink:0;padding:.1rem .6rem 0 1.1rem;font-size:1.6rem;line-height:2rem}.rich-text .callout-content{min-width:1em;margin-left:.3rem;overflow:hidden}.rich-text strong{font-weight:700}.rich-text ul,.rich-text ol{margin:0 0 0 1.5rem;padding-left:0}.rich-text ul{list-style:outside}.rich-text ol{list-style:decimal}.rich-text li>p{margin:0 0 1rem 1.2rem}.rich-text li ul,.rich-text li ol{margin-left:2.7rem}.rich-text li{padding-left:0}.rich-text ul[data-type=taskList]{padding-left:0;list-style:none}.rich-text ul[data-type=taskList] li{gap:1rem;padding:0;display:flex}.rich-text ul[data-type=taskList] li>label{margin-top:.2rem}.rich-text ul[data-type=taskList] li[data-checked=true]{color:var(--text-quaternary)}.rich-text blockquote{border-left:2px solid var(--text-secondary);margin:1.5rem 0;padding:.5rem 0 .5rem 1.4rem;font-style:italic}.rich-text blockquote p:last-child{margin-bottom:0}.rich-text code{background:var(--code-bg);border-radius:.5em;padding:0 .6em .1em;font-family:Roboto Mono,Menlo,Courier New,monospace;font-size:1.2rem}.rich-text pre{background:var(--code-bg);border-radius:3.4px;margin:1.5rem 0;padding:.5rem 1rem;overflow-x:auto}.rich-text pre code{background:0 0;padding:0}.rich-text hr{border:0;border-top:1px solid var(--rule);margin:1rem 0 1.9rem}.rich-text a{color:var(--link);text-decoration:underline}.rich-text .ProseMirror a{color:inherit}.rich-text mark{color:#323b4a;background:#c9f201;padding:1.5px 0}.rich-text .placeholder,.rich-text p.is-editor-empty:first-child:before{color:var(--placeholder)}.rich-text p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;pointer-events:none;height:0}.ProseMirror{-webkit-user-select:text;user-select:text;cursor:text;outline:none}.ProseMirror ::selection{background:var(--text-selection)}.element-frame.in-list:not(.Board):not(.Document):not(.File):not(.Alias),.element-frame.in-list.File.detail-view{border:1px solid var(--column-bg,var(--element-bg))}.Card.in-list{padding:1px 0}.Card.on-canvas{min-height:5.8rem}.card-text{padding:2.4rem 2.01rem 1.4rem 2.4rem}.Card.editing{cursor:text}.EditableTitle{letter-spacing:-.2px;color:var(--text-primary);word-break:break-word;font-weight:600;line-height:2rem;position:relative}.EditableTitle.empty .title-text{color:var(--text-primary)}.title-input{-webkit-user-select:text;user-select:text;cursor:text;background:var(--surface);outline:none;min-width:2rem}.title-input:empty:before{content:attr(data-placeholder);color:var(--placeholder)}.Board{background:0 0}.Board:after{display:none}.Board.on-canvas .IconView{flex-direction:column;align-items:center;padding:.9rem 1rem 1rem;display:flex}.Board.on-canvas .details-container{text-align:center;flex-direction:column;align-items:center;width:18rem;margin-top:.6rem;display:flex}.Board.on-canvas .board-title{text-align:center;margin-bottom:.3rem;padding:.3rem .3rem .2rem;font-size:1.5rem}.Board .BoardIcon{justify-content:center;align-items:center;display:flex;position:relative}.Board.on-canvas .BoardIcon{border-radius:1.6rem!important;width:7.2rem!important;height:7.2rem!important}.Board.in-list .BoardIcon{border-radius:1.33rem!important;width:6rem!important;height:6rem!important}.Board.selected:before{display:none}.Board.selected .BoardIcon:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 2px var(--selection);position:absolute;inset:0}.Board.drop-target .BoardIcon{filter:brightness(80%);box-shadow:var(--shadow-sm);transition:transform .2s cubic-bezier(.595,.235,.085,1.245),filter .2s;transform:scale(1.1)}.Board .BoardIcon{transition:transform .2s cubic-bezier(.595,.235,.085,1.245),filter .2s}.secondary-details{min-height:1.4rem;color:var(--text-quaternary);font-size:1.2rem;line-height:1.2rem}.Board.in-list{background:0 0}.Board.in-list:after,.File.in-list:after,.Document.in-list:after{display:none}.in-list .IconView{align-items:center;padding:1.6rem 2.4rem;display:flex;position:relative}.in-list .IconView .background{background:var(--icon-view-bg);position:absolute;inset:0}.in-list .details-container{flex-direction:column;min-width:0;margin-left:1rem;padding:.8rem 0 .7rem;display:flex;position:relative}.in-list .board-title,.in-list .document-title,.in-list .file-name{margin:-.5rem 0 .3rem .2rem;padding:.3rem .3rem .2rem;font-size:1.5rem}.in-list .secondary-details{color:var(--text-secondary);min-height:1.2rem;margin-left:.5rem}.Column{padding-top:1.7rem}.Column .title-container{justify-content:center;padding-bottom:.4rem;display:flex}.column-title{letter-spacing:0;text-align:center;padding:0 2.4rem;font-size:1.8rem;line-height:2.5rem}.ElementContentsTag{text-align:center;color:var(--text-quaternary);padding-bottom:2rem;font-size:1.2rem;line-height:1.2rem}.ListContainer{padding:0 .8rem}.List{min-height:1.6rem;position:relative}.ListElement{padding-bottom:.8rem}.list-placeholder{background:var(--list-placeholder);margin-bottom:.8rem}.Column .List:empty{padding-bottom:.8rem}.Column .List:empty:before{content:"";background:var(--list-placeholder);height:7.2rem;display:block}.TaskList{padding-bottom:1.8rem}.TaskList.in-list{padding:1px 0 1.9rem}.TaskList .TitleEditor{padding:1.9rem 2.4rem .6rem}.task-list-title{font-size:1.6rem;line-height:2rem}.TaskList:not(.show-title){padding-top:1.4rem}.task-list-items .ListElement{padding-bottom:0}.Task{background:var(--element-bg);padding-left:1.2rem;display:flex}.Task .Checkbox{cursor:pointer;align-items:flex-start;padding:.6rem .6rem .6rem 1.2rem;display:flex}.Task .Checkbox svg{width:1.6rem;height:1.6rem}.Task .Checkbox .box{fill:var(--element-bg);stroke:var(--text-primary)}.Task.complete .Checkbox .box{fill:var(--checkbox-done);stroke:var(--checkbox-done)}.Task .Checkbox .tick{fill:none;stroke:#fff;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.Task .task-body{flex:1;min-width:0;padding-right:2.4rem}.Task .task-body :is(.rich-text-static,.ProseMirror){padding:.4rem .4rem .6rem}.Task .task-body p{margin:0}.Task.complete .task-body,.Task.complete .task-body .rich-text-static *{color:var(--text-quaternary)}.Link .link-image img{object-fit:cover;width:100%;max-height:40rem;display:block}.link-header{color:var(--text-quaternary);align-items:center;gap:1.2rem;min-width:0;padding:2.5rem 2.4rem 1.2rem;font-size:1.2rem;line-height:1.6rem;display:flex}.link-favicon{border-radius:2px;flex-shrink:0;width:1.6rem;height:1.6rem}.link-favicon.placeholder{border:1.5px solid var(--text-quaternary);border-radius:50%}.link-url{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.link-title{letter-spacing:-.2px;color:var(--link);word-break:break-word;padding:0 2.4rem 2.5rem;font-size:1.5rem;font-weight:600;line-height:2rem;text-decoration:underline;display:block}.link-description{color:var(--text-primary);margin-top:-1.3rem;padding:.3rem 2.4rem 2rem;font-size:1.2rem;line-height:2rem}.link-input form{align-items:center;padding:0 0 0 2.4rem;display:flex}.link-input-icon{border:1.5px solid var(--text-quaternary);border-radius:50%;flex-shrink:0;width:1.6rem;height:1.6rem}.link-input input{font:inherit;color:var(--text-primary);background:0 0;border:0;outline:none;flex:1;padding:2.4rem 2.4rem 2.4rem 1.2rem;font-size:1.4rem;line-height:2rem}.link-input input::placeholder{color:var(--placeholder)}.Image:after{box-shadow:var(--shadow-xs)!important}.image-wrap{background:var(--element-secondary);position:relative;overflow:hidden}.image-wrap img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.image-wrap.contain img{object-fit:contain}.image-loading{color:var(--text-quaternary);justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:absolute;inset:0}.image-caption{padding:2rem 2.4rem;font-size:1.2rem}.image-caption p{margin:0}.File,.Document{background:0 0}.File.on-canvas:after,.Document.on-canvas:after{display:none}.File.on-canvas .IconView,.Document.on-canvas .IconView{flex-direction:column;align-items:center;padding:.9rem 1rem 1rem;display:flex}.File.on-canvas .secondary-details,.Document.on-canvas .secondary-details{min-height:1.2rem}.document-title{letter-spacing:-.2px;margin-bottom:.3rem;padding:.3rem .3rem .2rem;font-size:1.5rem;font-weight:600;line-height:2rem}.File.on-canvas .details-container,.Document.on-canvas .details-container{text-align:center;flex-direction:column;align-items:center;width:18rem;margin-top:.6rem;display:flex}.file-icon{box-sizing:border-box;background:var(--element-bg);clip-path:polygon(0 0,70% 0,100% 22%,100% 100%,0 100%);filter:drop-shadow(0 1px 1px #1b25361a);width:5.6rem;height:7.2rem;color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--control-border);justify-content:center;align-items:flex-end;padding-bottom:.8rem;font-size:1rem;font-weight:700;display:flex}.file-name{letter-spacing:-.2px;color:var(--text-primary);word-break:break-word;margin-bottom:.3rem;padding:.3rem .3rem .2rem;font-size:1.5rem;font-weight:600;line-height:2rem;text-decoration:none;display:block}.document-icon{filter:drop-shadow(0 1px 1px #1b25361a)drop-shadow(0 1px 2px #1b253614)}.document-icon svg{width:4.8rem;height:6rem;display:block}.Document.on-canvas .document-icon svg{width:5.6rem;height:7.2rem}.in-list .file-icon{width:4.8rem;height:6rem}.File.selected:before,.Document.selected:before{display:none}.File.selected .file-icon,.Document.selected .document-icon{outline:2px solid var(--selection)}.File.detail-view{background:var(--element-bg)}.File.detail-view.on-canvas:after,.File.detail-view.in-list:after{display:block}.File.detail-view.in-list:after{box-shadow:none}.File.detail-view.selected:before{display:block}.file-preview{background:var(--element-bg);position:relative;overflow:hidden}.file-preview.video{background:#1b2536}.file-preview img,.file-preview video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.file-preview video{object-fit:contain;background:#000}.file-play{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;inset:0}.file-play .circle{background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:5.6rem;height:5.6rem;display:flex}.file-play svg{margin-left:.4rem}.file-preview-unavailable{background:var(--element-secondary);min-height:16rem}.file-metadata{padding:2.5rem 2.4rem;line-height:2.1rem;display:flex}.file-glyph{flex-shrink:0;width:3.2rem;height:4rem}.file-details{flex-direction:column;min-width:0;margin:-.1rem 0 0 1.2rem;padding-top:.3rem;display:flex}.file-detail-title{letter-spacing:-.2px;color:var(--text-primary);word-wrap:break-word;overflow-wrap:anywhere;margin:-.4rem 0 .4rem;font-size:1.5rem;font-weight:600;line-height:2rem}.file-secondary{color:var(--text-quaternary);flex-wrap:wrap;margin:-.15rem 0 .15rem;font-size:1.2rem;line-height:1.8rem;display:flex}.file-secondary a,.file-secondary span{white-space:pre;color:inherit}.file-secondary a{text-decoration:underline}.ColorSwatch .swatch-area{position:relative;overflow:hidden}.ColorSwatch .swatch{position:absolute;inset:0}.swatch-label{color:#323b4a;padding:2rem 2.4rem;font-size:1.4rem;font-weight:600;position:absolute;top:0;left:0}.CommentThread{background:var(--comment-bg);padding:.4rem 0}.comment-meta{color:var(--text-quaternary);margin-bottom:.4rem;font-size:1.2rem}.comment-text{white-space:pre-wrap;-webkit-user-select:text;user-select:text;font-size:1.2rem;line-height:2rem}.comment-input{margin:1.6rem 2.4rem 1.6rem .8rem}.comment-input textarea{resize:none;width:100%;font:inherit;color:var(--text-primary);background:0 0;border:0;outline:none;padding:.4rem 1rem;font-size:1.2rem;line-height:2rem}.ghost .ProseMirror{pointer-events:none}.DocumentModalOverlay{z-index:50000;background:var(--modal-overlay);justify-content:center;padding:40px 20px;display:flex;position:fixed;inset:0;overflow:auto}.DocumentModal{background:var(--surface);width:100%;max-width:760px;min-height:80vh;box-shadow:var(--shadow-panel);-webkit-user-select:text;user-select:text;border-radius:4px;padding:64px 80px;position:relative}.modal-close{color:var(--text-tertiary);position:absolute;top:20px;right:20px}.document-title .EditableTitle{margin-bottom:2.4rem;font-size:3.2rem;line-height:4rem}.document-body .ProseMirror{min-height:50vh}.context-tools{padding-top:0}.ToolbarBack{width:100%;height:25px;color:var(--text-secondary);border-bottom:1px solid var(--divider);justify-content:center;align-items:center;margin-bottom:10px;animation:.1s fade-in;display:flex}.ToolbarBack:hover{color:var(--text-primary)}.context-tool .icon{width:32px;height:32px;color:var(--text-primary);border-radius:4px}.context-tool.active .icon{background:var(--text-primary);color:var(--element-bg)}.context-tool.disabled{cursor:default}.context-tool.disabled .icon{opacity:.2}.context-tool:not(.disabled):not(.active):hover .icon{background:var(--hover-tint)}.glyph-text{font-size:18px;font-style:normal;font-weight:700;line-height:18px;text-decoration:none}.glyph-text.serif{font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:400}s.glyph-text{font-weight:500;text-decoration:line-through}.text-style-icon{background:var(--element-bg);width:32px;height:28px;box-shadow:0 0 0 1px var(--control-border);border-radius:4px;justify-content:center;align-items:center;font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:700;line-height:20px;display:flex;position:relative}.text-style-icon .dot{background:conic-gradient(#ff5757,#ffd14d,#7cd651,#4ebafd,#ad6fff,#ff5757);border-radius:50%;width:7px;height:7px;position:absolute;bottom:6px;right:7px}.color-tool-swatch{width:32px;height:28px;box-shadow:inset 0 0 0 1px var(--control-border);border-radius:4px;display:block}.tool-with-popup{position:relative}.tool-with-popup.more{justify-content:center;display:flex}.context-more{width:32px}.toolbar-side-popup{z-index:35000;background:var(--surface);box-shadow:var(--shadow-panel);min-width:200px;color:var(--text-primary);cursor:default;border-radius:8px;padding:12px 0;font-size:14px;line-height:1.4;position:absolute;top:0;left:calc(100% + 12px)}.tool-with-popup.more .toolbar-side-popup{left:calc(50% + 48px)}.popup-heading{color:var(--text-tertiary);padding:0 16px 10px;font-size:12px;font-weight:600}.color-grid{grid-template-columns:repeat(6,28px);gap:8px;padding:0 16px 4px;display:grid}.color-option{width:28px;height:28px;box-shadow:inset 0 0 0 1px var(--soft-border);border-radius:50%;position:relative}.color-option.active{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--text-primary)}.color-default-slash{background:#f52929;width:1.5px;position:absolute;top:4px;bottom:4px;left:50%;transform:rotate(45deg)}.icon-popup{width:290px}.icon-popup .popup-item{color:var(--text-secondary);padding:8px 16px 0;font-size:13px}.icon-grid{grid-template-columns:repeat(6,36px);gap:6px;max-height:300px;padding:0 16px 4px;display:grid;overflow:auto}.icon-option{border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.icon-option:hover,.icon-option.active{background:var(--surface-hover)}.text-style-popup{width:250px;padding:8px 0}.text-style-item{justify-content:space-between;align-items:center;width:100%;padding:7px 16px;font-size:14px;display:flex}.text-style-item:hover{background:var(--surface-hover)}.text-style-item.h1 span:first-child{font-size:20px;font-weight:600}.text-style-item.h2 span:first-child{font-size:16px;font-weight:600}.text-style-item.code span:first-child{font-family:Roboto Mono,Menlo,monospace;font-size:12px}.text-style-item.quote span:first-child{font-style:italic}.shortcut{color:var(--text-quaternary);font-size:12px}.text-color-row{gap:6px;padding:8px 16px 0;display:flex}.text-color,.highlight-color{width:28px;height:28px;box-shadow:inset 0 0 0 1px var(--soft-border);border-radius:4px;font-size:15px;font-weight:700}.more-popup{min-width:180px;padding:6px 0}.more-popup .popup-item{justify-content:space-between;padding:8px 16px;display:flex}.Card.colored.on-canvas:after{box-shadow:var(--shadow-xs)}.Card.colored,.Column.colored>.title-container,.Column.colored>.ElementContentsTag{--text-primary:#323b4a;--text-quaternary:#0006;--placeholder:#0003;--rule:#0003}.Card.colored.on-dark{--text-primary:#fff;--text-quaternary:#ffffff80;--placeholder:#ffffff4d;--rule:#ffffff4d}.Card.colored .rich-text a{color:inherit}.dark-theme .Column.colored>.title-container .title-input{background:0 0}.ElementResizeHandle{box-sizing:content-box;cursor:nwse-resize;opacity:0;z-index:5;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M14 6 6 14M14 10l-4 4' stroke='%238d929a' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E") 100% 100% no-repeat;width:16px;height:16px;padding:10px 0 0 10px;transition:opacity .1s linear;position:absolute;bottom:-1px;right:-1px}.CanvasElement:hover>.ElementResizeHandle,body.is-resizing .ElementResizeHandle{opacity:1}.CanvasElement:has(>.selected)>.ElementResizeHandle{opacity:1}body.is-dragging .ElementResizeHandle{opacity:0!important}body.is-resizing,body.is-resizing *{cursor:nwse-resize!important}.canvas-sizer{min-width:100%;min-height:100%;position:relative}.canvas-document{transform-origin:0 0}.grid{transition:opacity .6s linear}.grid.hidden{opacity:0}.ZoomToast{z-index:20;background:var(--surface);color:var(--text-primary);box-shadow:var(--shadow-panel);border-radius:6px;padding:8px 14px;font-size:13px;font-weight:600;position:fixed;bottom:24px;left:calc(50% + 36px);transform:translate(-50%)}.Main{position:relative}body.grab-mode .CanvasViewport,body.grab-mode .CanvasViewport *{cursor:grab!important}body.grabbing,body.grabbing *{cursor:grabbing!important}.drag-item{transform-origin:0 0}.UnsortedButton{z-index:15;background:var(--canvas-bg);box-shadow:0 0 0 1px var(--soft-border), var(--shadow-xs);color:var(--text-quaternary);border-radius:4px;padding:7px 10px;font-size:12px;position:absolute;top:12px;right:26px}.UnsortedButton strong{color:var(--text-secondary)}.UnsortedPanel{background:var(--canvas-bg);width:37.9rem;box-shadow:-1px 0 0 0 var(--divider);z-index:10000;flex-direction:column;flex-shrink:0;display:flex}.UnsortedPanel.drop-hover{box-shadow:inset 0 0 0 2px var(--text-primary)}.unsorted-header{height:50px;color:var(--text-secondary);border-bottom:1px solid var(--divider);justify-content:space-between;align-items:center;padding:0 20px;font-size:15px;font-weight:600;display:flex}.unsorted-list{flex:1;padding:16px 2rem;overflow:auto}.unsorted-list .element-frame.in-list:after{box-shadow:var(--shadow-xs), 0 0 0 1px var(--canvas-bg);border:0;inset:0}.unsorted-empty{text-align:center;color:var(--text-tertiary);padding:40px 20px;font-size:13px}.ContextMenu{z-index:50000;width:230px;padding:6px 0;font-size:13px;position:fixed}.context-menu-item{text-align:left;justify-content:space-between;align-items:center;width:100%;padding:6px 16px;display:flex}.context-menu-item:hover:not(:disabled){background:var(--surface-hover)}.context-menu-item:disabled{color:var(--text-quaternary);cursor:default}.ContextMenu .popup-divider{margin:5px 0}.LinesLayer{z-index:1}.LinesLayer g.line{cursor:pointer}.line-handle{fill:var(--surface);stroke:var(--divider);stroke-width:.5px;filter:drop-shadow(0 1px 2px #1b25361a);cursor:grab;pointer-events:all}.line-handle.docked{stroke:var(--surface);stroke-width:1.5px}.line-label{max-width:150px;color:var(--line-label-text);text-align:center;white-space:nowrap;text-overflow:ellipsis;border-radius:4px;padding:2px 5px;font-size:12px;font-weight:600;line-height:1.3;display:inline-block;position:relative;left:50%;overflow:hidden;transform:translate(-50%)}.QuickLineTool{z-index:6;opacity:0;cursor:crosshair;width:30px;height:30px;transition:opacity .1s linear;position:absolute;top:-15px;right:-15px}.QuickLineTool:before{content:"";background:var(--surface);width:16px;height:16px;box-shadow:0 0 0 1px var(--divider), var(--shadow-xs);border-radius:50%;transition:transform .1s ease-out;position:absolute;top:7px;left:7px;transform:scale(.5)}.QuickLineTool:hover:before{transform:scale(1)}.CanvasElement:hover>.QuickLineTool{opacity:1}body.is-dragging .QuickLineTool,body.is-resizing .QuickLineTool{display:none}.line-popup{width:220px}.line-options{gap:6px;padding:0 16px 12px;display:flex}.line-option{box-shadow:inset 0 0 0 1px var(--soft-border);border-radius:4px;flex:1;padding:5px 0;font-size:12px}.line-option.active{background:var(--text-primary);color:var(--element-bg)}.CanvasViewport.drawing-mode,.CanvasViewport.drawing-mode *{cursor:crosshair!important}.annotation-live{pointer-events:none;z-index:50;position:absolute;inset:0;overflow:visible}.Annotation svg{display:block}.Annotation.selected{outline:2px solid var(--selection);outline-offset:2px}.Sketch{overflow:hidden}.sketch-canvas{width:100%;position:relative}.sketch-svg{width:100%;height:100%;position:absolute;inset:0}.sketch-empty{height:20.8rem;color:var(--text-quaternary);flex-direction:column;justify-content:center;align-items:center;gap:.8rem;font-size:1.2rem;display:flex}.drawing-tools{grid-template-columns:repeat(2,24px);justify-content:center;gap:8px;padding:4px 0 10px;display:grid}.drawing-sep,.sketch-sep{background:var(--divider);grid-column:1/-1;height:1px;margin:4px 0}.pen-color{width:24px;height:24px;box-shadow:inset 0 0 0 1px var(--control-border);border-radius:50%}.pen-color.active{box-shadow:0 0 0 2px var(--canvas-bg), 0 0 0 4px var(--text-primary)}.pen-size{border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.pen-size span{background:var(--text-primary);border-radius:50%}.pen-size.active{background:var(--active-tint)}.SketchModalOverlay,.ImageModalOverlay{z-index:50000;background:var(--modal-overlay-strong);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.SketchModal{background:var(--surface);box-shadow:var(--shadow-panel);border-radius:8px;padding:16px}.sketch-toolbar{align-items:center;gap:8px;margin-bottom:12px;display:flex}.sketch-toolbar .sketch-sep{width:1px;height:24px;margin:0 4px}.sketch-spacer{flex:1}.sketch-btn{box-shadow:inset 0 0 0 1px var(--soft-border);border-radius:4px;padding:6px 12px;font-size:13px}.sketch-btn.primary{background:var(--brand);color:#fff;box-shadow:none;font-weight:600}.sketch-surface{box-shadow:inset 0 0 0 1px var(--soft-border);cursor:crosshair;touch-action:none;position:relative;overflow:hidden}.ImageModalOverlay{background:#000000d9;flex-direction:column;gap:12px}.ImageModalOverlay img{object-fit:contain;max-width:92vw;max-height:86vh;box-shadow:var(--shadow-2xl)}.image-modal-name{color:#fff;opacity:.8;font-size:13px}.icon-container{position:relative}.alias-badge{filter:drop-shadow(0 1px 1px #1b25362e);position:absolute;bottom:-2px;left:-2px}.ModalOverlay{z-index:50000;background:var(--modal-overlay);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.ShareModal{background:var(--surface);width:881px;max-width:100%;min-height:540px;box-shadow:var(--shadow-panel);color:var(--text-primary);-webkit-user-select:text;user-select:text;border-radius:8px;font-size:14px;line-height:20px;display:flex;position:relative}.share-column{width:440px;padding:40px}.share-column.right{border-left:1px solid var(--divider)}.share-column h2{margin:0 0 8px;font-size:21px;font-weight:600;line-height:28px}.share-column h3{color:var(--text-secondary);margin:24px 0 8px;font-size:12px;font-weight:600}.share-explain{color:var(--text-tertiary);margin:0}.invite-row{gap:8px;display:flex}.invite-row input,.public-url input{border:1px solid var(--input-border);min-width:0;font:inherit;color:var(--text-primary);background:var(--surface);border-radius:4px;outline:none;flex:1;padding:8px 10px;font-size:13px}.role-select{font:inherit;border:1px solid var(--input-border);background:var(--surface);color:var(--text-primary);border-radius:4px;padding:0 6px;font-size:12px}.ShareModal button{box-shadow:inset 0 0 0 1px var(--control-border);white-space:nowrap;border-radius:4px;padding:8px 12px;font-size:13px;font-weight:600}.ShareModal button.primary{background:var(--brand);color:#fff;box-shadow:none}.ShareModal button:disabled{opacity:.5}.ShareModal .modal-close{box-shadow:none;padding:4px;position:absolute;top:16px;right:16px}.share-error{color:var(--error);margin:6px 0 0;font-size:12px}.editor-list{margin:0;padding:0;list-style:none}.editor-list li{align-items:center;gap:12px;padding:8px 0;display:flex}.editor-name{flex-direction:column;flex:1;min-width:0;font-weight:600;display:flex}.editor-name small{color:var(--text-tertiary);text-overflow:ellipsis;font-size:12px;font-weight:400;overflow:hidden}.editor-role{color:var(--text-tertiary);font-size:12px}.avatar.pending{background:var(--color-silver)}.publish-status{background:var(--surface-hover);border-radius:6px;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding:14px 16px;display:flex}.public-url{gap:8px;display:flex}.preview-link{color:var(--link);margin:10px 0 16px;font-size:13px;display:inline-block}.share-toggle{align-items:center;gap:10px;padding:6px 0;font-size:13px;display:flex}.header-right.guest{align-items:center}.made-with{color:var(--text-secondary);font-size:12px;font-weight:600;text-decoration:none}.SettingsModal{background:var(--surface);width:860px;max-width:100%;height:min(640px,100vh - 40px);box-shadow:var(--shadow-panel);color:var(--text-primary);-webkit-user-select:text;user-select:text;border-radius:8px;font-size:14px;line-height:20px;display:flex;position:relative;overflow:hidden}.settings-nav{border-right:1px solid var(--divider);flex-direction:column;flex-shrink:0;gap:2px;width:220px;padding:32px 12px;display:flex}.settings-nav-title{color:var(--text-tertiary);padding:0 12px 14px;font-size:12px;font-weight:600}.settings-nav-item{text-align:left;color:var(--text-secondary);border-radius:6px;padding:8px 12px}.settings-nav-item:hover{background:var(--surface-hover)}.settings-nav-item.active{background:var(--surface-hover);color:var(--text-primary);font-weight:600}.settings-content{flex:1;min-width:0;padding:36px 48px 48px;overflow:auto}.settings-content h2{margin:0 0 8px;font-size:21px;font-weight:600;line-height:28px}.settings-section{margin-top:24px}.settings-section h3{color:var(--text-secondary);margin:0 0 10px;font-size:12px;font-weight:600}.settings-account-head{align-items:center;gap:14px;margin-top:20px;display:flex}.settings-inline-form{gap:8px;max-width:420px;display:flex}.settings-input{border:1px solid var(--input-border);min-width:0;font:inherit;color:var(--text-primary);background:var(--surface);border-radius:4px;outline:none;flex:1;padding:8px 10px;font-size:14px;font-weight:400}.settings-input:focus{border-color:var(--text-primary)}.settings-static{color:var(--text-secondary)}.settings-password-form{flex-direction:column;gap:12px;max-width:320px;display:flex}.settings-password-form label{color:var(--text-secondary);flex-direction:column;gap:6px;font-size:12px;font-weight:600;display:flex}.settings-buttons{gap:8px;display:flex}.settings-button{white-space:nowrap;box-shadow:inset 0 0 0 1px var(--control-border);border-radius:4px;padding:8px 12px;font-size:13px;font-weight:600}.settings-button:hover:not(:disabled){background:var(--surface-hover)}.settings-button.primary,.settings-button.primary:hover:not(:disabled){background:var(--brand);color:#fff;box-shadow:none}.settings-button:disabled{opacity:.5;cursor:default}.settings-message{color:var(--text-tertiary);margin:8px 0 0;font-size:12px}.settings-message.error{color:var(--error)}.settings-row{text-align:left;border-bottom:1px solid var(--divider);justify-content:space-between;align-items:center;gap:24px;width:100%;padding:14px 0;display:flex}.settings-row-text{flex-direction:column;gap:2px;display:flex}.settings-row-description{color:var(--text-tertiary);font-size:12px}.Switch{background:var(--switch-track);border-radius:10px;flex-shrink:0;width:34px;height:20px;transition:background .15s cubic-bezier(.4,0,.2,1);position:relative}.Switch:after{content:"";background:var(--switch-thumb);width:16px;height:16px;box-shadow:var(--shadow-xs);border-radius:50%;transition:transform .15s cubic-bezier(.4,0,.2,1);position:absolute;top:2px;left:2px}.Switch.on{background:var(--switch-track-on)}.Switch.on:after{background:var(--switch-thumb-on);transform:translate(14px)}.theme-options{gap:16px;margin-bottom:6px;display:flex}.theme-option{color:var(--text-secondary);flex-direction:column;align-items:center;gap:8px;display:flex}.theme-option.active{color:var(--text-primary);font-weight:600}.theme-preview{width:150px;height:92px;box-shadow:inset 0 0 0 1px var(--soft-border);border-radius:8px;display:block;position:relative;overflow:hidden}.theme-preview.light{--preview-surface:#fff;background:#ebedee}.theme-preview.dark{--preview-surface:#282828;background:#1d1d1d}.theme-option.active .theme-preview{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--text-primary)}.theme-preview-bar{background:var(--preview-surface);height:14px;position:absolute;inset:0 0 auto}.theme-preview-card{background:var(--preview-surface);width:52px;height:46px;position:absolute;top:28px;left:18px;box-shadow:0 1px 2px #0000001f}.theme-preview-card.small{width:44px;height:28px;left:80px}.grid-size-options{gap:8px;display:flex}.grid-size-option{min-width:112px;min-height:56px;box-shadow:inset 0 0 0 1px var(--control-border);color:var(--text-secondary);border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:10px 14px;display:flex}.grid-size-option:hover{background:var(--surface-hover)}.grid-size-option.active{box-shadow:inset 0 0 0 2px var(--text-primary);color:var(--text-primary);font-weight:600}.grid-size-tag{color:var(--brand);font-size:11px;font-weight:600;line-height:14px}.settings-preview{background:var(--canvas-bg);border-radius:6px;margin-top:16px;padding:3rem}.settings-preview-card{-webkit-user-select:none;user-select:none;width:calc(34rem - 2px);max-width:100%}