/* PHOTOSMIA 194 · workspace tipo Photoshop, paneles fijos y lienzo central desplazable */
body.pm194-design-layout{overflow:hidden!important}
body.pm194-design-layout .design-intro-head{display:none!important}
body.pm194-design-layout .design-mode-tabs{position:fixed!important;left:0;right:0;top:var(--pm194-tabs-top,68px);z-index:47;margin:0!important;padding:6px 14px!important;background:rgba(238,247,247,.98);border-bottom:1px solid rgba(28,106,124,.15);backdrop-filter:blur(10px)}
body.pm194-design-layout [data-design-panel="layout"]{display:block!important;margin:0!important;padding:0!important}
#designBuilder.p194-editor{position:fixed!important;left:0;right:0;top:var(--pm194-editor-top,116px);bottom:var(--pm194-editor-bottom,0);width:100vw!important;height:auto!important;max-width:none!important;min-height:0!important;border-radius:0!important;overflow:hidden!important;z-index:46;grid-template-rows:auto minmax(0,1fr)!important;background:#eef3f4}
#designBuilder.p194-editor>.design-toolbar{position:relative!important;top:0!important;z-index:30!important;overflow-x:auto!important;overflow-y:hidden!important;flex-wrap:nowrap!important;scrollbar-width:thin}
#designBuilder.p194-editor>.design-browser{position:relative!important;top:0!important;align-self:stretch!important;height:100%!important;max-height:none!important;overflow:auto!important;overscroll-behavior:contain}
#designBuilder.p194-editor>.design-layers-panel{position:relative!important;top:0!important;align-self:stretch!important;height:100%!important;max-height:none!important;overflow:auto!important;overscroll-behavior:contain}
#designBuilder.p194-editor>.design-canvas-shell{height:100%!important;min-height:0!important;max-height:none!important;overflow:hidden!important;display:grid!important;grid-template-rows:auto auto auto minmax(0,1fr) auto!important;align-content:stretch;padding-bottom:8px!important}
#designBuilder.p194-editor .design-stage-head,#designBuilder.p194-editor .p170-zoom-bar,#designBuilder.p194-editor .p169-properties,#designBuilder.p194-editor .p177-canvas-bottom-tools{min-height:0;position:relative;z-index:4;background:#f9fcfc}
#designBuilder.p194-editor .design-canvas-wrap{height:100%!important;min-height:0!important;max-height:none!important;overflow:auto!important;overscroll-behavior:contain!important;scrollbar-gutter:stable both-edges;background:#edf1f2!important}
#designBuilder.p194-editor .p177-canvas-bottom-tools{margin-top:6px!important;overflow-x:auto!important;overflow-y:hidden!important;max-width:100%;scrollbar-width:thin}
#designBuilder.p194-editor .p177-canvas-bottom-tools .p169-probar{flex-wrap:nowrap!important;width:max-content;min-width:100%;margin:0!important}
#designBuilder.p194-editor .pm194-layers-toggle{display:none;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;min-width:82px!important;height:44px;padding:9px 12px;border:0;border-radius:9px;background:#34434d;color:#fff;font-weight:800}
#designBuilder.p194-editor .pm194-layers-toggle span{font-size:18px}

/* En Crear álbum no se deja visible ninguna herramienta de retoque debajo. */
body.pm194-album-open #photoRetouchWorkspace176,
body.pm194-album-open #photoAutoPanel,
body.pm194-album-open .photo-manual-panel,
body.pm194-album-open .photo-stage{display:none!important}
body.pm194-album-open .photo-mode-tabs-176{display:none!important}
body.pm194-album-open #photoAlbumWorkspace176{display:block!important}

@media(max-width:1030px) and (min-width:761px){
  #designBuilder.p194-editor{grid-template-columns:230px minmax(0,1fr) 200px!important}
  #designBuilder.p194-editor>.design-layers-panel{grid-column:3!important;grid-row:2!important;border-left:1px solid var(--p169-line)!important}
}

@media(max-width:760px){
  body.pm194-design-layout .design-mode-tabs{padding:4px 8px!important}
  #designBuilder.p194-editor{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto minmax(0,1fr)!important}
  #designBuilder.p194-editor>.design-toolbar{grid-column:1!important;grid-row:1!important;padding:6px 7px!important;gap:4px!important}
  #designBuilder.p194-editor>.design-toolbar button{min-width:76px!important;height:40px!important;padding:7px 9px!important;font-size:10px!important}
  #designBuilder.p194-editor .pm194-layers-toggle{display:inline-flex!important}
  #designBuilder.p194-editor>.design-canvas-shell{grid-column:1!important;grid-row:2!important;padding:6px!important}
  #designBuilder.p194-editor>.design-browser{display:block!important;position:absolute!important;z-index:40!important;left:0!important;top:52px!important;bottom:0!important;width:min(86vw,350px)!important;height:auto!important;max-height:none!important;border-right:1px solid #c9d9dc!important;border-bottom:0!important;background:#f9fcfc!important;box-shadow:12px 0 30px rgba(11,39,52,.16);transform:translateX(0);transition:transform .18s ease,visibility .18s ease}
  #designBuilder.p194-editor.pm194-browser-collapsed>.design-browser{transform:translateX(-105%)!important;visibility:hidden!important;pointer-events:none!important}
  #designBuilder.p194-editor>.design-layers-panel{display:block!important;position:absolute!important;z-index:41!important;right:0!important;left:auto!important;top:52px!important;bottom:0!important;width:min(82vw,320px)!important;height:auto!important;max-height:none!important;border-left:1px solid #c9d9dc!important;background:#f9fcfc!important;box-shadow:-12px 0 30px rgba(11,39,52,.16);transform:translateX(105%);visibility:hidden;pointer-events:none;transition:transform .18s ease,visibility .18s ease}
  #designBuilder.p194-editor.pm194-layers-open>.design-layers-panel{transform:translateX(0)!important;visibility:visible!important;pointer-events:auto!important}
  #designBuilder.p194-editor #designTemplateRail{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  #designBuilder.p194-editor .design-template-card img{aspect-ratio:4/5;height:auto!important;object-fit:cover!important}
  #designBuilder.p194-editor .design-stage-head{padding:5px 5px 7px!important}
  #designBuilder.p194-editor .p170-zoom-bar{margin:0 0 5px!important;padding:5px 7px!important;flex-wrap:nowrap!important;overflow-x:auto!important}
  #designBuilder.p194-editor .p169-properties{margin:0 0 5px!important;padding:5px!important;max-height:92px!important;overflow:auto!important}
  #designBuilder.p194-editor .design-canvas-wrap{padding:10px!important}
  #designBuilder.p194-editor .p177-canvas-bottom-tools{position:relative!important;margin-top:4px!important;padding-bottom:max(0px,env(safe-area-inset-bottom))}
}

@media(max-width:430px){
  #designBuilder.p194-editor>.design-toolbar button{min-width:70px!important;padding-inline:7px!important}
  #designBuilder.p194-editor>.design-toolbar button b{font-size:9px!important}
  #designBuilder.p194-editor .design-stage-head .p169-head-actions{width:100%;justify-content:flex-start!important;overflow-x:auto;flex-wrap:nowrap!important}
  #designBuilder.p194-editor .p170-zoom-bar input[type=range]{min-width:95px!important;width:110px!important}
}