:root{--fondo:#eef0f4;--panel:#fff;--tinta:#1b2130;--apagado:#5e6678;--linea:#d5d9e2;--acento:#b9770e;--acento-tinta:#fff;--acento-suave:#f6e7c8;--sel:#2b6fd6;--peligro:#c0392b;--ok:#2e7d4f;--aviso:#a86a00;--cuadro-a:#e4e7ee;--cuadro-b:#f6f7fa;--grilla:#2b6fd659;--otra:#5e6678b3;--f-titulo:"Pixelify Sans", ui-monospace, monospace;--f-texto:"Chivo", system-ui, -apple-system, "Segoe UI", sans-serif;--f-mono:"JetBrains Mono", ui-monospace, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--fondo:#12151c;--panel:#1b2029;--tinta:#e6e9f0;--apagado:#98a1b3;--linea:#2d3441;--acento:#e2a43a;--acento-tinta:#1a1306;--acento-suave:#3a2d14;--sel:#6aa3ff;--peligro:#ff7a6b;--ok:#5fcf8a;--aviso:#f0b44c;--cuadro-a:#232934;--cuadro-b:#2b3240;--grilla:#6aa3ff59;--otra:#98a1b3b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--fondo);color:var(--tinta);margin:0}body{font-family:var(--f-texto);padding:14px max(16px, env(safe-area-inset-right,0px)) 28px max(16px, env(safe-area-inset-left,0px));font-size:14px;line-height:1.45}h1{font-family:var(--f-titulo);letter-spacing:.02em;margin:0;font-size:22px;font-weight:600}h2{font-family:var(--f-titulo);letter-spacing:.04em;text-transform:uppercase;color:var(--apagado);margin:0;font-size:15px;font-weight:500}kbd{font-family:var(--f-mono);border:1px solid var(--linea);border-bottom-width:2px;border-radius:3px;padding:0 4px;font-size:11px}.top{flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:12px;display:flex}.top .sub{color:var(--apagado);flex:220px;min-width:0;font-size:13px}.layout{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:14px;display:grid}@media (max-width:900px){.layout{grid-template-columns:minmax(0,1fr)}}.olayout{grid-template-columns:270px minmax(0,1fr) 340px;align-items:start;gap:14px;display:grid}@media (max-width:1200px){.olayout{grid-template-columns:250px minmax(0,1fr)}.olayout>.side{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));display:grid}}@media (max-width:760px){.olayout{grid-template-columns:minmax(0,1fr)}}.panel{background:var(--panel);border:1px solid var(--linea);border-radius:8px;flex-direction:column;gap:10px;min-width:0;padding:12px;display:flex}.side{flex-direction:column;gap:14px;min-width:0;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row.between{justify-content:space-between}.col{flex-direction:column;gap:8px;margin-top:8px;display:flex}label.f{color:var(--apagado);text-transform:uppercase;letter-spacing:.06em;flex-direction:column;gap:2px;font-size:11px;display:flex}input[type=number],input[type=text],input[type=search],select,textarea{font-family:var(--f-mono);color:var(--tinta);background:var(--fondo);border:1px solid var(--linea);border-radius:5px;min-width:0;padding:5px 6px;font-size:13px}input[type=number]{width:64px}input[type=search]{font-family:var(--f-texto)}.check-grande{width:18px;height:18px;margin:6px 0}:focus-visible{outline:2px solid var(--sel);outline-offset:1px}button,.btn{font-family:var(--f-texto);color:var(--tinta);background:var(--fondo);border:1px solid var(--linea);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:600;display:inline-flex}button:hover,.btn:hover{border-color:var(--apagado)}button.primary,.btn.primary{background:var(--acento);color:var(--acento-tinta);border-color:var(--acento)}button.danger,.btn.danger{color:var(--peligro)}button.on{background:var(--acento-suave);border-color:var(--acento)}button:disabled{opacity:.45;cursor:default}.btn.off{opacity:.45;pointer-events:none}.btn input{display:none}.btn:focus-within{outline:2px solid var(--sel);outline-offset:1px}.abajo{align-self:flex-end}.seg{border:1px solid var(--linea);border-radius:6px;display:inline-flex;overflow:hidden}.seg button,.seg a{border:0;border-radius:0}.seg>*+*{border-left:1px solid var(--linea)!important}.tabs a{font-family:var(--f-titulo);color:var(--tinta);background:var(--fondo);padding:6px 14px;font-size:15px;font-weight:500;text-decoration:none}.tabs a[aria-current=page]{background:var(--acento);color:var(--acento-tinta)}.chk{color:var(--tinta);align-self:flex-end;gap:6px;padding-bottom:5px;font-size:13px}.chk.sin-pad{align-self:center;padding:0}.etiqueta-chica{color:var(--apagado);gap:6px;font-size:12px}.etiqueta-chica input[type=range]{width:90px}.status{font-family:var(--f-mono);color:var(--apagado);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 14px;font-size:12px;display:flex}.hint{color:var(--apagado);margin:0;font-size:12px}.hint.aviso{color:var(--aviso)}.tag{font-family:var(--f-mono);background:var(--acento-suave);color:var(--tinta);border-radius:4px;padding:2px 6px;font-size:11px}.empty{color:var(--apagado);text-align:center;border:1px dashed var(--linea);border-radius:6px;padding:14px;font-size:13px}.empty.grande{padding:48px 16px;font-size:15px}details summary{cursor:pointer;color:var(--apagado);font-size:13px}textarea.json{resize:vertical;white-space:pre;width:100%;min-height:200px;font-size:12px;overflow:auto}textarea.json.corto{min-height:90px}.checker{background-color:var(--cuadro-b);background-image:linear-gradient(45deg, var(--cuadro-a) 25%, transparent 25%, transparent 75%, var(--cuadro-a) 75%), linear-gradient(45deg, var(--cuadro-a) 25%, transparent 25%, transparent 75%, var(--cuadro-a) 75%);background-position:0 0,8px 8px;background-size:16px 16px}canvas.pixel,.preview-wrap canvas{image-rendering:pixelated;max-width:100%;display:block}.toast{left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));background:var(--tinta);color:var(--fondo);opacity:0;pointer-events:none;z-index:60;border-radius:6px;max-width:calc(100% - 32px);padding:8px 14px;font-size:13px;transition:opacity .2s;position:fixed;transform:translate(-50%)}.toast.show{opacity:1}@media (prefers-reduced-motion:reduce){.toast{transition:none}}.puntos{flex:none;gap:3px;display:inline-flex}.puntos i{background:var(--acento);width:5px;height:5px;animation:.9s step-end infinite titilar}.puntos i:nth-child(2){animation-delay:.15s}.puntos i:nth-child(3){animation-delay:.3s}@keyframes titilar{0%,45%{opacity:1}46%,to{opacity:.2}}@media (prefers-reduced-motion:reduce){.puntos i{opacity:.55;animation:none}}.cargando{color:var(--apagado);align-items:center;gap:8px;margin:0;font-size:12px;display:flex}.cargando.bloque{border:1px dashed var(--linea);border-radius:6px;justify-content:center;padding:24px 14px;font-size:13px}.cargando.flotante{right:max(16px, env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:61;color:var(--tinta);background:var(--panel);border:1px solid var(--acento);pointer-events:none;border-radius:6px;max-width:calc(100% - 32px);padding:7px 12px;font-size:13px;position:fixed;box-shadow:0 6px 18px #0000002e}.sheets{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.sheets .lbl{text-transform:uppercase;letter-spacing:.06em;color:var(--apagado);font-size:11px}.sheet-tabs{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.stab{font-family:var(--f-mono);padding:4px 8px 4px 4px;font-size:12px;font-weight:400}.stab canvas{width:22px;height:22px;image-rendering:pixelated;background:var(--fondo);border-radius:3px}.stab .n{opacity:.6}.stab .tg{font-family:var(--f-texto);background:var(--acento-suave);border-radius:3px;padding:0 4px;font-size:10px}.guardado{color:var(--apagado);margin-left:auto;font-size:12px}.guardado.guardando{color:var(--aviso)}.guardado.error{color:var(--peligro)}.lienzo{border:1px solid var(--linea);border-radius:6px;min-height:200px;max-height:68vh;position:relative;overflow:auto}.lienzo canvas{image-rendering:pixelated;touch-action:none;display:block}.lienzo .sin-imagen,.lienzo .soltar{text-align:center;pointer-events:none;color:var(--apagado);justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.lienzo .soltar{background:color-mix(in srgb, var(--acento) 22%, transparent);font-family:var(--f-titulo);color:var(--tinta);font-size:20px}.resize{border:1px solid var(--linea);border-radius:6px;padding:8px 10px}.resize[open]{background:color-mix(in srgb, var(--acento-suave) 45%, transparent);border-color:var(--acento)}.resize summary{color:var(--tinta);font-weight:600}.resize summary .status{margin-left:6px;font-weight:400;display:inline}.resize-body{flex-direction:column;gap:10px;margin-top:10px;display:flex}.anims{flex-wrap:wrap;gap:6px;display:flex}.anims button{font-family:var(--f-mono);font-size:12px;font-weight:400}.anims button .n{opacity:.6}.preview-wrap{border:1px solid var(--linea);border-radius:6px;justify-content:center;align-items:center;min-height:150px;padding:10px;display:flex;overflow:auto}.frames{flex-direction:column;gap:4px;max-height:360px;padding-right:2px;display:flex;overflow:auto}.fr{cursor:pointer;border:1px solid #0000;border-radius:6px;grid-template-columns:22px 40px minmax(0,1fr) auto;align-items:center;gap:6px;padding:4px;display:grid}.fr:hover{background:var(--fondo)}.fr.sel{border-color:var(--sel);background:color-mix(in srgb, var(--sel) 8%, transparent)}.fr.playing .idx{background:var(--acento);color:var(--acento-tinta)}.fr .idx{font-family:var(--f-mono);text-align:center;background:var(--fondo);font-variant-numeric:tabular-nums;border-radius:4px;padding:2px 0;font-size:11px}.fr canvas{width:40px;height:40px;image-rendering:pixelated;border-radius:4px}.fr .nums{flex-wrap:wrap;gap:3px;display:flex}.fr .nums input{width:50px;padding:3px 4px;font-size:12px}.fr .acts{gap:2px;display:flex}.fr .acts button{padding:3px 6px;font-size:12px;font-weight:400}.olist-items{flex-direction:column;gap:2px;max-height:70vh;display:flex;overflow:auto}.oitem{text-align:left;white-space:normal;background:0 0;border:1px solid #0000;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:8px;width:100%;padding:5px;font-weight:400;display:grid}.oitem:hover{background:var(--fondo);border-color:var(--linea)}.oitem.on{border-color:var(--sel);background:color-mix(in srgb, var(--sel) 8%, transparent)}.oitem canvas{width:36px;height:36px;image-rendering:pixelated;border-radius:4px}.oitem .nm{text-overflow:ellipsis;white-space:nowrap;font-weight:600;display:block;overflow:hidden}.oitem .meta{font-family:var(--f-mono);color:var(--apagado);flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:11px;display:flex}.pill{font-family:var(--f-texto);border-radius:999px;padding:0 6px;font-size:11px;font-weight:600;line-height:17px}.pill.ok{background:color-mix(in srgb, var(--ok) 16%, transparent);color:var(--ok)}.pill.warn{background:color-mix(in srgb, var(--aviso) 18%, transparent);color:var(--aviso)}.pill.bad{background:color-mix(in srgb, var(--peligro) 16%, transparent);color:var(--peligro)}.ohead{grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.ohead.sin-icono{grid-template-columns:minmax(0,1fr) auto}.ohead canvas{width:56px;height:56px;image-rendering:pixelated;border:1px solid var(--linea);border-radius:6px}.oname{font-family:var(--f-titulo);overflow-wrap:anywhere;font-size:22px;font-weight:600;line-height:1.15}.fset{border-top:1px solid var(--linea);flex-direction:column;gap:10px;padding-top:12px;display:flex}.fset h3{font-family:var(--f-titulo);letter-spacing:.05em;text-transform:uppercase;color:var(--apagado);margin:0;font-size:13px;font-weight:500}.form-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.form-grid label.f input,.form-grid label.f select,.form-grid label.f textarea{width:100%}.form-grid .wide{grid-column:span 2}.form-grid .full{grid-column:1/-1}@media (max-width:420px){.form-grid .wide{grid-column:1/-1}}#o_desc{font-family:var(--f-texto);resize:vertical;font-size:14px}.flags{flex-wrap:wrap;gap:6px 16px;display:flex}.flags label{align-items:center;gap:6px;font-size:13px;display:flex}.slots{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:8px;display:grid}.slot{border:1px solid var(--linea);background:var(--fondo);border-radius:6px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px;display:grid}.slot .slot-img{background:0 0;border:0;padding:0}.slot canvas{width:48px;height:48px;image-rendering:pixelated;border-radius:4px}.slot .lbl{min-width:0}.slot .lbl b{font-size:13px;display:block}.slot .lbl span{font-family:var(--f-mono);color:var(--apagado);overflow-wrap:anywhere;font-size:11px;display:block}.slot.unset{border-style:dashed}.slot.broken{border-color:var(--peligro)}.slot.broken .lbl span{color:var(--peligro)}.slot .acts{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.slot .acts button{padding:4px 7px;font-size:12px}.pvf{flex-direction:column;gap:6px;min-width:0;margin:0;display:flex}.pvf figcaption{text-transform:uppercase;letter-spacing:.06em;color:var(--apagado);font-size:11px}.pv-grid{flex-wrap:wrap;gap:14px;display:flex}.inv{background:#2a2016;border:2px solid #5a4630;border-radius:4px;grid-template-columns:repeat(4,52px);gap:3px;width:max-content;max-width:100%;padding:6px;display:grid}.inv .cell{background:#3a2c1d;border:1px solid #5a4630;width:52px;height:52px;position:relative}.inv .cell canvas{width:52px;height:52px;image-rendering:pixelated;display:block}.inv .qty{font-family:var(--f-mono);color:#f2e6c9;text-shadow:0 1px #000;font-size:11px;position:absolute;bottom:1px;right:3px}canvas.suelo{width:192px;max-width:100%;image-rendering:pixelated;border-radius:4px}.ovl{z-index:50;background:#0a0c1280;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.pick{width:min(760px,100%);max-height:85vh;box-shadow:0 18px 50px #00000059}.pick-body{flex-direction:column;gap:8px;min-height:120px;display:flex;overflow:auto}.pick-body h3{font-family:var(--f-mono);color:var(--apagado);margin:6px 0 0;font-size:12px;font-weight:600}.ptiles{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;display:grid}.ptile{white-space:normal;flex-direction:column;align-items:stretch;gap:4px;padding:6px;font-weight:400}.ptile.on{border-color:var(--sel);background:color-mix(in srgb, var(--sel) 10%, transparent)}.ptile canvas{aspect-ratio:1;width:100%;max-width:100%;image-rendering:pixelated;border-radius:4px}.ptile .pn{font-family:var(--f-mono);overflow-wrap:anywhere;text-align:left;font-size:12px}.ptile .pm{color:var(--apagado);text-align:left;font-size:11px}.mapa-layout{grid-template-columns:230px minmax(0,1fr) 270px;align-items:start;gap:14px;display:grid}@media (max-width:1200px){.mapa-layout{grid-template-columns:220px minmax(0,1fr)}.mapa-layout>.side{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));display:grid}}@media (max-width:760px){.mapa-layout{grid-template-columns:minmax(0,1fr)}}.mapa-panel{min-height:420px}.mapa-lienzo{border:1px solid var(--linea);touch-action:none;background:#0b0d12;border-radius:6px;height:min(70vh,720px);position:relative;overflow:hidden}.mapa-lienzo canvas{cursor:grab;width:100%;height:100%;image-rendering:pixelated;display:block}.mapa-lienzo canvas:active{cursor:grabbing}.mapa-zoom{background:var(--panel);border:1px solid var(--linea);border-radius:6px;align-items:center;gap:6px;padding:4px 6px;display:flex;position:absolute;bottom:8px;right:8px}.mapa-lienzo.editando canvas,.mapa-lienzo.editando canvas:active{cursor:crosshair}.mapa-barra{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mapa-pincel{align-items:flex-end}.mapa-pincel canvas{width:48px;height:48px;image-rendering:pixelated;border:1px solid var(--linea);background:var(--fondo);border-radius:4px;display:block}.mapa-paleta{grid-template-columns:repeat(auto-fill,40px);gap:4px;max-height:36vh;display:grid;overflow:auto}.mapa-paleta button{background:0 0;border-color:#0000;padding:3px}.mapa-paleta button.on{border-color:var(--sel);background:var(--acento-suave)}.mapa-paleta canvas{width:32px;height:32px;image-rendering:pixelated;display:block}