/* Persona Engine: reglas que antes eran style= inline (CSP style-src sin unsafe-inline).
   Selectores con id y clase repetidos para ganarle a index.css como lo hacia el inline.
   display:none inline se mantiene: app.js lo alterna con element.style.display. */

#persona-engine#persona-engine .pe-s-3b8fe901.pe-s-3b8fe901.pe-s-3b8fe901 {
  margin-bottom: 20px;
}

#persona-engine#persona-engine .pe-s-48270221.pe-s-48270221.pe-s-48270221 {
  display: flex;
  gap: 24px;
  align-items: flex-start;
  flex-wrap: wrap;
}

#persona-engine#persona-engine .pe-s-ee038f00.pe-s-ee038f00.pe-s-ee038f00 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#persona-engine#persona-engine .pe-s-38f43df6.pe-s-38f43df6.pe-s-38f43df6 {
  flex: 1;
  min-width: 200px;
}

#persona-engine#persona-engine .pe-s-d3fefd55.pe-s-d3fefd55.pe-s-d3fefd55 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 6px;
}

#persona-engine#persona-engine .pe-s-64482d66.pe-s-64482d66.pe-s-64482d66 {
  font-family: var(--font-display);
  font-size: 22px;
  color: #fff;
  margin: 0;
}

#persona-engine#persona-engine .pe-s-63414026.pe-s-63414026.pe-s-63414026 {
  background: rgba(255, 193, 7, 0.15);
  color: #ffc107;
  border: 1px solid rgba(255, 193, 7, 0.3);
  font-size: 10px;
}

#persona-engine#persona-engine .pe-s-93a39e1b.pe-s-93a39e1b.pe-s-93a39e1b {
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--accent-primary);
  margin-bottom: 12px;
}

#persona-engine#persona-engine .pe-s-0e5b0900.pe-s-0e5b0900.pe-s-0e5b0900 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
}

#persona-engine#persona-engine .pe-s-e4cc03d2.pe-s-e4cc03d2.pe-s-e4cc03d2 {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

#persona-engine#persona-engine .pe-s-6bd8bd01.pe-s-6bd8bd01.pe-s-6bd8bd01 {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 6px 12px;
  font-size: 11px;
}

#persona-engine#persona-engine .pe-s-97422a32.pe-s-97422a32.pe-s-97422a32 {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 6px 12px;
  font-size: 11px;
  background: rgba(16, 185, 129, 0.15);
  color: #10b981;
  border-color: rgba(16, 185, 129, 0.3);
}

#persona-engine#persona-engine .pe-s-10c72b04.pe-s-10c72b04.pe-s-10c72b04 {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 6px 12px;
  font-size: 11px;
  color: #ffc107;
  background: rgba(255, 193, 7, 0.1);
  border-color: rgba(255, 193, 7, 0.2);
}

#persona-engine#persona-engine .pe-s-960e5d58.pe-s-960e5d58.pe-s-960e5d58 {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 6px 12px;
  font-size: 11px;
  color: #ff6b6b;
  background: rgba(220, 53, 69, 0.1);
  border-color: rgba(220, 53, 69, 0.2);
}

#persona-engine#persona-engine .pe-s-bcf429dd.pe-s-bcf429dd.pe-s-bcf429dd {
  padding: 14px;
  background: rgba(52, 211, 153, 0.06);
  border: 1px solid rgba(52, 211, 153, 0.2);
}

#persona-engine#persona-engine .pe-s-d82b279b.pe-s-d82b279b.pe-s-d82b279b {
  font-size: 11px;
  text-transform: uppercase;
  color: #34d399;
  margin: 0 0 6px;
  letter-spacing: 0.4px;
}

#persona-engine#persona-engine .pe-s-be30b1d9.pe-s-be30b1d9.pe-s-be30b1d9 {
  font-size: 11px;
  color: var(--text-secondary);
  margin: 0 0 12px;
  line-height: 1.45;
}

#persona-engine#persona-engine .pe-s-6a3b5596.pe-s-6a3b5596.pe-s-6a3b5596 {
  margin-bottom: 10px;
}

#persona-engine#persona-engine .pe-s-4271a96f.pe-s-4271a96f.pe-s-4271a96f {
  font-size: 10px;
  text-transform: uppercase;
  color: var(--text-muted);
  margin: 0 0 6px;
  font-weight: 700;
  letter-spacing: 0.4px;
}

#persona-engine#persona-engine .pe-s-f8900277.pe-s-f8900277.pe-s-f8900277 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

#persona-engine#persona-engine .pe-s-aa79b44e.pe-s-aa79b44e.pe-s-aa79b44e {
  margin: 0 0 8px;
}

#persona-engine#persona-engine .pe-s-65375b83.pe-s-65375b83.pe-s-65375b83 {
  cursor: pointer;
  font-size: 12px;
  color: var(--text-secondary);
  padding: 6px 0;
}

#persona-engine#persona-engine .pe-s-51ab04f6.pe-s-51ab04f6.pe-s-51ab04f6 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 8px;
}

#persona-engine#persona-engine .pe-s-a02cf13d.pe-s-a02cf13d.pe-s-a02cf13d {
  grid-column: 1 / -1;
  margin: 0;
  color: #86efac;
}

