/* DFDO_MOBILE_FINAL_V1 */
@media(max-width:820px){
#dfdo{width:100%!important;max-width:none!important;margin:6px auto 28px!important;padding:0 10px!important}
#dfdo h1{font-size:27px!important;line-height:1.15!important;margin:0 0 10px!important}
.dfdo-box{width:100%!important;padding:10px!important;border-radius:12px!important}
.dfdo-upload{padding:12px 10px!important;font-size:14px!important}
.dfdo-editor,.dfdo-editor.on{grid-template-columns:1fr!important;gap:12px!important;margin-top:10px!important}
.dfdo-stage{width:100%!important;max-width:430px!important;height:auto!important;margin:0 auto!important;border-radius:10px!important}
.dfdo-tools-v2{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:3px!important;max-width:430px!important;margin:6px auto!important}
.dfdo-tools-v2 button{width:100%!important;min-width:0!important;height:40px!important;padding:0!important;font-size:17px!important}
.dfdo-face-btn{width:100%!important;max-width:430px!important;min-height:42px!important;margin:5px auto 10px!important;font-size:14px!important}
.dfdo-panel{width:100%!important;min-width:0!important}
.dfdo-face-guide{margin:0 0 11px!important;padding:11px 12px!important}
.dfdo-face-guide li{font-size:13px!important;line-height:1.4!important;margin:3px 0!important}
.dfdo-face-status{font-size:12px!important}
}
@media(max-width:820px){
.dfdo-meta-label{font-size:14px!important;margin:9px 0 4px!important}
.dfdo-meta-select{width:100%!important;height:44px!important;font-size:16px!important;padding:0 10px!important}
.dfdo-size-note{font-size:12px!important}
.dfdo-warning{font-size:12px!important;line-height:1.4!important;padding:8px 9px!important;margin-top:7px!important}
.dfdo-row{grid-template-columns:90px minmax(0,1fr) 44px!important;gap:7px!important;margin:12px 0!important}
.dfdo-row>span{font-size:14px!important}
.dfdo-val{font-size:11px!important}
.dfdo-sharp-row{grid-template-columns:90px minmax(0,1fr)!important;gap:6px 8px!important;margin:12px 0!important;font-size:14px!important}
.dfdo-sharp-row button{width:100%!important;min-height:38px!important;padding:6px 9px!important;font-size:13px!important}
.dfdo-sharp-row span:last-child{grid-column:2!important;font-size:11px!important}
.dfdo-reset{width:100%!important;min-height:42px!important;padding:9px!important;font-size:14px!important}
.dfdo-preview-btn{width:100%!important;min-height:48px!important;margin-top:8px!important;padding:10px!important;font-size:16px!important}
.dfdo-sharp-modal{padding:8px!important}
.dfdo-sharp-box{width:100%!important;max-height:calc(100dvh - 16px)!important;overflow-y:auto!important}
.dfdo-sharp-preview,#sharpPreviewCanvas{height:220px!important}
}
@media(max-width:820px){
.dfdo-order-section{width:100%!important;margin:20px auto 28px!important;padding:0 10px!important}
.dfdo-order-section h2{font-size:22px!important;margin-bottom:4px!important}
.dfdo-order-sub{font-size:13px!important;margin-bottom:10px!important}
.dfdo-sheet-preview{width:100%!important;max-width:600px!important;height:auto!important;margin:0 auto!important}
.dfdo-sheet-count{font-size:13px!important;margin:7px 0 12px!important}
.dfdo-cart-panel{width:100%!important;max-width:none!important;margin:7px auto 0!important;padding:12px!important}
.dfdo-paper-options{grid-template-columns:1fr 1fr!important;gap:7px!important}
.dfdo-paper-option span{min-height:42px!important;font-size:14px!important}
.dfdo-cart-info{font-size:12px!important;line-height:1.4!important;padding:8px 9px!important;margin-top:9px!important}
#docOrderAdd{min-height:50px!important;margin-top:9px!important;font-size:16px!important}
.dfdo-info{width:100%!important;margin:20px auto 30px!important;padding:0 10px!important}
.dfdo-info h2{font-size:23px!important;margin:22px 0 8px!important}
.dfdo-info-lead,.dfdo-steps span{font-size:14px!important}
.dfdo-steps{grid-template-columns:1fr!important;gap:7px!important}
}
@media(max-width:390px){#dfdo{padding:0 7px!important}#dfdo h1{font-size:24px!important}.dfdo-box{padding:7px!important}.dfdo-row{grid-template-columns:82px minmax(0,1fr) 40px!important}}
/* DFDO_MOBILE_SCROLL_FIX_V1 */
@media(max-width:820px){
.dfdo-editor{display:none!important}
.dfdo-editor.on{display:grid!important}
.dfdo-stage{touch-action:pan-y!important}
body{touch-action:auto!important}
}