/* Compact editor, including mobile browsers requesting a desktop viewport. */
body{font-size:12px;line-height:1.45}
.studioNav{flex-wrap:nowrap;overflow-x:auto;min-height:40px;padding:4px 8px;scrollbar-width:none}
.studioNav button{font-size:11px;min-height:32px;padding:5px 8px;white-space:nowrap}
.studioNav [data-studio-action=quick],.studioNav [data-studio-action=pro],.studioNav [data-studio-action=brand],.studioNav [data-studio-action=references]{display:none}
.repairActions{display:grid;grid-template-columns:minmax(50px,1fr) auto auto;gap:4px}
.repairActions input{width:100%;min-width:0;border:1px solid var(--line);border-radius:7px;padding:5px;font:inherit}
#draftStatus{font-size:10px;color:#24705b;margin:4px 0}
#draftStatus[data-error=true]{color:#a13b28}
.savedProject{display:flex;flex-direction:column;align-items:start;width:100%;gap:4px;margin-top:8px;text-align:start}
.savedProject small{font-weight:400;color:var(--muted)}
.offlineBadge{font-size:10px;white-space:nowrap;background:#e4f5ec;color:#175b4e;padding:5px 7px;border-radius:7px}
.sizeRow{grid-template-columns:minmax(45px,1fr) 26px 26px}
.sizeRow .value{display:none}
.simpleMode .advancedOnly{display:block!important}
body[data-ui-locale=en] [data-s=printExtra1Fa],body[data-ui-locale=en] [data-s=printExtra2Fa]{display:none}
.stageFooter,.guideBar{display:none!important}
@media(min-width:1101px){
 .workspace{grid-template-columns:190px minmax(220px,1fr) 320px!important}
 body[data-studio-page=workspace] .workspace{height:calc(100dvh - 102px)}
 .cardSvg.portrait{max-height:62dvh;width:auto!important;max-width:100%}
 .previewWrap{align-items:center}.previewWrap .face{overflow:hidden}
 .stage{padding:10px!important}.stageBar h2{font-size:13px}
}
@media(max-width:1100px),(pointer:coarse){
 :root{--live-preview-height:clamp(130px,23dvh,190px)}
 .workspace .stageBar{height:30px;min-height:30px}
 .cardLanguageRow{margin-top:4px;font-size:10px}.cardLanguageRow select{padding:3px}
 .settingsHead h2{font-size:12px;margin:3px 0}
 .field{padding:5px}.form{gap:5px}.field label{font-size:10px}
 .field input,.field select{min-height:32px}
 .studioNav{height:40px;min-height:40px}
 body[data-studio-page=workspace] .workspace{height:calc(100dvh - 94px - var(--dock) - env(safe-area-inset-bottom))}
}
@media print{
 body>*:not(#printArea):not(#pageCSS):not(style):not(script){display:none!important}
 body,html{height:auto!important;min-height:0!important;overflow:visible!important}
 #printArea{margin:0!important;padding:0!important}
 #printArea .printCard{box-shadow:none!important;overflow:hidden!important}
 #printArea svg{box-shadow:none!important;max-width:none!important;border-radius:0!important}
}
.previewWrap [data-region]{cursor:move;touch-action:none}
.previewWrap [data-region]:hover{filter:drop-shadow(0 0 2px #32a893)}