#persona-engine#persona-engine .pe-s-1b019570.pe-s-1b019570.pe-s-1b019570 {
  font-size: 11px;
  padding: 8px 10px;
  text-align: left;
}

#persona-engine#persona-engine .pe-s-d7bf92fd.pe-s-d7bf92fd.pe-s-d7bf92fd {
  margin: 8px 0;
}

#persona-engine#persona-engine .pe-s-ff08a658.pe-s-ff08a658.pe-s-ff08a658 {
  margin: 8px 0 12px;
  padding: 10px;
  border-radius: 8px;
  background: rgba(56, 189, 248, 0.08);
  border: 1px solid rgba(56, 189, 248, 0.28);
}

#persona-engine#persona-engine .pe-s-033e4a27.pe-s-033e4a27.pe-s-033e4a27 {
  font-size: 11px;
}

#persona-engine#persona-engine .pe-s-4f74e5b9.pe-s-4f74e5b9.pe-s-4f74e5b9 {
  font-size: 10px;
  color: var(--text-muted);
  margin: 10px 0 0;
  line-height: 1.4;
}

#persona-engine#persona-engine .pe-s-830e017a.pe-s-830e017a.pe-s-830e017a {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 8px;
}

#persona-engine#persona-engine .pe-s-b8337b3a.pe-s-b8337b3a.pe-s-b8337b3a {
  width: 100%;
  margin-top: 10px;
  font-size: 11px;
  padding: 10px 12px;
  background: rgba(52, 211, 153, 0.2);
  border: 1px solid rgba(52, 211, 153, 0.45);
  color: #fff;
}

#persona-engine#persona-engine .pe-s-a5cda60e.pe-s-a5cda60e.pe-s-a5cda60e {
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px dashed rgba(255,255,255,0.1);
}

#persona-engine#persona-engine .pe-s-fcf4b172.pe-s-fcf4b172.pe-s-fcf4b172 {
  font-size: 10px;
  color: var(--text-muted);
  margin: 0 0 8px;
}

#persona-engine#persona-engine .pe-s-bb05b8c5.pe-s-bb05b8c5.pe-s-bb05b8c5 {
  width: 100%;
  font-size: 11px;
  padding: 8px 10px;
}

#persona-engine#persona-engine .pe-s-a7af9bfa.pe-s-a7af9bfa.pe-s-a7af9bfa {
  width: 100%;
  font-size: 11px;
  padding: 8px 10px;
  margin-top: 8px;
}

#persona-engine#persona-engine .pe-s-1c6ea243.pe-s-1c6ea243.pe-s-1c6ea243 {
  font-size: 10px;
  color: var(--text-muted);
  margin: 6px 0 0;
  line-height: 1.35;
}

#persona-engine#persona-engine .pe-s-ef4fdbdd.pe-s-ef4fdbdd.pe-s-ef4fdbdd {
  background: rgba(255,255,255,0.01);
  border: 1px solid var(--glass-border);
  border-radius: var(--border-radius-md);
  padding: 16px;
  margin-bottom: 20px;
}

#persona-engine#persona-engine .pe-s-9e2959f5.pe-s-9e2959f5.pe-s-9e2959f5 {
  font-family: var(--font-display);
  font-size: 12px;
  text-transform: uppercase;
  color: var(--accent-primary);
  margin-bottom: 12px;
  letter-spacing: 0.5px;
  border-bottom: 1px solid rgba(255,255,255,0.05);
  padding-bottom: 4px;
}

#persona-engine#persona-engine .pe-s-b9d7a6ed.pe-s-b9d7a6ed.pe-s-b9d7a6ed {
  font-size: 10px;
  text-transform: uppercase;
  color: var(--text-muted);
  margin-bottom: 8px;
  font-weight: 700;
}

#persona-engine#persona-engine .pe-s-b071c706.pe-s-b071c706.pe-s-b071c706 {
  font-size: 10px;
  text-transform: uppercase;
  color: #34d399;
  margin: 16px 0 8px;
  font-weight: 700;
  letter-spacing: 0.4px;
}

#persona-engine#persona-engine .pe-s-f670d27f.pe-s-f670d27f.pe-s-f670d27f {
  margin-top: 0;
  margin-bottom: 0;
}

#persona-engine#persona-engine .pe-s-1974c533.pe-s-1974c533.pe-s-1974c533 {
  font-size: 11px;
  max-height: 80px;
  overflow-y: auto;
  line-height: 1.5;
  color: #ccc;
}

#persona-engine#persona-engine .pe-s-4c1f1ccc.pe-s-4c1f1ccc.pe-s-4c1f1ccc {
  margin-top: 10px;
}

#persona-engine#persona-engine .pe-s-e169b902.pe-s-e169b902.pe-s-e169b902 {
  display: flex;
  gap: 8px;
  align-items: center;
}

#persona-engine#persona-engine .pe-s-261cbf5a.pe-s-261cbf5a.pe-s-261cbf5a {
  width: 42px;
  height: 36px;
  padding: 0;
  border: 1px solid var(--glass-border);
  background: transparent;
  cursor: pointer;
}

#persona-engine#persona-engine .pe-s-8e69f184.pe-s-8e69f184.pe-s-8e69f184 {
  flex: 1;
}

