/* Espacio de trabajo de Tiza Designer. Solo actúa con html.es, que pone espacio.js; sin él queda la interfaz anterior.
   Marca Tiza: Archivo, negro, magenta y líneas de 1 px, sin sombras ni degradados. Tokens del tema claro: los de src/styles/tema-claro.css. */
:root[data-theme="light"]{
  --bg:#ffffff;--panel:#ffffff;--paper:#ffffff;--ink:#1f1e1b;--muted:#57554f;--line:#e2e2e5;--ctl:#85827a;--strong:#0e0e0c;--grid:#f4f4f5;
  --accent:#9c1f8e;--accent-ink:#ffffff;--btn:#921b84;--btn-h:#7a1570;--soft:#f4f4f5;--err:#b3261e;--warn:#876500;--ok:#0f7a45;
  --kv-ht:#921b84;--kv-mt1:#b4500f;--kv-mt2:#0b6f94;--kv-lv:#1f7a3a;--kv-none:#3c3b38;color-scheme:light;
}
/* Controls and type as in the site (global.css, tablero.css): square corners, 1 px lines, one family, amber focus ring. */
*,*::before,*::after{border-radius:0!important}
html{background:var(--bg)}
body{font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}
button{border-color:var(--ctl);transition:border-color .15s,color .15s}
button:hover:not(:disabled):not(.primary):not([aria-pressed="true"]){border-color:var(--strong);color:var(--strong)}
input,select,textarea{background:var(--bg);border-color:var(--ctl)}
a{color:var(--accent);text-underline-offset:3px}
:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--warn);outline-offset:2px}
dialog{border-color:var(--ctl)}dialog h3{color:var(--strong);font-weight:600}
::selection{background:var(--btn);color:#fff}
/* Inside the site page the name is the page's own title, and the frame's full-screen button sits at the end of this bar. */
html.incrustado .es-marca{display:none}
html.incrustado:not(.en-completa) .es-top{padding-right:32px}
@media (max-width:900px){html.incrustado .es-menus{flex:1 1 100%}html.incrustado:not(.en-completa) .es-top{padding-right:36px}html.es #stage #zoom{bottom:34px}}
html.es body{margin:0}
html.es #app{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;height:100%;font-size:13px}
html.es .es-oculto[hidden]{display:none}

/* Barra superior */
.es-top{display:flex;align-items:stretch;height:32px;background:var(--panel);border-bottom:1px solid var(--line);min-width:0}
.es-marca{display:flex;align-items:center;gap:6px;padding:0 12px 0 10px;font-weight:700;font-stretch:112%;font-size:13px;color:var(--strong);white-space:nowrap;border-left:4px solid var(--btn);border-right:1px solid var(--line)}
.es-marca small{font:500 10px var(--mono);color:var(--muted)}
.es-menus{display:flex;align-items:stretch;overflow-x:auto;scrollbar-width:none;flex:0 1 auto;min-width:0}
.es-menus button{border:0;border-radius:0;min-height:0;padding:0 9px;font-size:13px;white-space:nowrap}
.es-menus button:hover,.es-menus button.abierto{background:var(--soft)}
.es-menus button.abierto{box-shadow:inset 0 -2px 0 var(--accent)}
.es-tit{flex:1 1 auto;min-width:0;align-self:center;padding:0 12px;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
.es-der{display:flex;align-items:center;gap:6px;padding:0 8px;min-width:0}
html.es .es-der .search{flex:0 1 200px;min-width:140px;width:200px}
html.es .es-der #q{min-height:24px;height:24px;padding:2px 8px;font-size:12px;border-radius:0}
html.es .es-der .badge{padding:2px 6px;font-size:11px;border-radius:0}
html.es #results{border-radius:0;z-index:60}html.es #results button{min-height:28px;font-size:12px}

/* Cinta */
.es-cinta{display:flex;align-items:stretch;background:var(--panel);border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:thin;height:66px}
.es-cinta[hidden]{display:none}
.es-grupo{display:flex;flex-direction:column;border-right:1px solid var(--line);flex:0 0 auto}
.es-gb{display:flex;flex:1;padding:3px 3px 0;gap:0}
.es-gt{font-size:10.5px;line-height:13px;color:var(--muted);text-align:center;padding-bottom:2px}
.es-rb{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:36px;min-height:0;padding:2px 3px;border:1px solid transparent;border-radius:0;background:none;font-size:11px;line-height:12px}
.es-grupo[data-g=proyecto]{--gc:#1b7fd1}.es-grupo[data-g=edicion]{--gc:#6b7280}.es-grupo[data-g=pagina]{--gc:#2a9d57}.es-grupo[data-g=potencia]{--gc:#e0552f}.es-grupo[data-g=control]{--gc:#0f9d94}.es-grupo[data-g=vista]{--gc:#1b7fd1}.es-grupo[data-g=secundaria]{--gc:#8a56d6}.es-grupo[data-g=revision]{--gc:#c48a00}.es-grupo[data-g=utilidades]{--gc:#2a9d57}
.es-rb svg{width:22px;height:22px;fill:none;stroke:var(--gc,currentColor);stroke-width:1.5;stroke-linecap:square;stroke-linejoin:miter}
.es-rb span{white-space:nowrap}
.es-rb:hover{background:var(--soft)}
.es-rb[aria-pressed="true"]{border-color:var(--accent);color:var(--accent);background:var(--soft)}
.es-rb:disabled{opacity:.38}

/* Área de trabajo */
.es-work{display:grid;grid-template-columns:var(--es-l,290px) 4px minmax(0,1fr) 4px var(--es-r,300px);min-height:0;min-width:0;background:var(--line)}
.es-work.sin-left{grid-template-columns:0 0 minmax(0,1fr) 4px var(--es-r,300px)}
.es-work.sin-right{grid-template-columns:var(--es-l,290px) 4px minmax(0,1fr) 0 0}
.es-work.sin-left.sin-right{grid-template-columns:0 0 minmax(0,1fr) 0 0}
.es-work.sin-left .es-sl,.es-work.sin-right .es-sr,.es-work.sin-bottom .es-sb{display:none}
.es-split{background:var(--panel);min-width:0;min-height:0;touch-action:none}
.es-sl,.es-sr{cursor:col-resize;border-left:1px solid var(--line);border-right:1px solid var(--line)}
.es-sb{cursor:row-resize;height:4px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.es-split:hover{background:var(--accent)}
.es-centro{display:grid;grid-template-rows:30px minmax(0,1fr) auto auto;min-width:0;min-height:0;background:var(--paper)}
.es-lienzo{position:relative;min-height:0;min-width:0}
html.es #stage{position:absolute;inset:0}
html.es #zoom{right:8px;bottom:8px;gap:0}
html.es #zoom button{min-height:26px;padding:2px 8px;font-size:12px;border-radius:0;margin-left:-1px}

@media (min-width:901px){html.es #zoom{display:none}}

/* Hojas abiertas */
.es-hojas{display:flex;align-items:stretch;background:var(--bg);border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.es-hoja{display:flex;align-items:stretch;flex:0 0 auto;max-width:260px;border-right:1px solid var(--line);color:var(--muted)}
.es-hoja button{border:0;border-radius:0;min-height:0;padding:0}
.es-htit{display:block;padding:0 10px!important;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:232px}
.es-htit b{font:600 11px var(--mono);margin-right:6px}
.es-hx{width:22px;color:var(--muted);font-size:14px}
.es-hx:hover{color:var(--err)}
.es-hoja:hover{background:var(--soft)}
.es-hoja.on{background:var(--paper);color:var(--ink);box-shadow:inset 0 2px 0 var(--accent);margin-bottom:-1px}
.es-hoja.on .es-htit b{color:var(--accent)}
.es-hmas{border:0;border-radius:0;min-height:0;padding:0 12px;font-size:16px;color:var(--muted)}

/* Paneles acoplados */
.es-dock{display:grid;min-width:0;min-height:0;background:var(--panel);overflow:hidden;position:relative}
.es-dock[hidden]{display:none}
.es-dock.destino::after{content:"";position:absolute;inset:0;border:2px solid var(--accent);pointer-events:none}
.es-right,.es-bottom{grid-template-rows:27px minmax(0,1fr)}
.es-left{grid-template-columns:26px minmax(0,1fr)}
.es-bottom{height:var(--es-b,190px)}
.es-dtabs{display:flex;background:var(--bg);overflow:auto;scrollbar-width:none;border-bottom:1px solid var(--line)}
.es-left .es-dtabs{flex-direction:column;border-bottom:0;border-right:1px solid var(--line)}
.es-dtab{border:0;border-radius:0;min-height:0;padding:0 10px;font-size:12px;color:var(--muted);white-space:nowrap;display:flex;align-items:center;gap:6px;touch-action:none}
.es-left .es-dtab{writing-mode:vertical-rl;transform:rotate(180deg);padding:10px 0;width:26px;justify-content:center;flex:0 0 auto}
.es-dtab:hover{background:var(--soft)}
.es-dtab[aria-selected="true"]{background:var(--panel);color:var(--ink);font-weight:600;box-shadow:inset 0 2px 0 var(--accent)}
.es-left .es-dtab[aria-selected="true"]{box-shadow:inset 0 -2px 0 var(--accent)}
.es-left .es-dtab[aria-selected="true"]{box-shadow:inset -2px 0 0 var(--accent)}
.es-cuenta{font:600 10px var(--mono);color:var(--warn)}.es-cuenta.e{color:var(--err)}
.es-dbody{min-height:0;min-width:0;overflow:hidden;display:grid}
.es-panel{min-height:0;min-width:0;display:flex;flex-direction:column;container-type:inline-size}
.es-panel[hidden]{display:none}
.es-pbar{display:flex;gap:4px;padding:4px;border-bottom:1px solid var(--line);flex:0 0 auto}
html.es .es-pbar input,html.es .es-pbar select{min-height:24px;height:24px;padding:1px 6px;font-size:12px;border-radius:0;min-width:0}
html.es .es-pbar select{flex:0 0 132px;width:132px}
.es-pbody{flex:1 1 auto;min-height:0;overflow:auto;font-size:12.5px}
.es-p-simbolos .es-pbody{display:flex;flex-direction:column;overflow:hidden}
.es-sbody{flex:1;min-height:0;overflow:auto;padding:6px}
.es-p-props .es-pbody{padding:10px}
.es-nota{color:var(--muted);margin:0;padding:10px;font-size:12px}.es-okk{color:var(--ok)}

/* Árbol */
.es-row{display:flex;align-items:center;gap:4px;height:23px;padding:0 6px 0 calc(var(--n,0)*13px + 4px);cursor:default;white-space:nowrap}
.es-row:hover{background:var(--soft)}
.es-caret{flex:0 0 10px;height:10px;position:relative}
.es-row.rama .es-caret::before{content:"";position:absolute;left:2px;top:1px;border-left:5px solid var(--muted);border-top:4px solid transparent;border-bottom:4px solid transparent}
.es-row.rama[aria-expanded="true"] .es-caret::before{transform:rotate(90deg)}
.es-mark{font:600 11px var(--mono);color:var(--accent);min-width:30px}
.es-lab{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
.es-row.rama .es-lab{font-weight:600}
.es-row small{font:11px var(--mono);color:var(--muted)}
.es-bad{font:600 10px var(--mono);color:#fff;background:var(--err);padding:0 4px}
.es-row.on-pag{background:var(--soft);box-shadow:inset 2px 0 0 var(--accent)}
.es-row.on-sel,.es-t tr.on-sel td{background:var(--soft);color:var(--accent)}
.es-p-dispositivos .es-lab{font-family:var(--mono);font-size:12px}

/* Tablas */
.es-t{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}
.es-t th{position:sticky;top:0;z-index:1;background:var(--panel);text-align:left;font-weight:600;color:var(--muted);padding:3px 6px;border-bottom:1px solid var(--line);font-size:11.5px}
html.es .es-t td{padding:3px 6px;border-bottom:1px solid var(--line);text-align:left;font-family:var(--sans)}
.es-t tbody tr:hover td{background:var(--soft)}
.es-t tr[data-go]{cursor:default}
@container (max-width:420px){.es-t .low{display:none}}
.es-sevb{font:600 11px var(--mono);color:var(--warn)}.es-sevb.e{color:var(--err)}
.es-det{color:var(--muted);width:100%;max-width:0;min-width:260px;overflow:hidden;text-overflow:ellipsis}
html.es .es-msg button{min-height:20px;padding:0 6px;font-size:11px;border-radius:0;white-space:nowrap}
.es-msg tr[data-msg]:focus{outline:none}.es-msg tr[data-msg]:focus-visible td{background:var(--soft)}

/* Símbolos y propiedades */
html.es .palette{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:0}
html.es .palette button{border-radius:0;font-size:11px;min-height:0;padding:5px 2px;margin:0 -1px -1px 0}
html.es .palette button[hidden],html.es .palette h2[hidden]{display:none}
html.es .palette canvas{width:34px;height:34px}
html.es .palette h2.pg{margin:8px 0 4px;font-size:12px}.es-sbody #nt{margin-top:10px;min-height:26px;border-radius:0;font-size:12px}
.es-p-props .field{margin-bottom:6px}
.es-p-props .field label{font-size:11.5px}
html.es .es-p-props input,html.es .es-p-props select{min-height:26px;padding:2px 6px;font-size:12.5px;border-radius:0}
html.es .es-p-props button{min-height:26px;padding:2px 8px;font-size:12px;border-radius:0}
.es-niveles{margin-top:14px;padding-top:10px;border-top:1px solid var(--line)}
html.es .es-niveles h2{font-size:12px;color:var(--muted)}

/* Barra de estado */
html.es footer{display:flex;align-items:center;flex-wrap:nowrap;gap:0;height:24px;padding:0;font:11px var(--mono);overflow:hidden;white-space:nowrap}
html.es footer>span{padding:0 8px;border-right:1px solid var(--line);line-height:24px;flex:0 0 auto}
html.es footer>span.es-paso{flex:1 1 200px;min-width:80px;overflow:hidden;text-overflow:ellipsis;font-family:var(--sans);font-size:11.5px}
html.es #hint{position:static;background:none;border:0;padding:0;max-width:none;display:inline;font-size:inherit}
html.es #hint.flash{animation:es-flash 1.2s linear 1}
@keyframes es-flash{0%,50%{color:var(--accent)}100%{color:var(--muted)}}
.es-modo{background:var(--btn);color:#fff;font-weight:600;min-width:74px;text-align:center}
.es-modo.vivo{background:#f5c400;color:#0e0e0c}
html.es footer .es-dev{display:none}
html.es footer .es-beta{margin-left:auto;color:var(--warn);border-right:0;border-left:1px solid var(--line)}
@media (max-width:1280px){html.es footer .es-beta{display:none}}
@media (prefers-reduced-motion:reduce){html.es #hint.flash{animation:none}}

/* Menús */
.es-capa{position:fixed;inset:0;z-index:80;pointer-events:none}
.es-menu{position:fixed;pointer-events:auto;min-width:230px;max-width:min(380px,calc(100vw - 8px));max-height:calc(100vh - 8px);overflow:auto;background:var(--panel);border:1px solid var(--ctl);padding:3px 0;font-size:13px}
.es-menu hr{border:0;border-top:1px solid var(--line);margin:3px 0}
.es-menu button{display:flex;align-items:center;gap:6px;width:100%;min-height:26px;border:0;border-radius:0;padding:0 10px 0 4px;text-align:left}
.es-menu button:hover:not(:disabled),.es-menu button.abierto,.es-menu button:focus-visible{background:var(--btn);color:#fff;outline:none}
.es-menu button:hover:not(:disabled) kbd,.es-menu button.abierto kbd,.es-menu button:focus-visible kbd{color:#fff}
.es-mc{flex:0 0 16px;text-align:center;font-size:12px}
[aria-checked="true"]>.es-mc::before{content:"✓"}
[role="menuitemradio"][aria-checked="true"]>.es-mc::before{content:"•"}
.es-ml{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.es-menu kbd,.es-paleta kbd{font:11px var(--mono);color:var(--muted);margin-left:16px}
.es-flecha{border-left:5px solid currentColor;border-top:4px solid transparent;border-bottom:4px solid transparent;margin-left:12px}
.es-fantasma{position:fixed;z-index:90;background:var(--btn);color:#fff;padding:2px 8px;font-size:12px;pointer-events:none}
.es-fantasma[hidden]{display:none}

/* Buscador de comandos */
dialog.es-paleta{padding:0;top:12vh;margin:0 auto;bottom:auto;width:min(560px,calc(100vw - 24px));border-radius:0}
.es-paleta input{border:0;border-bottom:1px solid var(--line);border-radius:0;min-height:38px;padding:6px 10px}
.es-pr{max-height:50vh;overflow:auto}
.es-pr button{display:flex;align-items:center;gap:10px;width:100%;border:0;border-radius:0;min-height:30px;padding:2px 10px;text-align:left}
.es-pr button span{flex:1}.es-pr small{color:var(--muted)}
.es-pr button.on,.es-pr button:hover{background:var(--soft)}

/* Teléfono y tableta: el lienzo primero y los paneles debajo, como la interfaz anterior; los menús siguen completos */
@media (max-width:900px){
  html.es,html.es body{height:auto}
  html.es #app{display:flex;flex-direction:column;height:auto;min-height:100%}
  .es-top{height:auto;flex-wrap:wrap}
  .es-marca small,.es-tit{display:none}
  .es-marca{height:36px}
  .es-menus{flex:1 1 0;order:0}
  .es-menus button{min-height:36px;padding:0 10px}
  .es-der{order:2;flex:1 1 100%;padding:4px 8px;border-top:1px solid var(--line)}
  html.es .es-der .search{flex:1 1 auto;width:auto;max-width:none}
  html.es .es-der #q{min-height:34px;height:34px;font-size:16px}
  .es-cinta{height:62px}
  .es-work{display:flex;flex-direction:column;background:var(--panel)}
  .es-split{display:none}
  .es-centro{order:-1;display:flex;flex-direction:column}
  .es-hojas{flex:0 0 36px}
  .es-hoja button{min-height:36px}
  .es-lienzo{height:62vh}
  .es-dock{border-top:1px solid var(--line)}
  .es-left{grid-template-columns:minmax(0,1fr);grid-template-rows:36px minmax(0,1fr)}
  .es-left .es-dtabs{flex-direction:row;border-right:0;border-bottom:1px solid var(--line)}
  .es-left .es-dtab{writing-mode:horizontal-tb;transform:none;padding:0 10px;width:auto}
  .es-left .es-dtab[aria-selected="true"]{box-shadow:inset 0 2px 0 var(--accent)}
  .es-right,.es-bottom{grid-template-rows:36px minmax(0,1fr)}
  .es-bottom{height:auto}
  .es-dtab{min-height:36px;font-size:13px}
  .es-dbody{max-height:360px}
  .es-pbody{min-height:160px}
  .es-row{height:36px}
  html.es .es-pbar input,html.es .es-pbar select{min-height:34px;height:34px;font-size:16px}
  html.es .es-p-props input,html.es .es-p-props select{min-height:34px;font-size:16px}
  .es-menu button{min-height:38px}
  html.es footer{height:auto;flex-wrap:wrap;overflow:visible}
  html.es footer>span{line-height:22px;border-right:0}
  html.es footer>span.es-paso{flex:1 1 100%;order:9}
}