body[data-mode=demo] .shell > :not(.top):not(#boothView):not(.demo-next),
body[data-mode=demo] #openEvents,body[data-mode=demo] #openSettings,body[data-mode=demo] #guestLogin,
body[data-mode=demo] #individualDownload,body[data-mode=demo] #cloudSave,body[data-mode=demo] #eventZip {display:none!important}
body[data-mode=demo] .top {gap:var(--pb-space-4);flex-wrap:wrap}
body[data-mode=demo] .badge {font-size:.875rem}
body[data-mode=demo] .sub {font-size:1rem;line-height:1.6}
body[data-mode=demo] .small {font-size:.875rem;line-height:1.6}
body[data-mode=demo] .demo-options {display:flex;gap:12px 24px;flex-wrap:wrap;align-items:center;margin:18px 0}
body[data-mode=demo] .demo-options .field {flex:1;min-width:140px;font-size:.875rem}
body[data-mode=demo] .demo-options .check {font-size:.875rem;margin:0}
body[data-mode=demo] #boothView[data-phase=capture] .demo-options {opacity:.65}
body[data-mode=demo] .demo-next {margin-top:var(--pb-space-5);padding:var(--pb-space-5);border:1px solid var(--pb-line);border-radius:18px;background:var(--pb-surface)}
body[data-mode=demo] .demo-next h2 {font-size:1.3rem;margin:0 0 8px}
body[data-mode=demo] .demo-next p {max-width:720px;line-height:1.6;color:var(--pb-muted)}
body[data-mode=demo] .demo-next a {display:inline-flex;text-decoration:none}
@media(max-width:850px){
 body[data-mode=demo] .shell{padding:var(--pb-space-4)}
 body[data-mode=demo] .top-actions{margin-left:0;width:100%;justify-content:space-between}
 body[data-mode=demo] #boothView{display:flex;flex-direction:column}
 body[data-mode=demo] #resultPanel{display:none}
 body[data-mode=demo] #boothView.preview-open #resultPanel,
 body[data-mode=demo] #boothView[data-phase=result] #resultPanel{display:block}
 body[data-mode=demo] #boothView[data-phase=result] #cameraPanel{display:none}
 body[data-mode=demo] .booth-preview-toggle{display:block;margin-top:14px}
 body[data-mode=demo] .demo-options{gap:8px 16px}
 body[data-mode=demo] .demo-options .field{flex-basis:100%}
 body[data-mode=demo] #finishActions{display:flex;flex-wrap:wrap}
 body[data-mode=demo] #finishActions .btn{flex:1;min-width:130px}
}

body[data-mode=demo] .demo-next[hidden]{display:none!important}