#persona-engine#persona-engine .pe-s-af77b5cc.pe-s-af77b5cc.pe-s-af77b5cc {
  font-size: 11px;
  padding: 4px 10px;
  border-radius: 20px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.15);
  color: #fff;
  cursor: pointer;
}

#persona-engine#persona-engine .pe-s-de4139ff.pe-s-de4139ff.pe-s-de4139ff {
  font-size: 10px;
  color: var(--text-muted);
  margin: 4px 0 0;
  line-height: 1.35;
}

#persona-engine#persona-engine .pe-s-470358da.pe-s-470358da.pe-s-470358da {
  margin-top: 12px;
}

#persona-engine#persona-engine .pe-s-20c97212.pe-s-20c97212.pe-s-20c97212 {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,0.06);
}

#persona-engine#persona-engine .pe-s-82c27773.pe-s-82c27773.pe-s-82c27773 {
  font-size: 11px;
  text-transform: uppercase;
  color: #34d399;
  margin: 0 0 10px;
  font-family: var(--font-display);
}

#persona-engine#persona-engine .pe-s-8f7a82f2.pe-s-8f7a82f2.pe-s-8f7a82f2 {
  margin-top: 10px;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

#persona-engine#persona-engine .pe-s-67e24f3d.pe-s-67e24f3d.pe-s-67e24f3d {
  flex: 2;
  min-width: 160px;
}

#persona-engine#persona-engine .pe-s-b75f42d4.pe-s-b75f42d4.pe-s-b75f42d4 {
  flex: 1.5;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid var(--glass-border);
}

#persona-engine#persona-engine .pe-s-8ce12527.pe-s-8ce12527.pe-s-8ce12527 {
  flex: 1.2;
  background: rgba(255, 193, 7, 0.15);
  color: #ffc107;
  border: 1px solid rgba(255, 193, 7, 0.3);
}

#persona-engine#persona-engine .pe-s-39d0f43a.pe-s-39d0f43a.pe-s-39d0f43a {
  flex: 1;
  background: rgba(220, 53, 69, 0.2);
  color: #ff6b6b;
  border: 1px solid rgba(220, 53, 69, 0.4);
}

#persona-engine#persona-engine .pe-s-7ac460c4.pe-s-7ac460c4.pe-s-7ac460c4 {
  margin-top: 8px;
}

#persona-engine#persona-engine .pe-s-42f93cc3.pe-s-42f93cc3.pe-s-42f93cc3 {
  font-size: 11px;
  text-transform: uppercase;
  color: var(--accent-primary);
  margin: 0;
}

#persona-engine#persona-engine .pe-s-64e8e0f0.pe-s-64e8e0f0.pe-s-64e8e0f0 {
  padding: 4px 10px;
  font-size: 10px;
  height: auto;
}

#persona-engine#persona-engine .pe-s-f134408e.pe-s-f134408e.pe-s-f134408e {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,0.06);
}

#persona-engine#persona-engine .pe-s-69c5476a.pe-s-69c5476a.pe-s-69c5476a {
  font-size: 11px;
  color: var(--text-muted);
  margin: 0;
  line-height: 1.45;
}

#persona-engine#persona-engine .pe-s-152fdd6b.pe-s-152fdd6b.pe-s-152fdd6b {
  padding: 16px;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.05);
  margin-bottom: 20px;
}

#persona-engine#persona-engine .pe-s-01092f60.pe-s-01092f60.pe-s-01092f60 {
  font-size: 11px;
  text-transform: uppercase;
  color: var(--accent-primary);
  display: block;
  margin-bottom: 8px;
  font-weight: 700;
}

#persona-engine#persona-engine .pe-s-7314734f.pe-s-7314734f.pe-s-7314734f {
  display: flex;
  gap: 10px;
  margin-bottom: 12px;
}

#persona-engine#persona-engine .pe-s-d41dca7c.pe-s-d41dca7c.pe-s-d41dca7c {
  flex: 1;
  padding: 10px 14px;
  border-radius: 8px;
  border: 1px solid var(--glass-border);
  background: rgba(0,0,0,0.3);
  color: var(--text-primary);
  font-size: 13px;
  outline: none;
  transition: border 0.2s;
}

#persona-engine#persona-engine .pe-s-79d1c651.pe-s-79d1c651.pe-s-79d1c651 {
  font-size: 11px;
  text-transform: uppercase;
  color: #a78bfa;
  display: block;
  margin-bottom: 8px;
  font-weight: 700;
}

#persona-engine#persona-engine .pe-s-66985b28.pe-s-66985b28.pe-s-66985b28 {
  white-space: nowrap;
  padding: 10px 18px;
  font-size: 13px;
}

#persona-engine#persona-engine .pe-s-cf2bc8ca.pe-s-cf2bc8ca.pe-s-cf2bc8ca {
  padding: 10px;
  margin-top: 10px;
  border-radius: 6px;
  border: 1px solid rgba(99, 102, 241, 0.2);
  background: rgba(99, 102, 241, 0.03);
}

#persona-engine#persona-engine .pe-s-91a262ed.pe-s-91a262ed.pe-s-91a262ed {
  width: 16px;
  height: 16px;
  border-width: 2px;
}

