:root{--fondo:#14110f;--panel:#1e1a17;--panel-alto:#272220;--borde:#3a322d;--texto:#f0ece7;--texto-tenue:#a89f96;--acento:#e06d34;--acento-suave:#3a2418;--ok:#4ba36a;--aviso:#d9a441;--error:#d9534f;--radio:8px;--fuente:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;background:var(--fondo);color:var(--texto);font-family:var(--fuente);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}.app{display:grid;grid-template-rows:auto 1fr;height:100vh;overflow:hidden}.barra-superior{display:flex;align-items:center;gap:16px;padding:10px 16px;background:var(--panel);border-bottom:1px solid var(--borde);flex-wrap:wrap}.marca{font-weight:700;letter-spacing:-.3px;font-size:15px;white-space:nowrap}.marca span{color:var(--acento)}.cuerpo{display:grid;grid-template-columns:264px 1fr 340px;overflow:hidden;min-height:0}@media (max-width:1200px){.cuerpo{grid-template-columns:220px 1fr 300px}}.columna{overflow-y:auto;background:var(--panel);border-right:1px solid var(--borde);padding:12px;min-height:0}.columna:last-child{border-right:none;border-left:1px solid var(--borde)}.centro{display:flex;flex-direction:column;background:#0e0c0b}.area-lienzo,.centro{overflow:hidden;min-height:0}.area-lienzo{flex:1 1;position:relative}.lienzo{width:100%;height:100%;display:block;background:#f7f6f3;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pestanas{display:flex;gap:2px;padding:8px 12px 0;background:var(--panel);border-bottom:1px solid var(--borde);overflow-x:auto}.pestana{padding:7px 14px;background:transparent;border:1px solid transparent;border-bottom:none;border-radius:var(--radio) var(--radio) 0 0;color:var(--texto-tenue);cursor:pointer;white-space:nowrap}.pestana:hover{color:var(--texto)}.pestana[data-activa=true]{background:#0e0c0b;border-color:var(--borde);color:var(--texto);font-weight:600}.grupo{margin-bottom:18px}.titulo-grupo{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.9px;color:var(--texto-tenue);margin:0 0 8px}.btn{padding:7px 12px;background:var(--panel-alto);border:1px solid var(--borde);border-radius:var(--radio);cursor:pointer;transition:background .12s,border-color .12s;white-space:nowrap}.btn:hover:not(:disabled){background:#332c28;border-color:#4d423b}.btn:disabled{opacity:.45;cursor:not-allowed}.btn[data-activo=true]{background:var(--acento-suave);border-color:var(--acento);color:var(--acento);font-weight:600}.btn-principal{background:var(--acento);border-color:var(--acento);color:#1a0f08;font-weight:700}.btn-principal:hover:not(:disabled){background:#ef7d43;border-color:#ef7d43}.btn-chico{padding:4px 9px;font-size:12px}.btn-peligro:hover:not(:disabled){border-color:var(--error);color:var(--error)}.fila{gap:6px;flex-wrap:wrap}.fila,.fila-apretada{display:flex;align-items:center}.fila-apretada{gap:4px}.campo{margin-bottom:9px}.campo label{display:block;font-size:11px;color:var(--texto-tenue);margin-bottom:3px}.entrada{width:100%;padding:6px 9px;background:#14110f;border:1px solid var(--borde);border-radius:6px;outline:none}.entrada:focus{border-color:var(--acento)}.entrada[data-error=true]{border-color:var(--error)}.entrada-mono{font-family:var(--mono);font-size:13px}.lista{display:flex;flex-direction:column;gap:5px}.tarjeta{padding:9px;background:var(--panel-alto);border:1px solid var(--borde);border-radius:var(--radio);cursor:pointer}.tarjeta:hover{border-color:#4d423b}.tarjeta[data-activa=true]{border-color:var(--acento);background:var(--acento-suave)}.insignia{display:inline-flex;align-items:center;justify-content:center;min-width:21px;height:21px;padding:0 5px;background:#0e0c0b;border-radius:11px;font-size:11px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.insignia-acento{background:var(--acento);color:#1a0f08}.tenue{color:var(--texto-tenue);font-size:12px}.mono{font-family:var(--mono)}.aviso{padding:8px 10px;border-radius:6px;border-left:3px solid;margin-bottom:6px;font-size:12.5px;line-height:1.45}.aviso-error{background:rgba(217,83,79,.11);border-color:var(--error)}.aviso-atencion{background:rgba(217,164,65,.11);border-color:var(--aviso)}.aviso-ok{background:rgba(75,163,106,.11);border-color:var(--ok)}.aviso-info{background:rgba(255,255,255,.05);border-color:var(--borde)}.panel-vista{flex:1 1;overflow-y:auto;padding:16px;min-height:0}.lamina{background:#f7f6f3;border-radius:var(--radio);padding:12px;margin-bottom:14px;overflow-x:auto}.lamina-titulo{color:#1c1917;font-weight:700;font-size:13px;margin:0 0 8px}table.tabla{width:100%;border-collapse:collapse;font-size:12px}table.tabla th{text-align:left;padding:6px 7px;border-bottom:1px solid var(--borde);color:var(--texto-tenue);font-size:10.5px;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap}table.tabla td{padding:6px 7px;border-bottom:1px solid rgba(58,50,45,.5);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}table.tabla tr:hover td{background:rgba(255,255,255,.03)}.render-marco{position:relative;display:inline-block;max-width:100%;border-radius:var(--radio);overflow:hidden;background:#0e0c0b}.render-marco img{display:block;max-width:100%;height:auto}.marca-mueble{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:3px;pointer-events:none}.ancho-flotante{background:rgba(28,25,23,.88);color:#fff;font-size:11px;font-weight:700;padding:1px 6px;border-radius:4px;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;border:1px solid rgba(255,255,255,.5)}.numero-flotante{width:26px;height:26px;border-radius:50%;background:rgba(28,25,23,.93);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;border:2px solid rgba(255,255,255,.85);pointer-events:none;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cargando{display:inline-block;width:13px;height:13px;border:2px solid var(--borde);border-top-color:var(--acento);border-radius:50%;animation:girar .7s linear infinite;vertical-align:-2px}@keyframes girar{to{transform:rotate(1turn)}}details{margin-bottom:8px}summary{cursor:pointer;color:var(--texto-tenue);font-size:12px;padding:3px 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}summary:hover{color:var(--texto)}pre.bloque{background:#0e0c0b;border:1px solid var(--borde);border-radius:6px;padding:10px;overflow-x:auto;font-family:var(--mono);font-size:11.5px;line-height:1.5;white-space:pre-wrap;word-break:break-word;max-height:340px;overflow-y:auto}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#3a322d;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#4d423b}