.whiteboard-mode main{padding:25px 30px 18px;max-width:none}.whiteboard-mode .page>footer{display:none}.wb-root{min-width:0}.wb-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}.wb-heading h1{font-size:29px;font-weight:500;letter-spacing:-1px;margin-top:9px}.wb-heading h1 span{font-family:var(--mono);font-size:13px;color:#99a38c;letter-spacing:0}.wb-board-bar{display:flex;align-items:center;gap:13px;margin-bottom:14px;min-width:0}.wb-board-picker{min-width:0;max-width:340px;flex:0 1 300px}.wb-board-picker select{background:transparent;border:0;border-bottom:1px dashed #b8c5a6;width:100%;font-size:15px;font-weight:500;color:#48583a;padding:8px 23px 8px 0;border-radius:0;overflow:hidden;text-overflow:ellipsis}.wb-project{font-family:var(--mono);font-size:9px;color:#879577;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-board-actions{margin-left:auto;display:flex;align-items:center;gap:6px}.wb-workspace{height:calc(100dvh - 233px);min-height:430px;display:flex;flex-direction:column;border:1px solid #cbd4bd;border-radius:4px;overflow:hidden;background:#fbfcf6;box-shadow:3px 4px 0 #e6eada}.wb-tools{display:flex;align-items:center;gap:3px;padding:8px 10px;overflow-x:auto;border-bottom:1px solid #dce2d1;flex-shrink:0;scrollbar-width:thin;scrollbar-color:#c7d2b5 transparent}.wb-button{background:transparent;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:3px;min-width:32px;height:32px;padding:5px;flex-shrink:0;color:#75836b}.wb-button svg{width:19px;height:19px;stroke-width:1.5}.wb-button:hover{background:#edf1e2;color:#3c4f30}.wb-button.active{background:#e0e9c8;border-color:#c2ceaa;color:#3e5430}.wb-button:disabled{opacity:.3}.wb-divider{height:20px;border-left:1px solid #d4ddc6;margin:0 7px}.wb-help{font-family:var(--mono);margin-left:auto;font-size:16px}.wb-properties{display:flex;align-items:center;gap:10px;padding:7px 12px;overflow-x:auto;border-bottom:1px solid #dce2d1;flex-shrink:0;scrollbar-width:thin;white-space:nowrap}.wb-properties select{border:0;background:transparent;color:#79896a;font-family:var(--mono);font-size:9px;height:27px;max-width:160px}.wb-swatches{display:flex;align-items:center;gap:6px;flex-shrink:0;padding:3px}.wb-swatch{position:relative;flex-shrink:0;width:17px;height:17px;border-radius:50%;background:var(--swatch);border:2px solid #fbfcf6;box-shadow:0 0 0 1px transparent}.wb-swatch.active{box-shadow:0 0 0 1px #60734c}.wb-swatch:hover{transform:scale(1.12)}.wb-selection-actions{display:flex;gap:1px;margin-left:auto}.wb-selection-actions .wb-button{width:27px;height:27px;min-width:27px}.wb-selection-actions svg{width:15px;height:15px}.wb-pen-only{font-size:9px;color:#889779;background:transparent;border:1px solid #d7dfcc;border-radius:3px;padding:6px 8px;white-space:nowrap}.wb-pen-only[aria-pressed=true]{background:#e4edcf;color:#4c6537;border-color:#afc58d}.wb-surface{position:relative;flex:1;min-height:240px;background-color:#fafaf6;background-image:radial-gradient(#b7c4a2 .7px,transparent .7px);background-size:24px 24px;overflow:hidden;isolation:isolate}#wb-canvas{width:100%;height:100%;display:block;position:absolute;inset:0;touch-action:none;user-select:none;-webkit-user-select:none;fill:none;stroke:none;overscroll-behavior:contain;cursor:default}#wb-canvas:focus-visible{outline:1px solid #9cac7e;outline-offset:-3px}#wb-canvas[data-tool=hand]{cursor:grab}#wb-canvas[data-tool=hand]:active{cursor:grabbing}#wb-canvas[data-tool=pen],#wb-canvas[data-tool=marker],#wb-canvas[data-tool=rect],#wb-canvas[data-tool=ellipse],#wb-canvas[data-tool=diamond],#wb-canvas[data-tool=triangle],#wb-canvas[data-tool=arrow],#wb-canvas[data-tool=line]{cursor:crosshair}#wb-canvas[data-tool=text],#wb-canvas[data-tool=note]{cursor:text}#wb-canvas[data-tool=eraser]{cursor:cell}.wb-empty-tip{position:absolute;top:43%;left:50%;transform:translate(-50%,-50%);pointer-events:none;text-align:center;color:#a2af90;width:80%}.wb-empty-tip[hidden]{display:none}.wb-empty-tip span{font-family:var(--mono);font-size:9px;letter-spacing:1px}.wb-empty-tip p{font-size:21px;letter-spacing:-.5px;line-height:1.6;margin-top:15px;font-weight:400;color:#94a37e}.wb-zoom{position:absolute;bottom:14px;left:14px;display:flex;align-items:center;gap:3px;background:#fbfcf6ed;border:1px solid #d1dcc3;border-radius:4px;box-shadow:1px 2px 0 #e2e9d6}.wb-zoom .wb-button{min-width:30px;width:30px;height:30px;font-size:21px}.wb-zoom span{min-width:44px;text-align:center;font-family:var(--mono);font-size:10px;color:#7b8c68}.wb-zoom svg{width:16px;height:16px}.wb-status{display:flex;align-items:center;gap:14px;padding:6px 13px;border-top:1px solid #dce2d1;background:#f4f6ec;min-height:30px;font-size:9px;color:#95a285;flex-shrink:0}.wb-status #wb-count{font-family:var(--mono);font-size:8px;margin-left:auto;white-space:nowrap}.wb-status .text-button{font-size:9px;color:#899a74;white-space:nowrap}.wb-start{height:calc(100dvh - 225px);min-height:380px;border:1px dashed #bdcaa8;background-color:#fafaf6;background-image:radial-gradient(#c7d1b9 .7px,transparent .7px);background-size:24px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}.wb-start-sketch{display:flex;align-items:center;gap:17px;color:#9eaf84;transform:rotate(-5deg);margin-bottom:25px}.wb-start-sketch svg{width:52px;height:52px;stroke-width:1}.wb-start-sketch svg:nth-child(2){width:33px;height:33px}.wb-start h2{font-size:25px;font-weight:450;letter-spacing:-.8px}.wb-start p{color:#8a9a77;line-height:1.8;font-size:12px;margin:13px 0 25px}#wb-text-editor{position:absolute;z-index:3;max-width:100%;max-height:95%;border:1px dashed #758d51;outline:3px solid #e4edce88;border-radius:2px;padding:12px;font-family:Arial,sans-serif;line-height:1.3;resize:none;box-sizing:border-box;transform-origin:0 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.wb-properties label,.wb-board-picker{position:relative}.whiteboard-mode .page{height:100dvh;display:flex;flex-direction:column}.whiteboard-mode .topbar{flex-shrink:0}.whiteboard-mode main{flex:1;min-height:0;width:100%;margin:0}.wb-root{height:100%;display:flex;flex-direction:column}.wb-heading,.wb-board-bar{flex-shrink:0}.wb-workspace{flex:1;height:auto;min-height:330px}.wb-start{flex:1;height:auto;min-height:350px}
@media(max-width:1150px){.whiteboard-mode main{padding:20px}.wb-project{display:none}.wb-tools{gap:1px;padding:7px}.wb-properties{gap:7px}.wb-workspace{height:auto}}
@media(max-width:680px){.whiteboard-mode main{padding:16px 12px calc(78px + env(safe-area-inset-bottom))}.wb-heading{margin-bottom:12px}.wb-heading .eyebrow{font-size:8px}.wb-heading h1{font-size:25px;margin-top:6px}.wb-heading h1 span{font-size:10px}.wb-heading .outline-button{font-size:10px;padding:9px}.wb-board-bar{gap:5px;margin-bottom:10px}.wb-board-picker{flex:1;max-width:calc(100% - 137px)}.wb-board-picker select{font-size:12px}.wb-board-actions{gap:0}.wb-board-actions .outline-button{padding:8px;font-size:9px}.wb-board-actions .wb-button{min-width:28px;width:28px;height:28px}.wb-board-actions svg{width:16px;height:16px}.wb-workspace{height:auto;min-height:330px}.wb-tools{gap:2px;padding:6px;min-height:46px}.wb-tools .wb-button{min-width:34px;height:33px}.wb-properties{gap:8px;padding:6px 9px;min-height:40px}.wb-swatches{gap:7px}.wb-swatch{width:18px;height:18px}.wb-properties select{font-size:10px}.wb-pen-only{font-size:10px}.wb-selection-actions{margin-left:0}.wb-status{padding:6px 9px;gap:10px}.wb-status #wb-hint{display:none}.wb-status #wb-count{margin-left:0;font-size:8px}.wb-status .text-button{margin-left:auto}.wb-zoom{left:9px;bottom:9px}.wb-zoom .wb-button{width:29px;height:29px}.wb-zoom span{font-size:9px;min-width:38px}.wb-empty-tip p{font-size:18px}.wb-start{height:auto;min-height:350px}.wb-start h2{font-size:22px}.wb-start p{font-size:11px}.mobile-nav button{min-width:0}.mobile-nav span{font-size:8px}}