#persona-engine#persona-engine .pe-s-fe3c003b.pe-s-fe3c003b.pe-s-fe3c003b {
  font-size: 11px;
  margin-left: 8px;
  color: var(--text-secondary);
}

#persona-engine#persona-engine .pe-s-4a835050.pe-s-4a835050.pe-s-4a835050 {
  margin-top: 0;
  margin-bottom: 16px;
}

#persona-engine#persona-engine .pe-s-152bb2c1.pe-s-152bb2c1.pe-s-152bb2c1 {
  font-size: 11px;
  max-height: 70px;
  overflow-y: auto;
  color: #fef08a;
  background: rgba(251, 191, 36, 0.03);
  border-color: rgba(251, 191, 36, 0.15);
}

#persona-engine#persona-engine .pe-s-75f24ceb.pe-s-75f24ceb.pe-s-75f24ceb {
  font-size: 10px;
  text-transform: uppercase;
  color: var(--accent-primary);
  margin: 0;
  letter-spacing: 0.5px;
}

#persona-engine#persona-engine .pe-s-b502c1d8.pe-s-b502c1d8.pe-s-b502c1d8 {
  font-size: 11px;
  max-height: 90px;
  overflow-y: auto;
  color: #e0e7ff;
  background: rgba(99, 102, 241, 0.03);
  border-color: rgba(99, 102, 241, 0.15);
}

#persona-engine#persona-engine .pe-s-e7676b8f.pe-s-e7676b8f.pe-s-e7676b8f {
  font-family: var(--font-display);
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--text-muted);
  margin: 24px 0 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  padding-bottom: 6px;
}

#persona-engine#persona-engine .pe-s-53e27d01.pe-s-53e27d01.pe-s-53e27d01 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

#persona-engine#persona-engine .pe-s-c24c4c08.pe-s-c24c4c08.pe-s-c24c4c08 {
  font-size: 11px;
  font-weight: 700;
  color: #a78bfa;
  display: flex;
  align-items: center;
  gap: 6px;
}

#persona-engine#persona-engine .pe-s-91b8b7e6.pe-s-91b8b7e6.pe-s-91b8b7e6 {
  font-size: 9px;
  font-weight: 600;
  background: rgba(167, 139, 250, 0.1);
  padding: 1px 6px;
  border-radius: 4px;
}

#persona-engine#persona-engine .pe-s-7513140b.pe-s-7513140b.pe-s-7513140b {
  font-size: 11px;
  font-family: var(--font-mono);
  color: #ddd;
  max-height: 80px;
  overflow-y: auto;
}

#persona-engine#persona-engine .pe-s-9ef34670.pe-s-9ef34670.pe-s-9ef34670 {
  font-size: 11px;
  font-weight: 700;
  color: #38bdf8;
  display: flex;
  align-items: center;
  gap: 6px;
}

#persona-engine#persona-engine .pe-s-47e6d2fd.pe-s-47e6d2fd.pe-s-47e6d2fd {
  font-size: 9px;
  font-weight: 600;
  background: rgba(56, 189, 248, 0.1);
  padding: 1px 6px;
  border-radius: 4px;
}

#persona-engine#persona-engine .pe-s-0992f822.pe-s-0992f822.pe-s-0992f822 {
  font-size: 11px;
  color: #ddd;
  max-height: 80px;
  overflow-y: auto;
}

#persona-engine#persona-engine .pe-s-a508aa23.pe-s-a508aa23.pe-s-a508aa23 {
  font-size: 11px;
  font-weight: 700;
  color: #f472b6;
}

#persona-engine#persona-engine .pe-s-e8685efd.pe-s-e8685efd.pe-s-e8685efd {
  font-size: 11px;
  font-weight: 700;
  color: #2dd4bf;
}

#persona-engine#persona-engine .pe-s-f6499673.pe-s-f6499673.pe-s-f6499673 {
  font-size: 11px;
  font-weight: 700;
  color: #10b981;
}

#persona-engine#persona-engine .pe-s-016e972a.pe-s-016e972a.pe-s-016e972a {
  font-size: 11px;
  font-weight: 700;
  color: #f59e0b;
}

#persona-engine#persona-engine .pe-s-5d58a80c.pe-s-5d58a80c.pe-s-5d58a80c {
  font-size: 11px;
  font-weight: 700;
  color: #3b82f6;
}

#persona-engine#persona-engine .pe-s-0003aa3b.pe-s-0003aa3b.pe-s-0003aa3b {
  margin-top: 20px;
  padding: 14px;
  background: rgba(255,255,255,0.01);
  border-color: rgba(255,255,255,0.04);
}

#persona-engine#persona-engine .pe-s-68b74f3f.pe-s-68b74f3f.pe-s-68b74f3f {
  font-size: 10px;
  text-transform: uppercase;
  color: var(--text-muted);
  margin-bottom: 6px;
  font-weight: 700;
}

#persona-engine#persona-engine .pe-s-60f43aa7.pe-s-60f43aa7.pe-s-60f43aa7 {
  font-size: 11px;
  color: var(--text-secondary);
  line-height: 1.6;
  white-space: pre-wrap;
}

#persona-engine#persona-engine .pe-s-a4c69cdc.pe-s-a4c69cdc.pe-s-a4c69cdc {
  height: calc(100% - 40px);
  flex-direction: column;
}

