/* One scroll surface per dialog, including iOS Safari. */
html:has(body.dialog-open){overscroll-behavior:none}
body.dialog-open .modalback{overscroll-behavior:none;overflow:hidden;touch-action:auto;padding:12px;z-index:1000}
body.dialog-open .modal{display:flex;flex-direction:column;overflow:hidden;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}
body.dialog-open .modalhead,body.dialog-open .modalfoot{flex:0 0 auto}
body.dialog-open .modalbody{min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y pinch-zoom}
body.dialog-open .drawing-review{max-height:none;overflow:visible}
body.dialog-open .modalfoot .btn{min-height:44px}
body.dialog-open .modal:focus{outline:none}
.product-welcome{margin-top:16px}
.drawing-tools{margin:16px 0;border:1px solid var(--line);border-radius:12px;padding:14px 18px}
.drawing-tools>summary{cursor:pointer;font-size:16px;font-weight:600;line-height:1.5}
.drawing-tools .drawing-card{margin:16px 0 0}
.drawing-tools .drawing-note{font-size:14px}
.material-edit-action{margin-top:12px}
.drawing-progress{line-height:1.6;white-space:pre-line}
.drawing-pages{font-size:14px;line-height:1.7}
@media(max-width:600px){body.dialog-open .modalhead,body.dialog-open .modalbody,body.dialog-open .modalfoot{padding:16px}.drawing-tools{padding:12px}.modalfoot{gap:8px}.modalfoot .btn{flex:1 1 auto}}