:root{--sun-coral:#6384f6;--sun-coral-soft:#dfe6ff;--sun-peach:#d9dfe4;--sun-peach-soft:#eef1f4;--sun-charcoal:#354052;--sun-charcoal-deep:#283242;--sun-paper:#f1f3f5;--sun-paper-soft:#fff;--sun-taupe:#d7dde2;--sun-taupe-deep:#c5cdd5;--sun-shadow:#262f3c1f;--sun-shadow-soft:#262f3c14;color:var(--sun-charcoal-deep);background:var(--sun-paper);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.45}html,body,#root{height:100%}*{box-sizing:border-box}body{background:var(--sun-paper);min-width:320px;min-height:100%;margin:0;overflow:hidden}body.is-canvas-gesture,body.is-canvas-gesture *{-webkit-user-select:none;user-select:none}button,input,textarea{font:inherit}button{border:0}button:disabled,input:disabled,textarea:disabled{cursor:not-allowed;opacity:.68}.app-shell{--sidebar-width:64px;grid-template-columns:var(--sidebar-width) 1fr;height:100vh;display:grid;overflow:hidden}.app-shell.sidebar-expanded{--sidebar-width:236px}.sidebar{background:#e9edf1;border-right:1px solid #d3d9df;flex-direction:column;align-items:center;gap:10px;height:100vh;min-height:0;padding:8px 8px 12px;transition:width .14s;display:flex;overflow:hidden}.sidebar.expanded{align-items:stretch;padding:12px 12px 14px}.brand-block,.status-card,.sidebar-heading,.board-link,.board-actions,.item-chrome,.item-type,.item-tools,.offline-banner,.back-button,.tool-button,.reset-button,.open-board-button,.connect-hint,.zoom-controls{align-items:center;display:flex}.brand-block{justify-content:center;width:100%}.sidebar.expanded .brand-block{justify-content:flex-start;gap:10px}.brand-mark{border:1px solid var(--sun-charcoal);width:28px;height:28px;color:var(--sun-paper-soft);background:var(--sun-charcoal);cursor:pointer;border-radius:7px;place-items:center;display:grid}.brand-block>div:not(.brand-mark){display:none}.sidebar.expanded .brand-block>div:not(.brand-mark){display:block}.brand-name,.brand-subtitle,.status-card p{margin:0}.brand-name{font-size:17px;font-weight:760}.brand-subtitle,.status-card span{color:#817765;font-size:12px}.status-card{background:0 0;border:0;border-radius:6px;justify-content:center;gap:10px;width:44px;height:36px;padding:0}.status-card>div:not(.status-dot){display:none}.sidebar.expanded .status-card{background:#ffffff9e;border:1px solid #d3d9df;justify-content:flex-start;width:100%;height:auto;padding:8px}.sidebar.expanded .status-card>div:not(.status-dot){display:block}.status-card p{font-size:13px;font-weight:700}.status-dot{border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.status-dot.online{color:var(--sun-charcoal-deep);background:var(--sun-peach-soft)}.status-dot.offline{color:#7a3f43;background:var(--sun-coral-soft)}.sidebar-heading{color:#817765;letter-spacing:0;text-transform:uppercase;justify-content:center;width:44px;font-size:12px;font-weight:800}.sidebar.expanded .sidebar-heading{justify-content:space-between;width:100%}.sidebar-heading span{display:none}.sidebar.expanded .sidebar-heading span{display:inline}.board-list{justify-items:center;gap:6px;width:100%;display:grid;overflow:auto}.sidebar.expanded .board-list{justify-items:stretch}.board-link{width:44px;height:40px;color:var(--sun-charcoal-deep);text-align:center;background:0 0;border-radius:6px;justify-content:center;padding:0}.board-link-title{display:none}.board-link .board-glyph-text{place-items:center;min-width:18px;font-size:17px;line-height:1;display:inline-grid}.sidebar.expanded .board-link{text-align:left;justify-content:flex-start;gap:10px;width:100%;padding:0 10px}.sidebar.expanded .board-link-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:inline;overflow:hidden}.board-link:hover,.board-link.active{background:#fff;box-shadow:0 1px 3px #262f3c1f}.board-link.active{color:var(--sun-charcoal-deep);font-weight:750}.reset-button{width:44px;height:40px;color:var(--sun-charcoal-deep);background:0 0;border:0;border-radius:6px;justify-content:center;gap:0;margin-top:auto;padding:0;font-size:0}.sidebar.expanded .reset-button{justify-content:flex-start;gap:8px;width:100%;padding:0 10px;font-size:13px}.backup-actions{gap:6px;width:44px;display:grid}.sidebar.expanded .backup-actions{width:100%}.backup-button{width:44px;height:36px;color:var(--sun-charcoal-deep);background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:0;padding:0;font-size:0;display:flex}.sidebar.expanded .backup-button{justify-content:flex-start;gap:8px;width:100%;padding:0 10px;font-size:13px;font-weight:720}.backup-button:hover,.reset-button:hover{background:#fff}.hidden-file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.workspace{grid-template-rows:auto minmax(0,1fr);min-width:0;height:100vh;min-height:0;display:grid;position:relative;overflow:hidden}.offline-banner{z-index:6;border-bottom:1px solid var(--sun-coral-soft);color:#6f3f43;background:#e47c8038;gap:8px;padding:10px 24px;font-size:13px;font-weight:700;position:sticky;top:0}.sync-unlock-backdrop{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#f1f3f5b8;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.sync-unlock-dialog{background:#fff;border:1px solid #d1d7dd;border-radius:10px;gap:14px;width:min(360px,100vw - 48px);padding:22px;display:grid;box-shadow:1px 2px 12px #262f3c24}.sync-unlock-mark{color:#fff;background:var(--sun-charcoal);border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.sync-unlock-dialog h2,.sync-unlock-dialog p{margin:0}.sync-unlock-dialog h2{font-family:Georgia,Times New Roman,serif;font-size:24px;line-height:1.1}.sync-unlock-dialog p{color:#68717c;margin-top:5px;font-size:13px;line-height:1.4}.sync-unlock-dialog input{width:100%;color:var(--sun-charcoal-deep);background:#f7f8f9;border:1px solid #c5cdd5;border-radius:7px;outline:none;padding:10px 11px}.sync-unlock-dialog input:focus{border-color:var(--sun-charcoal);background:#fff}.sync-unlock-dialog button{color:#fff;background:var(--sun-charcoal);border-radius:7px;height:38px;font-weight:780}.board-header{z-index:4;background:#fff;border-bottom:1px solid #d7dde2;justify-content:center;align-items:center;gap:24px;min-height:78px;padding:12px 220px;display:flex;position:relative}.board-title-block{grid-template-columns:auto minmax(0,1fr);place-items:center;gap:2px;width:min(760px,72vw);min-width:0;display:grid}.board-icon-editor{width:30px;height:30px;color:var(--sun-charcoal-deep);background:#fff;border:1px solid #d1d7dd;border-radius:6px;grid-area:1/1;place-items:center;display:grid;box-shadow:1px 1px 2px #262f3c14}.board-icon-editor .board-glyph-text{font-size:17px;line-height:1}.sync-pill{color:#776f61;background:#fff;border:1px solid #d7dde2;border-radius:999px;flex:none;align-items:center;gap:7px;max-width:190px;margin-top:1px;padding:5px 7px 5px 8px;font-size:11px;font-weight:720;line-height:1;display:inline-flex;position:absolute;top:10px;right:14px}.sync-pill-dot{background:#a99f8e;border-radius:999px;width:6px;height:6px}.sync-pill.synced .sync-pill-dot{background:var(--sun-charcoal)}.sync-pill.syncing .sync-pill-dot{background:var(--sun-peach)}.sync-pill.error{color:#7a3f43;background:#f1b2ad5c;border-color:#e47c8094}.sync-pill.error .sync-pill-dot,.sync-pill.local .sync-pill-dot{background:var(--sun-coral)}.sync-pill-action{color:inherit;background:0 0;border-radius:999px;padding:3px 6px;font-size:10px;font-weight:780}.sync-pill-action:hover{background:#514b4314}.sync-conflict-panel{z-index:10;width:min(520px, calc(100% - var(--sidebar-width) - 40px));color:#5f3438;background:#fff8f7;border:1px solid #e47c8080;border-radius:8px;align-items:center;gap:10px;padding:10px;display:flex;position:absolute;top:88px;right:18px;box-shadow:1px 2px 8px #262f3c1a}.sync-conflict-panel div{gap:1px;min-width:0;margin-right:auto;display:grid}.sync-conflict-panel strong{font-size:13px;line-height:1.15}.sync-conflict-panel span{color:#87676a;font-size:12px}.sync-conflict-panel button{height:30px;color:var(--sun-charcoal-deep);background:#fff;border-radius:6px;flex:none;padding:0 10px;font-size:12px;font-weight:760;box-shadow:1px 1px 2px #262f3c1a}.back-button{width:fit-content;color:var(--sun-charcoal-deep);background:#eef1f4;border-radius:7px;justify-content:flex-start;gap:7px;padding:7px 9px;font-size:13px;position:absolute;top:12px;left:16px}.board-title-input,.board-description-input,.item-title,.item-body,.image-url-input{width:100%;color:inherit;background:0 0;border:0;outline:none}.board-title-input{text-align:center;grid-area:1/2;max-width:min(720px,72vw);padding:0;font-family:Georgia,Times New Roman,serif;font-size:25px;font-weight:820;line-height:1.05}.board-description-input{resize:none;color:#8b949e;text-align:center;grid-area:2/1/auto/-1;max-width:720px;min-height:20px;padding:0;font-size:12px}.board-actions{bottom:18px;right:24px;left:calc(var(--sidebar-width) + 24px);z-index:7;width:fit-content;max-width:min(780px,100% - 112px);box-shadow:0 8px 22px var(--sun-shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fff;border:1px solid #d1d7dd;border-radius:7px;flex-wrap:wrap;justify-content:center;gap:6px;margin:0 auto;padding:7px;position:absolute}.tool-button,.open-board-button{border-radius:7px;gap:6px;font-weight:740}.tool-button{color:var(--sun-charcoal-deep);background:#eef1f4;flex:none;padding:8px 10px;font-size:13px;line-height:1}.tool-button svg{width:14px;height:14px}.tool-button.primary{color:var(--sun-paper-soft);background:var(--sun-charcoal)}.tool-button.subtle{color:#714448;background:#e47c8033}.draw-session-toolbar{bottom:94px;right:24px;left:calc(var(--sidebar-width) + 24px);z-index:9;width:fit-content;max-width:min(520px,100% - 112px);box-shadow:0 8px 22px var(--sun-shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fff;border:1px solid #d1d7dd;border-radius:7px;justify-content:center;align-items:center;gap:8px;margin:0 auto;padding:10px;display:flex;position:absolute}.draw-tool-button{width:36px;height:36px;color:var(--sun-charcoal-deep);background:0 0;border-radius:6px;place-items:center;display:grid}.draw-tool-button.is-active{background:var(--sun-peach-soft)}.draw-toolbar-divider{background:var(--sun-taupe);width:1px;height:28px;margin:0 8px}.draw-discard-button,.draw-save-button{border-radius:6px;min-width:74px;height:36px;font-size:13px;font-weight:760}.draw-discard-button{border:1px solid var(--sun-taupe-deep);color:var(--sun-charcoal);background:var(--sun-paper-soft)}.draw-save-button{color:var(--sun-paper-soft);background:var(--sun-coral)}.toolbar-create-preview{z-index:30;border:1px dashed var(--sun-charcoal);color:var(--sun-charcoal-deep);box-shadow:0 18px 38px var(--sun-shadow-soft);opacity:.72;pointer-events:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffffb8;border-radius:8px;place-items:start;padding:12px;font-size:13px;font-weight:760;display:grid;position:fixed;transform:translate(-50%,-50%)}.toolbar-create-preview.preview-document,.toolbar-create-preview.preview-board{border-radius:12px;place-items:center}.zoom-controls{background:#deb59642;border-radius:8px;gap:4px;padding:3px}.floating-zoom-controls{z-index:8;box-shadow:0 14px 34px var(--sun-shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fff;border:1px solid #d1d7dd;position:absolute;bottom:18px;left:24px}.zoom-level{min-width:52px;height:28px;color:var(--sun-charcoal-deep);background:var(--sun-paper-soft);border-radius:7px;font-size:12px;font-weight:760}.icon-button{width:28px;height:28px;color:var(--sun-charcoal-deep);background:#deb59642;border-radius:7px;place-items:center;display:grid}.icon-button.quiet{color:#817765;background:0 0;width:28px;height:28px}.icon-button.quiet.is-active{color:var(--sun-charcoal-deep);background:#deb59642}.tool-button:hover,.open-board-button:hover,.icon-button:hover,.reset-button:hover{filter:brightness(.97)}.connect-hint{z-index:5;border:1px solid var(--sun-peach);color:var(--sun-charcoal-deep);box-shadow:0 12px 26px var(--sun-shadow-soft);background:#ead2bdb8;border-radius:8px;gap:8px;padding:9px 12px;font-size:13px;font-weight:720;position:absolute;top:130px;left:32px}.document-modal-backdrop{z-index:20;background:#394548b8;place-items:center;padding:12px 28px;display:grid;position:absolute;inset:0}.document-modal{border:1px solid var(--sun-taupe-deep);background:var(--sun-paper-soft);grid-template-rows:56px minmax(0,1fr);width:min(92vw,820px);height:min(92vh,860px);display:grid}.document-modal-header{border-bottom:1px solid var(--sun-taupe);grid-template-columns:1fr minmax(180px,320px) 1fr;align-items:center;display:grid}.document-modal-title{width:100%;color:var(--sun-charcoal-deep);text-align:center;background:0 0;border:0;outline:none;font-size:14px;font-weight:760}.document-modal-header .icon-button{justify-self:end;margin-right:16px}.document-modal-body{grid-template-columns:72px minmax(0,1fr);min-height:0;display:grid}.document-format-rail{border-right:1px solid var(--sun-taupe);flex-direction:column;align-items:center;gap:18px;padding-top:36px;display:flex}.document-format-rail button{width:32px;height:32px;color:var(--sun-charcoal);background:0 0;border-radius:7px;place-items:center;font-weight:760;display:grid}.document-format-rail button:hover{background:#deb5963d}.document-format-rail button:disabled{color:#beb8aa;cursor:default}.document-editor-shell{grid-template-rows:44px minmax(0,1fr);min-width:0;min-height:0;display:grid;position:relative;overflow:auto}.document-mode-switch{background:var(--sun-paper-soft);align-items:center;gap:4px;padding:10px 36px 0;display:flex}.document-mode-switch button{border:1px solid var(--sun-taupe-deep);min-width:72px;height:30px;color:var(--sun-charcoal);background:var(--sun-paper-soft);border-radius:6px;font-size:12px;font-weight:760}.document-mode-switch button.is-active{color:var(--sun-charcoal-deep);background:var(--sun-peach-soft);border-color:var(--sun-peach)}.document-source-editor{width:100%;min-width:0;height:100%;min-height:100%;color:var(--sun-charcoal-deep);background:var(--sun-paper-soft);resize:none;caret-color:var(--sun-coral);border:0;outline:none;padding:28px 36px;font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.document-source-editor:focus{box-shadow:inset 0 0 0 2px #e47c801f}.document-preview{min-width:0;min-height:100%;color:var(--sun-charcoal-deep);background:var(--sun-paper-soft);outline:none;padding:28px 36px;overflow:auto}.document-preview h1,.document-preview h2,.document-preview h3{color:var(--sun-charcoal-deep);margin:0 0 14px;line-height:1.16}.document-preview h1{font-size:26px;font-weight:820}.document-preview h2{font-size:21px;font-weight:790}.document-preview h3{font-size:18px;font-weight:760}.document-preview p,.document-preview ul{margin:0 0 14px;font-size:16px;line-height:1.65}.document-preview ul{padding-left:21px}.document-preview code{background:#f1eee8;border-radius:5px;padding:2px 5px;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.9em}.canvas-viewport{cursor:grab;overscroll-behavior:contain;scrollbar-gutter:stable both-edges;touch-action:none;background:var(--sun-paper);height:100%;min-height:0;position:relative;overflow:auto}.canvas-viewport.is-panning{cursor:grabbing}.canvas-viewport.is-pen-mode{cursor:crosshair}.canvas-viewport.is-eraser-mode{cursor:cell}.canvas-viewport.is-drawing-session .canvas-surface{background-color:#f1f3f5;background-image:radial-gradient(circle,#59636e0f 1px,#0000 1.5px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:12px 12px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.canvas-viewport.is-drawing-session .canvas-item,.canvas-viewport.is-drawing-session .connection-layer{opacity:.36;filter:grayscale(.65)}.canvas-viewport.is-drawing-session .ink-layer{z-index:5}.canvas-zoom-frame{position:relative}.canvas-surface{transform-origin:0 0;background:radial-gradient(circle, #59636e16 1px, transparent 1.5px), var(--sun-paper);background-size:12px 12px;min-width:100%;min-height:100%;position:relative}.ink-layer{z-index:0;pointer-events:none;position:absolute;inset:0}.ink-stroke{fill:none;stroke-linecap:round;stroke-linejoin:round}.connection-layer{z-index:1;pointer-events:none;position:absolute;inset:0}.canvas-surface.has-selected-connection .connection-layer{z-index:5}.connection-path{fill:none;stroke:var(--sun-charcoal);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.55px;cursor:pointer;pointer-events:stroke}.connection-hitbox{fill:none;stroke:#0000;stroke-linecap:round;stroke-width:18px;cursor:pointer;pointer-events:stroke}.connection-path.selected{stroke:var(--sun-charcoal-deep);stroke-width:1.9px}.connection-hidden-path{fill:none;stroke:#3540524d;stroke-dasharray:2 5;stroke-linecap:round;stroke-width:1.4px;pointer-events:none}.connection-centre-point,.connection-bend-point{fill:var(--sun-paper-soft);stroke:var(--sun-charcoal);stroke-width:1.3px;pointer-events:none}.connection-bend-point{cursor:grab;pointer-events:all}.connection-bend-point.selected{stroke:var(--sun-charcoal-deep);stroke-width:1.5px}.connection-delete{z-index:6;border:1px solid var(--sun-taupe-deep);color:#714448;background:var(--sun-paper-soft);width:30px;height:30px;box-shadow:0 10px 20px var(--sun-shadow-soft);border-radius:7px;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.connection-label{z-index:6;color:#fff;background:var(--sun-charcoal-deep);pointer-events:all;border-radius:4px;justify-content:center;align-items:center;min-width:34px;max-width:160px;font-size:12px;font-weight:780;line-height:1;display:inline-flex;position:absolute;transform:translate(-50%,-50%);box-shadow:1px 2px 5px #262f3c2e}.connection-label span{text-overflow:ellipsis;white-space:nowrap;padding:5px 7px;overflow:hidden}.connection-label input{color:#fff;text-align:center;background:0 0;border:0;border-radius:4px;outline:none;width:78px;max-width:150px;padding:5px 7px;font-size:12px;font-weight:780}.connection-label input::placeholder{color:#ffffffb8}.canvas-item{z-index:2;background:var(--sun-paper-soft);cursor:default;border:0;border-radius:1px;gap:10px;padding:13px;display:grid;position:absolute;box-shadow:1px 1px 2px #262f3c21}.canvas-item input[readonly],.canvas-item textarea[readonly]{cursor:move;-webkit-user-select:none;user-select:none}.canvas-item.selected input[readonly],.canvas-item.selected textarea[readonly]{cursor:move}.canvas-item input:not([readonly]),.canvas-item textarea:not([readonly]){cursor:text;-webkit-user-select:text;user-select:text}.canvas-item.dragging{z-index:6;box-shadow:0 18px 42px var(--sun-shadow)}.canvas-item.duplicate-drag-preview{z-index:9;opacity:.48;pointer-events:none;box-shadow:0 18px 42px var(--sun-shadow)}.canvas-item.format-open{z-index:8}.canvas-item.connecting{outline:3px solid #e47c8047}.canvas-item.selected{outline:2px solid var(--sun-charcoal-deep);outline-offset:0}.image-item{background:var(--sun-paper-soft)}.photo-item{box-shadow:none;background:0 0;border-color:#0000;padding:0;display:block}.photo-item.selected{border-color:var(--sun-charcoal-deep);outline:0}.photo-item .item-chrome{z-index:6;border:1px solid var(--sun-taupe-deep);background:var(--sun-paper-soft);width:max-content;min-width:120px;box-shadow:0 10px 20px var(--sun-shadow-soft);opacity:0;border-radius:8px;padding:4px 6px;position:absolute;top:-34px;left:0}.photo-item:hover .item-chrome,.photo-item:focus-within .item-chrome,.photo-item.selected .item-chrome{opacity:1}.direct-photo-content{grid-template-rows:minmax(0,1fr) auto;gap:7px;width:100%;height:100%;display:grid}.direct-photo-image,.direct-photo-placeholder{width:100%;height:100%;min-height:0;display:block}.direct-photo-image{object-fit:cover}.direct-photo-placeholder{color:#817765;background:#ffffff9e;place-items:center;display:grid}.photo-caption-input{width:100%;min-width:0;color:var(--sun-charcoal-deep);text-align:center;background:0 0;border:0;outline:none;padding:0;font-size:12px;line-height:1.2}.photo-caption-input:placeholder-shown:not(:focus){opacity:0}.photo-item.selected .photo-caption-input,.photo-item:focus-within .photo-caption-input{opacity:1}.photo-url-input{border:1px solid var(--sun-taupe-deep);width:min(240px,100%);color:var(--sun-charcoal-deep);background:var(--sun-paper-soft);box-shadow:0 10px 20px var(--sun-shadow-soft);border-radius:7px;padding:7px 8px;font-size:12px}.photo-source-panel{z-index:6;align-items:center;gap:6px;width:min(360px,100%);display:flex;position:absolute;bottom:-42px;right:0}.asset-upload-button{border:1px solid var(--sun-taupe-deep);height:31px;color:var(--sun-charcoal-deep);box-shadow:0 10px 20px var(--sun-shadow-soft);cursor:pointer;background:#fff;border-radius:7px;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 9px;font-size:12px;font-weight:720;display:inline-flex}.asset-upload-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.asset-upload-button.compact{height:29px;box-shadow:none;padding:0 8px}.textCard-item{background:#fff;padding:10px 24px}.textCard-item.auto-sized{transition:width .12s,height .12s}.textCard-item .item-chrome{z-index:3;border:1px solid var(--sun-taupe-deep);background:var(--sun-paper-soft);width:max-content;min-width:178px;box-shadow:0 10px 20px var(--sun-shadow-soft);opacity:0;border-radius:8px;padding:4px 6px;position:absolute;top:-36px;left:0}.textCard-item:hover .item-chrome,.textCard-item:focus-within .item-chrome,.textCard-item.editing .item-chrome,.textCard-item.format-open .item-chrome{opacity:1}.todo-item{background:#fff;padding:16px 20px}.attachment-item{background:#fff;padding:14px}.link-item{background:#fff;padding:0;overflow:hidden}.todo-item .item-chrome{z-index:3;border:1px solid var(--sun-taupe-deep);background:var(--sun-paper-soft);width:max-content;min-width:178px;box-shadow:0 10px 20px var(--sun-shadow-soft);opacity:0;border-radius:8px;padding:4px 6px;position:absolute;top:-36px;left:0}.todo-item:hover .item-chrome,.todo-item:focus-within .item-chrome,.todo-item.editing .item-chrome{opacity:1}.text-item{box-shadow:none;background:0 0;border-color:#0000;padding:0;display:block}.text-item .card-resize-handle{color:var(--sun-charcoal);background:#ffffffb8;bottom:0;right:0}.text-item.selected{outline-offset:3px}.text-item:not(.selected):not(:hover):not(:focus-within) .card-resize-handle{opacity:0}.board-item,.document-item{min-height:auto;box-shadow:none;background:0 0;border-color:#0000;padding:0}.attachment-card-content{grid-template-columns:38px minmax(0,1fr);align-items:center;gap:7px 10px;min-width:0;display:grid}.attachment-file-icon{width:38px;height:48px;color:var(--sun-charcoal);background:#f7f8f9;border:1px solid #d7dde2;border-radius:6px;grid-row:1/span 3;place-items:center;display:grid}.attachment-title-input{width:100%;min-width:0;color:var(--sun-charcoal-deep);background:0 0;border:0;outline:none;padding:0;font-size:14px;font-weight:760}.attachment-meta{color:#8b949e;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.attachment-actions{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.attachment-download-link{border:1px solid var(--sun-taupe-deep);height:29px;color:var(--sun-charcoal-deep);background:#fff;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-size:12px;font-weight:720;text-decoration:none;display:inline-flex}.link-card-content{grid-template-rows:auto minmax(72px,1fr) auto;width:100%;height:100%;min-height:0;display:grid}.link-edit-row{background:#fff;border-bottom:1px solid #eef1f4;grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:9px;display:grid}.link-url-input{border:1px solid var(--sun-taupe-deep);min-width:0;color:var(--sun-charcoal-deep);background:#f7f8f9;border-radius:6px;outline:none;padding:7px 8px;font-size:12px}.link-preview-button{color:#fff;background:var(--sun-charcoal);border-radius:6px;padding:0 9px;font-size:12px;font-weight:760}.link-preview-image,.link-preview-placeholder{width:100%;height:100%;min-height:0;display:block}.link-preview-image{object-fit:cover}.link-preview-placeholder{color:#74808b;background:#f5f6f7;place-items:center;display:grid}.link-card-details{gap:4px;padding:10px 12px 12px;display:grid}.link-title-input,.link-description-input{width:100%;min-width:0;color:var(--sun-charcoal-deep);background:0 0;border:0;outline:none}.link-title-input{font-size:14px;font-weight:780;line-height:1.25}.link-host{color:#66717d;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;width:fit-content;max-width:100%;font-size:11px;font-weight:720;text-decoration:none;display:inline-flex;overflow:hidden}.link-description-input{resize:none;color:#68717c;min-height:34px;font-size:12px;line-height:1.35}.drawing-item{box-shadow:none;cursor:move;background:0 0;border-color:#0000;padding:0;display:block}.drawing-item.selected{border-color:var(--sun-charcoal-deep);outline:0}.drawing-item-svg{width:100%;height:100%;display:block;overflow:visible}.drawing-stroke{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.drawing-item .card-resize-handle{color:var(--sun-charcoal);background:#ffffffc2;bottom:0;right:0}.drawing-item:not(.selected) .card-resize-handle{opacity:0}.photo-item .card-resize-handle{color:var(--sun-charcoal);background:#ffffffb3;bottom:22px;right:0}.photo-item:not(.selected) .card-resize-handle{opacity:0}.board-card-content{text-align:center;flex-direction:column;align-items:center;gap:5px;padding:0;display:flex}.document-card-content{text-align:center;flex-direction:column;align-items:center;gap:4px;padding:0;display:flex}.board-icon-tile{width:72px;height:72px;color:var(--sun-paper-soft);background:var(--sun-coral);border-radius:16px;place-items:center;display:grid}.board-icon-tile svg{width:31px;height:31px}.board-icon-tile .board-glyph-text{color:#fff;place-items:center;font-size:31px;line-height:1;display:inline-grid}.document-icon-tile{border:1px solid var(--sun-taupe-deep);width:58px;height:74px;color:var(--sun-charcoal);background:var(--sun-paper-soft);place-items:center;display:grid;position:relative}.document-icon-tile:after{border-bottom:1px solid var(--sun-taupe-deep);border-left:1px solid var(--sun-taupe-deep);background:linear-gradient(135deg, var(--sun-paper) 0 49%, var(--sun-paper-soft) 50% 100%);content:"";width:17px;height:17px;position:absolute;top:-1px;right:-1px}.board-card-title,.document-card-title{width:100%;min-width:0;color:var(--sun-charcoal-deep);text-align:center;background:0 0;border:0;outline:none;padding:0;font-size:14px;font-weight:760;line-height:1.15}.board-card-summary,.document-card-summary{color:#9a907d;font-size:12px;line-height:1.1}.board-item .item-chrome,.document-item .item-chrome{z-index:3;border:1px solid var(--sun-taupe-deep);background:var(--sun-paper-soft);width:max-content;min-width:150px;box-shadow:0 10px 20px var(--sun-shadow-soft);opacity:0;border-radius:8px;padding:4px 6px;position:absolute;top:-34px;left:50%;transform:translate(-50%)}.board-item:hover .item-chrome,.board-item:focus-within .item-chrome,.board-item.editing .item-chrome,.document-item:hover .item-chrome,.document-item:focus-within .item-chrome,.document-item.editing .item-chrome{opacity:1}.column-item{background:#fff;box-shadow:1px 1px 2px #262f3c21}.column-child-item{width:100%;min-height:auto;box-shadow:none;position:relative}.item-chrome{cursor:grab;-webkit-user-select:none;user-select:none;justify-content:space-between;gap:10px}.item-type,.item-tools{color:#817765;text-transform:capitalize;gap:6px;font-size:12px;font-weight:720}.connector-dot{z-index:7;border:1.4px solid var(--sun-charcoal);background:var(--sun-paper-soft);cursor:crosshair;opacity:0;border-radius:999px;width:10px;height:10px;padding:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #ffffffd1}.canvas-item:hover .connector-dot,.canvas-item.selected .connector-dot,.canvas-item.connecting .connector-dot{opacity:1}.connector-dot:hover,.connector-dot:focus-visible{border-color:var(--sun-coral);opacity:1;outline:0}.connector-dot:disabled{cursor:not-allowed}.board-item .connector-dot{top:36px}.document-item .connector-dot{top:37px}.item-title{padding:0;font-size:16px;font-weight:790}.item-body{resize:vertical;min-height:96px;color:var(--sun-charcoal-deep);font-size:14px}.plain-text-body,.direct-text-body{color:#26323f;resize:vertical;overflow-wrap:normal;white-space:pre-wrap;word-break:normal;background:0 0;border:0;outline:none;width:100%}.plain-text-body{resize:none;height:100%;min-height:30px;font-size:14px;line-height:1.42;overflow:hidden}.plain-text-body.text-preset-largeHeading,.direct-text-body.text-preset-largeHeading{font-size:24px;font-weight:820;line-height:1.12}.plain-text-body.text-preset-normalHeading,.direct-text-body.text-preset-normalHeading{font-size:17px;font-weight:780;line-height:1.25}.plain-text-body.text-preset-normalText,.direct-text-body.text-preset-normalText{font-size:14px;font-weight:460;line-height:1.45}.plain-text-body.text-preset-smallText,.direct-text-body.text-preset-smallText{font-size:12px;font-weight:460;line-height:1.4}.plain-text-body.text-preset-codeBlock,.direct-text-body.text-preset-codeBlock{border-radius:4px;padding:7px 9px;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.45;background:#ded8ca6b!important}.plain-text-body.text-preset-callout,.direct-text-body.text-preset-callout{border-radius:4px;padding:8px 10px;font-size:14px;font-weight:520;line-height:1.45;background:#deb59642!important}.plain-text-body.text-preset-callout{min-height:42px}.plain-text-body.text-preset-quote,.direct-text-body.text-preset-quote{border-left:2px solid var(--sun-coral);padding-left:12px;font-size:15px;font-style:italic;line-height:1.5}.text-format-popover{z-index:12;border:1px solid var(--sun-taupe-deep);background:var(--sun-paper-soft);width:250px;box-shadow:0 18px 38px var(--sun-shadow);color:var(--sun-charcoal-deep);cursor:default;-webkit-user-select:none;user-select:none;border-radius:6px;position:absolute;top:-6px;left:calc(100% + 12px)}.text-format-header{z-index:1;border-bottom:1px solid var(--sun-taupe);color:var(--sun-charcoal-deep);justify-content:space-between;align-items:center;padding:9px 14px 8px 18px;font-size:12px;font-weight:780;display:flex;position:relative}.text-format-header button{border:1px solid var(--sun-taupe-deep);height:26px;color:var(--sun-charcoal);background:var(--sun-paper-soft);border-radius:5px;padding:0 9px;font-size:12px;font-weight:720}.text-format-popover:before{background:var(--sun-paper-soft);border-left:1px solid var(--sun-taupe-deep);border-bottom:1px solid var(--sun-taupe-deep);content:"";width:18px;height:18px;position:absolute;top:45px;left:-9px;transform:rotate(45deg)}.text-format-section{z-index:1;border-top:1px solid var(--sun-taupe);gap:8px;padding:12px 14px 14px;display:grid;position:relative}.text-format-section:first-child{border-top:0}.text-format-presets{gap:0;padding:8px 0}.text-format-option{min-height:38px;color:var(--sun-charcoal-deep);text-align:left;background:0 0;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:0 18px;display:grid}.text-format-option:hover,.text-format-option.is-active{background:#deb5963d}.text-format-option.preset-largeHeading span:first-child{font-size:22px;font-weight:820}.text-format-option.preset-normalHeading span:first-child{font-size:16px;font-weight:790}.text-format-option.preset-normalText span:first-child{font-size:14px;font-weight:460}.text-format-option.preset-smallText span:first-child{font-size:12px;font-weight:460}.text-format-option.preset-codeBlock span:first-child{background:#ded8ca85;border-radius:3px;width:max-content;padding:4px 9px;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;font-weight:500}.text-format-option.preset-callout span:first-child{background:#deb59642;border-radius:3px;width:max-content;padding:4px 8px;font-size:14px;font-weight:520}.text-format-option.preset-callout span:first-child:before{content:"!";color:#9c5c32;margin-right:7px;font-weight:850}.text-format-option.preset-quote span:first-child{border-left:2px solid var(--sun-coral);padding-left:9px;font-size:14px;font-style:italic}.text-format-shortcut{color:#b5ad9e;place-items:center end;min-width:28px;font-size:12px;font-weight:760;display:inline-grid}.text-format-shortcut svg{color:var(--sun-charcoal-deep)}.text-format-label{color:#9b9281;font-size:12px;font-weight:720}.text-size-control{grid-template-columns:20px minmax(0,1fr) 48px;align-items:center;gap:6px;display:grid}.text-size-limit{color:#9b9281;text-align:right;font-size:11px;font-weight:760}.text-size-slider{width:100%;min-width:0;accent-color:var(--sun-coral);cursor:ew-resize}.text-size-value{border:1px solid var(--sun-taupe);height:30px;color:var(--sun-charcoal-deep);background:#ffffffc2;border-radius:5px;place-items:center;font-size:12px;font-weight:780;display:grid}.text-format-segment{border:1px solid var(--sun-taupe);background:#ffffffc2;border-radius:6px;grid-template-columns:repeat(3,1fr);gap:5px;padding:3px;display:grid}.text-align-button{height:29px;color:var(--sun-charcoal);background:0 0;border-radius:4px;place-items:center;display:grid}.text-align-button:hover,.text-align-button.is-active{color:var(--sun-charcoal-deep);background:var(--sun-paper-soft);box-shadow:0 1px 4px var(--sun-shadow-soft)}.text-auto-button{border:1px solid var(--sun-taupe-deep);width:100%;height:31px;color:var(--sun-charcoal);background:var(--sun-paper-soft);border-radius:5px;justify-content:center;align-items:center;gap:7px;font-size:12px;font-weight:760;display:inline-flex}.text-auto-button:hover,.text-auto-button.is-active{border-color:var(--sun-coral);color:var(--sun-charcoal-deep);background:#deb59642}.text-format-swatches{align-items:center;gap:7px;min-width:0;display:flex}.text-color-swatch{border:1px solid #0000;border-radius:4px;flex:none;place-items:center;width:29px;height:29px;font-size:15px;font-weight:820;display:grid}.text-color-swatch.is-active{border-color:var(--sun-charcoal-deep);box-shadow:0 0 0 2px var(--sun-paper-soft) inset}.card-resize-handle{z-index:4;color:#9a907d;cursor:nwse-resize;-webkit-user-select:none;user-select:none;place-items:center;width:18px;height:18px;display:grid;position:absolute;bottom:5px;right:7px}.card-resize-handle:hover{color:var(--sun-charcoal)}.todo-list-card{gap:9px;display:grid}.todo-row{grid-template-columns:18px minmax(0,1fr);align-items:center;gap:10px;display:grid}.todo-row input[type=checkbox]{width:15px;height:15px;accent-color:var(--sun-coral);margin:0}.todo-text{width:100%;min-width:0;color:var(--sun-charcoal-deep);background:0 0;border:0;outline:none;font-size:15px}.todo-text.done{color:#9a907d;text-decoration:line-through}.direct-text-body{resize:none;height:100%;min-height:0;padding:0;overflow:hidden}.text-item .item-chrome{z-index:3;border:1px solid var(--sun-taupe-deep);background:var(--sun-paper-soft);width:max-content;min-width:188px;box-shadow:0 10px 20px var(--sun-shadow-soft);opacity:0;border-radius:8px;padding:4px 6px;position:absolute;top:-38px;left:0}.text-item:hover .item-chrome,.text-item:focus-within .item-chrome,.text-item.editing .item-chrome,.text-item.format-open .item-chrome{opacity:1}.column-item>.item-body{min-height:74px}.column-drop-area{border:1px dashed var(--sun-taupe-deep);background:#ffffffad;border-radius:8px;gap:10px;min-height:210px;padding:11px;display:grid}.column-drop-label{color:#766e64;margin:0;font-size:12px;line-height:1.35}.column-child-stack{gap:10px;display:grid}.column-empty-state{color:#8a8176;background:#ffffffc2;border-radius:7px;place-items:center;min-height:86px;font-size:13px;font-weight:720;display:grid}.column-child-item .item-body{min-height:72px}.column-child-item .image-frame img,.column-child-item .image-placeholder{height:112px;min-height:112px}.image-frame{background:#eee8df;border:1px solid #ded8cf;border-radius:7px;place-items:center;min-height:132px;display:grid;overflow:hidden}.image-frame img{object-fit:cover;width:100%;height:150px;display:block}.image-placeholder{color:#776d62;place-items:center;min-height:150px;display:grid}.image-url-input{border:1px solid var(--sun-taupe);background:var(--sun-paper-soft);color:var(--sun-charcoal-deep);border-radius:7px;padding:8px 9px;font-size:12px}.resize-hint{color:#9a9085;justify-content:flex-end;display:flex}@media (width<=720px){.app-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #ded8cf;border-right:0;min-height:auto}.board-list{grid-auto-columns:minmax(190px,1fr);grid-auto-flow:column;overflow-x:auto}.reset-button{margin-top:0}.board-header{padding:24px 20px 16px}.connect-hint{top:344px;left:20px}.board-title-input{max-width:100%;font-size:31px}}@media (width<=640px){.board-header{flex-direction:column}.board-actions{justify-content:flex-start;padding-top:0}.tool-button{flex:132px;justify-content:center}}