#persona-engine#persona-engine .pe-s-d671f99b.pe-s-d671f99b.pe-s-d671f99b {
  flex: 1;
  min-height: 500px;
}

#persona-engine#persona-engine .pe-s-c26c213f.pe-s-c26c213f.pe-s-c26c213f {
  margin-top: 8px;
  font-size: 11px;
}

#persona-engine#persona-engine .pe-s-301d9e3c.pe-s-301d9e3c.pe-s-301d9e3c {
  margin-top: 14px;
  padding: 14px;
  background: rgba(52, 211, 153, 0.05);
  border: 1px solid rgba(52, 211, 153, 0.18);
}

#persona-engine#persona-engine .pe-s-d733ea59.pe-s-d733ea59.pe-s-d733ea59 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 8px;
}

#persona-engine#persona-engine .pe-s-7d8e4103.pe-s-7d8e4103.pe-s-7d8e4103 {
  font-size: 11px;
  text-transform: uppercase;
  color: #34d399;
  margin: 0;
  letter-spacing: 0.4px;
}

#persona-engine#persona-engine .pe-s-f6b019ad.pe-s-f6b019ad.pe-s-f6b019ad {
  font-size: 10px;
  color: var(--text-muted);
}

#persona-engine#persona-engine .pe-s-49ebe955.pe-s-49ebe955.pe-s-49ebe955 {
  font-size: 11px;
  color: var(--text-secondary);
  margin: 0 0 10px;
  line-height: 1.45;
}

#persona-engine#persona-engine .pe-s-9911f134.pe-s-9911f134.pe-s-9911f134 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 10px;
}

#persona-engine#persona-engine .pe-s-7f36f583.pe-s-7f36f583.pe-s-7f36f583 {
  flex: 2;
  min-width: 140px;
  font-size: 11px;
  padding: 8px 10px;
  background: rgba(52, 211, 153, 0.28);
  border: 1px solid rgba(52, 211, 153, 0.55);
  color: #fff;
}

#persona-engine#persona-engine .pe-s-79f2b58c.pe-s-79f2b58c.pe-s-79f2b58c {
  flex: 1;
  min-width: 100px;
  font-size: 11px;
  padding: 8px 10px;
}

#persona-engine#persona-engine .pe-s-0d9b039a.pe-s-0d9b039a.pe-s-0d9b039a {
  flex: 1.2;
  min-width: 120px;
  font-size: 11px;
  padding: 8px 10px;
}

#persona-engine#persona-engine .pe-s-fe5a66a0.pe-s-fe5a66a0.pe-s-fe5a66a0 {
  margin-top: 14px;
  padding: 14px;
  background: rgba(56, 189, 248, 0.05);
  border: 1px solid rgba(56, 189, 248, 0.22);
}

#persona-engine#persona-engine .pe-s-3d7566b0.pe-s-3d7566b0.pe-s-3d7566b0 {
  font-size: 11px;
  text-transform: uppercase;
  color: #38bdf8;
  margin: 0;
  letter-spacing: 0.4px;
}

#persona-engine#persona-engine .pe-s-0835ce3f.pe-s-0835ce3f.pe-s-0835ce3f {
  display: block;
  font-size: 11px;
  color: var(--text-muted);
  margin-bottom: 4px;
}

#persona-engine#persona-engine .pe-s-2c318783.pe-s-2c318783.pe-s-2c318783 {
  width: 100%;
  resize: vertical;
  font-size: 12px;
  line-height: 1.4;
  padding: 10px;
  border-radius: 8px;
  border: 1px solid var(--glass-border);
  background: rgba(0,0,0,0.25);
  color: var(--text-primary);
  margin-bottom: 8px;
}

#persona-engine#persona-engine .pe-s-d843ed80.pe-s-d843ed80.pe-s-d843ed80 {
  font-size: 11px;
  padding: 6px 10px;
}

#persona-engine#persona-engine .pe-s-4b40c22f.pe-s-4b40c22f.pe-s-4b40c22f {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 10px;
}

#persona-engine#persona-engine .pe-s-d8182af4.pe-s-d8182af4.pe-s-d8182af4 {
  margin-top: 0;
}

#persona-engine#persona-engine .pe-s-6ceaa63c.pe-s-6ceaa63c.pe-s-6ceaa63c {
  margin-bottom: 10px;
  padding: 10px;
  border-radius: 8px;
  background: rgba(0,0,0,0.2);
  border: 1px solid rgba(255,255,255,0.08);
}

#persona-engine#persona-engine .pe-s-76007934.pe-s-76007934.pe-s-76007934 {
  display: block;
  font-size: 11px;
  color: var(--text-muted);
  margin-bottom: 4px;
  font-weight: 700;
}

#persona-engine#persona-engine .pe-s-91eeae30.pe-s-91eeae30.pe-s-91eeae30 {
  width: 100%;
  font-size: 12px;
  padding: 8px 10px;
  border-radius: 8px;
  border: 1px solid var(--glass-border);
  background: rgba(0,0,0,0.35);
  color: var(--text-primary);
  margin-bottom: 8px;
}

#persona-engine#persona-engine .pe-s-04ee050d.pe-s-04ee050d.pe-s-04ee050d {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  cursor: pointer;
  font-size: 11px;
  color: var(--text-secondary);
  line-height: 1.4;
}

