.wb-recall-editor-bar{position:relative;z-index:7;display:flex;align-items:center;gap:10px;min-height:54px;padding:7px 10px;border-bottom:1px solid #d8d4ca;background:#fbfaf7}
.wb-recall-primary-tools{display:flex;min-width:0;align-items:center;gap:3px;overflow-x:auto;scrollbar-width:none}.wb-recall-primary-tools::-webkit-scrollbar{display:none}
.wb-recall-tool,.wb-recall-color{display:grid;min-width:42px;height:40px;place-items:center;border:1px solid transparent;border-radius:8px;background:transparent;color:#4f4b45;font:inherit;cursor:pointer}.wb-recall-tool{grid-template-columns:auto auto;gap:5px;padding:0 8px}.wb-recall-tool svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.wb-recall-tool span{font-size:11px;font-weight:760;pointer-events:none}.wb-recall-tool:hover,.wb-recall-color:hover{border-color:#d0ccc2;background:#fff}.wb-recall-tool.is-active{border-color:#403c38;background:#403c38;color:#fff}.wb-recall-tool.is-icon-only{grid-template-columns:1fr;width:38px;min-width:38px;padding:0}.wb-recall-tool:disabled,.wb-recall-color:disabled,.wb-recall-clear-ink:disabled{cursor:default;opacity:.3}
.wb-recall-color{width:38px;min-width:38px;padding:0}.wb-recall-color i{display:block;width:20px;height:20px;border-radius:50%;background:var(--wb-recall-ink,#0a84ff);box-shadow:inset 0 0 0 1px rgba(0,0,0,.13),0 0 0 2px #fff,0 0 0 3px #bbb6ac}
.wb-recall-tool-separator{width:1px;height:25px;margin:0 2px;background:#d4d0c6}
.wb-recall-clear-ink{min-width:max-content;height:36px;padding:0 8px;border:0;background:transparent;color:#6f514d;font:inherit;font-size:11px;font-weight:760;cursor:pointer}
.wb-recall-save-state{display:flex;align-items:center;gap:5px;margin-left:auto;white-space:nowrap}.wb-recall-save-state span{color:#747067;font-size:10px;font-weight:750}.wb-recall-save-state button{min-height:30px;padding:4px 7px;border:1px solid #a7a1c7;border-radius:7px;background:#fff;color:#51498d;font:inherit;font-size:10px;font-weight:780;cursor:pointer}
.wb-recall-color-palette{position:absolute;z-index:15;top:49px;left:174px;display:grid;grid-template-columns:repeat(6,38px);gap:7px;padding:10px;border:1px solid #d4d0c6;border-radius:12px;background:rgba(255,255,255,.98);box-shadow:0 13px 30px rgba(42,39,34,.16)}.wb-recall-color-palette[hidden]{display:none}.wb-recall-color-palette button,.wb-recall-color-palette label{position:relative;display:grid;width:36px;height:36px;place-items:center;border:0;border-radius:50%;background:var(--swatch);cursor:pointer}.wb-recall-color-palette button.is-selected{box-shadow:0 0 0 3px #fff,0 0 0 5px #777169}.wb-recall-color-palette label{background:conic-gradient(#f33,#fd3,#2b7,#18b9d6,#486ce8,#9e54c4,#f33)}.wb-recall-color-palette label span{width:27px;height:27px;border-radius:50%;background:#fff}.wb-recall-color-palette input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.wb-recall-text-kinds,.wb-recall-selection-actions{position:absolute;z-index:12;top:50px;left:10px;display:flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid #d6d1c8;border-radius:10px;background:#fff;box-shadow:0 9px 24px rgba(43,39,34,.12)}.wb-recall-text-kinds[hidden],.wb-recall-selection-actions[hidden]{display:none}.wb-recall-text-kinds>span,.wb-recall-selection-actions>span{padding:0 4px;color:#777269;font-size:10px;font-weight:760}.wb-recall-text-kinds button,.wb-recall-selection-actions button{min-height:31px;padding:5px 8px;border:1px solid #d2cec5;border-radius:7px;background:#fff;color:#4a4640;font:inherit;font-size:10px;font-weight:760;cursor:pointer}.wb-recall-text-kinds button.is-active{border-color:#5d55a3;background:#f0edff;color:#433b82}.wb-recall-text-kinds button:disabled,.wb-recall-selection-actions button:disabled{cursor:default;opacity:.35}
.wb-recall-selection-actions{left:auto;right:10px}.wb-recall-shortcut-helper{position:absolute;z-index:11;top:50px;left:10px;display:flex;align-items:center;gap:8px;max-width:calc(100% - 20px);padding:7px 9px;border:1px solid #d7d2c9;border-radius:9px;background:#fffdf5;color:#5a554b;box-shadow:0 8px 20px rgba(43,39,34,.1);font-size:10px}.wb-recall-shortcut-helper[hidden]{display:none}.wb-recall-shortcut-helper strong{white-space:nowrap}.wb-recall-shortcut-helper.is-subtle{opacity:.68}
.wb-recall-keyboard-accessory{position:absolute;z-index:16;right:12px;bottom:-48px;display:none;gap:5px}.wb-recall-keyboard-accessory[hidden]{display:none}.wb-recall-keyboard-accessory button{min-height:38px;padding:7px 10px;border:1px solid #bdb7d8;border-radius:8px;background:#f8f6ff;color:#4d458d;font:inherit;font-size:11px;font-weight:800}
.wb-recall-document{position:absolute;z-index:2;inset:0;width:100%;height:100%;overflow:visible;touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none}.wb-recall-document[data-tool="pen"],.wb-recall-document[data-tool="eraser"]{cursor:crosshair}.wb-recall-document[data-tool="lasso"]{cursor:cell}.wb-recall-document[data-tool="text"]{cursor:text}
.wb-recall-ink{stroke-linecap:round;stroke-linejoin:round;pointer-events:stroke}.wb-recall-ink.is-selected{filter:drop-shadow(0 0 4px rgba(91,80,164,.62))}.wb-recall-ink.is-live{pointer-events:none}
.wb-recall-connector{pointer-events:stroke}.wb-recall-connector path{fill:none;stroke:#8a857d;stroke-width:2.5;stroke-linecap:round}.wb-recall-connector text{paint-order:stroke;fill:#6d685f;stroke:#fff;stroke-width:7px;font:700 15px "Noto Sans TC",sans-serif;text-anchor:middle}.wb-recall-connector.is-selected path{stroke:#5d55a3;stroke-width:4;stroke-dasharray:8 6}.wb-recall-connector marker path{fill:#8a857d;stroke:none}
.wb-recall-text-object{cursor:pointer}.wb-recall-text-object rect{fill:rgba(255,255,255,.94);stroke:#aaa399;stroke-width:2}.wb-recall-text-object text{fill:#31302d;font:700 18px "Noto Sans TC",sans-serif;pointer-events:none}.wb-recall-text-object.is-concept rect{fill:#fffdf6;stroke:#7f789f}.wb-recall-text-object.is-note rect{fill:rgba(255,250,222,.8);stroke:#c2aa64;stroke-dasharray:6 4}.wb-recall-text-object.is-selected rect{stroke:#5d55a3;stroke-width:4;filter:drop-shadow(0 5px 7px rgba(64,54,120,.16))}
.wb-recall-lasso-preview{fill:rgba(93,85,163,.05);stroke:#5d55a3;stroke-width:3;stroke-dasharray:9 7;stroke-linecap:round;pointer-events:none}.wb-recall-selection-box>rect:first-child{fill:rgba(93,85,163,.025);stroke:#5d55a3;stroke-width:2.5;stroke-dasharray:10 7;cursor:move}.wb-recall-resize-handle{fill:#fff;stroke:#5d55a3;stroke-width:3;cursor:nwse-resize}.wb-recall-branch-handle{cursor:move}.wb-recall-branch-handle circle{fill:#fff;stroke:#5d55a3;stroke-width:3}.wb-recall-branch-handle path{fill:none;stroke:#5d55a3;stroke-width:2;stroke-linecap:round}
.wb-recall-text-editor-host{position:absolute;z-index:5;inset:0;pointer-events:none;container-type:inline-size}.wb-recall-inline-editor{position:absolute;box-sizing:border-box;min-width:70px;min-height:40px;resize:none;overflow:hidden;padding:9px 10px;border:3px solid #5d55a3;border-radius:12px;outline:0;background:#fffdf6;color:#2e2c29;font:700 max(12px,1.8cqw)/1.35 "Noto Sans TC",sans-serif;text-align:center;box-shadow:0 8px 20px rgba(64,54,120,.16);pointer-events:auto}.wb-recall-inline-editor.is-note{border-width:2px;border-color:#b99b48;border-radius:7px;background:#fffbe7;font-weight:600;text-align:left}
.wb-recall-sheet{container-type:inline-size}.wb-recall-sheet.has-recall-content .wb-recall-empty-cue{display:none}.wb-recall-readonly-badge{z-index:6}
@media(max-width:900px){.wb-recall-tool span{display:none}.wb-recall-tool{grid-template-columns:1fr;width:40px;min-width:40px;padding:0}.wb-recall-color-palette{left:130px}.wb-recall-save-state span{max-width:92px;overflow:hidden;text-overflow:ellipsis}.wb-recall-selection-actions{max-width:calc(100% - 20px);overflow-x:auto}}
@media(max-width:760px){
  .wb-recall-editor-bar{position:sticky;top:0;min-height:52px;padding:6px;gap:5px}.wb-recall-primary-tools{flex:1}.wb-recall-tool,.wb-recall-color{width:42px;min-width:42px;height:42px}.wb-recall-tool-separator{display:none}.wb-recall-clear-ink{font-size:10px}.wb-recall-save-state{margin-left:0}.wb-recall-save-state span{display:none}.wb-recall-save-state button{padding-inline:5px}
  .wb-recall-color-palette{position:fixed;top:auto;right:10px;bottom:calc(12px + env(safe-area-inset-bottom));left:10px;grid-template-columns:repeat(6,1fr)}
  .wb-recall-text-kinds,.wb-recall-selection-actions{position:relative;top:auto;right:auto;left:auto;order:3;width:100%;box-sizing:border-box;overflow-x:auto;box-shadow:none}.wb-recall-selection-actions{justify-content:flex-start}
  .wb-recall-shortcut-helper{position:relative;top:auto;left:auto;order:4;width:100%;box-sizing:border-box;box-shadow:none}.wb-recall-keyboard-accessory:not([hidden]){position:fixed;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));display:flex;padding:5px;border:1px solid #d4d0c6;border-radius:10px;background:rgba(255,255,255,.96);box-shadow:0 8px 24px rgba(42,39,34,.16)}
  .wb-recall-document[data-tool="pen"],.wb-recall-document[data-tool="eraser"],.wb-recall-document[data-tool="lasso"]{touch-action:none}
}
@media(max-width:440px){.wb-recall-clear-ink{max-width:46px;overflow:hidden;white-space:nowrap}.wb-recall-save-state button{font-size:9px}.wb-recall-selection-actions>span{display:none}}
@media(prefers-reduced-motion:reduce){.wb-recall-text-object.is-selected rect{filter:none}}