/* Settings belong to the viewport, independently of document pan and zoom. */
.editor-fullpage .properties-panel{
  position:fixed;inset:0 0 auto auto;
  width:min(280px,100vw);max-width:100%;min-width:0;
  height:min(100dvh,var(--editor-keyboard-height,100dvh));max-height:100dvh;
  box-sizing:border-box;overflow-x:hidden;overflow-y:auto;
  overscroll-behavior-x:none;overscroll-behavior-y:contain;
  touch-action:pan-y;-webkit-overflow-scrolling:touch;
  padding-left:max(20px,env(safe-area-inset-left,0px));
  padding-right:max(20px,env(safe-area-inset-right,0px));
  overflow-wrap:anywhere;
}
.properties-panel>*,.properties-panel :is(details,.property-section,.layers-list,.layer,.profile-options,.pi-details-body,.pi-form,.pi-template-actions){min-width:0;max-width:100%}
.properties-panel :is(button,select,input,textarea){min-width:0;max-width:100%;box-sizing:border-box}
.properties-panel button{white-space:normal;overflow-wrap:anywhere}
.properties-panel>.btn{width:100%;height:auto;min-height:44px;padding:10px 12px;line-height:1.4;text-align:center}
.properties-panel :is(.icon-btn,.small-icon,.switch,.icon){flex-shrink:0}
.properties-panel :is(.panel-heading,.pi-heading,.pi-template-heading,.pi-row-heading,.range-label,.switch-row)>span:first-child{min-width:0}
.properties-panel :is(.pi-range output,.range-label output){flex-shrink:0;white-space:nowrap}
.properties-panel .pi-template-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
.properties-panel .layer-select{flex:1 1 0;min-width:0}
.properties-panel .layer-select span{min-width:0;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.properties-panel .background-layer>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.properties-panel .pi-templates{overflow-x:hidden;overflow-y:auto;overscroll-behavior-x:none}
/* Sliders own their drag; the panel still scrolls vertically from other controls. */
.properties-panel input[type=range]{touch-action:none}
@media(max-width:420px){.properties-panel .pi-template-actions{grid-template-columns:minmax(0,1fr)}}

.pen-preview{height:120px;padding:4px 10px}
.pen-preview canvas{display:block;width:100%;height:96px;pointer-events:none}
.editor-fullpage .properties-backdrop{pointer-events:none}