#persona-engine#persona-engine .pe-s-7104d55c.pe-s-7104d55c.pe-s-7104d55c {
  margin-top: 2px;
}

#persona-engine#persona-engine .pe-s-ff16a65d.pe-s-ff16a65d.pe-s-ff16a65d {
  margin: 6px 0 0;
}

#persona-engine#persona-engine .pe-s-a6d4f63b.pe-s-a6d4f63b.pe-s-a6d4f63b {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  cursor: pointer;
  font-size: 11px;
  color: var(--text-secondary);
  line-height: 1.4;
  margin-bottom: 10px;
}

#persona-engine#persona-engine .pe-s-18c12329.pe-s-18c12329.pe-s-18c12329 {
  width: 100%;
  font-size: 12px;
}

#persona-engine#persona-engine .pe-s-9ec652fb.pe-s-9ec652fb.pe-s-9ec652fb {
  padding: 12px;
  margin-top: 10px;
}

#persona-engine#persona-engine .pe-s-8a8f7478.pe-s-8a8f7478.pe-s-8a8f7478 {
  width: 24px;
  height: 24px;
}

#persona-engine#persona-engine .pe-s-bcea8cbd.pe-s-bcea8cbd.pe-s-bcea8cbd {
  font-size: 12px;
  margin-left: 8px;
}

#persona-engine#persona-engine .pe-s-ea45d5c6.pe-s-ea45d5c6.pe-s-ea45d5c6 {
  margin-top: 12px;
  text-align: center;
}

#persona-engine#persona-engine .pe-s-d6da1bd7.pe-s-d6da1bd7.pe-s-d6da1bd7 {
  max-width: 100%;
  max-height: 320px;
  border-radius: 8px;
  border: 1px solid var(--glass-border);
  background: #111;
}

#persona-engine#persona-engine .pe-s-5ef74c49.pe-s-5ef74c49.pe-s-5ef74c49 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  flex-wrap: wrap;
  gap: 12px;
}

#persona-engine#persona-engine .pe-s-2f48a5ec.pe-s-2f48a5ec.pe-s-2f48a5ec {
  display: flex;
  gap: 8px;
  background: rgba(255,255,255,0.05);
  padding: 4px;
  border-radius: 8px;
  border: 1px solid var(--glass-border);
}

#persona-engine#persona-engine .pe-s-c33a545c.pe-s-c33a545c.pe-s-c33a545c {
  background: var(--accent-primary);
  color: #fff;
  padding: 4px 12px;
  font-size: 11px;
  height: auto;
}

#persona-engine#persona-engine .pe-s-b120f022.pe-s-b120f022.pe-s-b120f022 {
  background: transparent;
  color: var(--text-secondary);
  padding: 4px 12px;
  font-size: 11px;
  height: auto;
  border: none;
}

#persona-engine#persona-engine .pe-s-58f7634e.pe-s-58f7634e.pe-s-58f7634e {
  margin: 8px 0 12px;
}

#persona-engine#persona-engine .pe-s-7eaca4d0.pe-s-7eaca4d0.pe-s-7eaca4d0 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

#persona-engine#persona-engine .pe-s-a9cf8064.pe-s-a9cf8064.pe-s-a9cf8064 {
  border-right: 1px solid var(--glass-border);
  padding-right: 24px;
}

#persona-engine#persona-engine .pe-s-53828ee6.pe-s-53828ee6.pe-s-53828ee6 {
  color: var(--accent-primary);
  margin-bottom: 12px;
}

#persona-engine#persona-engine .pe-s-e36bb4d3.pe-s-e36bb4d3.pe-s-e36bb4d3 {
  color: var(--accent-secondary);
  margin-bottom: 12px;
}

#persona-engine#persona-engine .pe-s-b020cdb1.pe-s-b020cdb1.pe-s-b020cdb1 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

#persona-engine#persona-engine .pe-s-da5e88dd.pe-s-da5e88dd.pe-s-da5e88dd {
  padding: 4px 8px;
  font-size: 10px;
}

#persona-engine#persona-engine .pe-s-b362f6de.pe-s-b362f6de.pe-s-b362f6de {
  margin-top: 14px;
  padding: 12px;
  border-radius: 10px;
  border: 1px solid rgba(167,139,250,0.3);
  background: rgba(167,139,250,0.08);
}

#persona-engine#persona-engine .pe-s-7b0d02fa.pe-s-7b0d02fa.pe-s-7b0d02fa {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

#persona-engine#persona-engine .pe-s-de740072.pe-s-de740072.pe-s-de740072 {
  font-size: 12px;
  color: #ddd6fe;
}

#persona-engine#persona-engine .pe-s-b262f346.pe-s-b262f346.pe-s-b262f346 {
  font-size: 11px;
  color: var(--text-secondary);
  margin: 8px 0;
  line-height: 1.4;
}

#persona-engine#persona-engine .pe-s-2a785a81.pe-s-2a785a81.pe-s-2a785a81 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

#persona-engine#persona-engine .pe-s-91123502.pe-s-91123502.pe-s-91123502 {
  width: 100%;
  padding: 6px;
  background: rgba(0,0,0,0.35);
  border: 1px solid var(--glass-border);
  border-radius: 6px;
  color: #fff;
  font-size: 11px;
}

