/* Compact phone presentation. Desktop framing remains governed by its own kit. */
.dt-mobile-frame,.dt-mobile-restore{display:none!important}
@media(max-width:750px){
 body[data-dt-viewer]{padding-bottom:0!important}
 html:has(body[data-dt-viewer]){scroll-padding-bottom:16px!important}
 body[data-dt-viewer] [data-viewer-bottom]{position:static!important;inset:auto!important;transform:none!important;margin:0!important;padding-bottom:env(safe-area-inset-bottom,0px)!important}
 body[data-dt-viewer] [data-viewer-top]{display:block!important;position:sticky!important;top:0!important;isolation:isolate;z-index:110}
 body[data-dt-viewer] [data-viewer-top]>:is([data-dt-frame-bar],.dt-frame-notice,.dt-frame-slim){display:none!important}
 body[data-dt-viewer] .dt-mobile-frame{box-sizing:border-box;display:grid!important;grid-template-columns:minmax(72px,1fr) auto auto;align-items:center;gap:6px;min-height:42px;margin:0!important;padding:4px 8px!important;background:#363636!important;color:#fff!important;border:0!important;position:relative;font:13px/1.2 Arial,Helvetica,sans-serif!important;text-transform:none;letter-spacing:normal}
 .dt-mobile-frame *,.dt-mobile-restore *{box-sizing:border-box}
 .dt-mobile-frame :is(a,button,summary),.dt-mobile-restore button{display:flex!important;align-items:center;justify-content:center;min-height:32px;min-width:32px;padding:4px 8px!important;margin:0!important;border:1px solid #777;border-radius:4px;background:transparent;color:#fff!important;font:700 13px/1.2 Arial,Helvetica,sans-serif!important;text-decoration:none!important;text-transform:none;letter-spacing:normal;cursor:pointer;white-space:normal;gap:5px}
 .dt-mobile-frame .dt-mobile-brand{display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;min-width:0;padding:0!important;border:0}
 .dt-mobile-frame .dt-mobile-brand img{display:block;width:72px!important;max-width:72px!important;height:auto!important;max-height:20px!important;object-fit:contain;margin:0;padding:0}
 .dt-mobile-frame .dt-mobile-badge{display:none;font:10px/1.1 Arial,Helvetica,sans-serif!important;color:#eee!important;letter-spacing:0;text-transform:none;white-space:nowrap}
 .dt-mobile-frame .dt-mobile-next{background:#d16f43!important;color:#171717!important;border-color:#d16f43;font-weight:700;white-space:nowrap}
 .dt-mobile-frame .dt-mobile-more{position:static;margin:0!important;padding:0!important;border:0!important;background:transparent!important;min-width:0}
 .dt-mobile-frame .dt-mobile-more summary{list-style:none;user-select:none;min-width:60px}
 .dt-mobile-more summary::-webkit-details-marker{display:none}
 .dt-mobile-more[open] summary{background:#505050!important;border-color:#eee}
 .dt-mobile-menu{position:absolute;right:8px;top:calc(100% + 4px);width:min(300px,calc(100vw - 16px));padding:8px;background:#363636;color:#fff;border:1px solid #8c8c8c;border-radius:4px;box-shadow:0 10px 24px #0005;z-index:120}
 .dt-mobile-menu::before{content:"Concept preview";display:block;padding:4px 8px 6px;font:12px/1.2 Arial,Helvetica,sans-serif;color:#eee}
 .dt-mobile-frame .dt-mobile-menu :is(a,button){min-height:44px;width:100%;justify-content:flex-start;text-align:left;border:0;border-radius:2px;margin:2px 0!important}
 .dt-mobile-frame .dt-mobile-script-control,.dt-mobile-restore .dt-mobile-script-control{display:none!important}
 html[data-dt-mobile-ready=true] .dt-mobile-frame .dt-mobile-script-control,html[data-dt-mobile-ready=true] .dt-mobile-restore .dt-mobile-script-control{display:flex!important}
 .dt-mobile-frame :is(a,button,summary):hover,.dt-mobile-restore button:hover{background:#505050;border-color:#eee}
 .dt-mobile-frame :focus-visible,.dt-mobile-restore :focus-visible{outline:3px solid #9dd6d2!important;outline-offset:2px!important}
 body[data-dt-viewer] .dt-frame-restore{display:none!important}
 body[data-dt-viewer] .dt-concept-watermark{display:none!important}
 html[data-bare=true] body[data-dt-viewer] [data-viewer-top]{display:block!important}
 html[data-bare=true] body[data-dt-viewer] :is([data-viewer-bottom],.dt-mobile-frame,.dt-frame-slim){display:none!important}
 html[data-bare=true] body[data-dt-viewer] .dt-mobile-restore{display:flex!important;align-items:center;justify-content:space-between;gap:8px;min-height:42px;padding:4px 8px;background:#363636;color:#fff;font:11px/1.2 Arial,Helvetica,sans-serif}
 .dt-mobile-restore button{font-size:12px!important}
}

/* Bare previews keep a compact text-only way back to the frame. */
body[data-dt-viewer] .dt-frame-slim{min-height:30px!important;padding:2px 12px!important;font:11px/1.2 Arial,Helvetica,sans-serif!important;gap:8px!important}
body[data-dt-viewer] .dt-frame-slim > span{max-width:none!important;font:inherit!important;white-space:nowrap}
body[data-dt-viewer] :is(.dt-frame-slim,.dt-frame-restore) :is(a,button){min-height:24px!important;padding:2px 0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;font:12px/1.2 Arial,Helvetica,sans-serif!important;text-decoration:underline!important;text-underline-offset:3px}
html[data-bare=true] body[data-dt-viewer] .dt-mobile-restore{min-height:30px!important;padding:2px 8px!important;font:11px/1.2 Arial,Helvetica,sans-serif!important}
html[data-bare=true] body[data-dt-viewer] .dt-mobile-restore :is(button,a){min-height:24px!important;padding:2px 0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;font:12px/1.2 Arial,Helvetica,sans-serif!important;text-decoration:underline!important;text-underline-offset:3px}

/* One bare-mode strip on every screen; older package restore bars do not compete. */
html[data-bare=true] body[data-dt-viewer] [data-viewer-top]{display:block!important}
html[data-bare=true] body[data-dt-viewer] [data-viewer-top]>:not(.dt-mobile-restore),html[data-bare=true] body[data-dt-viewer] :is([data-viewer-bottom],.dt-frame-restore){display:none!important}
html[data-bare=true] body[data-dt-viewer] .dt-mobile-restore{box-sizing:border-box;display:flex!important;align-items:center;justify-content:space-between;gap:8px;min-height:30px!important;padding:2px 12px!important;background:#363636;color:#fff;font:11px/1.2 Arial,Helvetica,sans-serif!important}
html[data-bare=true] body[data-dt-viewer] .dt-mobile-restore>span{white-space:nowrap}
html[data-bare=true][data-dt-mobile-ready=true] body[data-dt-viewer] .dt-mobile-restore .dt-mobile-script-control{display:inline-flex!important;align-items:center;min-height:24px!important;padding:2px 0!important;margin:0;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;color:#fff!important;font:12px/1.2 Arial,Helvetica,sans-serif!important;text-decoration:underline!important;text-underline-offset:3px;cursor:pointer}
html[data-bare=true] body[data-dt-viewer] .dt-mobile-restore :focus-visible{outline:2px solid #9dd6d2!important;outline-offset:2px!important}