:root{--bg:#f4f5f7;--canvas:#eceef1;--dot:#d3d7de;--panel:#fff;--card:#fff;--text:#1f2330;--muted:#6b7180;--faint:#9aa0ad;--border:#e3e6eb;--line:#8a909c;--hover:#f0f2f5;--accent:#6d4aff;--accent-soft:#efeaff;--danger:#e5484d;--shadow-sm:0 1px 2px #14182414, 0 1px 1px #1418240a;--shadow:0 1px 3px #1418241a, 0 4px 12px #1418240f;--shadow-lg:0 8px 28px #14182429, 0 2px 6px #14182414;--tint-yellow:#fff6cc;--tint-orange:#ffe8d9;--tint-red:#ffe1e1;--tint-pink:#ffe0ef;--tint-purple:#efe6ff;--tint-blue:#e0ecff;--tint-teal:#d8f4f2;--tint-green:#dff5e4;--radius:6px;--font:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#15171c;--canvas:#1b1e24;--dot:#2c313a;--panel:#20232a;--card:#262a32;--text:#e8eaf0;--muted:#a0a6b3;--faint:#737a88;--border:#333844;--line:#8a909c;--hover:#2d313a;--accent:#8b6dff;--accent-soft:#2c2648;--tint-yellow:#3d3719;--tint-orange:#402b1e;--tint-red:#432526;--tint-pink:#40243a;--tint-purple:#32284a;--tint-blue:#1f2d47;--tint-teal:#1a3634;--tint-green:#1d3526;--shadow-sm:0 1px 2px #0006;--shadow:0 1px 3px #00000073, 0 4px 12px #0000004d;--shadow-lg:0 8px 28px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.theme-light{--bg:#f4f5f7;--canvas:#eceef1;--dot:#d3d7de;--panel:#fff;--card:#fff;--text:#1f2330;--muted:#6b7180;--faint:#9aa0ad;--border:#e3e6eb;--line:#8a909c;--hover:#f0f2f5;--accent:#6d4aff;--accent-soft:#efeaff;--danger:#e5484d;--shadow-sm:0 1px 2px #14182414, 0 1px 1px #1418240a;--shadow:0 1px 3px #1418241a, 0 4px 12px #1418240f;--shadow-lg:0 8px 28px #14182429, 0 2px 6px #14182414;--tint-yellow:#fff6cc;--tint-orange:#ffe8d9;--tint-red:#ffe1e1;--tint-pink:#ffe0ef;--tint-purple:#efe6ff;--tint-blue:#e0ecff;--tint-teal:#d8f4f2;--tint-green:#dff5e4;--radius:6px;--font:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;color:var(--text)}.theme-dark{--panel:#2b2b2b;--card:#383838;--text:#ececec;--muted:#b0b0b0;--faint:#858585;--border:#4a4a4a;--line:#9a9a9a;--hover:#444;--accent:#8f73ff;--accent-soft:#3a3358;--tint-yellow:#4a4424;--tint-orange:#4d3526;--tint-red:#4f2d2f;--tint-pink:#4b2b43;--tint-purple:#3d3257;--tint-blue:#283854;--tint-teal:#22403e;--tint-green:#25402f;--shadow-sm:0 1px 2px #00000073;--shadow:0 1px 3px #00000080, 0 4px 12px #00000059;--shadow-lg:0 8px 28px #0000008c;color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.45;overflow:hidden}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:var(--accent)}.grow{flex:1;min-width:0}.btn{background:var(--hover);white-space:nowrap;border-radius:6px;align-items:center;gap:6px;height:32px;padding:0 12px;font-weight:500;display:inline-flex}.btn:hover{filter:brightness(.97)}.btn.primary{background:var(--accent);color:#fff}.btn:disabled{opacity:.5;cursor:default}.icon-btn{width:30px;height:30px;color:var(--muted);border-radius:6px;flex:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.icon-btn:hover{background:var(--hover);color:var(--text)}.icon-btn.danger:hover{color:var(--danger)}.text-btn{color:var(--muted);white-space:nowrap;border-radius:5px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:500;display:inline-flex}.text-btn:hover{background:var(--hover);color:var(--text)}.text-btn.danger:hover{color:var(--danger)}.text-btn.strong{color:var(--accent);font-size:13px;font-weight:600}.link-btn{color:var(--accent);align-items:center;gap:3px;text-decoration:none;display:inline-flex}.link-btn:hover{text-decoration:underline}.form-error{color:var(--danger);margin-top:6px;font-size:12px}.sep{background:var(--border);flex:none;width:1px;height:20px;margin:0 4px}.spinner{border:2.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.splash{place-items:center;height:100%;display:grid}.avatar{color:#fff;letter-spacing:.02em;border:2px solid var(--panel);border-radius:50%;flex:none;place-items:center;font-weight:600;display:inline-grid}.avatar.more{background:var(--muted);width:28px;height:28px;font-size:11px}.toast{z-index:1000;color:#fff;box-shadow:var(--shadow-lg);background:#1f2330;border-radius:8px;max-width:calc(100vw - 32px);padding:10px 16px;font-size:13px;animation:.18s ease-out pop;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@keyframes pop{0%{opacity:0;transform:translate(-50%,6px)}}.gate{background:var(--canvas);place-items:center;height:100%;padding:16px;display:grid}.gate-card{background:var(--panel);width:100%;max-width:360px;box-shadow:var(--shadow-lg);border-radius:12px;flex-direction:column;gap:10px;padding:28px;display:flex}.gate-card h1{margin:6px 0 0;font-size:20px}.gate-card p{color:var(--muted);margin:0 0 6px}.gate-card input{border:1px solid var(--border);background:var(--card);border-radius:8px;outline:none;height:38px;padding:0 12px}.gate-card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.gate-card .btn{justify-content:center;height:38px}.app{height:100%;display:flex}.main{flex-direction:column;flex:1;min-width:0;display:flex}.sidebar{background:var(--panel);border-right:1px solid var(--border);z-index:20;flex-direction:column;flex:none;gap:6px;width:248px;padding:10px 8px;display:flex}.sidebar-head{justify-content:space-between;align-items:center;padding:0 2px 4px 4px;display:flex}.brand{align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.sidebar-search{background:var(--hover);height:32px;color:var(--faint);border-radius:6px;align-items:center;gap:6px;margin:2px 2px 4px;padding:0 10px;display:flex}.sidebar-search input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1}.tree{flex:1;min-height:0;overflow-y:auto}.tree-row{width:100%;min-height:30px;color:var(--muted);border-radius:6px;align-items:center;gap:2px;display:flex}.tree-row:hover{background:var(--hover);color:var(--text)}.tree-row.is-active{background:var(--accent-soft);color:var(--accent);font-weight:600}.home-row{gap:8px;padding:0 10px;font-weight:500}.tree-toggle{border-radius:4px;flex:none;place-items:center;width:18px;height:18px;transition:transform .15s;display:grid}.tree-toggle.is-open{transform:rotate(90deg)}.tree-toggle.is-hidden{visibility:hidden}.tree-label{text-align:left;flex:1;align-items:center;gap:7px;min-width:0;height:30px;padding-right:8px;display:flex}.tree-label span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tree-empty{color:var(--faint);padding:8px 10px;font-size:13px}.new-board{justify-content:center;margin:4px 2px}.me-row{align-items:center;gap:2px;display:flex}.me{text-align:left;border-radius:6px;flex:1;align-items:center;gap:8px;min-width:0;padding:6px 8px;font-weight:500;display:flex}.me-text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.me-name,.me-email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.me-email{color:var(--faint);font-size:11.5px;font-weight:400}.me:hover{background:var(--hover)}.topbar{background:var(--panel);border-bottom:1px solid var(--border);z-index:15;flex:none;align-items:center;gap:8px;height:52px;padding:0 12px 0 14px;display:flex}.crumbs{min-width:0;color:var(--faint);align-items:center;gap:4px;display:flex;overflow:hidden}.crumb-wrap{display:contents}.crumb{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;border-radius:5px;max-width:180px;padding:4px 6px;overflow:hidden}.crumb:hover{background:var(--hover);color:var(--text)}.crumb-current{color:var(--text);padding:4px 6px;font-weight:600}.title-input{min-width:0;max-width:42vw;color:var(--text);background:0 0;border:1px solid #0000;border-radius:6px;outline:none;padding:4px 6px;font-size:15px;font-weight:650}.title-input:hover{border-color:var(--border)}.title-input:focus{border-color:var(--accent);background:var(--card)}.save-status{color:var(--faint);white-space:nowrap;font-size:12px}.save-status.is-offline{color:var(--danger)}.presence{flex-direction:row-reverse;margin-right:4px;display:flex}.presence .avatar+.avatar{margin-right:-8px}.board-view{flex-direction:column;flex:1;min-height:0;display:flex}.board-stage{flex:1;min-height:0;position:relative}.board-missing{text-align:center;margin:auto;padding:24px}.board-missing p{color:var(--muted)}.home{flex-direction:column;flex:1;min-height:0;display:flex}.home-body{flex:1;padding:32px clamp(16px,4vw,48px) 64px;overflow-y:auto}.home-title{margin:0;font-size:26px}.home-sub{color:var(--muted);max-width:620px;margin:6px 0 24px}.home-h2{text-transform:uppercase;letter-spacing:.06em;color:var(--faint);margin:28px 0 12px;font-size:13px}.board-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.board-tile{background:var(--card);box-shadow:var(--shadow-sm);cursor:pointer;text-align:left;border-radius:10px;outline:none;flex-direction:column;transition:box-shadow .15s,transform .15s;display:flex;position:relative;overflow:hidden}.board-tile:hover,.board-tile:focus-visible{box-shadow:var(--shadow);transform:translateY(-1px)}.board-tile-cover{background:var(--tint-purple);height:118px;color:var(--accent);place-items:center;display:grid;overflow:hidden}.board-tile-cover img{object-fit:cover;width:100%;height:100%}.board-tile-body{padding:10px 12px 12px}.board-tile-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.board-tile-meta{color:var(--faint);margin-top:2px;font-size:12px}.board-tile-delete{background:var(--card);opacity:0;position:absolute;top:6px;right:6px}.board-tile:hover .board-tile-delete{opacity:1}.board-tile.is-new{min-height:170px;color:var(--muted);border:2px dashed var(--border);box-shadow:none;background:0 0;justify-content:center;align-items:center;gap:8px;font-weight:500}.canvas{background-color:var(--canvas);background-image:radial-gradient(circle, var(--dot) 1px, transparent 1.2px);touch-action:none;cursor:default;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.canvas.is-dragging{cursor:grabbing}.canvas.is-dragging iframe{pointer-events:none}.canvas.is-line-mode,.canvas.is-line-mode .card{cursor:crosshair}.world{transform-origin:0 0;width:0;height:0;position:absolute;top:0;left:0}.connections{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.conn-line{stroke:var(--line);stroke-width:1.6px;fill:none;stroke-linecap:round;stroke-linejoin:round}.conn-line.is-temp{stroke:var(--accent);stroke-dasharray:5 4}.conn-hit{stroke:#0000;stroke-width:14px;fill:none;pointer-events:stroke;cursor:pointer}.conn:hover .conn-hit{stroke:color-mix(in srgb, var(--accent) 16%, transparent)}.conn-label{background:var(--canvas);color:var(--muted);white-space:nowrap;cursor:pointer;border-radius:4px;padding:1px 6px;font-size:12px;font-weight:500;position:absolute;transform:translate(-50%,-50%)}.card{border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-sm);cursor:default;font-size:14px;position:absolute}.card:hover{box-shadow:var(--shadow)}.card.is-selected{outline:2px solid var(--accent);outline-offset:2px}.card.is-line-source{outline:2px dashed var(--accent);outline-offset:3px}.card.in-column{width:100%;position:relative}.card-heading,.card-column,.card-board{box-shadow:none;background:0 0}.card-heading:hover,.card-board:hover{box-shadow:none}.resize-handle{background:var(--panel);border:2px solid var(--accent);cursor:ew-resize;z-index:2;border-radius:3px;width:14px;height:14px;position:absolute;bottom:-7px;right:-7px}.connect-handle{background:var(--panel);border:2px solid var(--accent);width:14px;height:14px;box-shadow:var(--shadow-sm);cursor:crosshair;z-index:2;border-radius:50%;margin:-7px 0 0 -7px;transition:transform .1s,background .1s;position:absolute}.connect-handle:hover{background:var(--accent);transform:scale(1.3)}.connect-handle.is-top{top:-18px;left:50%}.connect-handle.is-bottom{top:calc(100% + 18px);left:50%}.connect-handle.is-left{top:50%;left:-18px}.connect-handle.is-right{top:50%;left:calc(100% + 18px)}.in-column .connect-handle.is-left{left:-9px}.in-column .connect-handle.is-right{left:calc(100% + 9px)}.conn-end,.conn-bend{z-index:100001;position:absolute}.canvas.is-dragging .conn-end,.canvas.is-dragging .conn-bend{pointer-events:none}.conn-end{background:var(--panel);border:2.5px solid var(--accent);cursor:grab;width:14px;height:14px;box-shadow:var(--shadow-sm);border-radius:50%}.conn-bend{background:var(--accent);border:1.5px solid var(--panel);border-radius:3px}.conn-bend.is-x{cursor:ew-resize;width:8px;height:26px}.conn-bend.is-y{cursor:ns-resize;width:26px;height:8px}.canvas.is-space,.canvas.is-space *{cursor:grab!important}.canvas.is-space.is-dragging,.canvas.is-space.is-dragging *{cursor:grabbing!important}.conn-bar{gap:2px;padding:4px 6px}.dd{position:relative}.dd-btn{height:32px;color:var(--muted);border-radius:6px;align-items:center;gap:3px;padding:0 6px;display:inline-flex}.dd-btn:hover,.dd-btn.is-open{background:var(--hover);color:var(--text)}.dd-swatch{border:1px solid #00000026;border-radius:50%;width:18px;height:18px}.dd-menu{z-index:60;background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:8px;gap:2px;padding:5px;display:flex;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.dd-opt{width:34px;height:32px;color:var(--muted);border-radius:6px;place-items:center;display:grid}.dd-opt:hover{background:var(--hover);color:var(--text)}.dd-opt.is-active{background:var(--accent-soft);color:var(--accent)}.dd-swatches{grid-template-columns:repeat(5,22px);gap:6px;padding:3px;display:grid}.dd-swatches .swatch{width:22px;height:22px}.marquee{border:1px solid var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);pointer-events:none;position:absolute}.cursor{pointer-events:none;transform-origin:0 0;z-index:100000;transition:transform 80ms linear;position:absolute;top:0;left:0}.cursor span{background:var(--accent);color:#fff;white-space:nowrap;border-radius:4px;padding:1px 6px;font-size:11px;font-weight:600;position:absolute;top:16px;left:14px}.empty-hint{text-align:center;color:var(--muted);pointer-events:none;flex-direction:column;gap:4px;max-width:calc(100% - 140px);display:flex;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.empty-hint b{color:var(--text);font-size:16px}.mode-banner{z-index:30;background:var(--text);color:var(--panel);box-shadow:var(--shadow-lg);border-radius:8px;align-items:center;gap:10px;padding:6px 8px 6px 14px;font-size:13px;font-weight:500;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.mode-banner .text-btn{color:inherit;opacity:.8}.context-bar{z-index:40;background:var(--panel);box-shadow:var(--shadow-lg);white-space:nowrap;border-radius:8px;align-items:center;gap:2px;padding:4px;display:flex;position:absolute;transform:translate(-50%,-100%)}.context-bar.is-below{transform:translate(-50%)}.swatches{align-items:center;gap:3px;padding-left:4px;display:flex}.swatch{border:1px solid #0000001f;border-radius:50%;width:18px;height:18px}.swatch:hover{transform:scale(1.15)}.conn-input{background:var(--hover);border:0;border-radius:5px;outline:none;width:150px;height:28px;padding:0 8px}.zoom-controls{z-index:30;background:var(--panel);box-shadow:var(--shadow);border-radius:8px;align-items:center;gap:2px;padding:3px;display:flex;position:absolute;bottom:16px;right:16px}.zoom-level{min-width:48px;color:var(--muted);border-radius:6px;height:30px;font-size:12px;font-weight:600}.zoom-level:hover{background:var(--hover)}.toolbar{z-index:30;scrollbar-width:none;background:var(--panel);width:72px;box-shadow:var(--shadow);border-radius:10px;flex-direction:column;gap:2px;padding:6px 4px;display:flex;position:absolute;top:12px;bottom:12px;left:12px;overflow-y:auto}.tool{color:var(--muted);cursor:grab;border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:7px 2px;display:flex}.tool:hover{background:var(--hover);color:var(--text)}.tool.is-active{background:var(--accent-soft);color:var(--accent)}.tool-icon{border:1px solid var(--border);background:var(--card);border-radius:6px;place-items:center;width:34px;height:30px;display:grid}.tool-label{text-align:center;font-size:11px;line-height:1.1}.editable{word-wrap:break-word;-webkit-user-select:text;user-select:text;outline:none;min-height:1.45em}.editable[contenteditable=false]{-webkit-user-select:none;user-select:none}.editable.is-empty:empty:before{content:attr(data-placeholder);color:var(--faint)}.editable.is-empty:has(>br:only-child):before{content:attr(data-placeholder);color:var(--faint)}.editable p{margin:0 0 .45em}.editable p:last-child{margin-bottom:0}.editable h1,.editable h2,.editable h3{margin:.2em 0 .4em;font-size:1.2em;line-height:1.25}.editable ul,.editable ol{margin:.2em 0 .45em;padding-left:1.3em}.editable a{word-break:break-all}input,textarea{-webkit-user-select:text;user-select:text}.note{border-radius:var(--radius);min-height:48px;padding:14px 16px}.card-note.is-editing{cursor:text}.heading{color:#fff;text-align:center;box-shadow:var(--shadow-sm);border-radius:4px;padding:.64em 1em;font-size:1em;font-weight:650}.heading .editable.is-empty:before{color:#ffffffb3}.todo{border-radius:var(--radius);padding:12px 14px 8px}.todo-head{align-items:center;gap:8px;display:flex}.todo-title{background:0 0;border:0;outline:none;flex:1;min-width:0;padding:0;font-weight:650}.todo-count{color:var(--faint);font-size:.86em;font-weight:600}.todo-progress{background:color-mix(in srgb, var(--text) 10%, transparent);border-radius:3px;height:3px;margin:8px 0 4px;overflow:hidden}.todo-progress div{background:#2e9e55;height:100%;transition:width .2s}.todo-row{align-items:center;gap:8px;padding:3px 0;display:flex}.todo-row input[type=checkbox]{appearance:none;border:1.8px solid var(--faint);cursor:pointer;background:var(--card);border-radius:4px;flex:none;place-items:center;width:1.15em;height:1.15em;margin:0;display:grid}.todo-row input[type=checkbox]:checked{background:#2e9e55;border-color:#2e9e55}.todo-row input[type=checkbox]:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;transform:translateY(-1px)rotate(45deg)}.todo-text{background:0 0;border:0;outline:none;flex:1;min-width:0;padding:2px 0}.todo-row.is-done .todo-text{color:var(--faint);text-decoration:line-through}.todo-add{margin:2px -6px 0}.table-card{border-radius:var(--radius);overflow:hidden}.card-grip{border-bottom:1px solid var(--border);cursor:grab;align-items:center;gap:4px;min-height:34px;padding:2px 6px 2px 12px;display:flex}.table-title{background:0 0;border:0;outline:none;flex:0 auto;min-width:0;max-width:70%;padding:0;font-size:.93em;font-weight:650}.table-tools{gap:0;margin-left:auto;display:flex}.table-card table{border-collapse:collapse;table-layout:fixed;width:100%}.table-card td{border:1px solid var(--border);vertical-align:top;padding:0}.table-card tr>td:first-child{border-left:0}.table-card tr>td:last-child{border-right:0}.table-card tr.is-head td{background:var(--head)}.table-card tr.is-head textarea{font-weight:650}.table-card td,.cell{position:relative}.cell textarea.is-hidden{opacity:0;pointer-events:none;position:absolute;inset:0;height:100%!important}.cell-rich{cursor:text;overflow-wrap:anywhere;min-height:1.4em;padding:7px 9px;font-size:.93em;line-height:1.4}.cell-view{flex-direction:column;gap:5px;display:flex}.cell-media{object-fit:contain;background:var(--hover);border-radius:5px;width:100%;max-height:360px;display:block}.cell-link{text-overflow:ellipsis;white-space:nowrap;background:var(--accent-soft);max-width:100%;color:var(--accent);border-radius:10px;align-self:flex-start;padding:2px 8px;font-size:.9em;text-decoration:none;overflow:hidden}.cell-line a{color:var(--accent)}.cell.is-busy{box-shadow:inset 0 0 0 2px var(--accent-soft)}.cell-busy{color:var(--accent);font-size:11px;position:absolute;bottom:4px;right:6px}.col-resize{cursor:col-resize;z-index:2;width:8px;height:100%;position:absolute;top:0;right:-4px}.col-resize:hover{background:color-mix(in srgb, var(--accent) 35%, transparent)}.table-hint{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--faint);align-self:center;margin-left:auto;padding-right:4px;font-size:11.5px;overflow:hidden}.canvas.is-readonly .table-hint{display:none}.table-card textarea{resize:none;background:0 0;border:0;outline:none;width:100%;padding:7px 9px;font-size:.93em;line-height:1.4;display:block;overflow:hidden}.table-card textarea:focus{box-shadow:inset 0 0 0 2px var(--accent)}.canvas.is-readonly .col-resize{display:none}.table-add{gap:2px;padding:4px 6px;display:flex}.link-form{padding:12px}.link-form-row{color:var(--muted);align-items:center;gap:8px;display:flex}.link-form input{background:0 0;border:0;outline:none;flex:1;min-width:0;padding:4px 0}.link-card{border-radius:var(--radius);overflow:hidden}.link-thumb{aspect-ratio:1.91;background:var(--hover);overflow:hidden}.link-thumb img{object-fit:cover;width:100%;height:100%;display:block}.link-body{padding:10px 12px 8px}.link-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;display:-webkit-box;overflow:hidden}.link-desc{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:3px;font-size:12.5px;display:-webkit-box;overflow:hidden}.link-meta{align-items:center;gap:8px;padding:4px 0 0;display:flex}.is-embed .link-meta,.image-card .link-meta,.video-card .link-meta{padding:6px 6px 6px 10px}.link-meta-text{flex:1;min-width:0}.link-meta-text .link-title{-webkit-line-clamp:1;font-size:12.5px}.link-host{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.favicon{border-radius:3px;flex:none;width:16px;height:16px}.embed-frame{background:#000;position:relative}.embed-frame iframe{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.embed-shield{cursor:default;position:absolute;inset:0}.image-card{border-radius:var(--radius);overflow:hidden}.image-card img,.image-card video{background:var(--hover);width:100%;min-height:40px;display:block}.caption{color:var(--muted);padding:8px 12px;font-size:13px}.caption-input{background:0 0;border:0;outline:none;width:100%;padding:8px 12px;font-size:13px}.video-card{border-radius:var(--radius);overflow:hidden}.video-card video{background:#000;width:100%;max-height:80vh;display:block}.file-footer{padding:8px 12px}.file-footer-name,.audio-name,.file-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.file-footer-meta{color:var(--faint);align-items:center;gap:6px;margin-top:1px;font-size:12px;display:flex}.audio{padding:10px 12px}.audio-top{align-items:center;gap:10px;display:flex}.play-btn{background:var(--text);width:30px;height:30px;color:var(--card);border-radius:50%;flex:none;place-items:center;display:grid}.play-btn svg{transform:translate(1px)}.audio-bar{cursor:pointer;flex:1;align-items:center;height:16px;display:flex;position:relative}.audio-bar:before{content:"";background:var(--border);border-radius:4px;height:4px;position:absolute;left:0;right:0}.audio-bar-fill{background:var(--accent);border-radius:4px;height:4px;position:relative}.audio-time{color:var(--faint);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}.audio-info{margin-top:8px}.file-card{align-items:center;gap:12px;padding:12px;display:flex}.file-icon{color:var(--accent);flex:none;place-items:center;display:grid;position:relative}.file-icon span{background:var(--accent);color:#fff;letter-spacing:.02em;border-radius:2px;padding:0 3px;font-size:8px;font-weight:800;position:absolute;bottom:3px}.file-main{flex:1;min-width:0}.uploading{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:16px;display:flex}.uploading-name{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12.5px;overflow:hidden}.uploading-bar{background:var(--border);border-radius:4px;width:100%;height:4px;overflow:hidden}.uploading-bar div{background:var(--accent);height:100%;transition:width .15s}.board-card{text-align:center;flex-direction:column;align-items:center;padding:4px;display:flex}.board-icon{aspect-ratio:1.25;color:#ffffffeb;width:100%;box-shadow:var(--shadow-sm);border-radius:10px;place-items:center;display:grid;overflow:hidden}.card-board:hover .board-icon{box-shadow:var(--shadow)}.board-icon img{object-fit:cover;width:100%;height:100%}.board-title{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:8px;font-weight:650;overflow:hidden}.board-title-input{text-align:center;border:1px solid var(--accent);background:var(--card);border-radius:5px;outline:none;width:100%;margin-top:6px;padding:2px 4px;font-weight:650}.board-meta{color:var(--faint);font-size:12px}.column{background:color-mix(in srgb, var(--panel) 72%, transparent);border:1px solid var(--border);border-top:4px solid var(--col,var(--faint));box-shadow:var(--shadow-sm);border-radius:10px;padding:0 9px 9px}.column.is-drop{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.column-head{cursor:grab;align-items:center;gap:8px;padding:10px 4px 8px;display:flex}.column-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:650;overflow:hidden}.column-title-input{border:1px solid var(--accent);background:var(--card);border-radius:5px;outline:none;flex:1;min-width:0;padding:1px 5px;font-weight:650}.column-count{color:var(--faint);font-size:12px;font-weight:600}.column-title.is-empty{color:var(--faint);font-weight:500}.column-body{grid-template-columns:repeat(var(--cols,1), minmax(0, 1fr));align-items:start;gap:10px;min-height:60px;display:grid}.column-empty{grid-column:1/-1}.drop-slot{border:2px dashed var(--accent);background:var(--accent-soft);border-radius:8px;min-height:64px}.edge-handle{cursor:ew-resize;z-index:3;width:12px;position:absolute;top:0;bottom:0}.card.is-selected>.edge-handle:after{opacity:1;height:min(44px,60%);margin-top:0;transform:translateY(-50%)}.edge-handle.is-left{left:-6px}.edge-handle.is-right{right:-6px}.edge-handle:after{content:"";background:var(--accent);opacity:0;border-radius:2px;width:4px;height:44px;margin-top:-22px;transition:opacity .12s;position:absolute;top:50%;left:4px}.card-column:hover .edge-handle:after,.card-column.is-selected .edge-handle:after,.edge-handle:hover:after{opacity:1}.bar-label{color:var(--muted);white-space:nowrap;padding:0 2px 0 4px;font-size:12px}.seg.compact button{padding:3px 8px;font-size:12px}.column-empty{border:2px dashed var(--border);min-height:60px;color:var(--faint);border-radius:6px;place-items:center;font-size:12.5px;display:grid}@media (width<=720px){.sidebar{box-shadow:var(--shadow-lg);position:fixed;inset:0 auto 0 0}.toolbar{width:56px;left:8px}.tool-label,.crumb,.crumbs>.crumb-wrap,.save-status,.presence{display:none}.topbar{gap:4px;padding:0 8px}}.project-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.project-tile{background:var(--card);box-shadow:var(--shadow-sm);cursor:pointer;text-align:left;border-top:4px solid var(--proj,var(--accent));border-radius:12px;outline:none;flex-direction:column;transition:box-shadow .15s,transform .15s;display:flex;position:relative;overflow:hidden}.project-tile:hover,.project-tile:focus-visible{box-shadow:var(--shadow);transform:translateY(-1px)}.project-cover{height:104px;color:var(--proj);background:color-mix(in srgb, var(--proj) 12%, var(--card));justify-content:center;align-items:center;gap:2px;display:flex;overflow:hidden}.project-cover img{object-fit:cover;flex:1;min-width:0;height:100%}.project-tile.is-new{min-height:150px;color:var(--muted);border:2px dashed var(--border);box-shadow:none;background:0 0;justify-content:center;align-items:center;gap:8px;font-weight:500}.project-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:24px;display:flex}.project-name{background:0 0;border:1px solid #0000;border-radius:8px;outline:none;min-width:0;max-width:100%;margin-left:-6px;padding:2px 6px;font-size:24px;font-weight:700}.project-name:hover{border-color:var(--border)}.project-name:focus{border-color:var(--accent);background:var(--card)}.project-count{color:var(--faint);font-size:13px}.project-dot{border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.project-dot.is-none{border:1.5px dashed var(--faint)}.project-head .project-dot{width:14px;height:14px}.swatch.is-active{box-shadow:0 0 0 2px var(--panel), 0 0 0 4px var(--text)}.project-chip{color:var(--proj);background:color-mix(in srgb, var(--proj) 14%, transparent);white-space:nowrap;text-overflow:ellipsis;border-radius:10px;align-items:center;gap:5px;max-width:100%;margin-top:6px;padding:1px 8px;font-size:11.5px;font-weight:600;display:inline-block;overflow:hidden}.project-chip:hover{background:color-mix(in srgb, var(--proj) 24%, transparent)}.home-hint{color:var(--faint);margin-top:16px}.crumb-project{align-items:center;gap:6px;display:inline-flex}.tile-menu{position:absolute;top:6px;right:6px}.tile-menu-btn{background:var(--card);box-shadow:var(--shadow-sm);opacity:0}.board-tile:hover .tile-menu-btn,.tile-menu:focus-within .tile-menu-btn{opacity:1}.menu{z-index:50;background:var(--panel);border:1px solid var(--border);min-width:200px;box-shadow:var(--shadow-lg);cursor:default;border-radius:10px;flex-direction:column;gap:1px;padding:6px;display:flex;position:absolute;top:calc(100% + 4px);right:0}.menu-label{text-transform:uppercase;letter-spacing:.05em;color:var(--faint);padding:4px 8px;font-size:11px;font-weight:600}.menu-item{text-align:left;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:flex}.menu-item:hover{background:var(--hover)}.menu-item.is-active{font-weight:600}.menu-item.is-active:after{content:"✓";color:var(--accent);margin-left:auto}.menu-item.danger{color:var(--danger)}.menu-sep{background:var(--border);height:1px;margin:4px 0}.menu-note{color:var(--faint);max-width:250px;padding:6px 8px 2px;font-size:11.5px}.tree-heading{text-transform:uppercase;letter-spacing:.05em;color:var(--faint);justify-content:space-between;align-items:center;padding:10px 4px 2px 10px;font-size:11px;font-weight:600;display:flex}.icon-btn.small{width:22px;height:22px}.project-row .tree-label{color:var(--text);font-weight:550}.tree-count{color:var(--faint);padding-right:8px;font-size:11px}.tree-empty.indent{padding-left:34px;font-size:12px}.tree-empty.link{text-align:left;color:var(--accent)}.bg-picker{position:relative}.icon-btn.is-on{background:var(--hover);color:var(--text)}.bg-menu{width:272px}.bg-grid{grid-template-columns:repeat(3,1fr);gap:6px;padding:2px 4px;display:grid}.bg-swatch{border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:4px;display:flex}.bg-swatch:hover{background:var(--hover)}.bg-chip{border:1px solid var(--border);border-radius:6px;width:100%;height:44px;position:relative;overflow:hidden}.bg-chip-card{border-radius:3px;width:56%;height:48%;position:absolute;top:26%;left:22%;box-shadow:0 1px 2px #0003}.bg-swatch.is-active .bg-chip{outline:2px solid var(--accent);outline-offset:1px}.bg-name{color:var(--muted);font-size:11.5px}.board-stage.theme-dark .conn-label{background:var(--canvas)}.access-pill{white-space:nowrap;height:26px;color:var(--muted);background:var(--hover);border-radius:13px;align-items:center;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.canvas.is-readonly .card :is(input,textarea,select){pointer-events:none}.canvas.is-readonly :is(.todo-add,.table-add,.table-tools){display:none}.toolbar.is-compact{bottom:auto}.modal-backdrop{z-index:900;background:#0f111a73;place-items:center;padding:16px;animation:.12s ease-out fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.modal{background:var(--panel);width:100%;max-width:560px;max-height:calc(100vh - 32px);color:var(--text);box-shadow:var(--shadow-lg);border-radius:14px;padding:20px;overflow:auto}.modal-head{align-items:center;gap:10px;margin-bottom:14px;display:flex}.modal-head h2{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-size:17px;overflow:hidden}.invite-row{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.invite-row input{border:1px solid var(--border);background:var(--card);border-radius:8px;outline:none;flex:1;min-width:180px;height:36px;padding:0 12px}.invite-row input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.invite-row .btn{height:36px}select{border:1px solid var(--border);background:var(--card);height:34px;color:var(--text);border-radius:8px;padding:0 8px}.share-hint{color:var(--faint);min-height:18px;margin:6px 2px 14px;font-size:12.5px}.share-list{border-top:1px solid var(--border);flex-direction:column;gap:2px;padding-top:10px;display:flex}.share-row{border-radius:8px;align-items:center;gap:10px;padding:7px 4px;display:flex}.share-row:hover{background:var(--hover)}.share-who{flex-direction:column;flex:1;min-width:0;line-height:1.3;display:flex}.share-who b,.share-who span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.share-who span{color:var(--faint);font-size:12px}.share-role-fixed{color:var(--muted);padding-right:8px;font-size:12.5px}.team-avatar{background:var(--accent);width:30px;height:30px;font-size:11px}.share-empty{color:var(--faint);padding:12px 4px;font-size:13px}.modal-foot{border-top:1px solid var(--border);align-items:center;gap:12px;margin-top:16px;padding-top:14px;display:flex}.share-foot-note{color:var(--faint);flex:1;font-size:12px}.stat-row{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin:8px 0 20px;display:grid}.stat{background:var(--card);box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;gap:2px;padding:14px 16px;display:flex}.stat b{font-size:24px}.stat span{color:var(--muted);font-size:12.5px}.admin-card{background:var(--card);box-shadow:var(--shadow-sm);border-radius:12px;margin-bottom:18px;padding:18px 20px}.admin-card h2{margin:0 0 6px;font-size:16px}.admin-card p{color:var(--muted);max-width:720px;margin:0 0 12px}.admin-card-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.admin-card-head h2{margin:0}.seg{background:var(--hover);border-radius:8px;padding:2px;display:flex}.seg button{color:var(--muted);white-space:nowrap;border-radius:6px;padding:5px 10px;font-size:12.5px}.seg button.is-on{background:var(--card);color:var(--text);box-shadow:var(--shadow-sm);font-weight:600}.admin-search{border:1px solid var(--border);background:var(--card);border-radius:8px;outline:none;width:200px;height:32px;padding:0 10px}.people-wrap{overflow-x:auto}table.people{border-collapse:collapse;width:100%}table.people th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--faint);border-bottom:1px solid var(--border);padding:8px;font-size:11.5px;font-weight:600}table.people td{border-bottom:1px solid var(--border);vertical-align:middle;padding:9px 8px;font-size:13px}.person{align-items:center;gap:10px;min-width:200px;display:flex}.person div{flex-direction:column;min-width:0;line-height:1.3;display:flex}.person span{color:var(--faint);font-size:12px}.chips{flex-wrap:wrap;gap:4px;display:flex}.chip{background:var(--hover);color:var(--text);white-space:nowrap;border-radius:10px;padding:2px 8px;font-size:12px}.chip:hover{background:var(--accent-soft);color:var(--accent)}.muted{color:var(--faint)}.admin-card .invite-row{margin-top:14px}.admin-note{font-size:12.5px;margin-top:10px!important}@media (width<=720px){table.people th:nth-child(3),table.people td:nth-child(3){display:none}}.share-section{padding:4px 0 6px}.share-section+.share-section{border-top:1px solid var(--border);margin-top:4px;padding-top:14px}.share-section-title{text-transform:uppercase;letter-spacing:.04em;color:var(--faint);margin-bottom:8px;font-size:12px;font-weight:600}.share-section-sub{color:var(--muted);margin:4px 4px 2px;font-size:12px;font-weight:600}.link-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.link-row select{flex:1;min-width:220px;height:36px;font-weight:500}.link-row.is-view select,.link-row.is-comment select{border-color:var(--accent);background:var(--accent-soft)}.link-row .btn{height:36px}.check-row{cursor:pointer;align-items:flex-start;gap:10px;margin:12px 2px 0;font-size:13.5px;display:flex}.check-row input{accent-color:var(--accent);margin-top:3px}.check-row small{color:var(--faint);font-size:12px;display:block}.text-btn{color:var(--accent);font-weight:500}.text-btn:hover{text-decoration:underline}.share-row.compact{padding:4px}.share-row.is-inherited{opacity:.85}.visitor-list{margin-top:4px}.splash.small{height:120px}.chip.is-board{background:var(--tint-blue)}.chip.is-off{opacity:.55;text-decoration:line-through}.via-link{text-transform:uppercase;letter-spacing:.04em;background:var(--accent-soft);color:var(--accent);border-radius:4px;padding:0 5px;font-size:10.5px;font-weight:600}.lu-mark{background:var(--text);width:40px;height:40px;color:var(--panel);letter-spacing:-.02em;border-radius:10px;flex:none;place-items:center;font-size:14px;font-weight:800;display:inline-grid}.lu-mark.small{border-radius:7px;width:28px;height:28px;font-size:11px}.share-gate{max-width:400px;position:relative}.gate-eyebrow{color:var(--muted);margin-top:6px;font-size:12.5px}.share-gate h1{overflow-wrap:anywhere;margin-top:0}.gate-small{color:var(--faint);text-align:center;font-size:12px}.gate-close{position:absolute;top:12px;right:12px}.share-app .topbar{gap:8px}.btn.is-on{background:var(--hover)}.me-menu{position:relative}.me-chip{border-radius:16px;align-items:center;gap:6px;padding:3px 8px 3px 3px;font-size:13px;font-weight:500;display:flex}.me-chip:hover{background:var(--hover)}.me-menu .menu{min-width:200px;top:calc(100% + 4px);right:0}@media (width<=720px){.share-app .access-pill,.me-chip span{display:none}}.menu-label.plain{text-transform:none;letter-spacing:0;font-weight:500}.board-body{flex:1;min-height:0;display:flex;position:relative}.board-body .board-stage{flex:1;min-width:0}.canvas.is-comment-mode,.canvas.is-comment-mode .card,.canvas.is-comment-mode .card *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Cpath d='M3 25V12a9 9 0 1 1 9 9H7z' fill='%236d4aff' stroke='white' stroke-width='2'/%3E%3C/svg%3E") 3 25,crosshair}.comment-layer{pointer-events:none;z-index:25;position:absolute;inset:0;overflow:hidden}.comment-layer>*{pointer-events:auto}.comment-pin{cursor:pointer;transform-origin:0 100%;background:#fff;border:2px solid #fff;border-radius:16px 16px 16px 3px;place-items:center;width:32px;height:32px;padding:0;transition:transform .12s ease-out,box-shadow .12s;display:grid;position:absolute;box-shadow:0 1px 4px #0000004d}.comment-pin:hover{transform:scale(1.12)}.comment-pin.is-open,.comment-pin.is-draft{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent), 0 2px 8px #00000040}.comment-pin.is-resolved{opacity:.6}.comment-pin.is-dragging{cursor:grabbing;transform:scale(1.12)}.comment-pin .avatar{pointer-events:none}.pin-count{background:var(--accent);color:#fff;border:2px solid #fff;border-radius:9px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10.5px;font-weight:700;line-height:1;display:grid;position:absolute;top:-7px;right:-7px}.comment-pop{background:var(--panel);width:340px;max-width:calc(100% - 24px);color:var(--text);cursor:default;border-radius:14px;animation:.12s ease-out pop-in;position:absolute;box-shadow:0 10px 34px #0f111a38,0 1px 3px #0f111a1f}.comment-pop.is-new{padding:14px}@keyframes pop-in{0%{opacity:0;transform:translateY(4px)}}.thread-head{border-bottom:1px solid var(--border);align-items:center;gap:2px;padding:10px 10px 10px 16px;display:flex}.thread-head b{font-size:14px}.pop-menu-wrap{position:relative}.pop-menu-wrap .menu{min-width:150px}.resolve-btn.is-on{color:#1a9a4b}.thread-resolved{color:#1a9a4b;background:#1a9a4b1a;padding:6px 16px;font-size:12px}.thread-list{max-height:320px;padding:6px 0;overflow:auto}.thread-comment{gap:10px;padding:8px 12px 8px 16px;display:flex}.thread-comment-main{flex:1;min-width:0}.thread-comment-meta{align-items:center;gap:6px;min-height:26px;font-size:13px;display:flex}.thread-comment-meta b{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.thread-comment-meta>span:not(.via-link){color:var(--faint);white-space:nowrap;font-size:12.5px}.comment-more{opacity:0;width:26px;height:26px}.thread-comment:hover .comment-more,.comment-more:focus-visible{opacity:1}.pop-menu-wrap:has(.menu) .comment-more{opacity:1}.thread-comment-text{white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;margin-top:2px;font-size:14px;line-height:1.45}.thread-edit textarea,.composer-box textarea{resize:none;width:100%;color:var(--text);font:inherit;background:0 0;border:none;outline:none;font-size:14px;line-height:1.4}.thread-edit textarea{border:1.5px solid var(--accent);background:var(--hover);border-radius:10px;margin-top:4px;padding:8px 10px}.thread-edit-actions{justify-content:flex-end;gap:6px;margin-top:6px;display:flex}.thread-edit-actions .btn{height:28px;padding:0 10px;font-size:12.5px}.thread-reply{padding:8px 14px 14px}.composer{align-items:flex-start;gap:10px;display:flex}.composer>.avatar{flex:none;margin-top:4px}.composer-box{border:1.5px solid var(--border);background:var(--hover);border-radius:14px;flex:1;align-items:flex-end;gap:6px;min-width:0;padding:6px 6px 6px 12px;transition:border-color .1s;display:flex}.composer-box:focus-within{border-color:var(--accent)}.composer-box textarea{min-height:22px;padding:6px 0}.send-btn{background:var(--accent);color:#fff;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid}.send-btn:disabled{background:color-mix(in srgb, var(--text) 18%, transparent);color:var(--panel);cursor:default}.comments-toggle{position:relative}.comments-toggle .badge.is-quiet{background:var(--muted)}.comments-toggle .badge{background:var(--accent);color:#fff;border-radius:8px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:grid;position:absolute;top:1px;right:0}.comments-panel{background:var(--panel);border-left:1px solid var(--border);z-index:20;flex-direction:column;flex:none;width:320px;min-height:0;display:flex}.comments-head{border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:10px 10px 10px 16px;display:flex}.comments-head b{font-size:14px}.btn.small{gap:5px;height:28px;padding:0 10px;font-size:12.5px}.btn.small.is-on{background:var(--accent-soft);color:var(--accent)}.comments-filters{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 16px;display:flex}.mine-toggle{color:var(--muted);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;font-size:12.5px;display:flex}.mine-toggle input{accent-color:var(--accent)}.comments-list{flex:1;padding:6px;overflow:auto}.thread-row{text-align:left;cursor:pointer;border-radius:10px;align-items:flex-start;gap:10px;width:100%;padding:10px;display:flex;position:relative}.thread-row:hover{background:var(--hover)}.thread-row.is-active{background:var(--accent-soft)}.thread-row .resolve-btn{opacity:0;flex:none;width:28px;height:28px}.thread-row:hover .resolve-btn,.thread-row .resolve-btn.is-on{opacity:1}.thread-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.thread-meta{color:var(--faint);align-items:center;gap:6px;font-size:12px;display:flex}.thread-meta b{color:var(--text);font-size:13px}.thread-text{-webkit-line-clamp:3;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:13.5px;display:-webkit-box;overflow:hidden}.thread-replies{color:var(--accent);font-size:12px;font-weight:500}.thread-resolved-note{color:#1a9a4b;font-size:12px}.panel-cta{margin-top:10px}kbd{font:inherit;border:1px solid var(--border);background:var(--hover);border-radius:4px;padding:1px 5px;font-size:11.5px}@media (width<=720px){.comments-panel{z-index:50;width:min(320px,100%);box-shadow:var(--shadow-lg);position:absolute;top:0;bottom:0;right:0}.comment-pop{width:calc(100% - 24px);left:12px!important}}.quick-add{z-index:60;background:var(--panel);width:270px;color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-lg);cursor:default;border-radius:12px;padding:6px;animation:.1s ease-out pop-in;position:absolute}.quick-add input{border:1px solid var(--border);background:var(--card);border-radius:8px;outline:none;width:100%;height:34px;margin-bottom:4px;padding:0 10px}.quick-add input:focus{border-color:var(--accent)}.quick-list{max-height:340px;overflow:auto}.quick-section{text-transform:uppercase;letter-spacing:.05em;color:var(--faint);padding:8px 8px 3px;font-size:11px;font-weight:600}.quick-row{cursor:pointer;border-radius:7px;align-items:center;gap:9px;padding:6px 8px;font-size:13.5px;display:flex}.quick-row.is-active{background:var(--accent-soft);color:var(--accent)}.quick-icon{flex:none;place-items:center;width:20px;display:grid}.quick-icon svg{width:17px;height:17px}.quick-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.quick-hint{color:var(--faint);font-size:11.5px}.quick-del{opacity:0;width:24px;height:24px}.quick-row:hover .quick-del{opacity:1}.tpl-dot{background:var(--accent);opacity:.7;border-radius:3px;width:9px;height:9px}.quick-empty{color:var(--faint);padding:8px;font-size:12.5px}.quick-empty.small{font-size:12px}.tool-sep{background:var(--border);flex:none;height:1px;margin:2px 6px}.assets-panel{z-index:31;background:var(--panel);width:300px;color:var(--text);box-shadow:var(--shadow-lg);border:1px solid var(--border);border-radius:12px;flex-direction:column;animation:.12s ease-out pop-in;display:flex;position:absolute;top:12px;bottom:12px;left:92px}.assets-head{align-items:center;padding:10px 10px 6px 14px;display:flex}.assets-head b{font-size:14px}.assets-controls{border-bottom:1px solid var(--border);flex-direction:column;gap:8px;padding:0 12px 10px;display:flex}.assets-controls .seg button{flex:1}.assets-search{background:var(--hover);height:30px;color:var(--faint);border-radius:8px;align-items:center;gap:6px;padding:0 9px;display:flex}.assets-search input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:13px}.assets-kinds{flex-wrap:wrap;gap:4px;display:flex}.chip.is-on{background:var(--accent);color:#fff}.assets-grid{flex:1;grid-template-columns:1fr 1fr;align-content:start;gap:10px;padding:10px;display:grid;overflow:auto}.asset{cursor:grab;border-radius:8px;min-width:0;padding:4px}.asset:hover{background:var(--hover)}.asset-thumb{aspect-ratio:4/3;background:var(--hover);color:var(--faint);border-radius:6px;place-items:center;display:grid;position:relative;overflow:hidden}.asset-thumb img,.asset-thumb video{object-fit:cover;pointer-events:none;width:100%;height:100%}.asset-badge{color:#fff;background:#0009;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:600;position:absolute;top:4px;left:4px}.asset-name{text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:12px;font-weight:500;overflow:hidden}.asset-meta{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.assets-empty{color:var(--faint);grid-column:1/-1;padding:8px 2px;font-size:13px}@media (width<=720px){.assets-panel{width:auto;left:12px;right:12px}}.panel-tabs{background:var(--hover);border-radius:8px;gap:2px;padding:2px;display:flex}.panel-tabs button{color:var(--muted);border-radius:6px;padding:4px 10px;font-size:13px;font-weight:500}.panel-tabs button.is-on{background:var(--card);color:var(--text);box-shadow:var(--shadow-sm);font-weight:650}.panel-tabs .badge-inline{color:var(--accent);margin-left:3px;font-size:11px}.notes-list{flex-direction:column;flex:1;gap:10px;padding:10px;display:flex;overflow:auto}.note-row{box-shadow:var(--shadow-sm);cursor:grab;border-radius:8px;padding:10px 10px 6px}.note-row textarea{resize:none;width:100%;color:var(--text);font:inherit;cursor:text;background:0 0;border:0;outline:none;font-size:13.5px;line-height:1.45}.note-row-foot{color:var(--muted);align-items:center;gap:4px;margin-top:2px;font-size:11.5px;display:flex}.note-row-foot .icon-btn{width:24px;height:24px}.note-grip{cursor:grab;color:var(--faint);font-size:14px}.note-swatch{opacity:0;border:2px solid #0000;border-radius:50%;width:12px;height:12px;transition:opacity .1s}.note-row:hover .note-swatch{opacity:1}.note-swatch.is-on{border-color:var(--text);opacity:1}