.tool-app.tool-shell[data-tool-slug=whiteboard]{gap:0;margin:.9rem 0 1.2rem}.tool-app.tool-shell[data-tool-slug=whiteboard]>.input-card,.tool-app.tool-shell[data-tool-slug=whiteboard]>.result-panel>.zone-head{display:none}.tool-app.tool-shell[data-tool-slug=whiteboard]>.result-panel{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;overflow:visible}.wb{border:1px solid var(--hairline);border-radius:var(--radius);background:#fff;height:72vh;min-height:430px;position:relative;overflow:hidden}.wb:fullscreen{border:0;border-radius:0}.wb.is-full{z-index:9999;border:0;border-radius:0;position:fixed;inset:0;height:auto!important}.wb [hidden]{display:none!important}.wb canvas{touch-action:none;cursor:default;width:100%;height:100%;display:block;position:absolute;inset:0}.wb[data-tool=pen] canvas,.wb[data-tool=rect] canvas,.wb[data-tool=oval] canvas,.wb[data-tool=arrow] canvas{cursor:crosshair}.wb[data-tool=note] canvas{cursor:copy}.wb[data-tool=text] canvas{cursor:text}.wb[data-tool=eraser] canvas{cursor:cell}.wb.is-pan canvas{cursor:grab}.wb-hint{text-align:center;pointer-events:none;color:#8b95a3;position:absolute;top:44%;left:110px;right:24px}.wb-hint b{letter-spacing:.04em;font-size:1.6rem;font-weight:600;display:block}.wb-hint span{margin-top:8px;font-size:.9rem;display:block}.wb-bar{border:1px solid var(--hairline);background:#fff;border-radius:12px;gap:4px;padding:6px;display:flex;position:absolute}.wb-tools{flex-direction:column;top:12px;left:12px}.wb-tools button{width:64px;min-width:0;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;flex-direction:column;align-items:center;gap:3px;padding:7px 0 5px;font-size:.72rem;line-height:1.2;display:flex}.wb-tools button svg{width:22px;height:22px}.wb-tools button:hover{border-color:var(--accent)}.wb-tools button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}.wb-opts{align-items:center;gap:10px;min-height:46px;padding:6px 12px;top:66px;left:98px}.wb-k{color:var(--text-muted);white-space:nowrap;font-size:.75rem}.wb-sw{align-items:center;gap:7px;display:flex}.wb-sw button{outline:1px solid var(--hairline);cursor:pointer;border:2px solid #fff;border-radius:50%;flex:0 0 28px;width:28px;min-width:0;height:28px;padding:0}.wb-sw button[aria-pressed=true]{outline:2px solid var(--navy)}.wb-sw-note button{border-radius:6px}.wb-th button{background:#fff;place-items:center;display:grid}.wb-th button i{background:var(--navy);border-radius:50%;display:block}.wb-sep{background:var(--hairline);flex:0 0 1px;align-self:stretch;width:1px}.wb-top{align-items:center;max-width:calc(100% - 110px);top:12px;right:12px;overflow-x:auto}.wb-top button,.wb-zoom button{border:1px solid var(--hairline);font:inherit;color:var(--text);cursor:pointer;white-space:nowrap;background:#fff;border-radius:9px;flex:none;align-items:center;gap:5px;min-width:0;padding:7px 11px;font-size:.82rem;display:flex}.wb-top button:hover,.wb-zoom button:hover{border-color:var(--accent)}.wb-top button:disabled{color:#a9b1bd;cursor:default;border-color:var(--hairline)}.wb-top button.wb-main{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.wb-top svg{width:15px;height:15px}.wb-zoom{align-items:center;bottom:12px;right:12px}.wb-zoom button{padding:6px 10px}.wb-msg{background:var(--navy);color:#fff;pointer-events:none;border-radius:999px;width:fit-content;max-width:80%;margin:auto;padding:8px 14px;font-size:.82rem;position:absolute;bottom:16px;left:0;right:0}.wb-edit{outline:2px solid var(--accent);outline-offset:-2px;resize:none;color:#1f2937;box-sizing:border-box;background:0 0;border:0;border-radius:0;margin:0;padding:0;font-family:inherit;line-height:1.4;position:absolute;overflow:hidden}@media (width>=1560px){.wb-opts{top:12px}}@media (width<=760px){.wb{min-height:380px}.wb-tools{flex-direction:row;inset:auto 8px 8px;overflow-x:auto}.wb-tools button{flex:0 0 50px;width:50px}.wb-top{max-width:none;top:8px;left:8px;right:8px}.wb-top .wb-lbl,.wb-top .wb-sep{display:none}#wbUndo{order:1}#wbRedo{order:2}#wbPng{order:3}#wbPptx{order:4}#wbDel{order:5}#wbCopy{order:6}#wbFull{order:7}#wbClear{order:8}.wb-opts{max-width:calc(100% - 16px);top:62px;left:8px;right:auto;overflow-x:auto}.wb-zoom{display:none}.wb-msg{bottom:84px}.wb-hint{left:16px;right:16px}.wb-hint b{font-size:1.25rem}}
