#drawingDock{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:9;display:flex;align-items:center;gap:10px;padding:6px 10px;zoom:var(--ui-scale,1);color:var(--ui-text);font:12px Arial;max-width:calc(100vw / var(--ui-scale,1) - 28px);box-sizing:border-box}
#drawingDock[hidden],#eraserPreview[hidden]{display:none}#drawingDock strong{font-size:11px}#drawingDock .drawing-color input{width:27px;height:27px;padding:0;border:0;background:none;cursor:pointer}#drawingDock .drawing-size{display:flex;align-items:center;gap:7px;white-space:nowrap}#drawingDock .drawing-size input{width:100px}#drawingDock .drawing-size output{min-width:18px;text-align:right}#drawingDock .drawing-size .range-control{width:100px}
.drawing-styles{display:flex;gap:2px}.drawing-styles button{display:grid;place-items:center;width:30px;height:30px;padding:5px;border-radius:4px}.drawing-styles button svg{width:20px;height:20px}.drawing-styles button[aria-pressed=true]{background:#e8edff;color:#4262ff}
#eraserPreview{position:fixed;z-index:8;border:1px solid #657088;border-radius:50%;background:#ffffff22;transform:translate(-50%,-50%);pointer-events:none;box-sizing:border-box}.presenting #drawingDock,.presenting #eraserPreview{display:none!important}
.night #drawingDock{background:var(--surface);border-color:var(--ui-border)}
@media(max-width:800px){#drawingDock{bottom:52px}}.phone-ui #drawingDock{bottom:max(72px,calc(env(safe-area-inset-bottom) + 72px));padding:5px 8px;gap:6px;max-width:calc(100vw - 16px);overflow-x:auto}.phone-ui #drawingDock strong{display:none}.phone-ui #drawingDock input[type=color],.phone-ui #drawingDock .drawing-styles button{width:44px;height:44px}.phone-ui #drawingDock .drawing-size input,.phone-ui #drawingDock .drawing-size .range-control{width:80px}