/* Shared small-screen form geometry; retain the original fonts and colors. */
@media(max-width:700px){
 .field-grid,.field,.form-block,.app-pick,.paster-row{min-width:0}
 .field-input,input[type=datetime-local],input[type=date],input[type=time]{min-width:0;max-width:100%;box-sizing:border-box}
 .field-input,select,textarea,input[type=search]{font-size:16px}
 .field-input{scroll-margin-block:16px}
 .form-actions,.done-actions,.paster-row{gap:12px;flex-wrap:wrap}
 .form-actions .btn,.done-actions .btn{min-height:44px;white-space:normal}
 .form-wrap{padding-bottom:calc(24px + env(safe-area-inset-bottom))}
 .form-error,.field-hint,.form-actions-note{overflow-wrap:anywhere}
 #editor{position:fixed;inset:auto 0 auto auto;top:var(--form-viewport-top,0px);height:var(--form-viewport-height,100dvh);max-height:var(--form-viewport-height,100dvh);width:100%;max-width:100%;margin:0;border:0}
 #editor .drawer-head{position:static;padding:12px 16px;gap:12px}
 #editor .drawer-title{font-size:20px;overflow-wrap:anywhere;max-height:2.4em;overflow:auto}
 #editor .drawer-kicker{margin-bottom:4px}
 #editor .drawer-body{min-height:0;padding:16px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-padding-block:16px}
 #editor #fields{grid-template-columns:minmax(0,1fr);gap:16px}
 #editor #fields .field{min-width:0;grid-column:1/-1}
 #editor #fields .field-input{font-size:16px;min-width:0}
 #editor .drawer-foot{position:static;display:flex;flex-wrap:wrap;flex-shrink:0;padding:10px 12px calc(10px + env(safe-area-inset-bottom));gap:8px}
 #editor .drawer-foot-main{flex:1;justify-content:flex-end;gap:8px;min-width:0}
 #editor .drawer-foot .btn{min-height:44px;padding:10px;font-size:11px;white-space:normal}
 #editor .icon-btn{min-width:44px;min-height:44px}
 #confirm{box-sizing:border-box;width:calc(100% - 24px);max-height:calc(var(--form-viewport-height,100dvh) - 24px);padding:20px;overflow:auto}
 #confirm .drawer-actions{flex-wrap:wrap}#confirm button{min-height:44px}
 .filters{grid-template-columns:repeat(2,minmax(0,1fr))}
 .filters label{min-width:0}.filters input,.filters select{min-width:0;max-width:100%}
 .section-summary{flex-wrap:wrap;gap:16px}.masthead-inner{min-width:0}
}
@media(max-width:380px){#editor .drawer-foot-main{flex-basis:100%}#editor .drawer-foot-main .btn{flex:1}#editor .drawer-foot{gap:6px}#editor .drawer-foot .btn{padding:8px}}