: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}.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%)}.toolbar__column-btn{background:var(--ink);color:#fff;border:none;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600}.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;display:flex;position:absolute}.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__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;position:relative;overflow:hidden}.block--connector-target{outline:2px solid var(--accent);outline-offset:2px}.block--selected{box-shadow:var(--shadow-block-drag)}.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{height:100%;padding-top:0;overflow:hidden}.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}.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:center;gap:6px;padding:2px 0;display:flex}.todo-block__items li.done .todo-block__item-text{color:var(--ink-soft);text-decoration:line-through}.todo-block__item-text{background:0 0;border:none;flex:1;min-width:0;font-size:13px}.todo-block__remove{color:var(--ink-soft);opacity:0;background:0 0;border:none;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}.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__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}