#persona-engine#persona-engine .pe-s-b14bea84.pe-s-b14bea84.pe-s-b14bea84 {
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 11px;
  color: var(--text-secondary);
}

#persona-engine#persona-engine .pe-s-d65ea1ee.pe-s-d65ea1ee.pe-s-d65ea1ee {
  font-size: 12px;
  color: #c4b5fd;
  margin: 10px 0 8px;
  line-height: 1.4;
}

#persona-engine#persona-engine .pe-s-43b780c1.pe-s-43b780c1.pe-s-43b780c1 {
  font-size: 10px;
  color: var(--text-muted);
  margin: 10px 0 8px;
  line-height: 1.4;
}

#persona-engine#persona-engine .pe-s-fb08b2fc.pe-s-fb08b2fc.pe-s-fb08b2fc {
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid rgba(255,255,255,0.08);
}

#persona-engine#persona-engine .pe-s-dcc9614e.pe-s-dcc9614e.pe-s-dcc9614e {
  margin-bottom: 12px;
  padding: 10px;
  border-radius: 8px;
  background: rgba(0,0,0,0.2);
  border: 1px solid rgba(255,255,255,0.06);
}

#persona-engine#persona-engine .pe-s-fe81f5d1.pe-s-fe81f5d1.pe-s-fe81f5d1 {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-bottom: 6px;
}

#persona-engine#persona-engine .pe-s-7243afdf.pe-s-7243afdf.pe-s-7243afdf {
  font-size: 10px;
  padding: 3px 8px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.12);
  color: var(--text-muted);
}

#persona-engine#persona-engine .pe-s-aab85953.pe-s-aab85953.pe-s-aab85953 {
  font-size: 10px;
  color: var(--text-muted);
  margin: 0 0 6px;
  line-height: 1.4;
}

#persona-engine#persona-engine .pe-s-34d0d790.pe-s-34d0d790.pe-s-34d0d790 {
  margin: 0 0 8px;
  line-height: 1.45;
}

#persona-engine#persona-engine .pe-s-c04597ea.pe-s-c04597ea.pe-s-c04597ea {
  font-size: 10px;
  padding: 6px 8px;
}

#persona-engine#persona-engine .pe-s-9b4940dc.pe-s-9b4940dc.pe-s-9b4940dc {
  font-size: 10px;
  color: var(--text-muted);
  display: block;
  margin-bottom: 4px;
}

#persona-engine#persona-engine .pe-s-10976bf9.pe-s-10976bf9.pe-s-10976bf9 {
  font-size: 10px;
  width: 100%;
  margin-bottom: 6px;
}

#persona-engine#persona-engine .pe-s-23ae1534.pe-s-23ae1534.pe-s-23ae1534 {
  width: 100%;
  font-size: 11px;
  padding: 6px 8px;
  margin-bottom: 6px;
  border-radius: 6px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(0,0,0,0.25);
  color: inherit;
}

#persona-engine#persona-engine .pe-s-e578f2ee.pe-s-e578f2ee.pe-s-e578f2ee {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  cursor: pointer;
  font-size: 11px;
  color: var(--text-secondary);
  line-height: 1.4;
  margin: 0 0 8px;
}

#persona-engine#persona-engine .pe-s-52f344be.pe-s-52f344be.pe-s-52f344be {
  flex: 1;
  font-size: 11px;
  padding: 8px 10px;
}

#persona-engine#persona-engine .pe-s-babaab8f.pe-s-babaab8f.pe-s-babaab8f {
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px dashed rgba(255,255,255,0.08);
}

#persona-engine#persona-engine .pe-s-493ac307.pe-s-493ac307.pe-s-493ac307 {
  flex: 1;
  font-size: 11px;
  padding: 8px 10px;
  background: rgba(56, 189, 248, 0.2);
  border: 1px solid rgba(56, 189, 248, 0.4);
}

#persona-engine#persona-engine .pe-s-45ee262f.pe-s-45ee262f.pe-s-45ee262f {
  flex: 1;
  font-size: 11px;
  padding: 8px 10px;
  background: rgba(251, 146, 60, 0.25);
  border: 1px solid rgba(251, 146, 60, 0.45);
}

#persona-engine#persona-engine .pe-s-9cdf9ab2.pe-s-9cdf9ab2.pe-s-9cdf9ab2 {
  width: 100%;
  font-size: 11px;
  padding: 6px 8px;
  margin-top: 6px;
  border-radius: 6px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(0,0,0,0.25);
  color: inherit;
}

#persona-engine#persona-engine .pe-s-7a261f4a.pe-s-7a261f4a.pe-s-7a261f4a {
  width: 100%;
  margin-top: 6px;
  font-size: 11px;
  padding: 8px 10px;
}

#persona-engine#persona-engine .pe-s-7c5f3618.pe-s-7c5f3618.pe-s-7c5f3618 {
  font-family: var(--font-display);
  margin-bottom: 8px;
}

#persona-engine#persona-engine .pe-s-511a5eb3.pe-s-511a5eb3.pe-s-511a5eb3 {
  display: flex;
  gap: 8px;
  margin-bottom: 18px;
  background: rgba(8, 7, 13, 0.6);
  padding: 4px;
  border-radius: 12px;
  border: 1px solid var(--glass-border);
}

