/* An embedded preview must never size itself from the iframe viewport height. */
#native-stage .c-modal-card{min-height:0!important;height:auto!important}
#native-frame{min-width:0;overflow:hidden}
#native-stage{position:absolute;top:0;left:0}
.workspace,.settings-content,.right_panel{min-width:0}
@media(max-width:850px){
 .workspace{grid-template-columns:minmax(0,1fr);min-height:0}
 .preview{justify-content:flex-start}
 .right_panel.desktop-settings{width:100%;max-width:100%;min-height:0}
 .panel{max-height:420px;overflow:auto}
}
@media(max-width:519px){
 .toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:12px}
 .toolbar b{grid-column:1/-1}
 .toolbar span{grid-column:1/-1;grid-row:3;margin:0!important;width:auto;font-size:10px}
 .toolbar .save{margin:0;width:100%;padding:10px 6px;font-size:12px;line-height:1.35;white-space:normal}
 .demo-scope-note{font-size:11px;padding:10px 12px}
 .preview{padding:12px;gap:10px}
 .preview-label{flex-wrap:wrap;gap:4px;font-size:10px}
 .preview-hint{font-size:11px}
 #native-stage .c-wheel{padding:16px 28px 8px}
 #native-stage .c-modal-card__content{padding:12px 20px 20px}
 #native-stage .c-modal-card__title{font-size:22px;margin-bottom:12px}
 #native-stage .c-modal-card__subtitle{font-size:14px;line-height:1.4;margin-bottom:16px}
 .settings-nav{gap:4px}
 .panel{padding:12px;max-height:380px}
 .footnote{padding:10px 4px;gap:8px}
}