:root{--canvas-bg:#eef0f3;--dot:#d7dae0;--paper:#fff;--ink:#24252a;--ink-soft:#6b6d76;--border:#e1e3e8;--shadow-block:0 1px 2px #14141e14, 0 4px 10px #14141e0f;--shadow-block-drag:0 8px 24px #14141e38;--accent:#4573ff;--connector-color:#9096a3;--radius:8px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);font:15px/1.5 -apple-system,Segoe UI,system-ui,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{overflow:hidden}button{font:inherit;cursor:pointer}input{font:inherit}.app-loading{height:100%;color:var(--ink-soft);justify-content:center;align-items:center;display:flex}.app-shell{width:100%;height:100%;position:relative;overflow:hidden}.app-shell[data-editor=Moom]{--canvas-bg:#dbeafe}.app-shell[data-editor=Frenswa]{--canvas-bg:#ece1fb}.canvas{touch-action:none;background-color:var(--canvas-bg);background-image:radial-gradient(var(--dot) 1.2px, transparent 1.2px);background-size:22px 22px;position:absolute;inset:0;overflow:hidden}.canvas-content{transform-origin:0 0;width:4000px;height:4000px;position:relative}.canvas__hint{color:var(--ink-soft);pointer-events:none;max-width:320px;font-size:16px;position:absolute;top:120px;left:80px}.connector-layer{pointer-events:none;width:4000px;height:4000px;position:absolute;top:0;left:0;overflow:visible}.connector__hit{fill:none;stroke:#0000;stroke-width:14px;pointer-events:stroke;cursor:pointer}.connector__line{fill:none;stroke:var(--connector-color);stroke-width:2px}.connector__line--pending{stroke:var(--accent);stroke-dasharray:6 4}.toolbar{z-index:50;background:var(--paper);box-shadow:var(--shadow-block);border-radius:12px;align-items:center;gap:4px;padding:6px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.header{z-index:50;background:var(--paper);box-shadow:var(--shadow-block);border-radius:12px;align-items:center;gap:4px;max-width:40vw;padding:6px 12px;font-size:13px;display:flex;position:absolute;top:16px;left:16px}.header__home{opacity:.6;font-size:14px}.header__crumb-group{align-items:center;gap:4px;min-width:0;display:flex}.header__sep{color:var(--ink-soft)}.header__crumb{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:4px;max-width:160px;padding:2px 4px;font-size:13px;overflow:hidden}.header__crumb:hover{background:var(--canvas-bg);color:var(--ink)}.header__crumb--current{color:var(--ink);font-weight:600}.header__title-input{color:var(--ink);background:0 0;border:none;border-radius:4px;min-width:60px;max-width:160px;padding:2px 4px;font-size:13px;font-weight:600}.header__title-input:focus{background:var(--canvas-bg);outline:none}.editor-switch{border-left:1px solid var(--border);align-items:center;gap:8px;margin-left:8px;padding-left:8px;display:flex}.editor-switch__identity{border:1px solid var(--border);color:var(--ink-soft);background:0 0;border-radius:6px;padding:3px 6px;font-size:12px}.editor-switch__toggle{border:1px solid var(--border);border-radius:8px;display:flex;overflow:hidden}.editor-switch__btn{background:var(--paper);color:var(--ink-soft);border:none;width:24px;height:24px;font-size:12px;font-weight:700}.editor-switch__btn--active{background:var(--ink);color:#fff}.editor-switch__banner{color:var(--ink-soft);white-space:nowrap;font-size:12px}.toolbar__column-btn{background:var(--ink);color:#fff;border:none;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600}.toolbar__column-btn:disabled,.toolbar__tool:disabled{opacity:.35;cursor:default}.toolbar__tool:disabled:hover{color:var(--ink-soft);background:0 0}.toolbar__sep{background:var(--border);width:1px;height:24px;margin:0 4px}.toolbar__tool{color:var(--ink-soft);-webkit-user-select:none;user-select:none;touch-action:none;background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:6px 12px;display:flex}.toolbar__tool:hover{background:var(--canvas-bg);color:var(--ink)}.toolbar__icon{font-size:18px}.toolbar__label{font-size:11px}.column{background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow-block);-webkit-user-select:none;user-select:none;flex-direction:column;transition:transform .15s,box-shadow .15s;display:flex;position:absolute}@keyframes column-lift{0%{transform:scale(1)}50%{transform:scale(1.025)}to{transform:scale(1.015)}}.column--dragging{z-index:500;animation:.2s ease-out column-lift;transform:scale(1.015);box-shadow:0 18px 36px #14141e52,0 6px 16px #14141e33}.column__strip{border-radius:var(--radius) var(--radius) 0 0;cursor:grab;touch-action:none;flex-shrink:0;height:6px}.column__header{cursor:grab;touch-action:none;justify-content:space-between;align-items:flex-start;gap:10px;padding:22px 20px 16px;display:flex}.column__title-group{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.column__title{color:var(--ink);background:0 0;border:none;border-radius:4px;min-width:0;padding:2px 4px;font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:700}.column__title:focus{background:var(--canvas-bg);outline:none}.column__count{color:var(--ink-soft);padding:0 4px;font-size:12px}.column__connector-handle{color:var(--ink-soft);opacity:0;cursor:crosshair;z-index:5;touch-action:none;padding:4px 6px;font-size:12px;position:absolute;top:2px;right:4px}.column:hover .column__connector-handle{opacity:1}.column__connector-handle:hover{color:var(--accent)}.column--connector-target{outline:2px solid var(--accent);outline-offset:2px}.column__color-btn{border:1px solid #0000001a;border-radius:50%;flex-shrink:0;width:18px;height:18px;margin-left:auto}.column__color-picker{z-index:20;background:var(--paper);box-shadow:var(--shadow-block-drag);border-radius:8px;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px;display:grid;position:absolute;bottom:44px;right:8px}.column__color-swatch{border:1px solid #0000001a;border-radius:50%;width:22px;height:22px}.column__body{flex-direction:column;flex:1;gap:10px;min-height:60px;padding:10px;display:flex}.column__insertion{border-radius:var(--radius);border:2px dashed var(--accent);background:#4573ff0f;margin-bottom:10px}.column__empty{color:var(--ink-soft);text-align:center;padding:12px 0;font-size:13px}.column__footer{border-top:1px solid var(--border);gap:4px;padding:6px 10px 10px;display:flex}.column__footer button{background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:15px}.column__footer button:hover{background:var(--canvas-bg)}.column__footer button:disabled,.column__color-btn:disabled{opacity:.35;cursor:default}.column__footer button:disabled:hover{background:0 0}.column__resize{cursor:ew-resize;width:8px;height:100%;position:absolute;top:0;right:-4px}.block{background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow-block);border:1px solid var(--border);-webkit-user-select:none;user-select:none;touch-action:none;cursor:pointer;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden}.block--connector-target{outline:2px solid var(--accent);outline-offset:2px}.block--selected{outline-offset:1px;box-shadow:var(--shadow-block-drag);outline:2px solid #14141ed9}@keyframes block-lift{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1.03)}}.block--dragging{animation:.2s ease-out block-lift;transform:scale(1.03);box-shadow:0 18px 36px #14141e52,0 6px 16px #14141e33}.block--selected .block__connector-handle{opacity:1}.block__connector-handle{color:var(--ink-soft);opacity:0;cursor:crosshair;z-index:5;touch-action:none;padding:4px 6px;font-size:12px;position:absolute;top:2px;right:4px}.block__connector-handle:hover{color:var(--accent)}.block__body{height:auto;padding-top:18px;position:relative;overflow:visible}.block--image .block__body,.block--table .block__body{height:100%;padding-top:0;overflow:hidden}.block__body--view-only{pointer-events:none}.block__body--view-only .link-block__link{pointer-events:auto}.block__tap-catcher{z-index:1;touch-action:none;position:absolute;inset:0}.block__resize--image-edge{cursor:ew-resize;opacity:0;z-index:5;touch-action:none;width:8px;height:100%;position:absolute;top:0;right:-4px}.block:hover .block__resize--image-edge,.block--selected .block__resize--image-edge{opacity:1}.block__resize--corner{width:18px;height:18px;color:var(--ink-soft);cursor:ew-resize;opacity:0;z-index:5;touch-action:none;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;bottom:2px;right:2px}.block:hover .block__resize--corner,.block--selected .block__resize--corner{opacity:1}.board-block{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:14px 12px 16px;display:flex}.board-block__icon{font-size:40px;line-height:1}.board-block__title{width:100%;color:var(--ink);text-align:center;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-family:Georgia,Times New Roman,serif;font-size:15px;font-weight:700}.board-block__title:focus{background:var(--canvas-bg);outline:none}.board-block__count{color:var(--ink-soft);font-size:12px}.note-block{flex-direction:column;height:auto;display:flex}.note-block__editor{padding:4px 10px 10px;font-size:14px}.note-block__editor .ProseMirror{-webkit-user-select:text;user-select:text;outline:none;min-height:24px}.note-block__editor h1{margin:4px 0;font-size:20px}.note-block__editor h2{margin:4px 0;font-size:17px}.note-block__editor h3{margin:4px 0;font-size:15px}.note-block__editor p{margin:4px 0}.note-block__editor mark{background:#fff3a3;border-radius:2px;padding:0 2px}.rt-toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:2px;padding:4px 6px;display:flex}.rt-toolbar button{width:24px;height:24px;color:var(--ink);background:0 0;border:none;border-radius:4px;font-size:12px}.rt-toolbar button.active{background:var(--canvas-bg)}.rt-toolbar__sep{background:var(--border);width:1px;height:16px;margin:0 3px}.rt-toolbar__swatch{border:1px solid #00000026;border-radius:50%;padding:0;width:16px!important;height:16px!important}.link-block{height:auto;padding:6px 10px 10px}.link-block__link{color:var(--ink);align-items:center;gap:8px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.link-block__favicon{border-radius:3px;width:18px;height:18px}.link-block__url{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:12px;overflow:hidden}.link-block--editing{flex-direction:column;gap:6px;display:flex}.link-block__input{border:1px solid var(--border);border-radius:6px;padding:6px 8px;font-size:13px}.todo-block{flex-direction:column;height:auto;padding:4px 10px 10px;display:flex}.todo-block__title{background:0 0;border:none;margin-bottom:2px;padding:4px 2px;font-size:14px;font-weight:700}.todo-block__items{margin:0;padding:0;list-style:none}.todo-block__items li{align-items:flex-start;gap:6px;padding:2px 0;display:flex}.todo-block__items li input[type=checkbox]{margin-top:4px}.todo-block__items li.done .todo-block__item-text{color:var(--ink-soft);text-decoration:line-through}.todo-block__item-text-wrap{flex:1;min-width:0;display:grid}.todo-block__item-text-wrap:after{content:attr(data-value);white-space:pre-wrap;word-break:break-word;visibility:hidden;font:inherit;grid-area:1/1/2/2;padding:2px 0}.todo-block__item-text{font:inherit;resize:none;white-space:pre-wrap;word-break:break-word;background:0 0;border:none;grid-area:1/1/2/2;min-width:0;padding:2px 0;font-size:13px;overflow:hidden}.todo-block__remove{color:var(--ink-soft);opacity:0;background:0 0;border:none;margin-top:1px;padding:0 4px;font-size:14px}.todo-block__items li:hover .todo-block__remove{opacity:1}.todo-block__add{border:none;border-top:1px solid var(--border);margin-top:4px;padding:6px 2px 0;font-size:13px}.image-block{height:100%}.image-block__img{object-fit:cover;width:100%;height:100%;display:block}.image-block--empty{justify-content:center;align-items:center;height:100%;display:flex}.image-block__pick{border:1px dashed var(--border);color:var(--ink-soft);background:0 0;border-radius:8px;padding:10px 16px;font-size:13px}.table-block{outline:none;flex-direction:column;height:100%;min-height:0;display:flex}.table-block__toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:2px;padding:4px 22px 4px 6px;display:flex;position:relative}.table-block__toolbar-group{display:flex;position:relative}.table-block__toolbar button{min-width:24px;height:24px;color:var(--ink);background:0 0;border:none;border-radius:4px;padding:0 4px;font-size:12px}.table-block__toolbar button.active{background:var(--canvas-bg)}.table-block__add-btn{font-weight:600;color:var(--ink-soft)!important;font-size:11px!important}.table-block__popover{z-index:20;background:var(--paper);border:1px solid var(--border);box-shadow:var(--shadow-block-drag);border-radius:8px;align-items:center;gap:4px;padding:6px;display:flex;position:absolute;top:28px;left:0}.table-block__swatch{border:1px solid #00000026;border-radius:50%;padding:0;width:18px!important;height:18px!important}.table-block__swatch--none{background:var(--paper);color:var(--ink-soft);font-size:11px;line-height:16px}.table-block__highlight-btn{border-radius:4px;background:#fff3bf!important;width:auto!important;padding:0 6px!important;font-size:11px!important}.table-block__align-grid{grid-template-rows:repeat(3,18px);grid-template-columns:repeat(3,18px);gap:3px;display:grid}.table-block__align-grid button{border:1px solid var(--border);border-radius:3px;width:18px!important;min-width:18px!important;height:18px!important;padding:0!important}.table-block__align-grid button:hover{background:var(--canvas-bg)}.table-block__scroll{touch-action:pan-x;flex:1;min-height:0;overflow:auto hidden}.table-block__grid{min-width:100%;height:100%;display:grid}.table-block__corner,.table-block__col-header,.table-block__row-header{background:var(--canvas-bg);color:var(--ink-soft);border-right:1px solid var(--border);border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:10px;display:flex}.table-block__cell{color:var(--ink);border-right:1px solid var(--border);border-bottom:1px solid var(--border);cursor:cell;white-space:nowrap;text-overflow:ellipsis;padding:3px 5px;font-size:12px;display:flex;position:relative;overflow:hidden}.table-block__cell--selected{background:#4573ff1a}.table-block__cell--active{outline:1.5px solid var(--accent);outline-offset:-1.5px;z-index:2}.table-block__cell--error{font-weight:600}.table-block__input{width:100%;color:inherit;font:inherit;text-align:inherit;background:0 0;border:none;outline:none;padding:0}.table-block__fx-menu{z-index:20;background:var(--paper);border:1px solid var(--border);min-width:90px;box-shadow:var(--shadow-block-drag);border-radius:8px;flex-direction:column;display:flex;position:absolute;overflow:hidden}.table-block__fx-menu button{text-align:left;color:var(--ink);background:0 0;border:none;padding:6px 10px;font-size:12px}.table-block__fx-menu button:hover{background:var(--canvas-bg)}.toolbar__history-btn{color:var(--ink-soft);background:0 0;border:none;border-radius:8px;padding:8px 10px;font-size:16px}.toolbar__history-btn:hover:not(:disabled){background:var(--canvas-bg);color:var(--ink)}.toolbar__history-btn:disabled{opacity:.35;cursor:default}.trash{z-index:50;position:absolute;bottom:20px;left:20px}.trash__bin{background:var(--paper);width:48px;height:48px;box-shadow:var(--shadow-block);border:none;border-radius:50%;font-size:20px;transition:transform .12s,box-shadow .12s;position:relative}.trash__bin--hover{box-shadow:var(--shadow-block-drag);background:#ffe3e3;transform:scale(1.15)}.trash__count{color:#fff;background:#e03131;border-radius:9px;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:-4px;right:-4px}.trash__panel{background:var(--paper);width:260px;max-height:320px;box-shadow:var(--shadow-block-drag);border-radius:10px;flex-direction:column;display:flex;position:absolute;bottom:58px;left:0;overflow:hidden}.trash__panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.trash__empty-btn{color:var(--ink-soft);background:0 0;border:none;padding:2px 6px;font-size:12px;font-weight:500}.trash__empty-btn:hover{color:#e03131}.trash__panel-empty{text-align:center;color:var(--ink-soft);padding:20px 12px;font-size:13px}.trash__list{margin:0;padding:4px;list-style:none;overflow-y:auto}.trash__list li{border-radius:6px;align-items:center;gap:6px;padding:6px 8px;display:flex}.trash__list li:hover{background:var(--canvas-bg)}.trash__item-icon{font-size:14px}.trash__item-label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;overflow:hidden}.trash__restore-btn{background:var(--canvas-bg);color:var(--ink);border:none;border-radius:6px;flex-shrink:0;padding:3px 8px;font-size:11px;font-weight:600}.trash__restore-btn:hover{background:var(--accent);color:#fff}.trash__restore-btn:disabled,.trash__delete-btn:disabled,.trash__empty-btn:disabled{opacity:.35;cursor:default}.trash__restore-btn:disabled:hover{background:var(--canvas-bg);color:var(--ink)}.trash__delete-btn:disabled:hover{color:var(--ink-soft)}.trash__delete-btn{color:var(--ink-soft);background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:14px}.trash__delete-btn:hover{color:#e03131}