#persona-engine#persona-engine .pe-s-3ac3039a.pe-s-3ac3039a.pe-s-3ac3039a {
  flex: 1;
  padding: 8px 10px;
  font-size: 12px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

#persona-engine#persona-engine .pe-s-1f9f8155.pe-s-1f9f8155.pe-s-1f9f8155 {
  width: 100%;
  padding: 8px 10px;
  font-size: 12px;
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.25), rgba(217, 70, 239, 0.25));
  border-color: rgba(239, 68, 68, 0.5);
  color: #f43f5e;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

#persona-engine#persona-engine .pe-s-7dac23e3.pe-s-7dac23e3.pe-s-7dac23e3 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

#persona-engine#persona-engine .pe-s-3de76c89.pe-s-3de76c89.pe-s-3de76c89 {
  margin-top: 8px;
  padding: 10px 12px;
  border-radius: 8px;
  background: rgba(251, 146, 60, 0.08);
  border: 1px dashed rgba(251, 146, 60, 0.35);
}

#persona-engine#persona-engine .pe-s-857d1d61.pe-s-857d1d61.pe-s-857d1d61 {
  color: #fdba74;
}

#persona-engine#persona-engine .pe-s-d9b43ac8.pe-s-d9b43ac8.pe-s-d9b43ac8 {
  display: flex;
  gap: 8px;
  margin-top: 6px;
  flex-wrap: wrap;
}

#persona-engine#persona-engine .pe-s-64d842c0.pe-s-64d842c0.pe-s-64d842c0 {
  flex: 0 0 auto;
}

#persona-engine#persona-engine .pe-s-556a8083.pe-s-556a8083.pe-s-556a8083 {
  padding: 12px;
  margin-top: 8px;
}

#persona-engine#persona-engine .pe-s-3616a76a.pe-s-3616a76a.pe-s-3616a76a {
  width: 20px;
  height: 20px;
}

#persona-engine#persona-engine .pe-s-8a7b4e0a.pe-s-8a7b4e0a.pe-s-8a7b4e0a {
  font-size: 11px;
  margin-left: 8px;
}

#persona-engine#persona-engine .pe-s-ba78384f.pe-s-ba78384f.pe-s-ba78384f {
  background: rgba(0,0,0,0.3);
  border: 1px solid var(--accent-primary);
  border-radius: var(--border-radius-md);
  padding: 14px;
  margin-bottom: 20px;
}

#persona-engine#persona-engine .pe-s-e6a74c64.pe-s-e6a74c64.pe-s-e6a74c64 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  gap: 8px;
  flex-wrap: wrap;
}

#persona-engine#persona-engine .pe-s-8c488262.pe-s-8c488262.pe-s-8c488262 {
  font-size: 12px;
  text-transform: uppercase;
  color: var(--accent-primary);
  margin: 0;
  font-family: var(--font-display);
}

#persona-engine#persona-engine .pe-s-4b6c6dff.pe-s-4b6c6dff.pe-s-4b6c6dff {
  font-size: 10px;
  background: rgba(16, 185, 129, 0.2);
  color: var(--success);
  border: 1px solid var(--success);
  padding: 2px 8px;
  border-radius: 12px;
  font-weight: bold;
}

#persona-engine#persona-engine .pe-s-5b4be1d8.pe-s-5b4be1d8.pe-s-5b4be1d8 {
  display: block;
  font-size: 10px;
  color: var(--text-muted);
  margin-bottom: 4px;
}

#persona-engine#persona-engine .pe-s-78d68553.pe-s-78d68553.pe-s-78d68553 {
  display: flex;
  gap: 8px;
  margin-top: 12px;
  flex-wrap: wrap;
}

#persona-engine#persona-engine .pe-s-54e5e307.pe-s-54e5e307.pe-s-54e5e307 {
  font-size: 11px;
  color: var(--text-muted);
  margin: 10px 0 0;
  line-height: 1.4;
}

#persona-engine#persona-engine .pe-s-ef8eaa87.pe-s-ef8eaa87.pe-s-ef8eaa87 {
  font-family: var(--font-display);
  font-size: 16px;
  margin-bottom: 16px;
  color: var(--text-secondary);
}

#persona-engine#persona-engine .pe-s-46f7bd46.pe-s-46f7bd46.pe-s-46f7bd46 {
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 16px;
}

#persona-engine#persona-engine .pe-s-0fdf0daa.pe-s-0fdf0daa.pe-s-0fdf0daa {
  margin-top: 28px;
}

#persona-engine#persona-engine .pe-s-4750b792.pe-s-4750b792.pe-s-4750b792 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  flex-wrap: wrap;
  gap: 12px;
}

#persona-engine#persona-engine .pe-s-ffc73ae8.pe-s-ffc73ae8.pe-s-ffc73ae8 {
  color: var(--accent-primary);
}

#persona-engine#persona-engine .pe-s-32d46e6f.pe-s-32d46e6f.pe-s-32d46e6f {
  padding: 24px 0;
  text-align: center;
}

#persona-engine#persona-engine .pe-s-72ed4f3e.pe-s-72ed4f3e.pe-s-72ed4f3e {
  justify-content: center;
}