html.overlay-open{overflow:hidden!important;overscroll-behavior:none}
body dialog{position:fixed!important;inset:0!important;top:calc(var(--overlay-top,0px) + 12px)!important;bottom:auto!important;margin:0 auto!important;box-sizing:border-box;max-width:calc(100vw - 24px)!important;max-height:calc(var(--overlay-vh,100dvh) - 24px)!important;overflow:auto;overscroll-behavior:contain;background:#fff;color:#173442}
body #drawing-dialog,body #weld-dialog{padding:0!important;width:min(1200px,calc(100vw - 24px))!important;border:1px solid #b6cbd7;border-radius:10px}
body #drawing-dialog[open],body #weld-dialog[open]{display:flex;flex-direction:column;overflow:hidden;height:min(900px,calc(var(--overlay-vh,100dvh) - 24px))}
body #drawing-dialog .drawing-dialog-head,body #drawing-dialog .dialog-head,body #weld-dialog .drawing-dialog-head{position:relative!important;top:0!important;display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px!important;margin:0!important;background:white;z-index:2;border-bottom:1px solid #d5e1e8}
body #drawing-dialog h2,body #drawing-dialog h3,body #weld-dialog h3{font-size:16px;overflow-wrap:anywhere;margin:0}
body dialog button{min-height:44px!important;touch-action:manipulation;flex-shrink:0}
body #drawing-dialog img{display:block;width:100%;height:0;min-height:0;flex:1 1 auto;object-fit:contain;padding:12px;background:#f3f6f8}
body #weld-dialog iframe{width:100%!important;height:0!important;min-height:0;flex:1 1 auto;border:0}
/* Keep the surrounding page at its normal brightness for every preview and form. */
html body dialog::backdrop{background:transparent!important;backdrop-filter:none!important;opacity:0!important}
body dialog{box-shadow:0 10px 32px #17344226}
#shop button,#shop a{touch-action:pan-y;-webkit-tap-highlight-color:transparent}
@media(max-width:600px){body dialog[id]{top:calc(var(--overlay-top,0px) + 8px)!important;max-height:calc(var(--overlay-vh,100dvh) - 16px)!important;max-width:calc(100vw - 16px)!important}body #drawing-dialog,body #weld-dialog{padding:0!important;width:calc(100vw - 16px)!important;height:calc(var(--overlay-vh,100dvh) - 16px)}body #drawing-dialog img{padding:6px}body #drawing-dialog .drawing-dialog-head,body #drawing-dialog .dialog-head,body #weld-dialog .drawing-dialog-head{padding:10px!important}body #drawing-dialog h2,body #drawing-dialog h3{font-size:14px}}