/* Shared Ilmdosh movable learning tools. */
.tool-drag-handle{touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}
.tool-dragging{cursor:grabbing}
#modalTitle.tool-drag-handle,#noteTitle.tool-drag-handle{flex:1;min-width:0;min-height:40px;display:flex;align-items:center;font-size:18px;line-height:1.3}
#modalTitle.tool-drag-handle::before,#noteTitle.tool-drag-handle::before{content:'⠿';margin-right:8px;color:var(--primary)}
.tool-size-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px 0;flex:none}
.tool-size-controls button{min-width:0;min-height:40px;padding:4px;font-size:20px;line-height:1.2}
.tool-size-grip{touch-action:none;user-select:none;cursor:nwse-resize;color:var(--primary)}
#modal.calculator-panel[open]{position:fixed;display:flex;flex-direction:column;overflow:hidden;z-index:45;top:64px;margin:0 auto;width:min(480px,calc(100vw - 8px));height:min(660px,calc(100dvh - 68px));max-height:calc(100dvh - 64px);min-width:0;padding:10px;box-shadow:0 8px 32px #0003}
#modal.calculator-panel .modal-top{position:static;flex:none}
#modal.calculator-panel #modalBody{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}
#notebook{resize:none;max-height:calc(100dvh - 64px);top:60px;min-width:0;max-width:calc(100vw - 8px);overflow:hidden}
#notebook.note-floating{width:min(460px,calc(100vw - 8px))!important;height:min(600px,calc(100dvh - 64px));border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 32px #0003}
#notebook.note-floating.tool-sized{width:var(--tool-width)!important}
#notebook .note-top{flex:none;min-height:44px}
#noteTitle{max-height:50px;overflow:hidden}
#notebook .note-tools{flex:none;max-height:28%;overflow:auto;overscroll-behavior:contain}
#notebook #noteCanvas{flex:1;min-height:55px;height:0}
#notebook #noteStatus{flex:none;font-size:12px;margin:4px 0;max-height:30px;overflow:auto}
#notebook .tool-sized #noteSize{display:none}