.main-content{display:grid;grid-template-columns:380px 1fr;gap:24px;padding:24px 32px;max-width:1400px;margin:0 auto}.control-panel{background-color:var(--color-bg-medium);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:24px;height:fit-content;position:sticky;top:24px}.control-panel h2{color:var(--color-gold);font-size:18px;font-family:var(--font-display);border-bottom:1px solid var(--color-border);padding-bottom:12px;margin-bottom:20px}.output-panel{display:flex;flex-direction:column;gap:20px}.npc-card{background-color:var(--color-bg-medium);border:1px solid var(--color-border);border-radius:var(--border-radius);overflow:hidden;transition:opacity var(--transition-speed)}.npc-card.generating{opacity:0.5}.npc-card-header{background:linear-gradient(135deg,var(--color-bg-card),var(--color-bg-medium));padding:24px;border-bottom:2px solid var(--color-accent)}.npc-name{font-size:28px;font-weight:bold;color:var(--color-gold);font-family:var(--font-display);text-shadow:0 0 10px var(--color-gold-glow)}.npc-title{font-size:14px;color:var(--color-accent);font-style:italic}.npc-stats-row{display:flex;flex-wrap:wrap;gap:8px;padding:16px 24px;background-color:rgba(0,0,0,0.2)}.npc-badge{background-color:var(--color-bg-card);border-radius:999px;font-size:12px;color:var(--color-text-secondary);border:1px solid var(--color-border);padding:4px 12px;text-transform:capitalize}.stat-bars-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.npc-card-body{padding:24px}.npc-section{margin-bottom:20px}.npc-section:last-child{margin-bottom:0}.npc-section h3{font-size:14px;color:var(--color-accent);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--color-border);padding-bottom:8px;margin-bottom:12px;font-family:var(--font-display)}.trait-tags{display:flex;flex-wrap:wrap;gap:8px}.trait-tag{background-color:var(--color-bg-card);color:var(--color-gold);border-radius:999px;font-size:12px;border:1px solid var(--color-gold);padding:4px 12px}.stat-bars{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat-bar-item{display:flex;align-items:center;gap:10px}.stat-bar-label{font-size:12px;font-weight:bold;color:var(--color-text-secondary);width:36px;text-transform:uppercase}.stat-bar-track{flex:1;height:8px;background-color:var(--color-input-bg);border-radius:var(--border-radius)}.stat-bar-fill{height:100%;background:linear-gradient(to right,var(--color-accent),var(--color-gold));border-radius:var(--border-radius);transition:width 0.5s ease}.stat-bar-value{font-size:13px;font-weight:bold;color:var(--color-gold);width:24px;text-align:right}.relationship-list{list-style:none;padding:0;margin:0}.relationship-list li{padding:8px 0;border-bottom:1px solid var(--color-border)}.relationship-list li:last-child{border-bottom:none}.relationship-item{display:flex;justify-content:space-between;padding:8px;border-bottom:1px solid var(--color-border)}.relationship-item:last-child{border-bottom:none}.relationship-name{color:var(--color-gold);font-weight:bold}.relationship-type{color:var(--color-text-secondary);font-style:italic}.npc-quote{border-left:3px solid var(--color-accent);padding:12px 16px;margin:0 24px 24px;background-color:rgba(91,138,245,0.08);font-style:italic;border-radius:0 var(--border-radius)var(--border-radius)0;color:var(--color-text-primary)}.npc-section:first-child{padding-top:0}.npc-actions{display:flex;gap:10px;flex-wrap:wrap;padding:16px 24px;border-top:1px solid var(--color-border)}@media(max-width:900px){.main-content{grid-template-columns:1fr;padding:16px}.control-panel{position:static}}