/* Mobile neon fits inside the available dialog viewport; desktop is unchanged. */
@media(max-width:760px),(max-width:1100px) and (pointer:coarse){
html body .workshop-dialog[data-mobile-workshop=true][data-workshop=neon] .workshop-content{overflow:hidden!important;padding:0!important;display:flex!important;flex-direction:column!important}
html body .workshop-dialog[data-mobile-workshop=true][data-workshop=neon] .workshop-host:not([hidden]),html body .workshop-dialog[data-mobile-workshop=true][data-workshop=neon] .neon-studio{height:100%!important;min-height:0!important;overflow:hidden!important;padding:0!important;flex:1!important}
html body .workshop-dialog[data-mobile-workshop=true][data-workshop=neon] .neon-studio>.wrap{height:100%!important;display:flex!important;flex-direction:column!important;padding:8px!important;gap:6px!important;box-sizing:border-box}
html body .workshop-dialog[data-mobile-workshop=true][data-workshop=neon] .neon-layout{height:auto!important;flex:1!important;min-height:0!important;display:flex!important;flex-direction:column!important;padding:0!important;gap:6px!important;overflow:hidden!important}
html body .workshop-dialog[data-mobile-workshop=true][data-workshop=neon] .neon-preview{height:auto!important;flex:1 1 0!important;min-height:60px!important;max-height:none!important;padding:8px 10px 24px!important}
html body .workshop-dialog[data-mobile-workshop=true][data-workshop=neon] .neon-preview>span{font-size:9px!important;bottom:6px!important}
html body .workshop-dialog[data-mobile-workshop=true][data-workshop=neon] #neon-controls{flex:0 0 auto!important;gap:6px!important;padding:0!important;overflow:visible!important}
html body .workshop-dialog[data-mobile-workshop=true][data-workshop=neon] .mobile-tools{height:auto!important;padding:6px!important;gap:4px!important;flex:none!important}
html body .workshop-dialog[data-mobile-workshop=true][data-workshop=neon] .mobile-tool-tabs{flex-wrap:nowrap!important;gap:5px!important}
html body .workshop-dialog[data-mobile-workshop=true][data-workshop=neon] .mobile-tool-tabs button{min-height:44px!important;padding:6px!important;font-size:14px!important}
html body .workshop-dialog[data-mobile-workshop=true][data-workshop=neon] .mobile-tool-pane{height:154px!important;min-height:0!important;padding:3px!important;display:flex!important;flex-direction:column!important;gap:6px!important;box-sizing:border-box;overflow:visible!important}
html body .workshop-dialog[data-mobile-workshop=true][data-workshop=neon] .mobile-tool-pane[hidden]{display:none!important}
html body .workshop-dialog[data-mobile-workshop=true][data-workshop=neon] label{font-size:12px!important;line-height:1.3!important;gap:4px!important}
html body .workshop-dialog[data-mobile-workshop=true][data-workshop=neon] textarea{height:48px!important;min-height:48px!important;padding:6px!important;resize:none}
html body .workshop-dialog[data-mobile-workshop=true][data-workshop=neon] :is(input,select){height:44px!important;padding:5px 7px!important}
html body .workshop-dialog[data-mobile-workshop=true][data-workshop=neon] .neon-colors{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin:0!important;padding:4px!important;border:0!important;min-width:0}
html body .workshop-dialog[data-mobile-workshop=true][data-workshop=neon] .neon-swatch{width:100%!important;height:44px!important;min-height:44px!important}
html body .workshop-dialog[data-mobile-workshop=true][data-workshop=neon] .neon-actions{gap:6px!important;flex:none!important}
html body .workshop-dialog[data-mobile-workshop=true][data-workshop=neon] .neon-actions .btn{height:44px!important;min-height:44px!important;padding:5px 8px!important;font-size:13px!important}
html body .workshop-dialog[data-mobile-workshop=true][data-workshop=neon] .neon-actions button[type=submit]{grid-column:1/-1}
html body .workshop-dialog[data-mobile-workshop=true][data-workshop=neon] .neon-note{font-size:10px!important;line-height:1.3!important;margin:0!important}
html body .workshop-dialog[data-mobile-workshop=true][data-workshop=neon] .neon-ready{flex:none!important;padding:0!important;margin:0!important;min-height:44px!important;height:44px!important;display:block!important}
html body .workshop-dialog[data-mobile-workshop=true][data-workshop=neon] .neon-ready h3{display:none!important}
html body .workshop-dialog[data-mobile-workshop=true][data-workshop=neon] .neon-ready .btn{height:44px!important;min-height:44px!important;width:100%!important;font-size:12px!important;padding:5px!important}
}
@media(max-height:600px) and (max-width:1100px){
html body .workshop-dialog[data-mobile-workshop=true][data-workshop=neon] .mobile-tool-pane{height:134px!important}
html body .workshop-dialog[data-mobile-workshop=true][data-workshop=neon] .neon-note{display:none!important}
}
@media(min-width:600px) and (max-width:1100px) and (orientation:landscape){
html body .workshop-dialog[data-mobile-workshop=true][data-workshop=neon] .neon-layout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)!important;align-items:stretch!important}
html body .workshop-dialog[data-mobile-workshop=true][data-workshop=neon] .neon-preview{height:100%!important;grid-row:1!important;grid-column:1!important}
html body .workshop-dialog[data-mobile-workshop=true][data-workshop=neon] #neon-controls{grid-row:1!important;grid-column:2!important;justify-content:center!important}
html body .workshop-dialog[data-mobile-workshop=true][data-workshop=neon] .neon-actions{grid-template-columns:1fr 1fr 1.5fr!important}
html body .workshop-dialog[data-mobile-workshop=true][data-workshop=neon] .neon-actions button[type=submit]{grid-column:auto}
}
/* Keep text controls available when the phone keyboard reduces portrait height. */
@media(max-height:450px) and (orientation:portrait){
html body .workshop-dialog[data-mobile-workshop=true][data-workshop=neon] .neon-preview,html body .workshop-dialog[data-mobile-workshop=true][data-workshop=neon] .neon-ready{display:none!important}
html body .workshop-dialog[data-mobile-workshop=true][data-workshop=neon] .neon-layout{justify-content:center!important}
html body .workshop-dialog[data-mobile-workshop=true][data-workshop=neon] .mobile-tool-pane{height:120px!important}
}