/* iPhone 13: one navigation row, full available canvas, controls only in preview. */
#home154 .modes154{display:flex!important;flex-flow:row nowrap!important;justify-content:space-between!important;gap:clamp(3px,1.4vw,12px)!important;min-width:0}
#home154 .modes154>a:not(.stickySeal154){font-size:clamp(11px,2.9vw,16px)!important;letter-spacing:0!important;white-space:nowrap;min-width:0;padding-inline:0!important}
body.ui111.mediaMode235 #board{left:0!important;top:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;min-height:0!important}
body.ui111.mediaMode235.preview-open56 #board{bottom:40px!important;height:calc(100% - 40px)!important}
body.ui111.mediaMode235:not(.preview-open56) #mediaTemplates235{display:none!important}
/* Translucent system material with stable, undistorted glyphs and controls. */
body.ui111 :is(.mediaPopover235,#paperPen100,.popup184,.toolPopover,.brushPopover,#recordingOptions39),body.ui111 dialog:not(.mediaEditor218):not(#waiting205){background:rgba(245,245,247,.74)!important;color:#292b2f!important;border:1px solid rgba(255,255,255,.65)!important;backdrop-filter:blur(26px) saturate(1.5)!important;-webkit-backdrop-filter:blur(26px) saturate(1.5)!important;box-shadow:0 12px 36px #0002!important}
body.ui111 dialog .dialogHead,.mediaPopover235 header{background:transparent!important;color:inherit!important}
body.ui111 .mediaPopover235{max-width:calc(100% - 16px);border-radius:18px!important;overscroll-behavior:contain;touch-action:pan-y}
.mediaPopover235 a{color:#655438!important}.mediaPopover235 label{color:inherit}
#mediaTools235 button,#mediaTemplates235 button,.mediaRow235>button{flex:0 0 auto!important;min-height:38px!important;box-sizing:border-box;line-height:1.15!important}
#mediaTools235 svg,#mediaTemplates235 svg,.mediaRow235 svg{flex:none!important;object-fit:contain;aspect-ratio:1;max-width:none}
.mediaPopover235 header button{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;padding:0!important;flex:none!important;border-radius:50%!important}
.freeCrop235 button{min-height:28px!important;min-width:28px!important;box-sizing:border-box!important}
/* Fixed shell: only settings scroll. Collapsing returns all spare height to the art. */
body.ui111 dialog#exportPreview182[data-fixed224][open]{display:flex!important;flex-direction:column!important;position:fixed!important;inset:8px!important;margin:auto!important;transform:none!important;width:min(760px,calc(100% - 16px))!important;max-width:calc(100% - 16px)!important;height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;overflow:hidden!important;overscroll-behavior:none;padding:8px!important;gap:4px!important;touch-action:pan-y}
#exportPreview182>.dialogHead{flex:0 0 32px!important;min-height:32px!important;padding:0 5px!important;position:static!important;cursor:default!important}
#exportPreview182>.dialogHead h2{font-size:15px!important;margin:0!important}
#exportPreview182>.dialogHead button{min-height:28px!important;height:28px!important;padding:2px 6px!important}
body.ui111 #exportPreview182 .exportImage182{flex:1 1 0!important;min-height:120px!important;height:0!important;max-height:none!important;margin:0!important;padding:0!important;border-radius:10px;background:transparent!important}
body.ui111 #exportPreview182 .exportImage182 img{max-height:100%!important;max-width:100%!important;width:auto!important;height:auto!important;object-fit:contain}
#exportPreview182>[data-settings]{flex:0 1 40%;min-height:0;overflow:auto!important;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;padding:2px 4px!important}
#exportPreview182.folded235>[data-settings]{display:none!important}
#exportPreview182>.collapse235{flex:0 0 24px!important;height:24px!important;min-height:24px!important;margin:0 auto!important;padding:2px 10px!important}
#exportPreview182>.exportActions182{position:static!important;flex:0 0 auto!important;min-height:32px!important;margin:0!important;padding:2px!important;gap:6px!important;justify-content:center;flex-wrap:nowrap!important}
#exportPreview182 .exportActions182 :is(button,a){flex:0 1 auto!important;white-space:nowrap;min-width:0;min-height:28px!important;height:auto!important;line-height:1.2!important}
#exportPreview182 [data-settings] .exportThumbs192:empty{display:none!important}