/* PRODEX Image Studio · aislado por .pis-overlay para no contaminar OMNIA. */
.pis-overlay{--pis-bg:#f6f8fb;--pis-surface:#fff;--pis-text:#172033;--pis-muted:#718096;--pis-border:#dfe5ee;--pis-blue:#2563eb;--pis-soft:#edf3ff;--pis-danger:#b42318;position:fixed;inset:0;z-index:100500;background:rgba(15,23,42,.56);display:grid;place-items:center;padding:18px;color:var(--pis-text);font:13px/1.4 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
/* 4.3.202 — misma escala que el resto del modo noche; antes era más azul y saltaba a la vista al abrir el editor. */
html[data-mode="noche"] .pis-overlay{--pis-bg:#0d1117;--pis-surface:#161b22;--pis-text:#e6edf3;--pis-muted:#8b949e;--pis-border:#30363d;--pis-soft:#21262d;--pis-danger:#ff9b91;background:rgba(0,0,0,.72)}
.pis-overlay *{box-sizing:border-box}.pis-overlay button,.pis-overlay input{font:inherit}.pis-overlay button{border:1px solid var(--pis-border);border-radius:7px;background:var(--pis-surface);color:var(--pis-text);padding:6px 9px;cursor:pointer}.pis-overlay button:hover{background:var(--pis-soft)}.pis-overlay button:focus-visible,.pis-overlay input:focus-visible{outline:2px solid var(--pis-blue);outline-offset:2px}.pis-overlay button:disabled{opacity:.42;cursor:not-allowed}.pis-overlay .pis-primary{background:#172033;color:#fff;border-color:#172033}.pis-overlay .pis-danger{color:var(--pis-danger)}html[data-mode="noche"] .pis-overlay .pis-primary{background:#e6edf3;color:#0d1117;border-color:#e6edf3}
.pis-app{width:min(1540px,calc(100vw - 36px));height:min(920px,calc(100vh - 36px));min-height:620px;background:var(--pis-bg);border:1px solid var(--pis-border);border-radius:13px;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.3);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;position:relative}
.pis-top,.pis-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--pis-surface);padding:11px 16px}.pis-top{border-bottom:1px solid var(--pis-border)}.pis-top>div,.pis-footer>div{display:flex;align-items:center;gap:7px}.pis-top span{display:grid}.pis-top small{font-size:10px;letter-spacing:.06em;color:var(--pis-muted)}.pis-top strong{font-size:16px;font-weight:600}.pis-icon{width:32px;height:32px;padding:0!important;display:grid;place-items:center}.pis-dimension{display:inline-flex!important;padding:4px 8px;border-radius:12px;background:var(--pis-soft);color:var(--pis-blue);font-size:11px}
.pis-modebar{display:flex;gap:8px;padding:9px 16px;background:var(--pis-surface);border-bottom:1px solid var(--pis-border)}.pis-modebar button{min-width:205px;display:flex;align-items:center;gap:8px;text-align:left;padding:8px 11px}.pis-modebar button[aria-pressed="true"]{background:var(--pis-soft);border-color:#a9c4f7;color:#174ea6}.pis-modebar span{display:grid}.pis-modebar strong{font-weight:600}.pis-modebar small{font-size:10px;color:var(--pis-muted)}
.pis-grid{display:grid;grid-template-columns:190px minmax(360px,1fr) 284px;min-height:0}.pis-left,.pis-right{background:var(--pis-surface);padding:14px;overflow:auto}.pis-left{border-right:1px solid var(--pis-border)}.pis-right{border-left:1px solid var(--pis-border)}.pis-left h3{font-size:12px;margin:0 0 9px}.pis-source{width:100%;display:grid!important;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:8px;border:0!important;text-align:left;padding:7px!important;margin-bottom:3px}.pis-source>i{width:30px;height:30px;display:grid;place-items:center;border-radius:7px;background:var(--pis-soft);color:var(--pis-blue)}.pis-source span{min-width:0;display:grid}.pis-source strong{font-size:11px;font-weight:600}.pis-source small{font-size:10px;color:var(--pis-muted);white-space:normal}.pis-layer-head{border-top:1px solid var(--pis-border);margin-top:12px;padding-top:10px;font-size:11px}.pis-layer-head b{display:inline-grid;place-items:center;min-width:18px;height:18px;border-radius:9px;background:var(--pis-soft);font-size:9px}.pis-layer-buttons{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:7px 0}.pis-layer-buttons button{font-size:10px;padding:6px 4px}.pis-layer-list{display:grid;gap:4px}.pis-layer-list button{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;text-align:left;padding:5px}.pis-layer-list button.is-selected{background:var(--pis-soft);border-color:#a9c4f7}.pis-layer-list button b{font-size:9px}.pis-layer-list button span{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pis-layer-order{display:flex;justify-content:flex-end;gap:3px;margin-top:5px}.pis-layer-order button{padding:4px 7px}.pis-help{border-top:1px solid var(--pis-border);padding-top:12px;color:var(--pis-muted);font-size:10px;line-height:1.5}
.pis-center{padding:10px 16px;background:var(--pis-bg);min-width:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto}.pis-center-head,.pis-filebar{display:flex;align-items:center;justify-content:space-between;color:var(--pis-muted);font-size:10px}.pis-center-head>span:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#25a45a;margin-right:6px}.pis-center-head button{border:0;padding:4px 7px;font-size:10px}.pis-center-head button[aria-pressed="true"]{border:1px solid var(--pis-blue);color:var(--pis-blue)}.pis-object-actions{justify-self:center;display:flex;gap:2px;background:var(--pis-surface);border:1px solid var(--pis-border);border-radius:8px;padding:3px;box-shadow:0 5px 15px rgba(0,0,0,.08)}.pis-object-actions button{border:0;font-size:10px}.pis-stage{position:relative;display:grid;place-items:center;min-height:0}.pis-stage.is-drop:after{content:"Suelta la imagen para crear una capa";position:absolute;inset:15%;display:grid;place-items:center;border:2px dashed var(--pis-blue);border-radius:12px;background:var(--pis-soft);color:var(--pis-blue);font-weight:600;z-index:8}.pis-canvas-wrap{position:relative;width:min(100%,570px);aspect-ratio:1;background-color:#fff;background-image:linear-gradient(45deg,#edf0f4 25%,transparent 25%),linear-gradient(-45deg,#edf0f4 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#edf0f4 75%),linear-gradient(-45deg,transparent 75%,#edf0f4 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0;box-shadow:0 5px 20px rgba(15,23,42,.12)}.pis-canvas-wrap canvas{display:block;width:100%;height:100%;touch-action:none}.pis-safe{position:absolute;inset:7%;border:1px dashed rgba(37,99,235,.35);pointer-events:none}.pis-selection{position:absolute;border:2px solid #7047eb;transform-origin:center;pointer-events:none}.pis-selection i{position:absolute;width:11px;height:11px;background:#fff;border:1px solid #7047eb;border-radius:50%;pointer-events:auto}.pis-selection i[data-pis-handle="nw"]{left:-7px;top:-7px;cursor:nwse-resize}.pis-selection i[data-pis-handle="ne"]{right:-7px;top:-7px;cursor:nesw-resize}.pis-selection i[data-pis-handle="sw"]{left:-7px;bottom:-7px;cursor:nesw-resize}.pis-selection i[data-pis-handle="se"]{right:-7px;bottom:-7px;cursor:nwse-resize}.pis-snap{position:absolute;display:none;background:#df3e99;z-index:7;pointer-events:none}.pis-snap.is-visible{display:block}.pis-snap-v{top:0;bottom:0;width:1px}.pis-snap-h{left:0;right:0;height:1px}.pis-snap span{position:absolute;background:#df3e99;color:#fff;font-size:9px;padding:2px 5px;border-radius:4px;white-space:nowrap}.pis-snap-v span{left:5px;top:7px}.pis-snap-h span{left:7px;top:5px}.pis-empty{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:7px;text-align:center;color:var(--pis-muted)}.pis-empty[hidden]{display:none}.pis-empty>i{font-size:28px;color:var(--pis-blue)}.pis-empty strong{color:var(--pis-text)}.pis-empty>span{font-size:10px}.pis-filebar{padding-top:6px}
.pis-panel-head{display:flex;justify-content:space-between;align-items:flex-start}.pis-panel-head>span{display:grid}.pis-panel-head strong{font-size:12px}.pis-panel-head small{color:var(--pis-muted);font-size:10px}.pis-panel-head button{border:0;font-size:10px}.pis-right section{border-top:1px solid var(--pis-border);padding:12px 0}.pis-right section h3{margin:0 0 10px;font-size:11px}.pis-right section h4{margin:12px 0 7px;font-size:10px;color:var(--pis-muted)}.pis-right label{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:10px;color:var(--pis-muted)}.pis-right output{color:var(--pis-text)}.pis-right input[type="range"]{width:100%;accent-color:var(--pis-blue)}.pis-switch{justify-content:flex-start!important;gap:7px;color:var(--pis-text)!important}.pis-switch input{width:auto!important}.pis-tools,.pis-row{display:flex;gap:5px;margin-top:10px}.pis-tools button,.pis-row button{flex:1;font-size:10px}.pis-tools button[aria-pressed="true"]{background:var(--pis-soft);border-color:#a9c4f7;color:#174ea6}.pis-align{display:grid;grid-template-columns:1fr 1fr;gap:4px}.pis-align button{font-size:10px;text-align:left}.pis-size{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px;margin-top:8px}.pis-size span{display:grid;font-size:9px;color:var(--pis-muted)}.pis-size b{color:var(--pis-text)}.pis-crop-panel button{width:100%;margin-top:9px}
.pis-footer{border-top:1px solid var(--pis-border);font-size:10px}.pis-footer>span{color:var(--pis-muted)}.pis-toast{position:absolute;left:50%;bottom:58px;transform:translate(-50%,10px);opacity:0;background:#172033;color:#fff;padding:8px 12px;border-radius:7px;box-shadow:0 8px 24px rgba(0,0,0,.24);pointer-events:none;transition:.18s}.pis-toast.is-visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:1050px){.pis-grid{grid-template-columns:164px minmax(320px,1fr) 250px}.pis-canvas-wrap{width:min(100%,480px)}}
@media(max-width:800px){.pis-app{height:calc(100vh - 20px);width:calc(100vw - 20px)}.pis-grid{grid-template-columns:126px minmax(280px,1fr)}.pis-right{grid-column:1/-1;border-left:0;border-top:1px solid var(--pis-border);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.pis-panel-head{grid-column:1/-1}.pis-center{padding-inline:9px}.pis-help{display:none}}

/* ── Nombre del archivo y estado "subiendo" (r4.3.200) ─────────────────────── */
/* El nombre se edita arriba y es sólo el del ARCHIVO: no toca el del producto. */
.pis-head-name{min-width:0}
.pis-basename{width:min(420px,42vw);min-width:180px;margin-top:1px;padding:4px 8px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--pis-text);font-family:inherit;font-size:15px;font-weight:600;letter-spacing:.01em;text-transform:none}
.pis-basename:hover{border-color:var(--pis-border);background:var(--pis-soft)}
.pis-basename:focus{border-color:var(--pis-blue);background:var(--pis-surface);outline:none}
/* Mientras sube: nada más se puede tocar, ni con doble clic ni con teclado. */
.pis-busy .pis-footer button,.pis-busy .pis-left,.pis-busy .pis-right,.pis-busy .pis-modebar{pointer-events:none;opacity:.55}
.pis-busy [data-pis-action="commit"]{opacity:1}
.pis-busy .pis-stage,.pis-busy [data-pis-stage]{cursor:progress}
.pis-top .pis-name-row{display:flex;align-items:center;gap:2px}
.pis-name-row b{color:var(--pis-muted);font-size:14px;font-weight:600;white-space:nowrap}
/* La cabecera también se bloquea: ahí vive la flecha de cerrar. */
.pis-busy .pis-top button,.pis-busy .pis-top input{pointer-events:none;opacity:.55}