/* Prism 19.1: figures, focus-visible controls and ultra-small screens. */
.prism-shape-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
.prism-shape-grid button{display:flex;gap:7px;align-items:center;justify-content:flex-start;min-width:0;min-height:41px;padding:9px 10px;border:1px solid #61517e;border-radius:11px;color:#f2eafe;background:#29223f;font-size:12px;line-height:1.3;cursor:pointer;white-space:normal;text-align:left}
.prism-shape-grid button:hover,.prism-shape-grid button:focus-visible{border-color:#b8a2ff;background:#423361}
.prism-shape-grid button svg{flex:0 0 16px;width:16px;height:16px;color:#ab96ff}
.prism-shape-popover{position:fixed;z-index:1001;width:min(290px,calc(100vw - 16px));max-height:min(520px,75dvh);overflow-y:auto;background:#1e1933;color:white;padding:14px;border:1px solid #9178c8;border-radius:17px;box-shadow:0 20px 55px #000c}
.prism-shape-popover[hidden]{display:none!important}
.prism-shape-popover-header{display:flex;align-items:center;justify-content:space-between;gap:10px}
.prism-shape-popover-header strong{font-size:15px}
.prism-shape-popover-header button{min-width:35px;min-height:35px;border-radius:9px;border:1px solid #77629c;background:#30264a;color:#fff;font-size:20px}
.prism-shape-popover p{font-size:12px;line-height:1.55;color:#c8bcdc}
.prism-shape-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.prism-shape-options button{font-size:12px;text-align:left;border:1px solid #675486;border-radius:10px;background:#302645;color:#f7edff;padding:11px 10px;min-width:0;cursor:pointer}
.prism-shape-options button:hover{border-color:#bb9efa;background:#47335f}
#prismShapeTool.active{border-color:#bb9efa}
body:has(.app .work) .prism-theme-control{pointer-events:auto}
/* Small Android / Galaxy S23 FE / narrow browsers: usable tool areas and safe margins. */
@media(max-width:820px){
 body{overflow-x:clip!important}
 .app,.app>.top,.app .work,.body-wrap,.topbar,.community-layout,.community-header{max-width:100%!important;min-width:0!important}
 .app .top{padding-left:max(7px,env(safe-area-inset-left))!important;padding-right:max(7px,env(safe-area-inset-right))!important}
 .app .work .stage,.app .work .viewport,.app .work .canvas-holder{min-width:0!important}
 .app .work .sidebar{overscroll-behavior:contain;max-width:min(355px,calc(100vw - 14px))!important}
 .app .sidebar.left .section,.app .sidebar.right .section{max-width:100%;min-width:0}
 .app .sidebar .bgrid>*{min-width:0}
 .prism-shape-popover{box-shadow:0 15px 45px #000d}
 .body-wrap .side-panel{max-width:calc(100vw - 14px)!important}
 .prism-mobile-photo-actions{min-width:0!important;max-width:100%!important;overflow-x:auto!important;scrollbar-width:none}
 .prism-mobile-photo-actions button{min-width:0!important}
 dialog[open],#prismHelp[open],#helpDialog[open]{max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 22px)!important}
}
@media(max-width:400px){
 .app .brand small{display:none!important}
 .app .top{column-gap:5px!important}
 .app .top .brand{min-width:0!important}
 .app .top .ghost{padding-inline:7px!important}
 .app .work .tools{gap:5px!important;padding-inline:4px!important}
 .app .work .tools .tool{min-width:45px!important;max-width:55px!important;flex:0 0 49px!important}
 .app .sidebar .section{padding:10px!important}
 .app .stagebar{min-width:0!important;padding-inline:7px!important;gap:5px!important}
 .app .stagebar .caps{display:none!important}
 .app .stagebar #docName{font-size:11px!important;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .app .stagebar button{font-size:11px!important}
 .community-header .brand small{display:none!important}
 .community-layout{padding-inline:7px!important}
 .community-layout .postcard{max-width:100%!important;min-width:0!important}
 .community-header nav{max-width:100%!important}
}
@media(max-width:325px){
 .app .top .brand b{font-size:10px!important}
 .prism-mobile-photo-actions button{padding-inline:5px!important;font-size:10px!important}
 .prism-mobile-photo-actions svg{width:14px;height:14px}
 .prism-shape-grid{gap:5px}
 .prism-shape-grid button{padding:7px 6px;font-size:11px}
 .prism-shape-options button{padding:9px 7px}
}
@media(orientation:landscape) and (max-height:450px) and (max-width:920px){
 .prism-shape-popover{max-height:calc(100dvh - 24px)}
 body:has(.app .work) .prism-theme-control{bottom:65px!important}
 #prismHelp.vlt-help-dialog,#helpDialog.vlt-help-dialog{max-height:calc(100dvh - 16px)!important}
}