.wb-stage{position:relative;height:calc(100vh - 178px);min-height:440px;overflow:hidden;border-radius:12px;cursor:default;touch-action:none;background:#0a0b0f;border:1px solid #000;box-shadow:inset 0 0 60px #0000008c}.wb-stage.grabbing{cursor:grabbing}.wb-stage.dropping{outline:2px dashed var(--accent);outline-offset:-5px}.wb-stage[data-tool=draw],.wb-stage[data-tool=arrow]{cursor:crosshair}.wb-stage[data-tool=sticky],.wb-stage[data-tool=text],.wb-stage[data-tool=shape],.wb-stage[data-tool=frame]{cursor:copy}.wb-world{position:absolute;top:0;left:0;transform-origin:0 0;--inv: 1}.wb-board{position:absolute;background:#16181d;border:1px solid #2a2e37;border-radius:3px;box-shadow:0 10px 60px #00000080;background-image:linear-gradient(rgba(255,255,255,var(--ga,.045)) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,var(--ga,.045)) 1px,transparent 1px);background-size:40px 40px,40px 40px}.wb-marq{position:absolute;border:1.5px dashed var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);border-radius:4px;pointer-events:none;z-index:6}.wb-marq.shapepv{border:none;background:none;border-radius:0}.wb-marq.shapepv .wb-svg{width:100%;height:100%;display:block}.wb-ink{position:absolute;overflow:visible;pointer-events:none;z-index:4}.wb-obj{position:absolute;cursor:grab}.wb-obj.dragging{cursor:grabbing}.wb-stage,.wb-obj,.wb-img{user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.wb-stage:not([data-tool=select]) .wb-obj,.wb-stage:not([data-tool=select]) .wb-obj[data-type=draw] .wb-hit{cursor:inherit}.wb-obj[data-type=sticky]{border-radius:10px;box-shadow:0 3px 12px #0006;padding:8px;display:flex}.wb-obj[data-type=frame]{border:1.5px solid #4a5160;border-radius:6px;cursor:default}.wb-obj[data-type=frame].frame-hover{border-color:var(--accent);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 45%,transparent)}.wb-obj[data-type=frame] .wb-frame-t{position:absolute;left:0;bottom:100%;transform:scale(var(--flabel, 1));transform-origin:left bottom;max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;color:var(--text-2);background:#232a36;border:1px solid #3a4150;border-bottom:none;border-radius:7px 7px 0 0;padding:3px 11px;cursor:grab;pointer-events:auto}.wb-obj[data-type=frame] .wb-frame-t:hover{background:#2b3341;color:var(--text)}.wb-obj[data-type=frame].sel .wb-frame-t{border-color:var(--accent)}.wb-obj[data-type=image]{border-radius:6px;background:none}.wb-img{width:100%;height:100%;object-fit:fill;display:block;pointer-events:none;border-radius:6px}.wb-video{width:100%;height:100%;border:0;display:block;border-radius:6px;background:#000;pointer-events:none}.wb-obj.playing .wb-video{pointer-events:auto}.wb-obj[data-type=video]{background:#000;border-radius:6px}.wb-vtoggle{position:absolute;top:-10px;right:-10px;width:24px;height:24px;border-radius:50%;border:1.5px solid #fff;background:var(--accent);color:#fff;font-size:11px;cursor:pointer;display:none;place-items:center;z-index:6;box-shadow:0 1px 4px #00000080}.wb-obj[data-type=video].solo .wb-vtoggle,.wb-obj[data-type=video].playing .wb-vtoggle{display:grid}.wb-obj[data-type=item]{border-radius:10px}.wb-card{width:260px;height:92px;box-sizing:border-box;background:#1b1f27;border:1px solid #2f343e;border-radius:10px;box-shadow:0 3px 12px #00000059;padding:10px 12px;display:flex;flex-direction:column;gap:6px;overflow:hidden;transform:scale(var(--cs, 1));transform-origin:top left}.wb-card-top{display:flex;align-items:center;gap:7px}.wb-card-type{color:var(--muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.wb-card-top .status-pill{margin-left:auto}.wb-card-title{color:var(--text);font-size:14px;font-weight:600;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.wb-card-open{top:-9px;right:-9px}.wb-obj[data-type=comment]{cursor:pointer}.wb-obj[data-type=comment] .wb-h,.wb-obj[data-type=comment] .wb-rot{display:none!important}.wb-obj[data-type=comment].sel{outline:none}.wb-pin{position:relative;width:100%;height:100%;display:grid;place-items:center;color:#fff;background:var(--accent);border:2px solid #fff;border-radius:50% 50% 50% 3px;box-shadow:0 2px 8px #00000080;box-sizing:border-box;transform:scale(var(--pinscale, 1));transform-origin:bottom left}.wb-pin-i{font-size:12px;font-weight:700;letter-spacing:-.02em;text-transform:uppercase}.wb-pin-c{position:absolute;top:-6px;right:-6px;min-width:15px;height:15px;padding:0 3px;box-sizing:border-box;border-radius:8px;background:#14171d;color:#fff;border:1.5px solid #fff;font-size:9px;font-weight:700;display:grid;place-items:center}.wb-thread-del{border:none;background:none;color:var(--faint);cursor:pointer;font-size:12px}.wb-thread-del:hover{color:var(--danger)}.wb-ment{position:fixed;z-index:460;min-width:190px;background:#14171d;border:1px solid #2f343e;border-radius:9px;padding:4px;box-shadow:0 12px 34px #0000008c}.wb-ment button{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:none;background:none;color:var(--text-2);font:inherit;font-size:12.5px;padding:6px 8px;border-radius:7px;cursor:pointer}.wb-ment button:hover{background:#1e232c;color:var(--text)}.wb-ment-a{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:9px;font-weight:700;text-transform:uppercase}.wb-thread{position:fixed;z-index:450;width:300px;background:#14171d;border:1px solid #2f343e;border-radius:12px;box-shadow:0 18px 50px #0000008c;display:flex;flex-direction:column;max-height:60vh}.wb-thread-hd{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #2f343e;font-size:13px;color:var(--text)}.wb-thread-x{border:none;background:none;color:var(--muted);cursor:pointer;font-size:13px}.wb-thread-list{overflow-y:auto;padding:8px 12px;display:flex;flex-direction:column;gap:10px}.wb-thread-empty{color:var(--muted);font-size:12.5px;padding:6px 2px}.wb-msg-hd{display:flex;align-items:center;gap:7px;font-size:11px;margin-bottom:2px}.wb-msg-a{color:var(--text-2);font-weight:600}.wb-msg-t{color:var(--faint)}.wb-msg-del{margin-left:auto;border:none;background:none;color:var(--faint);cursor:pointer;font-size:10px}.wb-msg-del:hover{color:var(--danger)}.wb-msg-b{color:var(--text);font-size:13px;line-height:1.4;white-space:pre-wrap;word-break:break-word}.wb-thread-new{padding:10px 12px;border-top:1px solid #2f343e}.wb-thread-in{width:100%;box-sizing:border-box;background:var(--surface-2, #1b1e25);border:1px solid #2f343e;border-radius:8px;color:var(--text);font:inherit;font-size:13px;padding:8px 10px;resize:vertical;outline:none}.wb-thread-send{margin-top:6px;float:right;font-size:12px;padding:6px 14px}.wb-pick-back{position:fixed;inset:0;background:#06080c8c;z-index:400;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh}.wb-pick{width:min(560px,92vw);background:#14171d;border:1px solid #2f343e;border-radius:12px;box-shadow:0 18px 50px #0000008c;overflow:hidden}.wb-pick-in{width:100%;box-sizing:border-box;border:none;border-bottom:1px solid #2f343e;background:none;color:var(--text);font:inherit;font-size:14px;padding:13px 16px;outline:none}.wb-pick-list{max-height:52vh;overflow-y:auto;padding:6px}.wb-pick-row{display:flex;align-items:center;gap:9px;width:100%;text-align:left;border:none;background:none;color:var(--text-2);font:inherit;font-size:13px;padding:8px 10px;border-radius:8px;cursor:pointer}.wb-pick-row:hover{background:#1e232c;color:var(--text)}.wb-pick-t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-pick-empty{color:var(--muted);font-size:13px;padding:14px 12px}.wb-ctx{position:fixed;z-index:500;min-width:178px;background:#14171d;border:1px solid #2f343e;border-radius:10px;padding:5px;box-shadow:0 14px 40px #0000008c}.wb-ctx button{display:block;width:100%;text-align:left;border:none;background:none;color:var(--text-2);font:inherit;font-size:13px;padding:7px 12px;border-radius:7px;cursor:pointer}.wb-ctx button:hover{background:#1e232c;color:var(--text)}.wb-ctx button.danger:hover{background:color-mix(in srgb,var(--danger) 18%,transparent);color:var(--danger)}.wb-ctx-sep{height:1px;background:#2f343e;margin:4px 6px}.wb-svg{width:100%;height:100%;display:block;overflow:visible;pointer-events:none}.wb-obj[data-type=shape].wb-nofill{pointer-events:none}.wb-obj[data-type=shape].wb-nofill .wb-svg>*{pointer-events:stroke}.wb-obj[data-type=shape].wb-nofill .wb-h,.wb-obj[data-type=shape].wb-nofill .wb-rot{pointer-events:auto}.wb-obj[data-type=draw]{pointer-events:none}.wb-obj[data-type=draw] .wb-hit{pointer-events:stroke;cursor:grab}.wb-obj[data-type=draw].sel{outline:none}.wb-obj[data-type=draw] .wb-h{display:none!important}.wb-halo{display:none}.wb-obj[data-type=draw].sel .wb-halo{display:inline}.wb-link{position:absolute;top:-9px;right:-9px;width:20px;height:20px;display:grid;place-items:center;background:var(--accent);color:#fff;border-radius:50%;font-size:11px;text-decoration:none;pointer-events:auto}.wb-text{flex:1;width:100%;height:100%;border:none;background:none;outline:none;overflow:hidden;font:inherit;font-size:13.5px;line-height:1.35;color:#1a1a1a;pointer-events:none;white-space:pre-wrap;overflow-wrap:break-word;word-break:break-word}.wb-text.wb-plain{color:#e8e8ec}.wb-text::selection,.wb-text *::selection{background:#7896ff59}.wb-obj[data-type=text] .wb-text{height:auto;min-height:1.25em}.wb-text ul,.wb-text ol{margin:0;padding-left:1.5em}.wb-text li{margin:0}.wb-text.on{pointer-events:auto;cursor:text;user-select:text;-webkit-user-select:text}.wb-stage:not([data-tool=select]) .wb-text{pointer-events:none}.wb-obj.sel{outline:1.5px solid var(--accent);outline-offset:2px}.wb-h{position:absolute;width:15px;height:15px;display:none;z-index:5;transform:translate(-50%,-50%) scale(var(--inv))}.wb-obj.solo .wb-h{display:block}.wb-h:after{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;background:var(--accent);border:1.5px solid #fff;border-radius:3px;box-shadow:0 1px 3px #00000080}.wb-h[data-dir=nw]{left:0;top:0;cursor:nwse-resize}.wb-h[data-dir=n]{left:50%;top:0;cursor:ns-resize}.wb-h[data-dir=ne]{left:100%;top:0;cursor:nesw-resize}.wb-h[data-dir=e]{left:100%;top:50%;cursor:ew-resize}.wb-h[data-dir=se]{left:100%;top:100%;cursor:nwse-resize}.wb-h[data-dir=s]{left:50%;top:100%;cursor:ns-resize}.wb-h[data-dir=sw]{left:0;top:100%;cursor:nesw-resize}.wb-h[data-dir=w]{left:0;top:50%;cursor:ew-resize}.wb-rot{position:absolute;left:50%;top:0;width:15px;height:15px;display:none;z-index:6;cursor:grab;transform:translate(-50%,-180%) scale(var(--inv));border-radius:50%;background:var(--accent);border:1.5px solid #fff;box-shadow:0 1px 3px #00000080}.wb-rot:active{cursor:grabbing}.wb-obj[data-type=image].solo .wb-rot,.wb-obj[data-type=shape].solo .wb-rot{display:block}.wb-tools{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:flex;align-items:center;gap:3px;background:#1b1e25;border:1px solid #2f343e;border-radius:12px;padding:5px;box-shadow:0 8px 26px #00000080;z-index:20}@media (max-width: 720px){.wb-tools{left:8px;right:8px;bottom:8px;transform:none;max-width:none;justify-content:flex-start;overflow-x:auto;touch-action:pan-x;scrollbar-width:none}.wb-tools::-webkit-scrollbar{display:none}.wb-tools>*{flex:none}}.wb-tool{width:34px;height:34px;display:grid;place-items:center;border:none;background:none;color:var(--muted);border-radius:8px;cursor:pointer}.wb-tool svg{width:18px;height:18px}.wb-tool[data-tool=sticky]{color:#d8b45a}.wb-tool[data-tool=text]{color:#8fb0f0}.wb-tool[data-tool=shape]{color:#7fcbaa}.wb-tool[data-tool=arrow]{color:#e39a6a}.wb-tool[data-tool=image]{color:#b79af0}.wb-tool[data-tool=video]{color:#e88a9a}.wb-tool[data-tool=draw]{color:#93cf75}.wb-tool[data-tool=frame]{color:#8aa6cc}.wb-tool:hover{background:#262b34;color:var(--text)}.wb-tool.on{background:var(--accent);color:#fff}.wb-tool[disabled]{opacity:.35;cursor:default}.wb-tool[disabled]:hover{background:none;color:var(--muted)}.wb-panel{position:absolute;right:0;top:44px;width:320px;max-height:calc(100vh - 240px);overflow:auto;display:none;background:#1b1e25;border:1px solid #2f343e;border-radius:12px;padding:12px 14px;z-index:30;box-shadow:0 12px 40px #0000008c}.wb-panel.open{display:block}.wb-p-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;font-size:13px}.wb-p-head .btn{font-size:11.5px;padding:4px 9px}.wb-p-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0;border-top:1px solid var(--border-soft);font-size:12px;color:var(--text-2)}.wb-p-row .btn{font-size:11px;padding:3px 9px}.wb-p-empty,.wb-p-load{color:var(--muted);font-size:12px;padding:8px 0}.wb-p-note{color:var(--faint);font-size:11px;line-height:1.4;margin:4px 0 2px}.wb-p-row .btn[disabled]{opacity:.4;cursor:not-allowed}.wb-p-x{color:var(--faint);padding:3px 8px}.wb-p-x:hover{color:var(--danger);border-color:var(--danger)}.wb-sep{width:1px;height:20px;background:#333944;margin:0 4px}.wb-zoom{color:var(--faint);font-size:11.5px;padding:0 6px;min-width:42px;text-align:center}.wb-shapes{position:absolute;left:50%;bottom:62px;transform:translate(-50%);display:none;gap:4px;background:#1b1e25;border:1px solid #2f343e;border-radius:10px;padding:5px;z-index:20}.wb-shapes.open{display:flex}.wb-shapes button{border:none;background:none;color:var(--muted);font:inherit;font-size:12px;padding:6px 10px;border-radius:7px;cursor:pointer}.wb-shapes button:hover{background:#262b34;color:var(--text)}.wb-shapes button.on{background:var(--accent);color:#fff}.wb-draw{position:absolute;left:50%;bottom:62px;transform:translate(-50%);display:none;align-items:center;gap:5px;background:#1b1e25;border:1px solid #2f343e;border-radius:10px;padding:6px 8px;z-index:20}.wb-draw.open{display:flex}.wb-draw .wb-dw,.wb-draw .wb-dl{border:none;background:none;width:30px;height:26px;border-radius:7px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.wb-draw .wb-dw:hover,.wb-draw .wb-dl:hover{background:#262b34}.wb-draw .wb-dw.on,.wb-draw .wb-dl.on{background:var(--accent)}.wb-draw .wb-dw i{display:block;width:18px;background:var(--text);border-radius:4px}.wb-draw .wb-dl i{display:block;width:20px;height:0;border-top:3px solid var(--text)}.wb-draw .wb-dl i.dotted{border-top-style:dotted;border-top-width:4px}.wb-draw .wb-sw{width:20px;height:20px;border-radius:50%;border:1.5px solid rgba(255,255,255,.22);cursor:pointer;padding:0}.wb-draw .wb-sw.on{border-color:#fff;box-shadow:0 0 0 1.5px var(--accent)}.wb-draw .head-grp{display:none}.wb-draw.arrow button.head-grp{display:inline-flex}.wb-draw.arrow span.head-grp{display:inline-block}.wb-draw .wb-dl[data-head]{font-size:15px;color:var(--text)}.wb-shapes{align-items:center}.wb-shapes .wb-dw{border:none;background:none;height:26px;min-width:30px;border-radius:7px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0 6px}.wb-shapes .wb-dw:hover{background:#262b34}.wb-shapes .wb-dw.on{background:var(--accent)}.wb-shapes .wb-dw i{display:block;width:18px;background:var(--text);border-radius:4px}.wb-shapes .wb-sw{width:20px;height:20px;border-radius:50%;border:1.5px solid rgba(255,255,255,.22);cursor:pointer;padding:0}.wb-shapes .wb-sw.on{border-color:#fff;box-shadow:0 0 0 1.5px var(--accent)}.wb-textset{position:absolute;left:50%;bottom:62px;transform:translate(-50%);display:none;align-items:center;gap:5px;background:#1b1e25;border:1px solid #2f343e;border-radius:10px;padding:6px 10px;z-index:20}.wb-textset.open{display:flex}.wb-textset .wb-dw{border:none;background:none;height:26px;min-width:30px;border-radius:7px;cursor:pointer;color:var(--muted);font:inherit;font-size:13px}.wb-textset .wb-dw:hover{background:#262b34;color:var(--text)}.wb-poplbl{color:var(--faint);font-size:11px;margin-right:2px}.wb-tsval{border:1px solid #3a4150;background:#232a36;color:var(--text);font:inherit;font-size:12px;min-width:34px;height:26px;border-radius:6px;cursor:pointer;padding:0 8px}.wb-tsval:hover{border-color:var(--accent)}.wb-fmt .wb-dw,.wb-fmt .wb-dl{border:none;background:none;width:28px;height:24px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}.wb-fmt .wb-dw:hover,.wb-fmt .wb-dl:hover{background:#262b34}.wb-fmt .wb-dw.on,.wb-fmt .wb-dl.on{background:var(--accent)}.wb-fmt .wb-dw i{display:block;width:16px;background:var(--text);border-radius:4px}.wb-fmt .wb-dl i{display:block;width:18px;height:0;border-top:3px solid var(--text)}.wb-fmt .wb-dl i.dotted{border-top-style:dotted;border-top-width:4px}.wb-fmt{position:absolute;display:none;align-items:center;gap:4px;background:#1b1e25;border:1px solid #2f343e;border-radius:9px;padding:4px 6px;z-index:25;box-shadow:0 6px 20px #00000080}.wb-fmt button{border:none;background:none;color:var(--muted);font:inherit;font-size:12px;padding:4px 7px;border-radius:6px;cursor:pointer}.wb-fmt button:hover{background:#262b34;color:var(--text)}.wb-fmt button.on{background:var(--accent);color:#fff}.wb-fmt .wb-fsz{color:var(--text-2);font-size:11.5px;min-width:30px;text-align:center;border:1px solid #3a4150;background:#232a36;border-radius:5px;cursor:pointer;padding:3px 5px}.wb-fmt .wb-fsz:hover{border-color:var(--accent);color:var(--text)}.wb-fmt .wb-sw{width:16px;height:16px;border-radius:4px;padding:0;border:1px solid rgba(255,255,255,.28)}.wb-fmt .wb-al{padding:4px 5px}.wb-fmt .wb-al svg{width:16px;height:16px;display:block}.wb-cursors{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:15}.wb-cursor{position:absolute;top:0;left:0;display:flex;align-items:flex-start;gap:3px;transition:transform .07s linear}.wb-cursor span{font-size:11px;font-weight:600;color:#111;padding:1px 6px;border-radius:5px;white-space:nowrap}.wb-users{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap}.wb-user{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--text-2);background:var(--surface-2);border:1px solid var(--border);padding:3px 9px;border-radius:20px}.wb-dot{width:8px;height:8px;border-radius:50%}.wb-listrow{align-items:center}.wb-listrow:hover{background:var(--surface-2)}.wb-renbtn{border:none;background:none;color:var(--faint);cursor:pointer;font-size:14px;padding:4px 6px;border-radius:6px;opacity:0}.wb-listrow:hover .wb-renbtn{opacity:1}.wb-renbtn:hover{background:var(--surface-3, #262b34);color:var(--text)}.wb-delbtn:hover{color:var(--danger)}.wb-delbtn[disabled]{opacity:.28!important;cursor:not-allowed}.wb-listrow:hover .wb-delbtn[disabled]{opacity:.28}.wb-sortsel{background:var(--surface-2, #1b1e25);color:var(--text);border:1px solid var(--border, #2f343e);border-radius:7px;padding:5px 8px;font-size:12px;margin-left:6px;cursor:pointer}