:root{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;color:#26292b;background:#e8ecef;font-synthesis:none;--canvas:#e8ecef;--ink:#26292b;--muted:#8a9094;--panel:rgba(255,255,255,.76);--line:rgba(32,40,44,.08)}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{border:0;color:inherit;cursor:pointer;background:none;display:inline-flex;align-items:center;justify-content:center;gap:9px}button:focus-visible,[tabindex]:focus-visible{outline:2px solid #737d87;outline-offset:5px}button i{display:flex}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}button:hover{background:rgba(255,255,255,.6)}[hidden]{display:none!important}#app,#viewport{width:100vw;height:100dvh;position:fixed;inset:0}#viewport{overflow:hidden;background:var(--canvas);touch-action:none;cursor:default;transition:background .3s}#viewport.hand{cursor:grab}#viewport.panning{cursor:grabbing}#world{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}.topbar{position:fixed;top:28px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:20}.top-left,.top-right{display:flex;align-items:center;gap:14px;pointer-events:auto}.top-right{gap:7px}.icon-button{width:38px;height:38px;border-radius:50%;flex-shrink:0}.home-button{background:rgba(255,255,255,.64);width:36px;height:36px}.space-switch{display:flex;align-items:center;gap:11px;height:40px;padding:0 4px}.space-mark{display:flex}.space-mark svg{width:23px;height:23px}.space-title{font-size:18px;font-weight:600;letter-spacing:-.7px}.divider{width:1px;height:16px;background:#bfc6ca;margin:0 3px 0 9px}#board-menu{padding:9px 7px;font-size:12px;color:#777f84;border-radius:9px}#board-menu svg{width:12px}.save-status{display:flex;align-items:center;gap:7px;margin-right:15px}.save-status>span{width:5px;height:5px;border-radius:100%;background:#939f96}.save-status b{font-size:10px;font-weight:400;letter-spacing:.1px;color:#8b9296}.node{position:absolute;user-select:none;touch-action:none;cursor:grab;outline:none;z-index:1}.node.dragging{cursor:grabbing;z-index:100!important}.media-shell{height:100%;width:100%;position:relative;background:#f5f6f6;box-shadow:0 5px 14px -7px #424a5142;transition:box-shadow .18s,outline .18s;border-radius:2px}.node:hover .media-shell{box-shadow:0 8px 20px -8px #424a515c}.node.selected .media-shell{outline:2px solid #7d8c99;outline-offset:5px}.media-visual{width:100%;height:100%;overflow:hidden;position:relative;border-radius:inherit}.media-visual>img,.media-visual>video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.media-visual.cropped>img{position:absolute;height:auto;max-width:none}.node-label{position:absolute;top:calc(100% + 12px);left:0;right:0;display:flex;align-items:center;justify-content:space-between;color:#7f878c;font-size:10px;opacity:0;transition:opacity .2s;pointer-events:none;white-space:nowrap}.node-label span{max-width:85%;overflow:hidden;text-overflow:ellipsis}.node:hover .node-label,.node.selected .node-label{opacity:1}.type-tag{position:absolute;top:10px;left:10px;z-index:2;font-size:8px;line-height:18px;padding:0 6px;letter-spacing:.5px;background:rgba(255,255,255,.84);backdrop-filter:blur(8px);border-radius:4px;opacity:0;transition:opacity .2s}.node:hover .type-tag{opacity:1}.node-more{position:absolute;right:8px;top:8px;width:25px;height:24px;background:rgba(255,255,255,.87);border-radius:6px;opacity:0;z-index:3}.node:hover .node-more,.node.selected .node-more{opacity:1}.node-more svg{width:14px}.resize-handle{display:none;position:absolute;right:-8px;bottom:-8px;width:9px;height:9px;border:1.5px solid #7d8c99;background:white;cursor:nwse-resize;z-index:6}.node.selected .resize-handle{display:block}.play-mark{position:absolute;bottom:12px;left:12px;width:27px;height:27px;border-radius:50%;background:#fff9;display:grid;place-items:center;color:#41484c;pointer-events:none}.play-mark svg{width:11px;height:11px;fill:currentColor;stroke:none}.note-card{background:#f1f6f7;padding:19px 17px;font-size:11px;line-height:1.5;border-radius:7px;box-shadow:0 3px 10px #2221;width:124px;height:80px;position:absolute;color:#657074;pointer-events:none;transform:rotate(-3deg);z-index:5}.note-card::before{content:"";width:5px;height:5px;background:#ccd8da;display:block;border-radius:50%;margin-bottom:8px}.collection-label{position:absolute;font-size:10px;color:#90989d;letter-spacing:1.4px;text-transform:uppercase;white-space:nowrap;pointer-events:none}.folder-node{width:232px;height:170px;overflow:visible;z-index:3}.folder-body{height:100%;width:100%;position:absolute;z-index:4;background:linear-gradient(155deg,rgba(245,247,248,.93),rgba(219,225,229,.96));border:1px solid #f9fcfdc9;border-radius:11px 14px 17px 17px;box-shadow:0 18px 28px -20px #66727b8c,inset 0 1px 0 #fff;transition:background .25s,transform .25s}.folder-tab{position:absolute;left:5px;top:-22px;width:99px;height:48px;border-radius:20px 29px 0 0;background:linear-gradient(#f2f5f7,#e5eaed);border:1px solid #f7fafb;transform:skew(17deg);z-index:1}.folder-back{position:absolute;inset:-8px 4px 8px;background:#edf1f3;border:1px solid #f7fafc;border-radius:15px;z-index:2}.folder-text{position:absolute;left:22px;bottom:23px;display:flex;flex-direction:column;line-height:1.3;font-size:14px;letter-spacing:-.3px;pointer-events:none}.folder-text small{color:#899297;font-size:11px;margin-bottom:5px}.folder-icon{position:absolute;right:21px;bottom:25px;transform:rotate(-8deg);color:#6c7a82}.folder-icon svg{width:31px;height:31px;stroke-width:1.3}.folder-more{z-index:10}.folder-thumbs{position:absolute;left:16px;top:-19px;width:200px;height:110px;z-index:3;pointer-events:none}.folder-thumb{position:absolute;width:82px;height:100px;border-radius:4px;overflow:hidden;background:#fff;padding:4px;box-shadow:0 1px 8px #2730391a;left:calc(50% - 41px);transform:rotate(var(--angle)) translateX(var(--shift));transition:transform .35s cubic-bezier(.2,.8,.2,1)}.folder-thumb .media-visual{border-radius:1px}.folder-node:hover .folder-body{background:linear-gradient(155deg,#f3f6f8ed,#e1e7ebf0)}.folder-node.folder-expanded{z-index:150!important}.folder-node.folder-expanded .folder-thumb{transform:translate(var(--fan-x),-162px) rotate(var(--angle));width:108px;height:135px}.folder-node.folder-expanded .folder-body{transform:translateY(2px)}.folder-fan{position:absolute;left:-72px;right:-72px;bottom:90%;height:200px;z-index:8;opacity:0;pointer-events:none;transition:opacity .18s}.folder-expanded .folder-fan{opacity:1;pointer-events:auto}.fan-item{position:absolute;width:111px;height:139px;bottom:40px;left:calc(50% - 55px);background:white;padding:5px;border-radius:5px;box-shadow:0 12px 22px -12px #4e5c6a7a;transform:translateX(var(--fan-x)) rotate(var(--angle));transition:transform .2s;cursor:pointer}.fan-item:hover{transform:translateX(var(--fan-x)) translateY(-10px) rotate(0deg)}.folder-node.selected .folder-body{outline:2px solid #7d8c99;outline-offset:5px}.folder-drop .folder-body{outline:3px solid #7d8c99;outline-offset:6px;background:#f7fafc}.folder-drop::after{content:"松开以收纳";position:absolute;top:45px;left:0;right:0;text-align:center;font-size:12px;color:#677884;z-index:9}.dock{position:fixed;bottom:27px;left:50%;transform:translateX(-50%);padding:8px 10px;display:flex;align-items:center;gap:3px;background:#212425;border:1px solid #ffffff12;border-radius:19px;box-shadow:0 12px 25px -9px #121c2375;z-index:30}.dock button{width:39px;height:36px;border-radius:11px;color:#acb3b7;position:relative}.dock button:hover{color:#fff;background:#ffffff10}.dock button.active{background:#ffffff17;color:#f5f6f7}.dock button svg{width:18px;height:18px;stroke-width:1.4}.dock>span{width:1px;height:17px;background:#ffffff1c;margin:0 6px}.bottom-left,.bottom-right{position:fixed;bottom:30px;display:flex;align-items:center;gap:15px;z-index:25}.bottom-left{left:30px}.bottom-right{right:30px;gap:9px}.frosted{background:var(--panel);border-radius:13px}.canvas-hint{font-size:10px;color:#949da3;letter-spacing:.1px}.zoom-control{display:flex;background:var(--panel);height:36px;border-radius:12px;align-items:center;overflow:hidden}.zoom-control button{height:36px;width:29px}.zoom-control svg{width:13px}.zoom-control #zoom-label{width:46px;font-size:10px;color:#6d777e;font-variant-numeric:tabular-nums}[data-tip]{position:relative}[data-tip]::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%);background:#262b2ee8;color:#fff;padding:7px 10px;border-radius:6px;font-size:10px;font-weight:400;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;z-index:100}.topbar [data-tip]::after{bottom:auto;top:calc(100% + 9px)}[data-tip]:hover::after{opacity:1}#selection-bar{position:fixed;top:88px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;background:var(--panel);backdrop-filter:blur(20px);border:1px solid #ffffff8a;border-radius:12px;padding:8px 12px;z-index:25;box-shadow:0 4px 20px #5060700c}#selection-bar>span{font-size:11px;color:#7e898f;margin:0 6px}#selection-bar button{font-size:11px;border-radius:6px;padding:6px}#selection-bar svg{width:15px;height:15px}#popover{position:fixed;min-width:206px;z-index:80;padding:6px;background:rgba(252,253,254,.96);backdrop-filter:blur(25px);border:1px solid #fff;border-radius:13px;box-shadow:0 10px 35px #3a485228;font-size:12px}#popover button{width:100%;justify-content:flex-start;padding:10px;border-radius:7px;text-align:left;gap:10px}#popover button:hover{background:#e8edf1}#popover button svg{width:15px;height:15px;color:#7c878e}#popover hr{border:none;border-top:1px solid #dce2e6;margin:5px 7px}#popover small{display:block;color:#8b959b;font-size:10px;padding:9px 10px 6px}#popover .danger{color:#bc6565}#toast{position:fixed;bottom:105px;left:50%;transform:translate(-50%,10px);padding:11px 19px;background:#f9fcfdeb;backdrop-filter:blur(12px);box-shadow:0 4px 30px #34404d1a;border:1px solid #fff8;border-radius:11px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:120;max-width:90vw;text-align:center}#toast.show{transform:translate(-50%,0);opacity:1}#drop-overlay{position:fixed;inset:12px;border:2px dashed #a0adb6;border-radius:20px;display:grid;place-items:center;background:#e8edf3ed;z-index:100;pointer-events:none;text-align:center}#drop-overlay i{display:block;margin:auto;width:44px;height:44px}#drop-overlay svg{width:44px;height:44px;stroke-width:1}#drop-overlay h2{font-size:30px;letter-spacing:-1px;font-weight:500}#drop-overlay p{font-size:13px;color:#7e8b95}#drop-overlay small{font-size:10px;color:#95a1aa;letter-spacing:1px}#marquee{display:none;position:absolute;border:1px solid #8d9da8;background:#a8b9c71f;pointer-events:none;z-index:10}dialog{border:1px solid #fff9;border-radius:20px;padding:0;box-shadow:0 20px 90px #27313b26;max-width:calc(100vw - 32px);color:var(--ink);background:#f5f7f8}dialog::backdrop{background:#dce2e78c;backdrop-filter:blur(12px)}#modal{width:430px}#modal-content{padding:30px}#modal h2{font-size:23px;font-weight:500;letter-spacing:-.7px;margin:4px 0 10px}#modal p{color:#869198;font-size:12px;line-height:1.7}#modal .eyebrow{font-size:9px;letter-spacing:1.9px;margin-bottom:16px;color:#9aa4ab}.modal-close{position:absolute;right:15px;top:15px}.text-input{width:100%;height:44px;padding:12px 14px;margin:14px 0;border:1px solid #d7dfe4;background:#fff;border-radius:9px;color:#3d474e;outline:none}.text-input:focus{border-color:#91a0aa}.primary{background:#282e32;color:#fff;border-radius:9px;padding:12px 20px;font-size:12px}.primary:hover{background:#444d54}.secondary{padding:12px 18px;border-radius:9px;font-size:12px;color:#89949b}.modal-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:10px}.format-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e0e5e8;font-size:12px}.format-row span:last-child{color:#85938b}.shortcut{display:flex;justify-content:space-between;font-size:12px;padding:9px 0;color:#738089}.shortcut kbd{font:10px inherit;color:#9ca6ad}.format-chips{display:flex;gap:5px;margin:20px 0}.format-chips span{font-size:9px;padding:6px 8px;border:1px solid #dce3e8;border-radius:5px;color:#84919a}.modal-foot{margin:20px 0 0!important;font-size:10px!important}.search-input{font-size:15px;height:48px;margin:12px 0}.search-results{max-height:320px;overflow:auto}.search-result{display:flex;align-items:center;gap:13px;padding:9px;border-radius:8px;width:100%;font-size:12px;justify-content:flex-start}.search-result:hover{background:#e7edf1}.search-result .thumb{width:40px;height:43px;flex-shrink:0;border-radius:3px;overflow:hidden}.search-result span{overflow:hidden;text-overflow:ellipsis;text-align:left}.search-result small{color:#9ba4ab;margin-left:auto;font-size:9px}.empty-state{position:absolute;text-align:center;transform:translate(-50%,-50%);width:380px;pointer-events:none}.empty-state svg{width:40px;height:40px;stroke-width:1;color:#9daab4}.empty-state h2{font-size:24px;font-weight:400;letter-spacing:-.8px}.empty-state p{font-size:12px;color:#919da6;line-height:1.8}#folder-breadcrumb{position:fixed;left:87px;top:85px;z-index:20;font-size:12px;display:flex;align-items:center;gap:17px}#folder-breadcrumb button{font-size:11px;color:#939fa7;padding:0}#folder-breadcrumb svg{width:13px}#folder-breadcrumb>span{color:#adb6bd}#folder-breadcrumb strong{font-weight:500;color:#626f78}#lightbox{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:none;border-radius:0;background:#e9edf0ed;box-shadow:none;overflow:hidden}#lightbox::backdrop{background:#e9edf0}.lightbox-top{position:absolute;top:26px;left:34px;right:28px;display:flex;justify-content:space-between;align-items:center}.lightbox-top>div{display:flex;align-items:center;gap:13px}#preview-title{font-size:13px;font-weight:500}#preview-meta{font-size:10px;color:#8b969e}#preview-media{position:absolute;top:100px;bottom:100px;left:15%;right:15%;display:flex;justify-content:center;align-items:center}#preview-media>.media-visual{width:auto;height:auto;max-height:100%;max-width:100%;box-shadow:0 14px 60px #5265751c}#preview-media>img,#preview-media>video{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 30px #52657520)}#preview-media>.media-visual.cropped{width:min(70vw,680px);height:auto;aspect-ratio:var(--ratio)}.preview-arrow{position:absolute;top:50%;width:44px;height:44px;border-radius:50%;background:#fff6;color:#8b98a1}.preview-arrow.prev{left:40px}.preview-arrow.next{right:40px}.lightbox-bottom{position:absolute;bottom:32px;left:0;right:0;text-align:center;font-size:10px;color:#98a3ab}.lightbox-bottom span{padding:0 13px}.theme-dark{--canvas:#292e32;--ink:#e0e5e8;--muted:#8d9aa2;--panel:rgba(63,71,77,.87);--line:#ffffff12}.theme-dark .media-shell{background:#3c444a}.theme-dark #popover,.theme-dark dialog{background:#363e44;color:#e0e5e8;border-color:#4c5860}.theme-dark #popover button:hover{background:#48545d}.theme-dark #lightbox{background:#292e32}.theme-dark .home-button{background:#ffffff14}.theme-dark .divider{background:#66727a}.theme-dark #toast{background:#424e57;border-color:#62737f}.theme-dark .text-input{background:#293238;color:#e0e5e8;border-color:#52616c}.theme-dark #selection-bar{border-color:#52616c}.theme-dark .node-label{color:#9ba9b3}.theme-dark .type-tag{color:#343b40}.theme-dark .folder-body{color:#303a41}@media(max-width:800px){.topbar{left:18px;right:15px;top:19px}.top-left{gap:8px}.top-right .save-status{display:none}.space-title{font-size:17px}.space-switch{gap:8px}.space-switch .divider{margin-left:3px}.bottom-left{left:17px;bottom:24px}.canvas-hint{display:none}.bottom-right{right:17px;bottom:24px}.dock{bottom:82px}.zoom-control{height:34px}.zoom-control button{height:34px;width:24px}.zoom-control #zoom-label{width:37px}.bottom-right>.icon-button{display:none}#board-menu{font-size:10px}.top-right{gap:0}.icon-button{width:33px;height:33px}#folder-breadcrumb{left:25px;top:85px}.lightbox-top{left:20px;right:15px}#preview-meta{display:none}.preview-arrow.prev{left:10px}.preview-arrow.next{right:10px}#preview-media{left:12%;right:12%}#selection-bar{top:122px;max-width:95vw;white-space:nowrap}#selection-bar>span{display:none}.collection-label{font-size:12px}.save-status{display:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}
.node{transition:opacity .3s,filter .3s}.folder-peek .node:not(.folder-expanded){opacity:.2;filter:saturate(.5)}.folder-peek .collection-label{opacity:.25}.folder-expanded .folder-thumbs{opacity:0}.video-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#dce3e8;color:#81909a;gap:13px;text-align:center;padding:15px}.video-fallback svg{width:30px;height:30px;stroke-width:1}.video-fallback span{font-size:11px}.video-fallback small{font-size:9px}.folder-node .media-visual{pointer-events:none}.fan-item .media-visual{height:100%;width:100%}
.preview-error{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;text-align:center;color:#8c9aa3}.preview-error>svg{width:44px;height:44px;stroke-width:1}.preview-error p{font-size:15px;margin:0}.preview-error small{font-size:11px}.preview-error .primary{margin-top:15px}.media-visual.cropped>img{object-fit:fill}
button:disabled{opacity:.35;cursor:default}button:disabled:hover{background:none}

button.collection-label{pointer-events:auto;padding:0;border:0;border-radius:3px;background:transparent;font-weight:400;font-family:inherit;line-height:normal;cursor:text;z-index:2;text-align:left;justify-content:flex-start;transition:color .15s}button.collection-label:hover{color:#687984;background:transparent}button.collection-label:focus-visible{outline:1px solid #8a9aa6;outline-offset:5px}.label-actions .label-delete{margin-right:auto;color:#bc6565}.label-actions .label-delete:hover{background:#bc656510}