/* BoothbysWorkShop 11.1 · EPK Builder Pro mobile editing.
   Applies only to the EPK workspace. On Air and desktop editor are untouched. */
#bw107ReturnEdit{display:none!important}
@media (max-width:900px) {
 body:has(#previewFrame),body:has(#previewFrame) .page {max-width:100%;overflow-x:clip}
 body:has(#previewFrame) .page {padding-inline:clamp(10px,3vw,18px);padding-top:12px}
 body:has(#previewFrame) .intro {display:block!important;min-width:0;margin:0 0 9px!important}
 body:has(#previewFrame) .intro .eyebrow {font-size:10px}
 body:has(#previewFrame) .intro h1 {font-size:clamp(24px,6vw,31px);line-height:1.14;margin:3px 0}
 body:has(#previewFrame) .intro p {font-size:12px;line-height:1.5;max-width:none}
 body:has(#previewFrame) #signStatus {margin:7px 0;padding:9px 11px;font-size:12px}
 body:has(#previewFrame) .bws10-page-builder-tips {margin:5px 0 9px!important}
 body:has(#previewFrame) .bws10-editor-toolbar {display:block!important;margin:8px 0!important;padding:10px!important}
 body:has(#previewFrame) .bws10-editor-title {display:none!important}
 body:has(#previewFrame) .bws10-editor-actions {display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:100%!important}
 body:has(#previewFrame) .bws10-editor-actions>button {min-width:0;min-height:43px;max-width:100%;margin:0;padding:7px 6px;font-size:12px}
 body:has(#previewFrame) #bw106TopSave,body:has(#previewFrame) #bw106TopPublish {grid-column:span 2}
 body:has(#previewFrame) #bw10Undo,body:has(#previewFrame) #bw10Redo {grid-column:span 1}
 body:has(#previewFrame) #bw10RestoreDraft {grid-column:span 2;white-space:normal}
 body:has(#previewFrame) .bws10-editor-toolbar>.bws10-view-switch {display:flex!important;margin:8px 0 0!important;padding:3px;min-width:0;width:100%!important}
 body:has(#previewFrame) .bws10-view-switch button {flex:1 1 50%;min-height:43px;font-size:13px}
 body:has(#previewFrame) .workspace {display:grid;grid-template-columns:minmax(0,1fr)!important;gap:9px!important;min-width:0}
 /* v11.1's .page .workspace child display overrode the mobile Edit/Preview switch.
    Always show exactly one mode at a time on phones/tablets. */
 body:has(#previewFrame) .page .workspace:not(.bws10-show-preview)>.previewcol {display:none!important}
 body:has(#previewFrame) .page .workspace.bws10-show-preview>.editor {display:none!important}
 body:has(#previewFrame) .page .workspace.bws10-show-preview>.previewcol {display:block!important}
 body:has(#previewFrame) .page .workspace:not(.bws10-show-preview)>.editor {display:flex!important}

 body:has(#previewFrame) .workspace>.editor,body:has(#previewFrame) .workspace>.previewcol {width:100%;min-width:0;max-width:100%;box-sizing:border-box}
 body:has(#previewFrame) .page .editor .tabs {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:0;padding:9px!important}
 body:has(#previewFrame) .page .editor .tab {width:100%;min-width:0;min-height:44px;margin:0;padding:7px 4px;font-size:12px;line-height:1.1;white-space:normal;box-sizing:border-box}
 body:has(#previewFrame) .page .editor .editpanel {padding:14px 12px;min-height:0!important;max-height:none!important;overflow:visible}
 body:has(#previewFrame) .page .editor .editpanel input,body:has(#previewFrame) .page .editor .editpanel textarea,body:has(#previewFrame) .page .editor .editpanel select {max-width:100%;min-width:0;box-sizing:border-box}
 body:has(#previewFrame) .page .editor .bws10-inspector {padding:12px!important;max-height:none!important;overflow:visible!important}
 body:has(#previewFrame) .page .editor .bws10-inspector-row {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 body:has(#previewFrame) .page .editor .bws10-inspector-row button {min-width:0;min-height:44px}
 body:has(#previewFrame) .page .editor .bws10-inspector textarea {width:100%;min-height:130px;max-width:100%}
 body:has(#previewFrame) .page .bws10-preview-workspace {display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0}
 body:has(#previewFrame) .page .bws10-preview-navigator {min-height:45px;padding:6px;overflow:hidden}
 body:has(#previewFrame) #bws10PreviewSections {overflow-x:auto;overflow-y:hidden;max-width:100%;-webkit-overflow-scrolling:touch}
 body:has(#previewFrame) #bws10PreviewSections .bws10-page-link {min-height:38px}
 body:has(#previewFrame) .previewbar {position:relative;display:grid!important;grid-template-columns:minmax(0,1fr);gap:8px;padding:9px!important;min-height:0}
 body:has(#previewFrame) .previewbar>div:first-child {min-width:0;width:100%;display:flex;align-items:center;justify-content:space-between;gap:6px}
 body:has(#previewFrame) .previewbar>div:first-child strong {font-size:13px}
 body:has(#previewFrame) .previewbar .bws10-preview-controls {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px;min-width:0}
 body:has(#previewFrame) .previewbar .devicebar {display:flex;flex:1 1 auto;min-width:0;gap:4px}
 body:has(#previewFrame) .previewbar .devicebar button {min-height:42px;min-width:0;padding:5px 9px;flex:1 1 auto;font-size:12px}
 body:has(#previewFrame) #bws10ExpandPreview {min-height:42px;white-space:normal;line-height:1.1;padding:6px 8px}
 body:has(#previewFrame) #bw107ReturnEdit {display:none;min-height:42px;padding:8px 11px;font-size:12px;white-space:nowrap;border-radius:8px;border:1px solid #65cfe1;background:#1b5064;color:#eefcff;font-weight:700}
 body:has(#previewFrame) .workspace.bws10-show-preview #bw107ReturnEdit {display:inline-flex!important;align-items:center}
 body:has(#previewFrame) .page .bws10-preview-workspace>.previewshell {padding:6px!important;margin:0!important;min-height:340px!important;height:clamp(360px,63svh,640px)!important;max-width:100%;box-sizing:border-box;overflow:auto!important;justify-content:center!important}
 body:has(#previewFrame) .page .bws10-preview-workspace>.previewshell iframe {max-width:100%!important;min-width:0!important;box-sizing:border-box;border-radius:7px}
 body:has(#previewFrame) .page .bottom {display:flex;flex-wrap:wrap;gap:7px;align-items:center;min-width:0;padding:9px!important}
 body:has(#previewFrame) .page .bottom button {min-height:42px}
 body:has(#previewFrame) .page .bottom #status {flex:1 1 100%;overflow-wrap:anywhere}
 body:has(#previewFrame) .workspace.bws10-expanded .previewcol {position:fixed!important;inset:env(safe-area-inset-top,0) 0 env(safe-area-inset-bottom,0)!important;width:100vw;max-width:100vw;height:100dvh;overflow:auto;border-radius:0}
 body:has(#previewFrame) .workspace.bws10-expanded .bws10-preview-workspace>.previewshell {height:100%!important;min-height:0!important;max-height:none!important}
}
@media (max-width:390px) {
 body:has(#previewFrame) .page .editor .tabs {grid-template-columns:repeat(3,minmax(0,1fr))}
 body:has(#previewFrame) .page .editor .designgrid {grid-template-columns:repeat(2,minmax(0,1fr))}
 body:has(#previewFrame) #bws10ExpandPreview {font-size:11px}
}
@media (prefers-reduced-motion:reduce) {body:has(#previewFrame) .workspace * {animation:none!important;transition:none!important;scroll-behavior:auto!important}}