@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root {
  --bg-main: #070b12;
  --bg-panel: #0d1420;
  --bg-panel-soft: rgba(14, 22, 34, 0.76);
  --bg-input: rgba(16, 24, 38, 0.8);
  --border-color: rgba(177, 198, 255, 0.16);
  --border-strong: rgba(191, 210, 255, 0.32);
  --text-primary: #f8fbff;
  --text-secondary: #c2cbdf;
  --text-muted: #8390ad;
  --primary: #52e5a5;
  --primary-hover: #63f0b3;
  --violet: #8664ff;
  --shadow-hard: 0 3px 0 rgba(124, 92, 255, 0.85);
  --sidebar-width: 282px;
  --font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

* { box-sizing: border-box; }
html, body { min-height: 100%; }
body {
  margin: 0;
  min-height: 100vh;
  display: flex;
  overflow: hidden;
  background:
    radial-gradient(circle at 66% 18%, rgba(65, 84, 132, 0.18), transparent 34%),
    linear-gradient(180deg, #080d16 0%, #070b12 60%, #05070c 100%);
  color: var(--text-primary);
  font-family: var(--font-family);
  -webkit-font-smoothing: antialiased;
}

a { color: inherit; }
button, input, textarea, select { font: inherit; }

.app-sidebar {
  width: var(--sidebar-width);
  flex: 0 0 var(--sidebar-width);
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 22px 24px;
  background: linear-gradient(180deg, rgba(13, 22, 34, 0.96), rgba(9, 15, 25, 0.98));
  border-right: 1px solid var(--border-color);
  box-shadow: 18px 0 50px rgba(0, 0, 0, 0.2);
  transition: margin-left 180ms ease, visibility 180ms ease;
  overflow: hidden;
}
.sidebar-top { flex: 1 1 auto; min-height: 0; overflow-y: auto; overflow-x: hidden; padding-bottom: 16px; scrollbar-width: thin; scrollbar-color: rgba(177,198,255,.2) transparent; }

.sidebar-brand,
.sidebar-action,
.chat-item,
.nav-link,
.sidebar-user,
.agent-header-info,
.input-controls,
.section-header,
.template-card,
.explore-card-top,
.builder-intro {
  display: flex;
  align-items: center;
}

.sidebar-brand { justify-content: space-between; margin-bottom: 24px; }
.brand-logo, .builder-brand {
  text-decoration: none;
  font-size: 38px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0;
  border-bottom: 0.12em solid var(--primary);
  padding-bottom: 0.05em;
  display: inline-block;
}
.brand-logo span, .builder-brand span, .main-brand-logo span { color: var(--primary); }
.settings-link, .icon-link {
  width: 42px;
  height: 42px;
  border: 0;
  display: grid;
  place-items: center;
  color: #dce7ff;
  background: transparent;
  text-decoration: none;
  cursor: pointer;
}
.sidebar-toggle {
  position: fixed;
  z-index: 1000;
  top: 20px;
  left: calc(var(--sidebar-width) - 55px);
  width: 38px;
  height: 38px;
  border: none;
  border-radius: 7px;
  display: grid;
  place-items: center;
  color: #dce7ff;
  background: transparent;
  box-shadow: none;
  cursor: pointer;
  transition: color 140ms ease, background 140ms ease;
}
.sidebar-quick-search {
  position: fixed;
  z-index: 1000;
  top: 20px;
  left: calc(var(--sidebar-width) - 95px);
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 7px;
  color: #dce7ff;
  background: transparent;
  text-decoration: none;
  transition: color 140ms ease, background 140ms ease;
}
.sidebar-quick-chats{position:fixed;z-index:1000;top:116px;left:17px;width:38px;height:38px;display:none;place-items:center;border-radius:7px;color:#dce7ff;background:transparent;text-decoration:none;transition:color 140ms ease,background 140ms ease}
.sidebar-quick-search:hover,.sidebar-quick-search:focus-visible,.sidebar-quick-chats:hover,.sidebar-quick-chats:focus-visible,.sidebar-toggle:hover,.sidebar-toggle:focus-visible { color: var(--primary); background: #111c2c; outline: none; }
.sidebar-toggle-open, .sidebar-toggle-menu, .sidebar-toggle-mobile-close { display: none; }
.sidebar-backdrop { display: none; }
.mobile-site-bar{display:none}
body.sidebar-collapsed .app-sidebar {
  width: 72px;
  flex-basis: 72px;
  margin-left: 0;
  padding: 20px 14px;
  visibility: visible;
}
body.sidebar-collapsed .sidebar-toggle { top: 72px; left: 17px; }
body.sidebar-collapsed .sidebar-quick-search { top: 116px; left: 17px; display: grid; }
body.sidebar-collapsed .sidebar-quick-chats { top: 160px; left: 17px; display: grid; }
body.sidebar-collapsed .sidebar-toggle-close { display: none; }
body.sidebar-collapsed .sidebar-toggle-open { display: block; }
body.sidebar-collapsed .sidebar-brand { justify-content: center; margin-bottom: 68px; }
body.sidebar-collapsed .brand-logo {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(82,229,165,.45);
  border-radius: 7px;
  font-size: 0;
  background: rgba(82,229,165,.08);
}
body.sidebar-collapsed .brand-logo::before { content: 't.'; display: block; color: var(--primary); font-size: 24px; font-weight: 950; line-height: 1; transform: translateY(3px); }
body.sidebar-collapsed .brand-logo span,
body.sidebar-collapsed .sidebar-action span,
body.sidebar-collapsed .chat-info,
body.sidebar-collapsed .chat-time,
body.sidebar-collapsed .all-chats-link,
body.sidebar-collapsed .nav-link span,
body.sidebar-collapsed .user-details,
body.sidebar-collapsed .settings-link { display: none; }
body.sidebar-collapsed .sidebar-action,
body.sidebar-collapsed .nav-link { justify-content: center; gap: 0; }
body.sidebar-collapsed .sidebar-top > .sidebar-action:not(.sidebar-search-collapsed-only) { position: fixed; z-index: 1000; top: 204px; left: 17px; width: 38px; height: 38px; min-height: 38px; margin: 0; }
body.sidebar-collapsed .recent-chats-heading,
body.sidebar-collapsed .recent-chats-list,
body.sidebar-collapsed .all-chats-link { display: none; }
body.sidebar-collapsed .sidebar-nav { margin-top: 167px; padding-top: 16px; gap: 2px; border-top: 0; }
body.sidebar-collapsed .sidebar-user { justify-content: center; margin: 0 -14px -20px; padding: 14px; }
body.sidebar-collapsed .sidebar-guest-login { justify-content: center; margin: 0 -14px -20px; padding: 18px 14px; }
body.sidebar-collapsed .sidebar-guest-login span { display: none; }
body.sidebar-collapsed .user-avatar { width: 42px; height: 42px; }
body.sidebar-collapsed .app-sidebar { cursor: e-resize; }
body.sidebar-collapsed .app-sidebar :is(a,button,input,select,textarea,label) { cursor: pointer; }
body.sidebar-collapsed .app-main::after,
body.sidebar-collapsed .chat-layout-main::after { left: 72px; }

.sidebar-action {
  gap: 10px;
  min-height: 42px;
  margin: 5px 0 12px;
  color: #edf4ff;
  text-decoration: none;
  font-weight: 600;
  font-size: 15px;
}
.sidebar-search-collapsed-only { display: none !important; }
body.sidebar-collapsed .sidebar-search-collapsed-only { display: none !important; }
.sidebar-action svg, .nav-link svg { flex: 0 0 auto; }

.recent-chats-list { margin: 22px 0 18px; display: grid; gap: 8px; }
.chat-item-row{position:relative;min-width:0}.chat-item-row>.chat-item{padding-right:36px}.chat-item-menu-button{position:absolute;z-index:3;top:50%;right:5px;width:30px;height:30px;display:grid;place-items:center;padding:0;border:0;border-radius:6px;color:#aebbd0;background:#162236;font:inherit;font-size:14px;font-weight:900;letter-spacing:1px;line-height:1;cursor:pointer;opacity:0;transform:translateY(-50%);transition:opacity .14s ease,color .14s ease,background .14s ease}.chat-item-row:hover .chat-item-menu-button,.chat-item-row:focus-within .chat-item-menu-button,.chat-item-menu-button[aria-expanded="true"]{opacity:1}.chat-item-menu-button:hover,.chat-item-menu-button:focus-visible{color:#fff;background:#22324c;outline:2px solid rgba(125,147,184,.28)}.chat-item-menu{position:absolute;z-index:20;top:calc(50% + 18px);right:5px;min-width:132px;padding:5px;border:1px solid #3a4964;border-radius:7px;background:#111b2a;box-shadow:0 16px 36px rgba(0,0,0,.42)}.chat-item-menu[hidden]{display:none}.chat-item-menu button{width:100%;padding:9px 10px;border:0;border-radius:5px;color:#ffabb4;background:transparent;text-align:left;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.chat-item-menu button:hover,.chat-item-menu button:focus-visible{background:rgba(255,111,126,.12);outline:0}.chat-item-menu button:disabled{opacity:.55;cursor:wait}
.chat-item {
  gap: 12px;
  min-height: 58px;
  color: var(--text-secondary);
  text-decoration: none;
  border-radius: 8px;
}
.chat-item:hover, .chat-item.active { color: var(--text-primary); }
.chat-info { min-width: 0; flex: 1; display: grid; gap: 3px; }
.chat-name { font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.chat-preview { color: #aebcf0; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.chat-time { color: #aebcf0; font-size: 12px; }
.all-chats-link {
  display: flex;
  justify-content: space-between;
  padding: 14px 2px 24px;
  border-bottom: 1px solid var(--border-color);
  color: #e7efff;
  text-decoration: none;
  font-weight: 600;
}

.sidebar-nav { padding-top: 20px; display: grid; gap: 13px; }
.nav-link {
  gap: 16px;
  min-height: 42px;
  color: #eef5ff;
  text-decoration: none;
  font-weight: 650;
}
.nav-link:hover, .nav-link.active { color: var(--primary); }
.nav-arrow { margin-left: auto; color: #aebcf0; font-size: 28px; line-height: 1; }
.nav-badge {
  margin-left: auto;
  min-width: 24px;
  height: 24px;
  display: inline-grid;
  place-items: center;
  border-radius: 8px;
  color: #06110d;
  background: var(--primary);
  font-size: 12px;
  font-weight: 900;
}

.sidebar-user {
  gap: 13px;
  margin: 0 -24px -22px;
  padding: 16px 24px 18px;
  border-top: 1px solid var(--border-color);
  background: rgba(255, 255, 255, 0.02);
  color: var(--text-primary);
  text-decoration: none;
}
.sidebar-user:hover,.sidebar-user.active { background: rgba(82,229,165,.08); }
.admin-sidebar-brand{display:grid;gap:8px;justify-items:start}
.admin-sidebar-label{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--primary);letter-spacing:.08em}
.admin-sidebar-nav{margin-top:18px}
.admin-sidebar-footer{display:grid;gap:10px;border-top:1px solid var(--border);padding-top:14px}
.admin-sidebar-footer .sidebar-user{margin:0 -14px -20px}
body.sidebar-collapsed .admin-sidebar-label{display:none}
body.sidebar-collapsed .admin-sidebar-brand{justify-items:center;margin-bottom:28px}
body.sidebar-collapsed .admin-sidebar-nav{margin-top:0;padding-top:0}
body.sidebar-collapsed .admin-sidebar-footer .nav-link{justify-content:center}
.sidebar-guest-login {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 -24px -22px;
  padding: 18px 24px;
  border-top: 1px solid var(--border-color);
  background: rgba(255, 255, 255, 0.02);
  color: var(--text-primary);
  text-decoration: none;
  font-weight: 850;
}
.sidebar-guest-login:hover { background: rgba(82,229,165,.08); color: #fff; }
.user-details { display: grid; gap: 2px; min-width: 0; flex: 1; }
.user-name { font-weight: 800; }
.user-handle { color: #aebcf0; font-size: 13px; }

.app-main, .chat-layout-main {
  flex: 1;
  min-width: 0;
  height: 100vh;
  overflow: auto;
  position: relative;
}
.app-main::after, .chat-layout-main::after {
  content: '';
  position: fixed;
  left: var(--sidebar-width);
  right: 0;
  bottom: 0;
  height: 70px;
  pointer-events: none;
  background:
    linear-gradient(90deg, transparent 0 4%, #1f1a48 4% 11%, transparent 11% 18%, #362064 18% 21%, transparent 21% 100%) 0 28px / 380px 12px repeat-x,
    linear-gradient(90deg, #0e6d5c 0 28px, #1fa37d 28px 34px, #0a392f 34px 100%) 0 54px / 78px 16px repeat-x;
  opacity: 0.75;
}

.home-shell { width: min(1060px, calc(100% - 56px)); margin: 0 auto; padding: 86px 0 120px; }
.main-header { position: relative; text-align: center; }
.home-language { position: absolute; top: -54px; right: 0; }
.main-brand-logo { margin: 0 0 30px; font-size: clamp(64px, 8vw, 92px); line-height: 0.95; font-weight: 900; letter-spacing: 0; text-shadow: 0 8px 26px rgba(0, 0, 0, 0.3); border-bottom: 0.12em solid var(--primary); padding-bottom: 0.05em; display: inline-block; }

.agent-switcher { display: flex; align-items: center; justify-content: center; gap: 14px; margin-bottom: 12px; }
.agent-pill {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 42px;
  padding: 7px 14px;
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  background: rgba(21, 31, 49, 0.74);
  text-decoration: none;
  color: #eaf1ff;
  font-weight: 800;
}
.agent-pill.active { box-shadow: inset 0 0 0 1px rgba(255,255,255,0.05); }

.hero-input-container { width: min(800px, 100%); margin: 0 auto 76px; }
.input-box-wrapper, .chat-input-box {
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  background: rgba(12, 19, 31, 0.68);
  box-shadow: 0 18px 55px rgba(0,0,0,0.24);
}
.input-box-wrapper { position: relative; padding: 18px 18px 12px; }
.prompt-textarea {
  width: 100%;
  min-height: 58px;
  resize: none;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--text-primary);
  font-size: 20px;
  line-height: 1.45;
}
.prompt-textarea::placeholder { color: #8c96b6; }
.input-controls { justify-content: space-between; gap: 12px; }
.left-controls, .right-controls { display: flex; align-items: center; gap: 12px; }
.ctrl-btn {
  width: 36px;
  height: 36px;
  border: 0;
  display: grid;
  place-items: center;
  background: transparent;
  color: #eef4ff;
  font-size: 28px;
  cursor: pointer;
}
.home-file-button { cursor: pointer; }
.selected-agent-target { max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; font: inherit; font-size: 18px; font-weight: 400; display: inline-flex; align-items: center; line-height: 1; margin-top: 8px; margin-left: -10px; padding: 0; border: 0; background: transparent; cursor: pointer; }
.home-attachment-pill { width: fit-content; max-width: 100%; margin: 8px 0 2px; padding: 6px 7px 6px 10px; display: flex; align-items: center; gap: 8px; border: 1px solid rgba(82,229,165,.35); border-radius: 6px; background: rgba(82,229,165,.08); font-size: 13px; }
.home-attachment-pill[hidden], .mention-panel[hidden], .agent-intro-actions[hidden], .home-file-button[hidden] { display: none !important; }
.home-attachment-pill span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.home-attachment-pill button { width: 24px; height: 24px; border: 0; border-radius: 4px; background: transparent; color: #aebcf0; font-size: 19px; cursor: pointer; }
.mention-panel { position: absolute; z-index: 40; top: calc(100% + 12px); left: 14px; width: min(390px, calc(100% - 28px)); max-height: min(430px, 62vh); overflow: auto; padding: 8px; border: 1px solid var(--border-strong); border-radius: 8px; background: #0d1624; box-shadow: 0 18px 48px rgba(0,0,0,.48); }
.mention-search-wrap { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; gap: 8px; padding: 8px 10px; border: 1px solid var(--border-strong); border-radius: 6px; background: #111c2c; color: #94a3c7; }
.mention-search-wrap input { width: 100%; min-width: 0; border: 0; outline: 0; padding: 0 4px 0 9px; background: transparent; color: var(--text-primary); font: inherit; }
.mention-panel-title { padding: 7px 8px 9px; color: #8998bd; font-size: 12px; font-weight: 900; }
.mention-results { display: grid; gap: 3px; }
.mention-agent { width: 100%; display: flex; align-items: center; gap: 10px; padding: 9px; border: 0; border-radius: 6px; background: transparent; color: #eef4ff; text-align: left; cursor: pointer; }
.mention-agent:hover, .mention-agent:focus-visible { background: rgba(82,229,165,.1); outline: none; }
.mention-agent-avatar { width: 38px; height: 38px; flex: 0 0 38px; display: grid; place-items: center; border: 1px solid var(--mention-accent); border-radius: 6px; background: color-mix(in srgb, var(--mention-accent) 16%, #111a29); color: #fff; font-weight: 950; }
.mention-agent-copy { min-width: 0; display: grid; gap: 2px; }
.mention-agent-copy strong, .mention-agent-copy small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mention-agent-copy small { color: #9eabd0; }
.mention-empty { padding: 16px 9px; color: #9eabd0; font-size: 13px; }
.btn-send {
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 7px;
  display: grid;
  place-items: center;
  color: #04120d;
  background: var(--primary);
  cursor: pointer;
  box-shadow: 0 3px 0 rgba(29, 167, 114, 0.65);
}
.btn-send:hover { background: var(--primary-hover); transform: translateY(-1px); }

.content-section { margin: 0 auto 34px; width: min(860px, 100%); }
.section-header { justify-content: space-between; margin-bottom: 12px; }
.compact-header { justify-content: flex-start; gap: 18px; }
.section-title { margin: 0; font-size: 19px; font-weight: 900; }
.section-tab, .see-all-link { color: #aebcf0; text-decoration: none; font-weight: 650; }
.agents-row { display: grid; grid-template-columns: repeat(4, minmax(76px, 1fr)); gap: 12px; }
.agent-card {
  min-width: 0;
  display: grid;
  justify-items: center;
  gap: 7px;
  color: var(--text-primary);
  text-decoration: none;
  text-align: center;
}
.agent-card-name { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; font-weight: 850; }
.agent-card-category { color: #aebcf0; font-size: 11px; }
.agent-card-avatar, .chat-avatar, .mini-avatar, .template-icon, .explore-avatar, .user-avatar, .agent-header-avatar {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 8px;
  color: #07100d;
  background: linear-gradient(145deg, var(--avatar-accent), color-mix(in srgb, var(--avatar-accent) 58%, #0a1020));
  border: 1px solid rgba(255,255,255,0.26);
  font-weight: 900;
  box-shadow: inset 0 -10px 18px rgba(0,0,0,0.16);
}
.agent-card-avatar { width: 56px; height: 56px; font-size: 18px; }
.chat-avatar { width: 42px; height: 42px; font-size: 15px; }
.mini-avatar { width: 30px; height: 30px; font-size: 15px; }
.template-icon { width: 58px; height: 58px; font-size: 24px; }
.explore-avatar { width: 58px; height: 58px; font-size: 20px; }
.user-avatar { width: 46px; height: 46px; font-size: 16px; }
.agent-header-avatar { width: 48px; height: 48px; font-size: 18px; }
.is-signal-avatar {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  text-shadow: 1px 0 rgba(255,255,255,.55), -1px 0 rgba(61,236,255,.35);
}
.is-signal-avatar::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  opacity: .135;
  background:
    repeating-linear-gradient(0deg, transparent 0 3px, rgba(6,10,18,.55) 3px 5px),
    repeating-linear-gradient(90deg, rgba(255,255,255,.08) 0 1px, transparent 1px 4px);
  animation: avatarSignalJitter .42s steps(2,end) infinite;
}
.is-signal-avatar::after {
  content: '';
  position: absolute;
  z-index: -1;
  left: -8%;
  right: -8%;
  top: -45%;
  height: 32%;
  pointer-events: none;
  background: linear-gradient(180deg,transparent,rgba(255,255,255,.075),transparent);
  filter: blur(.4px);
  animation: avatarSignalRoll 2.4s linear infinite;
}
@keyframes avatarSignalJitter {
  0% { transform: translateY(0); opacity: .12; }
  25% { transform: translateY(1px); opacity: .15; }
  50% { transform: translate(-1px,-1px); opacity: .125; }
  75% { transform: translate(1px,0); opacity: .17; }
  100% { transform: translateY(0); opacity: .12; }
}
@keyframes avatarSignalRoll {
  from { transform: translateY(0); }
  to { transform: translateY(460%); }
}
@media (prefers-reduced-motion: reduce) {
  .is-signal-avatar::before,.is-signal-avatar::after { animation: none; }
}

.templates-section { margin-top: 124px; }
.templates-section .compact-header { margin-bottom: 26px; }
.templates-grid { display: grid; grid-template-columns: 1fr; gap: 46px; }
.template-card {
  min-height: 164px;
  gap: 28px;
  padding: 18px 24px;
  border-radius: 12px;
  color: var(--text-primary);
  background: linear-gradient(135deg, rgba(17, 24, 39, 0.88), rgba(11, 16, 28, 0.95));
  text-decoration: none;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
  transition: transform .25s cubic-bezier(0.16, 1, 0.3, 1),
              border-color .25s ease,
              box-shadow .25s ease;
  position: relative;
  overflow: hidden;
}

.template-card:hover {
  transform: translateY(-4px);
}

/* Themed Glowing Card Outlines - Matching Editorial Flat-Art Palette */
.template-card-person {
  border-color: rgba(46, 196, 182, 0.3);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(46, 196, 182, 0.15);
}
.template-card-person:hover {
  border-color: #2ec4b6;
  box-shadow: 0 12px 36px rgba(46, 196, 182, 0.28), 0 0 18px rgba(46, 196, 182, 0.2);
}

.template-card-freelancer {
  border-color: rgba(255, 94, 87, 0.3);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 94, 87, 0.15);
}
.template-card-freelancer:hover {
  border-color: #ff5e57;
  box-shadow: 0 12px 36px rgba(255, 94, 87, 0.28), 0 0 18px rgba(255, 94, 87, 0.2);
}

.template-card-company {
  border-color: rgba(245, 166, 35, 0.3);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(245, 166, 35, 0.15);
}
.template-card-company:hover {
  border-color: #f5a623;
  box-shadow: 0 12px 36px rgba(245, 166, 35, 0.28), 0 0 18px rgba(245, 166, 35, 0.2);
}

.template-card-character {
  border-color: rgba(108, 92, 231, 0.3);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(108, 92, 231, 0.15);
}
.template-card-character:hover {
  border-color: #6c5ce7;
  box-shadow: 0 12px 36px rgba(108, 92, 231, 0.28), 0 0 18px rgba(108, 92, 231, 0.2);
}

/* Modern Flat Art Canvas & Scene Layout */
.template-card .template-scene {
  flex: 0 0 214px;
  width: 214px;
  height: 140px;
  position: relative;
  display: block;
  box-sizing: border-box;
}

.modern-art-canvas {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
  background: #0d121f;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.12);
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease, border-color 0.3s ease;
}

/* Subtle Commodore 64 / Minecraft Retro Scanline & Micro-Pixel Lattice Overlay */
.modern-art-canvas::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: 11px;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.16) 0px,
      rgba(0, 0, 0, 0.16) 1.5px,
      transparent 1.5px,
      transparent 3px
    ),
    repeating-linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.08) 0px,
      rgba(0, 0, 0, 0.08) 1.5px,
      transparent 1.5px,
      transparent 3px
    );
  z-index: 6;
  opacity: 0.85;
  transition: opacity 0.25s ease;
}

.template-card:hover .modern-art-canvas::after {
  opacity: 0.65;
}

.template-card:hover .modern-art-canvas {
  transform: scale(1.025);
}

.template-card-person:hover .modern-art-canvas {
  border-color: rgba(46, 196, 182, 0.5);
  box-shadow: 0 12px 32px rgba(46, 196, 182, 0.22);
}
.template-card-freelancer:hover .modern-art-canvas {
  border-color: rgba(255, 94, 87, 0.5);
  box-shadow: 0 12px 32px rgba(255, 94, 87, 0.22);
}
.template-card-company:hover .modern-art-canvas {
  border-color: rgba(245, 166, 35, 0.5);
  box-shadow: 0 12px 32px rgba(245, 166, 35, 0.22);
}
.template-card-character:hover .modern-art-canvas {
  border-color: rgba(108, 92, 231, 0.5);
  box-shadow: 0 12px 32px rgba(108, 92, 231, 0.22);
}

.modern-art-svg {
  width: 100%;
  height: 100%;
  display: block;
}

.template-copy { min-width: 0; display: grid; gap: 6px; }
.template-title { min-width: 0; font-size: 22px; font-weight: 900; }
.template-description { max-width: 560px; color: #aebcf0; font-size: 14px; line-height: 1.55; }

/* ==========================================================================
   MODERN MINIMALIST VECTOR ART ANIMATIONS (60FPS HARDWARE-ACCELERATED)
   ========================================================================== */

/* Scene 1: Kişisel - Seated Assistant Breathing, Soundwaves, Animated Stylus */
.art-figure-breathe {
  animation: artFigureBreathe 3.4s ease-in-out infinite alternate;
}
@keyframes artFigureBreathe {
  0% { transform: translateY(0); }
  100% { transform: translateY(-2px); }
}

.art-wave-1 {
  animation: artSoundWave 0.8s ease-in-out infinite alternate;
  transform-origin: 1px 8px;
}
.art-wave-2 {
  animation: artSoundWave 0.6s ease-in-out infinite alternate 0.15s;
  transform-origin: 5px 10px;
}
.art-wave-3 {
  animation: artSoundWave 0.9s ease-in-out infinite alternate 0.3s;
  transform-origin: 9px 8px;
}
@keyframes artSoundWave {
  0% { transform: scaleY(0.4); opacity: 0.6; }
  100% { transform: scaleY(1.3); opacity: 1; }
}

.art-pulse-dot {
  animation: artPulseDot 1.4s ease-in-out infinite alternate;
}
@keyframes artPulseDot {
  0% { opacity: 0.4; }
  100% { opacity: 1; }
}

.art-pen-writing {
  animation: artPenWriting 1.6s ease-in-out infinite alternate;
}
@keyframes artPenWriting {
  0% { transform: translate(0, 0) rotate(0deg); }
  50% { transform: translate(-3px, 1px) rotate(3deg); }
  100% { transform: translate(-7px, -1px) rotate(-2deg); }
}

/* Scene 2: Freelancer - Swaying Plant, Typing, Coffee Steam, Lead Bubble */
.art-plant-sway {
  transform-origin: 9px 28px;
  animation: artPlantSway 3.8s ease-in-out infinite alternate;
}
@keyframes artPlantSway {
  0% { transform: rotate(-3deg); }
  100% { transform: rotate(3deg); }
}

.art-figure-typing {
  animation: artFigureTyping 2.2s ease-in-out infinite alternate;
}
@keyframes artFigureTyping {
  0% { transform: translateY(0); }
  45% { transform: translateY(-0.8px); }
  80% { transform: translateY(0.4px); }
  100% { transform: translateY(-1.2px); }
}

.art-lead-bubble {
  animation: artLeadFloat 2.6s ease-in-out infinite alternate;
}
@keyframes artLeadFloat {
  0% { transform: translateY(0); }
  100% { transform: translateY(-4px); }
}

.art-steam-1 {
  animation: artSteamRise 2.4s ease-out infinite;
}
.art-steam-2 {
  animation: artSteamRise 2.4s ease-out infinite 1.2s;
}
@keyframes artSteamRise {
  0% { transform: translateY(0); opacity: 0; }
  35% { opacity: 0.85; }
  100% { transform: translateY(-9px); opacity: 0; }
}

/* Scene 3: İşletme - Welcoming Manager, Seated Customer, Walker & Star */
.art-manager-greet {
  animation: artManagerGreet 2.8s ease-in-out infinite alternate;
}
@keyframes artManagerGreet {
  0% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-1.5px) rotate(1deg); }
  100% { transform: translateY(-2px) rotate(-0.5deg); }
}

.art-figure-sit {
  animation: artFigureSit 3.2s ease-in-out infinite alternate 0.3s;
}
@keyframes artFigureSit {
  0% { transform: translateY(0); }
  100% { transform: translateY(-1.5px); }
}

.art-customer-browse {
  animation: artCustomerBrowse 3s ease-in-out infinite alternate 0.6s;
}
@keyframes artCustomerBrowse {
  0% { transform: translateY(0); }
  100% { transform: translateY(-1.8px); }
}

.art-walker-bob {
  animation: artWalkerBob 2s ease-in-out infinite alternate;
}
@keyframes artWalkerBob {
  0% { transform: translateY(0); }
  100% { transform: translateY(-2.2px); }
}

.art-star-float {
  animation: artStarFloat 2.4s ease-in-out infinite alternate;
}
@keyframes artStarFloat {
  0% { transform: translateY(0); }
  100% { transform: translateY(-3.5px); }
}

/* Scene 4: Karakter - 90s Singer Groove, Doctor Pulse/Nod, Teacher Gesture */
.art-sing-groove {
  transform-origin: 0px 60px;
  animation: artSingGroove 1.2s ease-in-out infinite alternate;
}
@keyframes artSingGroove {
  0% { transform: rotate(-2.5deg); }
  100% { transform: rotate(2.5deg); }
}

.art-note-rise {
  animation: artNoteRise 2.2s ease-out infinite;
}
@keyframes artNoteRise {
  0% { transform: translateY(0) scale(0.8); opacity: 0; }
  40% { opacity: 1; transform: translateY(-4px) scale(1.1); }
  100% { transform: translateY(-12px) scale(0.9); opacity: 0; }
}

.art-doctor-nod {
  animation: artDoctorNod 2.2s ease-in-out infinite;
}
@keyframes artDoctorNod {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-1.5px); }
}

.art-doctor-pulse {
  animation: artDoctorPulse 1.4s ease-in-out infinite alternate;
}
@keyframes artDoctorPulse {
  0% { transform: scale(0.94); opacity: 0.8; }
  100% { transform: scale(1.06); opacity: 1; filter: drop-shadow(0 0 3px #2ec4b6); }
}

.art-teacher-gesture {
  transform-origin: 0px 60px;
  animation: artTeacherGesture 2s ease-in-out infinite alternate;
}
@keyframes artTeacherGesture {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(2deg); }
}

@media (max-width: 820px) {
  .template-card { min-height: 0; align-items: flex-start; gap: 16px; padding: 16px; }
  .template-card .template-scene { flex: 0 0 160px; width: 160px; height: 108px; }
  .template-title { font-size: 18px; }
  .template-description { font-size: 13px; }
}

@media (max-width: 520px) {
  .template-card { flex-direction: column; align-items: stretch; gap: 14px; }
  .template-card .template-scene { width: 100%; max-width: 260px; height: 156px; margin: 0 auto; flex: none; }
}


.chat-layout-main { display: flex; flex-direction: column; overflow: hidden; }
.chat-top-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 28px;
  border-bottom: 1px solid var(--border-color);
  background: rgba(8, 13, 22, 0.75);
}
.agent-header-info { gap: 14px; }
.agent-title-text { font-weight: 900; font-size: 18px; }
.agent-title-text[role="button"]{width:fit-content;cursor:pointer;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;transition:color .15s ease,text-decoration-color .15s ease}.agent-title-text[role="button"]:hover{color:#7ce8bd;text-decoration-color:rgba(124,232,189,.7)}.agent-title-text[role="button"]:focus-visible{outline:2px solid rgba(82,229,165,.55);outline-offset:4px;border-radius:3px}
.agent-subtitle-text { color: #aebcf0; font-size: 13px; margin-top: 3px; }
.action-btn-pill, .primary-action {
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  color: var(--text-primary);
  background: rgba(20, 30, 48, 0.72);
  text-decoration: none;
  font-weight: 800;
  padding: 12px 16px;
  cursor: pointer;
  box-shadow: 0 3px 0 rgba(124, 92, 255, 0.55);
}
.chat-scroll-area {
  flex: 1;
  width: min(860px, calc(100% - 40px));
  margin: 0 auto;
  padding: 34px 0 46px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.msg-bubble {
  max-width: min(680px, 88%);
  padding: 14px 16px;
  border-radius: 8px;
  border: 1px solid var(--border-color);
  line-height: 1.55;
  color: #eef4ff;
}

.chat-representative-cards{width:min(760px,calc(100% - 28px));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:4px auto 18px}.chat-representative-card{min-width:0;display:grid;grid-template-columns:58px minmax(0,1fr) 28px;align-items:center;gap:13px;padding:14px;border:1px solid #33435c;border-radius:8px;background:#111b2a;color:#f6f8ff;text-decoration:none;box-shadow:0 3px 0 rgba(82,229,165,.12);transition:border-color .16s ease,background .16s ease,transform .16s ease}.chat-representative-card:hover{border-color:#52e5a5;background:#142333;transform:translateY(-2px)}.chat-representative-avatar{width:58px;height:58px;display:grid;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--avatar-accent) 78%,#fff 22%);border-radius:7px;background:linear-gradient(145deg,var(--avatar-accent),#172234);color:#07130e;font-size:16px;font-weight:900}.chat-representative-avatar img{width:100%;height:100%;object-fit:cover}.chat-representative-copy{min-width:0;display:grid;gap:3px}.chat-representative-copy small{overflow:hidden;color:#78e8b9;font-size:10px;font-weight:800;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.chat-representative-copy strong{overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.chat-representative-copy>span{display:-webkit-box;overflow:hidden;color:#aebbd0;font-size:12px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.chat-representative-open{display:grid;place-items:center;color:#78e8b9;font-size:22px}@media(max-width:700px){.chat-representative-cards{grid-template-columns:1fr}.chat-representative-card{grid-template-columns:52px minmax(0,1fr) 24px}.chat-representative-avatar{width:52px;height:52px}}
.request-confirmation-card{width:min(680px,calc(100% - 28px));display:grid;gap:9px;margin:4px auto 18px;padding:17px;border:1px solid #426651;border-radius:8px;background:#10231d;color:#f4fff9}.request-confirmation-card.is-outside-scope{border-color:#8d7041;background:#282012}.request-confirmation-label{color:#7cebbd;font-size:11px;font-weight:800;text-transform:uppercase}.request-confirmation-card.is-outside-scope .request-confirmation-label{color:#f5ca79}.request-confirmation-card>strong{font-size:16px}.request-confirmation-card>p{margin:0;color:#b7c9c1;font-size:13px;line-height:1.5}.request-confirmation-card>div{display:flex;justify-content:flex-end;gap:9px;margin-top:5px}.request-confirmation-card button{min-height:39px;padding:0 14px;border:1px solid #3a4b5f;border-radius:7px;color:#dbe6f7;background:#172233;font:inherit;font-weight:800;cursor:pointer}.request-confirmation-card .request-confirmation-submit{border-color:#52e5a5;color:#07130e;background:#52e5a5}.request-confirmation-card button:disabled{cursor:wait;opacity:.65}.request-confirmation-card.is-resolved{border-color:#33415a;background:#101927}.request-confirmation-card.is-resolved>div{color:#9fb0c8;font-size:13px}
.msg-agent { align-self: flex-start; background: rgba(15, 23, 36, 0.74); }
.msg-agent.is-thinking{min-width:72px;min-height:48px;display:flex;align-items:center;gap:5px;color:transparent}.msg-agent.is-thinking::before{content:'';width:7px;height:7px;border-radius:50%;background:#9ba9c4;box-shadow:14px 0 0 #9ba9c4,28px 0 0 #9ba9c4;animation:tasdaThinking 1.15s ease-in-out infinite}.msg-agent.is-thinking>*{display:none!important}@keyframes tasdaThinking{0%,100%{opacity:.35;transform:translateY(0)}45%{opacity:1;transform:translateY(-3px)}}
.msg-user { align-self: flex-end; background: rgba(34, 49, 75, 0.74); }
.msg-system { align-self: center; max-width: min(620px, 92%); color: #aebcf0; background: rgba(124, 92, 255, 0.13); }
.msg-agent p { margin: 0 0 9px; }
.msg-agent p:last-child { margin-bottom: 0; }
.msg-agent ul, .msg-agent ol { margin: 5px 0 10px; padding-left: 22px; }
.msg-agent li + li { margin-top: 4px; }
.msg-agent h3, .msg-agent h4 { margin: 2px 0 8px; letter-spacing: 0; }
.msg-agent h3 { font-size: 17px; }
.msg-agent h4 { font-size: 15px; }
.msg-agent code { padding: 2px 5px; border-radius: 4px; background: rgba(255,255,255,.08); color: #b9f5dc; font-size: .92em; }
.msg-agent pre { max-width: 100%; overflow: auto; margin: 8px 0; padding: 10px; border: 1px solid rgba(191,210,255,.14); border-radius: 6px; background: #09111d; }
.msg-agent pre code { padding: 0; background: transparent; }
.msg-agent a { color: #77e9ba; text-underline-offset: 3px; }
.agent-intro-bubble { align-self: stretch; width: 100%; box-sizing: border-box; padding: 18px; border: 1px solid rgba(82,229,165,.3); border-left: 3px solid var(--primary); border-radius: 8px; background: linear-gradient(135deg, rgba(18,35,43,.94), rgba(13,21,34,.94)); box-shadow: 0 12px 30px rgba(0,0,0,.18); }
.agent-intro-identity { display: flex; align-items: center; gap: 12px; }
.agent-intro-avatar { width: 46px; height: 46px; flex: 0 0 46px; }
.agent-intro-identity > div { min-width: 0; display: grid; gap: 2px; }
.agent-intro-identity strong { font-size: 17px; }
.agent-intro-identity span { color: #aebcf0; font-size: 13px; }
.agent-intro-bubble > p { margin: 0; color: #dbe5f7; line-height: 1.55; }
.agent-intro-actions { margin-top: 17px; padding-top: 14px; border-top: 1px solid rgba(191,210,255,.12); }
.agent-intro-actions > b { display: block; margin-bottom: 9px; font-size: 13px; }
.scenario-actions-list { display: flex; flex-wrap: wrap; gap: 8px; }
.agent-intro-actions .scenario-chip { width: auto; min-height: 0; padding: 8px 10px; border-color: rgba(82,229,165,.25); background: rgba(82,229,165,.07); color: #dffbef; font-size: 13px; font-weight: 850; white-space: normal; }
.chat-input-wrapper { width: min(860px, calc(100% - 40px)); margin: 0 auto; padding: 0 0 34px; }
.chat-credit-alert{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 14px;padding:15px 16px;border:1px solid #ef6674;border-radius:8px;background:#35141b;color:#fff;box-shadow:0 8px 28px rgba(80,8,20,.24)}.chat-credit-alert[hidden]{display:none!important}.chat-credit-alert>div{min-width:0}.chat-credit-alert strong{display:block;margin-bottom:3px;font-size:14px}.chat-credit-alert p{margin:0;color:#ffd9de;font-size:13px;line-height:1.45}.chat-credit-alert a{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:7px;color:#26070d;background:#ff7d8a;text-decoration:none;font-weight:850}.chat-input-wrapper.is-credit-blocked .chat-input-box{border-color:rgba(239,102,116,.45);opacity:.72}.chat-input-wrapper.is-credit-blocked .scenario-progress{opacity:.26;filter:grayscale(.75) saturate(.25)}.chat-input-wrapper.is-credit-blocked :is(.voice-call-button,.voice-input-button,.btn-send,.chat-file-button){opacity:.18!important;filter:grayscale(1)!important;pointer-events:none!important;cursor:not-allowed!important;transform:none!important}.chat-input-wrapper.is-credit-blocked textarea{opacity:.42;cursor:not-allowed}@media(max-width:600px){.chat-credit-alert{align-items:stretch;flex-direction:column}.chat-credit-alert a{width:100%}}
.agent-profile-summary { width: 100%; box-sizing: border-box; flex: 0 0 auto; margin: 0 0 18px; padding: 16px 18px; border-left: 3px solid rgba(82,229,165,.72); border-right: 3px solid rgba(82,229,165,.72); border-radius: 12px; background: rgba(18,31,45,.48); }
.agent-profile-summary > div { display: grid; gap: 3px; }
.agent-profile-summary strong { font-size: 17px; }
.agent-profile-summary span { color: #b7c4e4; font-weight: 750; }
.agent-profile-summary p { margin: 0; overflow:hidden; color: #9da9bc; font-size: 14px; line-height: 1.55; text-overflow:ellipsis; white-space:nowrap; }
.agent-profile-summary[role="button"]{cursor:pointer}.agent-profile-summary[role="button"]:hover{background:rgba(22,39,55,.7)}.agent-profile-summary[role="button"]:focus-visible{outline:2px solid rgba(82,229,165,.7);outline-offset:2px}
.agent-profile-summary p:first-child{margin-top:0}.agent-profile-trigger{display:grid;place-items:center;padding:0;border:0;border-radius:8px;background:transparent;cursor:pointer}.agent-profile-trigger:hover{box-shadow:0 0 0 3px rgba(82,229,165,.18)}.share-action-button{font:inherit;cursor:pointer}.tasda-modal[hidden]{display:none!important}.modal-open{overflow:hidden}.tasda-modal{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:22px}.tasda-modal-backdrop{position:absolute;inset:0;border:0;background:rgba(3,8,15,.78);backdrop-filter:blur(6px)}.tasda-modal-card{position:relative;z-index:1;width:min(470px,100%);padding:26px;border:1px solid #3a4964;border-radius:12px;background:#101927;box-shadow:0 28px 90px rgba(0,0,0,.52)}.tasda-modal-card h2{margin:0 40px 8px 0}.tasda-modal-card>p{margin:0;color:#9eacc5;line-height:1.5}.tasda-modal-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border:1px solid #3a4964;border-radius:7px;color:#fff;background:#182337;font-size:23px;cursor:pointer}.agent-profile-modal-card{text-align:center}.agent-profile-modal-avatar{width:min(300px,72vw);height:min(300px,72vw);display:grid;place-items:center;overflow:hidden;margin:0 auto 20px;border:1px solid #3d4d67;border-radius:12px;font-size:64px}.agent-profile-modal-avatar img{width:100%;height:100%;object-fit:cover}.agent-profile-modal-card h2{margin:0 0 8px}.share-modal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:22px 0}.share-modal-grid a,.share-modal-grid button{min-height:46px;display:grid;place-items:center;padding:8px;border:1px solid #3a4964;border-radius:8px;color:#edf5ff;background:#151f31;text-decoration:none;font:inherit;font-weight:750;cursor:pointer}.share-modal-grid a:hover,.share-modal-grid button:hover{border-color:#52e5a5;background:#102724}.share-copy-row{display:grid;grid-template-columns:1fr auto;gap:8px}.share-copy-row button{padding:0 13px;border:1px solid #52e5a5;border-radius:7px;color:#07130e;background:#52e5a5;font-weight:850;cursor:pointer}.share-copy-status{min-height:20px;margin-top:10px!important;color:#78e8b9!important;font-size:13px}@media(max-width:560px){.chat-top-actions{gap:7px}.action-btn-pill{padding:0 11px}.share-modal-grid{grid-template-columns:repeat(2,1fr)}.share-copy-row{grid-template-columns:1fr}.share-copy-row button{min-height:42px}}
.public-agent-profile{width:min(760px,calc(100% - 40px));display:grid;justify-items:center;gap:18px;margin:34px auto 8px;padding:28px;text-align:center}.public-agent-avatar{width:clamp(150px,20vw,230px);height:clamp(150px,20vw,230px);display:grid;place-items:center;overflow:hidden;border:1px solid #3d4d67;border-radius:12px;background:#111b2a;font-size:56px;box-shadow:0 18px 50px rgba(0,0,0,.28)}.public-agent-avatar img{width:100%;height:100%;object-fit:cover}.public-agent-profile-copy{display:grid;justify-items:center;gap:7px}.public-agent-profile-copy>span{color:#78e8b9;font-size:12px;font-weight:850;text-transform:uppercase}.public-agent-profile-copy h1{margin:0;font-size:clamp(28px,4vw,44px)}.public-agent-profile-copy p{max-width:650px;margin:0;color:#aebbd0;font-size:15px;line-height:1.65}.public-agent-links{justify-content:center}.public-agent-chat-cta{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:0 20px;border:1px solid #52e5a5;border-radius:8px;color:#07130e;background:#52e5a5;box-shadow:0 3px 0 #24765c;text-decoration:none;font-weight:900}.public-agent-chat-cta:hover{background:#68edb3}.public-agent-page .chat-layout-main{overflow-y:auto;scroll-behavior:smooth}.public-agent-page .chat-scroll-area{flex:0 0 auto;min-height:52px;padding-top:12px;overflow:visible}.public-agent-page .chat-top-bar{position:sticky;top:0;z-index:20;background:rgba(8,13,22,.94);backdrop-filter:blur(10px)}@media(max-width:620px){.public-agent-profile{width:min(100% - 24px,760px);margin-top:20px;padding:18px 4px}.public-agent-profile-copy p{font-size:14px}}
.scenario-composer-actions { margin-bottom: 10px; padding: 0 2px; }
.chat-composer-row { display: flex; align-items: center; gap: 14px; }
.chat-composer-row .chat-input-box { min-width: 0; flex: 1; }
.chat-input-box { display: flex; align-items: center; gap: 10px; padding: 10px 12px; }
.chat-input-box textarea { min-width: 0; min-height: 44px; max-height: 180px; flex: 1; resize: none; overflow-y: hidden; border: 0; outline: 0; padding: 10px 0; background: transparent; color: var(--text-primary); font-size: 16px; line-height: 24px; }
.chat-input-box textarea::placeholder { color: #8c96b6; }
.chat-input-box .ctrl-btn { width: 44px; height: 44px; flex: 0 0 44px; font-size: 24px; }
.chat-file-button { display: inline-flex; align-items: center; justify-content: center; cursor: pointer; flex: 0 0 auto; }
.voice-input-button { border-radius: 8px; transition: color .16s ease, background .16s ease, box-shadow .16s ease; }
.voice-input-button.recording { color: #fff; background: #e14f61; box-shadow: 0 0 0 3px rgba(225,79,97,.18); }
.voice-input-button.recording svg { transform: scale(.82); }
.voice-input-button.recording svg path { fill: currentColor; stroke: currentColor; }
.voice-input-button.processing { color: var(--primary); background: rgba(82,229,165,.12); }
.voice-input-button.processing svg { animation: voice-input-pulse 1s ease-in-out infinite; }
.voice-input-status { min-height: 20px; padding: 0 12px 7px; color: #aebcf0; font-size: 12px; text-align: left; }
.voice-input-status[hidden] { display: none; }
@keyframes voice-input-pulse { 50% { opacity: .35; } }
.chat-attachment-pill { width: fit-content; max-width: calc(100% - 24px); margin: 0 0 8px 12px; padding: 7px 8px 7px 10px; border: 1px solid rgba(82,229,165,.35); border-radius: 8px; color: var(--text-primary); background: rgba(82,229,165,.08); font-size: 13px; display: flex; align-items: center; gap: 8px; }
.chat-attachment-pill[hidden] { display: none; }
.chat-attachment-pill span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.chat-attachment-pill button { width: 24px; height: 24px; flex: 0 0 24px; border: 0; border-radius: 4px; background: transparent; color: var(--text-secondary); font-size: 19px; line-height: 1; cursor: pointer; }
.chat-attachment-pill button:hover { color: var(--text-primary); background: rgba(255,255,255,.08); }

.explore-shell, .builder-shell { width: min(980px, calc(100% - 56px)); margin: 0 auto; padding: 52px 0 120px; }
.page-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; }
.page-heading > div { min-width: 0; }
.page-heading > .primary-action, .page-heading > .secondary-action { flex: 0 0 auto; margin-top: 4px; }
.page-heading h1, .builder-panel h1 { margin: 0 0 8px; font-size: 38px; font-weight: 900; }
.page-heading p, .builder-panel p { margin: 0; color: #aebcf0; line-height: 1.55; }
.account-page-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; }
.account-language { flex: 0 0 auto; }
.account-request-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 24px 0 28px; }
.account-request-card { min-width: 0; display: grid; grid-template-columns: 1fr auto; gap: 7px 14px; padding: 18px; border: 1px solid rgba(82,229,165,.28); border-radius: 8px; background: rgba(13,31,36,.72); color: #eef7f3; text-decoration: none; transition: border-color .16s ease, background .16s ease; }
.account-request-card.incoming { border-color: rgba(125,211,252,.28); background: rgba(15,27,44,.76); }
.account-request-card:hover { border-color: var(--primary); background: rgba(18,41,43,.9); }
.account-request-card.incoming:hover { border-color: #7dd3fc; background: rgba(18,36,55,.92); }
.account-request-label { align-self: center; font-size: 15px; font-weight: 900; }
.account-request-card > strong { grid-row: 1 / span 2; grid-column: 2; align-self: center; font-size: 34px; line-height: 1; }
.account-request-card p { margin: 0; color: #aebcf0; font-size: 13px; line-height: 1.45; }
.account-request-card small { grid-column: 1 / -1; padding-top: 10px; border-top: 1px solid rgba(191,210,255,.1); color: #7ee7b8; font-weight: 850; }
.account-request-card.incoming small { color: #8edcff; }
.account-settings-grid { margin-top: 0; }
.filter-pills { display: flex; gap: 10px; margin: 24px 0; overflow-x: auto; }
.representative-search { width: min(560px, 100%); height: 50px; display: grid; grid-template-columns: 22px minmax(0, 1fr); align-items: center; gap: 11px; margin-top: 26px; padding: 0 15px; border: 1px solid var(--border-strong); border-radius: 8px; background: rgba(10, 18, 30, 0.78); color: #9eacc4; transition: border-color .16s ease, box-shadow .16s ease; }
.representative-search:focus-within { border-color: var(--primary); box-shadow: 0 0 0 3px rgba(82,229,165,.1); }
.representative-search svg { width: 22px; height: 22px; }
.representative-search input { min-width: 0; width: 100%; height: 100%; padding: 0; border: 0; outline: 0; background: transparent; color: var(--text-primary); font: inherit; }
.representative-search input::placeholder { color: #8795ae; opacity: 1; }
.representative-search-empty { padding: 38px 20px; border: 1px dashed var(--border-strong); border-radius: 8px; color: #9eacc4; text-align: center; }
.representative-search-empty[hidden] { display: none; }
.filter-pill {
  padding: 9px 14px;
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  text-decoration: none;
  color: #dfe8ff;
  background: rgba(15, 23, 36, 0.72);
  font-weight: 800;
}
.filter-pill.active { color: #07100d; background: var(--primary); }
.explore-cards-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 18px; }
.explore-card {
  display: grid;
  gap: 14px;
  min-height: 210px;
  padding: 18px;
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  background: rgba(14, 23, 37, 0.66);
  color: var(--text-primary);
  text-decoration: none;
}
.explore-card-top { gap: 14px; }
.explore-agent-name { font-weight: 900; }
.explore-tagline, .explore-card p { color: #aebcf0; }
.explore-card p { margin: 0; line-height: 1.5; }
.explore-card span:last-child { color: var(--primary); font-weight: 900; }

.builder-brand { display: inline-block; margin-bottom: 22px; }
.builder-panel { width: min(760px, 100%); padding: 28px; border: 1px solid var(--border-strong); border-radius: 8px; background: rgba(14, 23, 37, 0.7); box-shadow: 0 20px 60px rgba(0,0,0,0.22); }
.builder-shell > .builder-panel,
.builder-shell > .digital-card-v2 { margin-inline: auto; }
.builder-page-heading{width:min(760px,100%);margin:0 auto 24px;scroll-margin-top:28px}.builder-page-heading h1{margin:0 0 8px;font-size:38px;font-weight:900}.builder-page-heading p{max-width:680px}
.builder-flow-shell{padding-top:68px}.builder-flow-shell .builder-form>.builder-step>.builder-step-heading{display:none}
.builder-shell{position:relative}.builder-shell>.builder-panel{position:relative;z-index:2}.builder-page-art{position:absolute;z-index:1;top:68px;right:-38px;width:190px;height:260px;color:#7ce8bd;pointer-events:none}.builder-page-art svg{position:absolute;opacity:.1}.builder-page-plus{right:-8px;top:0;width:145px;height:145px}.builder-page-money{right:88px;top:112px;width:82px;height:82px;color:#9c83ff;transform:rotate(-10deg)}.builder-page-spark{right:28px;top:145px;width:60px;height:60px;color:#f6b94f;transform:rotate(8deg)}
.builder-intro { gap: 14px; margin-bottom: 20px; }
.builder-create-heading{position:relative;min-height:62px;align-items:center;overflow:hidden;padding-right:190px}.builder-create-heading h1{position:relative;z-index:2;display:flex;align-items:baseline;gap:10px;margin:0}.builder-create-heading h1>span{font-size:38px;font-weight:900}.builder-create-heading h1>small{color:#93a2bd;font-size:10px;font-weight:650;white-space:nowrap}.builder-heading-art{position:absolute;z-index:1;inset:0 0 0 auto;width:185px;color:#7ce8bd;pointer-events:none}.builder-heading-art svg{position:absolute;opacity:.11}.builder-heading-plus{right:8px;top:-27px;width:104px;height:104px}.builder-heading-money{right:98px;top:19px;width:54px;height:54px;color:#9c83ff;transform:rotate(-9deg)}.builder-heading-spark{right:58px;top:7px;width:38px;height:38px;color:#f6b94f;transform:rotate(8deg)}
.builder-form { display: grid; gap: 20px; }
.builder-form[hidden] { display: none !important; }
.builder-form label { display: grid; gap: 8px; color: #dfe8ff; font-weight: 800; }
.builder-form .create-placeholder-field{gap:0}.builder-form .create-placeholder-field>span{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.builder-form .agent-name-status{min-height:20px;margin-top:6px;color:#93a2bd;font-size:12px;font-weight:650;line-height:1.45}.agent-name-status[data-state="available"]{color:#70ddb0}.agent-name-status[data-state="taken"],.agent-name-status[data-state="error"]{color:#ff9daa}
.builder-form input, .builder-form select, .builder-form textarea {
  width: 100%;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  outline: 0;
  padding: 13px 14px;
  color: var(--text-primary);
  background: rgba(7, 11, 18, 0.8);
}
.builder-form input[type="color"] { min-height: 48px; padding: 6px; }
.builder-two-col { display: grid; grid-template-columns: 1fr 160px; gap: 12px; }
.primary-action { background: var(--primary); color: #06110d; border-color: transparent; margin-top: 4px; }

.step-tabs { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; }
.step-tabs button {
  min-width: 0; min-height: 58px; display: flex; align-items: center; justify-content: center; gap: 7px;
  border: 1px solid var(--border-color); border-radius: 6px; background: rgba(9,15,25,.58); color: #8f9dbc; cursor: pointer;
}
.step-tabs button span { width: 25px; height: 25px; display: grid; place-items: center; border: 1px solid currentColor; border-radius: 50%; font-size: 12px; }
.step-tabs button b { min-width: 0; overflow: hidden; text-overflow: ellipsis; font-size: 12px; }
.step-tabs button.is-active { border-color: var(--primary); color: #f4f8ff; background: rgba(82,229,165,.1); }
.step-tabs button.is-complete { color: var(--primary); }
.builder-step[hidden] { display: none !important; }
.builder-step { display: grid; gap: 18px; animation: builderStepIn 160ms ease-out; }
.builder-step-heading { display: grid; gap: 6px; margin-bottom: 2px; padding-bottom: 16px; border-bottom: 1px solid rgba(191,210,255,.12); }
.builder-step-heading > span { color: var(--primary); font-size: 12px; font-weight: 900; text-transform: uppercase; }
.builder-step-heading h2 { margin: 0; font-size: 24px; }
.builder-step-heading p { margin: 0; max-width: 620px; color: #aebcf0; line-height: 1.5; }
.builder-type-grid { display: grid; grid-template-columns: 1fr; gap: 26px; }
.builder-form .builder-type-card { --builder-type-accent:#52e5a5; position: relative; min-width: 0; min-height: 164px; display: flex; align-items: center; gap: 28px; padding: 18px 24px; overflow: hidden; border: 1px solid color-mix(in srgb,var(--builder-type-accent) 30%,transparent); border-radius: 12px; color: var(--text-primary); background: linear-gradient(135deg,rgba(17,24,39,.88),rgba(11,16,28,.95)); box-shadow: 0 8px 24px rgba(0,0,0,.5),inset 0 1px 0 color-mix(in srgb,var(--builder-type-accent) 15%,transparent); cursor: pointer; transition: transform .25s cubic-bezier(.16,1,.3,1),border-color .25s ease,box-shadow .25s ease; }
.builder-type-card-person{--builder-type-accent:#2ec4b6}.builder-type-card-freelancer{--builder-type-accent:#ff5e57}.builder-type-card-company{--builder-type-accent:#f5a623}.builder-type-card-character{--builder-type-accent:#6c5ce7}
.builder-type-card:hover { transform:translateY(-4px); border-color:var(--builder-type-accent); box-shadow:0 12px 36px color-mix(in srgb,var(--builder-type-accent) 28%,transparent),0 0 18px color-mix(in srgb,var(--builder-type-accent) 20%,transparent); }
.builder-type-card:has(input:checked) { border-color:var(--builder-type-accent); box-shadow:0 12px 36px color-mix(in srgb,var(--builder-type-accent) 25%,transparent),inset 0 -3px var(--builder-type-accent); }
.builder-type-card input { position: absolute; opacity: 0; pointer-events: none; }
.builder-type-scene { width:214px; height:140px; flex:0 0 214px; display:block; position:relative; }
.builder-type-copy { min-width:0; display:grid; gap:6px; }
.builder-type-card strong { font-size:22px; font-weight:900; }
.builder-type-card small { max-width:430px; color:#aebcf0; font-size:14px; line-height:1.55; }
.builder-type-card:hover .modern-art-canvas,.builder-type-card:has(input:checked) .modern-art-canvas{transform:scale(1.025);border-color:color-mix(in srgb,var(--builder-type-accent) 55%,transparent);box-shadow:0 12px 32px color-mix(in srgb,var(--builder-type-accent) 22%,transparent)}
.builder-step-actions { display: flex; align-items: center; gap: 10px; padding-top: 18px; border-top: 1px solid rgba(191,210,255,.12); }
.builder-step-actions .primary-action { margin-left: auto; }
.builder-secondary-action, .builder-skip-action { min-height: 46px; display: inline-flex; align-items: center; justify-content: center; padding: 0 16px; border: 1px solid #46536a; border-radius: 7px; background: #283241; color: #f0f4fb; text-align: center; text-decoration: none; line-height: 1; font-weight: 850; cursor: pointer; }
.builder-step-actions [hidden] { display: none !important; }
.builder-skip-action { border-color: transparent; color: #aebcf0; }
.builder-secondary-action:hover, .builder-skip-action:hover { border-color: #5c6b84; color: #fff; background: #343f50; }
@keyframes builderStepIn { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
.builder-section.builder-step { padding: 0; border: 0; background: transparent; }
.avatar-builder { display: grid; grid-template-columns: 116px 1fr; gap: 18px; align-items: center; padding: 16px; border: 1px solid rgba(191,210,255,.16); border-radius: 8px; background: rgba(7,11,18,.38); }
.avatar-builder-preview { width: 116px; aspect-ratio: 1; display: grid; place-items: center; overflow: hidden; border: 1px dashed #52627e; border-radius: 8px; background: #111b2b; color: #8f9dbc; font-size: 13px; font-weight: 850; }
.avatar-builder-preview img { width: 100%; height: 100%; display: block; object-fit: cover; }
.avatar-builder-copy { min-width: 0; display: grid; gap: 7px; }
.avatar-builder-copy strong { color: #f7f9ff; }
.avatar-builder-copy p { margin: 0; color: #aebcf0; font-size: 13px; line-height: 1.5; }
.avatar-builder-copy small { color: #8291b1; }
.avatar-builder-actions { display: flex; align-items: center; gap: 8px; margin-top: 2px; }
.builder-form .avatar-upload-button, .avatar-remove-button { width: auto; min-height: 40px; display: inline-flex; align-items: center; justify-content: center; padding: 0 13px; border: 1px solid #52627e; border-radius: 6px; background: #18253a; color: #eef4ff; font: inherit; font-size: 13px; font-weight: 850; cursor: pointer; }
.builder-form .avatar-upload-button:hover { border-color: var(--primary); }
.avatar-remove-button { border-color: transparent; background: transparent; color: #aebcf0; }
.avatar-remove-button:hover { color: #fff; background: rgba(255,255,255,.06); }
.avatar-remove-button[hidden] { display: none; }
.has-avatar-image { padding: 0 !important; overflow: hidden; }
.has-avatar-image img { width: 100%; height: 100%; display: block; object-fit: cover; }
.map-builder {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  background: rgba(7, 11, 18, 0.38);
}
.map-builder p { margin: 4px 0 0; color: #aebcf0; font-size: 13px; }
.map-builder small { color: #aebcf0; font-weight: 800; }
.builder-section {
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid rgba(191, 210, 255, 0.16);
  border-radius: 8px;
  background: rgba(7, 11, 18, 0.34);
}
.builder-section h2 {
  margin: 0 0 4px;
  font-size: 19px;
  font-weight: 950;
}
.builder-section p { margin: 0; color: #aebcf0; font-size: 13px; line-height: 1.5; }
.toggle-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.builder-form .toggle-row {
  display: flex;
  grid-template-columns: none;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  padding: 10px 11px;
  border: 1px solid rgba(191, 210, 255, 0.14);
  border-radius: 8px;
  background: rgba(14, 23, 37, 0.58);
  color: #dfe8ff;
  font-size: 13px;
  font-weight: 850;
}
.builder-form .toggle-row input { width: auto; min-width: 18px; height: 18px; padding: 0; accent-color: var(--primary); }
.builder-form .toggle-row.compact { min-height: 0; }
.scenario-editor-row {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(191, 210, 255, 0.12);
  border-radius: 8px;
  background: rgba(15, 23, 36, 0.52);
}
.builder-scenario-starter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 18px;
  border: 1px solid rgba(191, 210, 255, 0.14);
  border-radius: 8px;
  background: rgba(15, 23, 36, 0.52);
}
.builder-scenario-starter[hidden],
.builder-scenario-editor[hidden] { display: none; }
.builder-scenario-starter > div { display: grid; gap: 5px; }
.builder-scenario-starter strong,
.builder-scenario-editor-heading strong { color: #f8fafc; font-size: 14px; }
.builder-scenario-starter span { color: #aebcf0; font-size: 13px; line-height: 1.5; }
.builder-scenario-editor-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 2px;
}
.builder-text-action {
  padding: 4px;
  border: 0;
  background: transparent;
  color: #aebcf0;
  font: inherit;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}
.builder-text-action:hover { color: #fff; }
@media (max-width: 620px) {
  .builder-scenario-starter { align-items: stretch; flex-direction: column; }
}
.source-list {
  display: grid;
  gap: 10px;
}
.source-list > strong {
  color: #f8fafc;
  font-size: 14px;
}
.source-editor-row {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(191, 210, 255, 0.12);
  border-radius: 8px;
  background: rgba(15, 23, 36, 0.52);
}
.builder-form .toggle-row.danger { color: #ffc4c4; border-color: rgba(255, 128, 128, 0.24); }
.scenario-strip {
  width: min(920px, calc(100% - 40px));
  margin: 0 auto 14px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.scenario-chip {
  min-height: 76px;
  border: 1px solid rgba(191, 210, 255, 0.22);
  border-radius: 8px;
  padding: 11px 12px;
  background: rgba(14, 23, 37, 0.74);
  color: #f8fafc;
  text-align: left;
  cursor: pointer;
}
.scenario-chip strong,
.scenario-chip span {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.scenario-chip strong { font-size: 13px; font-weight: 950; white-space: nowrap; }
.scenario-chip span { margin-top: 5px; color: #aebcf0; font-size: 12px; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.scenario-chip:hover { border-color: var(--primary); box-shadow: 0 0 0 1px rgba(82,229,165,0.28); }
.scenario-more { grid-column: 1 / -1; color: #dfe8ff; }
.scenario-more summary { cursor: pointer; font-weight: 900; color: #b7c3ff; }
.scenario-more > div { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.scenario-chip.compact { min-height: 0; width: auto; }
.agent-meta-row { display: flex; flex-wrap: wrap; gap: 7px; margin: 2px 0 4px; }
.agent-meta-row span { padding: 5px 8px; border: 1px solid rgba(191,210,255,0.14); border-radius: 8px; color: #b7c3ff; font-size: 12px; font-weight: 850; }
.map-canvas {
  position: relative;
  height: 230px;
  overflow: hidden;
  border: 4px solid #4f7c68;
  border-radius: 2px;
  background:
    linear-gradient(90deg, rgba(126, 87, 194, 0.16) 0 12px, transparent 12px 28px),
    linear-gradient(180deg, #123528, #18253e 54%, #1f3f2f);
  cursor: crosshair;
  box-shadow: 7px 7px 0 #05070b, inset 0 0 0 3px #0b1512;
}
.pixel-leaflet-map {
  image-rendering: pixelated;
  isolation: isolate;
  color: #f4f1df;
}
.pixel-leaflet-map.leaflet-container {
  font-family: var(--font-family);
  background: #142016;
}
.pixel-leaflet-map.leaflet-ready {
  background: #142016;
}
.pixel-leaflet-map.leaflet-ready .leaflet-tile-pane {
  opacity: 0.68;
  filter: saturate(0.58) contrast(1.18) brightness(0.72) sepia(0.08) hue-rotate(88deg);
}
.pixel-leaflet-map.leaflet-ready .leaflet-tile {
  image-rendering: pixelated;
  transform: scale(1.002);
}
.pixel-leaflet-map::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 420;
  pointer-events: none;
  background:
    linear-gradient(rgba(255,255,255,0.035) 2px, transparent 2px),
    linear-gradient(90deg, rgba(255,255,255,0.028) 2px, transparent 2px),
    linear-gradient(180deg, rgba(6, 8, 10, 0.18), transparent 36%, rgba(3, 5, 8, 0.22));
  background-size: 32px 32px, 32px 32px, 100% 100%;
  mix-blend-mode: screen;
}
.pixel-terrain {
  position: absolute;
  z-index: 2;
  pointer-events: none;
  opacity: 0.72;
  image-rendering: pixelated;
}
.pixel-terrain.water {
  left: 5%;
  top: 12%;
  width: 28%;
  height: 30%;
  background:
    linear-gradient(90deg, #173d68 0 20%, transparent 20% 28%, #1f5e88 28% 62%, transparent 62% 70%, #18406b 70% 100%);
  clip-path: polygon(0 20%, 80% 0, 100% 42%, 66% 100%, 12% 78%);
}
.pixel-terrain.forest {
  right: 7%;
  bottom: 9%;
  width: 27%;
  height: 32%;
  background:
    linear-gradient(90deg, #0c6b4f 0 18%, transparent 18% 26%, #17a06f 26% 44%, transparent 44% 54%, #0f7c5b 54% 100%);
  clip-path: polygon(14% 4%, 100% 20%, 82% 94%, 0 74%);
}
.pixel-terrain.ridge {
  left: 37%;
  top: 14%;
  width: 22%;
  height: 17%;
  background:
    linear-gradient(90deg, #473076 0 22%, transparent 22% 34%, #6f45b8 34% 72%, transparent 72% 80%, #33235d 80% 100%);
  clip-path: polygon(0 70%, 20% 20%, 42% 76%, 68% 0, 100% 66%, 100% 100%, 0 100%);
}
.map-grid {
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  background-image: linear-gradient(rgba(255,255,255,0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.08) 1px, transparent 1px);
  background-size: 34px 34px;
}
.map-road {
  position: absolute;
  z-index: 4;
  height: 12px;
  width: 120%;
  left: -10%;
  border-radius: 0;
  background: repeating-linear-gradient(90deg, #26324b 0 18px, #36445e 18px 34px);
  box-shadow: 0 4px 0 rgba(0,0,0,0.24), inset 0 3px 0 rgba(255,255,255,0.08);
  pointer-events: none;
}
.map-road.one { top: 38%; transform: rotate(-12deg); }
.map-road.two { top: 62%; transform: rotate(18deg); }
.map-pin {
  position: absolute;
  z-index: 500;
  left: 50%;
  top: 50%;
  width: 26px;
  height: 26px;
  border-radius: 8px 8px 8px 2px;
  background: var(--primary);
  border: 3px solid #08110d;
  transform: translate(-50%, -80%) rotate(-45deg);
  box-shadow: 0 0 0 8px rgba(82, 229, 165, 0.16);
}
.map-pin::after {
  content: '';
  position: absolute;
  inset: 5px;
  border-radius: 50%;
  background: #08110d;
}
.map-fallback-label {
  position: absolute;
  z-index: 6;
  left: 12px;
  bottom: 12px;
  padding: 7px 9px;
  border: 1px solid rgba(191,210,255,0.28);
  background: rgba(7,11,18,0.72);
  color: #dfe8ff;
  font-size: 12px;
  font-weight: 900;
}
.leaflet-ready .map-fallback-label,
.leaflet-ready:not(.agent-map-board) > .map-road,
.leaflet-ready:not(.agent-map-board) > .pixel-terrain,
.leaflet-ready > .c64-map-grid,
.leaflet-ready > .c64-map-zone,
.leaflet-ready > .c64-map-road {
  display: none;
}
.tasda-pixel-tile {
  image-rendering: pixelated;
  mix-blend-mode: normal;
}
.tasda-pixel-pane {
  z-index: 420;
  pointer-events: none;
}
.leaflet-control-zoom {
  border: 3px solid #4f7c68 !important;
  border-radius: 0 !important;
  box-shadow: 4px 4px 0 #05070b !important;
}
.leaflet-control-zoom a {
  width: 34px !important;
  height: 34px !important;
  line-height: 31px !important;
  border-radius: 0 !important;
  border-bottom: 2px solid #4f7c68 !important;
  background: #111a18 !important;
  color: #f4f1df !important;
  font-weight: 900 !important;
}
.leaflet-control-attribution {
  border: 2px solid rgba(79,124,104,0.74);
  border-radius: 0;
  background: rgba(9, 17, 14, 0.84) !important;
  color: #a9bea7 !important;
  font-size: 10px;
}
.leaflet-control-attribution a { color: #77e6a0 !important; }
.auth-panel { max-width: 520px; }
.auth-page-body { min-height: 100dvh; overflow-x: hidden; background: #070b12; }
.auth-page-body::before { content: ''; position: fixed; inset: 0; pointer-events: none; background: linear-gradient(145deg, rgba(81,226,169,.06), transparent 38%); }
.auth-page-main { position: relative; z-index: 1; width: 100%; min-height: 100dvh; flex: 1 1 auto; display: grid; place-items: center; padding: 40px 20px; }
.auth-page-shell { width: min(100%, 560px); }
.auth-shell-header { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
.auth-shell-header .builder-brand { margin: 0; font-size: 32px; }
.auth-back-link { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 0 15px; border: 1px solid var(--primary); border-radius: 6px; background: rgba(82,229,165,.1); box-shadow: 4px 4px 0 rgba(82,229,165,.32); color: #ecfff7; text-decoration: none; font-size: 13px; font-weight: 900; }
.auth-back-link:hover { color: #06110d; background: var(--primary); transform: translate(1px,1px); box-shadow: 3px 3px 0 rgba(82,229,165,.24); }
.auth-page-panel { width: 100%; padding: clamp(24px, 5vw, 42px); border: 1px solid var(--border-strong); border-radius: 8px; background: rgba(15, 23, 37, .94); box-shadow: 0 26px 80px rgba(0,0,0,.28); }
.auth-page-panel h1 { margin: 0 0 10px; font-size: clamp(28px, 5vw, 38px); letter-spacing: 0; }
.auth-page-panel > p { margin: 0 0 26px; color: var(--text-secondary); line-height: 1.65; }
.auth-page-panel .builder-form { gap: 16px; }
.auth-page-panel .builder-form label { display: grid; gap: 8px; color: var(--text-primary); font-weight: 800; }
.auth-page-panel .builder-form input { width: 100%; min-height: 50px; }
.auth-help { margin-top: 18px; color: var(--text-secondary); font-size: 14px; line-height: 1.55; }
.language-switcher { display: inline-flex; align-items: center; gap: 3px; padding: 3px; border: 1px solid var(--border-color); border-radius: 8px; background: rgba(15,23,37,.82); }
.language-switcher a { display: grid; place-items: center; min-width: 39px; height: 32px; padding: 0 8px; border-radius: 5px; color: var(--text-secondary); text-decoration: none; font-size: 12px; font-weight: 900; }
.language-switcher a:hover { color: var(--text-primary); }
.language-switcher a.active { color: #06110d; background: var(--primary); }
.notice-box, .error-box {
  padding: 11px 12px;
  border-radius: 8px;
  font-weight: 800;
  font-size: 14px;
}
@media (max-width: 600px) {
  .auth-page-main { place-items: center; padding: 26px 14px 44px; }
  .auth-shell-header { margin-bottom: 16px; }
  .auth-shell-header .builder-brand { font-size: 29px; }
  .auth-back-link { min-height: 42px; padding: 0 12px; }
  .auth-page-panel { padding: 24px 18px; }
  .language-switcher a { min-width: 35px; }
  .home-language { top: 0; right: 0; }
  .account-page-heading { align-items: center; }
  .page-heading:not(.account-page-heading) { align-items: stretch; flex-direction: column; gap: 16px; }
  .page-heading:not(.account-page-heading) > .primary-action,
  .page-heading:not(.account-page-heading) > .secondary-action { width: fit-content; margin-top: 0; }
}
.notice-box { color: #06110d; background: var(--primary); }
.error-box { color: #ffd7d7; background: rgba(255, 87, 87, 0.14); border: 1px solid rgba(255, 87, 87, 0.42); }
.muted-link { color: #aebcf0; text-decoration: none; font-weight: 800; }
.muted-text { color: #aebcf0; font-weight: 800; }
.auth-links { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 14px; }
.auth-links .muted-link:hover { color: var(--primary); }
.social-login-grid { display: grid; gap: 10px; margin: 18px 0; }
.social-login-button {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 46px;
  padding: 11px 13px;
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  color: var(--text-primary);
  background: rgba(7, 11, 18, 0.56);
  text-decoration: none;
  font-weight: 900;
}
.social-login-button:hover { border-color: rgba(82,229,165,.62); background: rgba(21,32,48,.9); transform: translateY(-1px); }
.auth-method-grid { margin-bottom: 4px; }
.auth-provider-icon { width: 24px; height: 24px; flex: 0 0 24px; }
.auth-provider-icon-apple { color: #f7f9fc; }
.auth-provider-icon-tasda { display: inline-grid; place-items: center; border-radius: 6px; color: #06110d; background: var(--primary); font-size: 13px; font-weight: 950; line-height: 1; }
.social-login-label { flex: 1; text-align: left; }
.social-login-button-tasda { border-color: rgba(82,229,165,.44); }
.auth-divider { display: grid; place-items: center; margin: 16px 0; color: #aebcf0; font-weight: 900; }
.auth-divider::before { content: ''; width: 100%; height: 1px; background: var(--border-color); grid-area: 1 / 1; }
.auth-divider span { position: relative; grid-area: 1 / 1; padding: 0 10px; background: #101827; }
.inline-login-form { display: grid; grid-template-columns: 1fr 1fr max-content; gap: 8px; width: 100%; }
.inline-login-form input, .inline-login-form button {
  min-width: 0;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  padding: 10px 11px;
  color: var(--text-primary);
  background: rgba(7, 11, 18, 0.78);
}
.inline-login-form button { color: #06110d; background: var(--primary); font-weight: 900; cursor: pointer; }
.settings-grid, .request-list {
  display: grid;
  gap: 16px;
  margin-top: 24px;
}
.settings-grid { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.settings-card, .request-card {
  display: grid;
  gap: 10px;
  padding: 18px;
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  background: rgba(14, 23, 37, 0.66);
  text-decoration: none;
  color: var(--text-primary);
}
.settings-card strong, .request-card strong { font-size: 18px; }
.settings-card span, .request-card p { margin: 0; color: #aebcf0; line-height: 1.5; }
.switch-row { display: flex !important; grid-template-columns: none !important; align-items: center; gap: 10px !important; color: #dfe8ff; }
.notification-heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.dashboard-heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.notification-button {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 12px 14px;
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  background: rgba(14, 23, 37, 0.76);
  text-decoration: none;
  font-weight: 900;
}
.notification-button span, .request-status {
  width: max-content;
  padding: 5px 8px;
  border-radius: 8px;
  color: #06110d;
  background: var(--primary);
  font-size: 12px;
  font-weight: 900;
}
.notification-button.compact { padding: 10px 12px; }
.chat-top-actions { display: flex; align-items: center; gap: 10px; }
.mobile-chat-menu-toggle{display:none}
.request-card span:last-child { color: var(--primary); font-weight: 900; }
.inline-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.inline-actions a {
  padding: 9px 11px;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  color: #dfe8ff;
  text-decoration: none;
  font-weight: 900;
}
.subscription-card .primary-action { width: max-content; }

/* Representative sharing center */
.agent-share-link{display:inline-flex!important;align-items:center;gap:7px;border-color:rgba(82,229,165,.45)!important;color:#76eabb!important;background:rgba(82,229,165,.06)}
.share-center-main{min-height:100vh;overflow:auto;background:radial-gradient(circle at 72% 5%,rgba(62,113,255,.10),transparent 34%),#070d17}
.share-center-shell{width:min(1180px,calc(100% - 56px));margin:0 auto;padding:54px 0 90px}
.share-center-heading{display:grid;gap:34px;margin-bottom:34px}.share-back-link{width:max-content;display:inline-flex;align-items:center;gap:7px;color:#aab7ce;text-decoration:none;font-weight:750}.share-back-link:hover{color:#fff}.share-center-kicker{display:block;margin-bottom:10px;color:#52e5a5;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.share-center-heading h1{max-width:740px;margin:0;color:#f6f9ff;font-size:clamp(26px,3.2vw,42px);line-height:1.06;letter-spacing:0}.share-center-heading p{max-width:650px;margin:14px 0 0;color:#9cabc3;font-size:17px;line-height:1.6}
.share-visibility-warning{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin-bottom:22px;padding:14px 16px;border:1px solid rgba(255,190,92,.42);border-radius:8px;color:#f7d9a6;background:rgba(112,73,14,.18)}.share-visibility-warning a{color:#ffd58f;font-weight:850}.share-center-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.72fr);gap:22px;align-items:stretch}
.share-agent-preview,.share-qr-panel,.share-actions-panel{border:1px solid #2e3c53;border-radius:8px;background:#0d1624;box-shadow:0 20px 55px rgba(0,0,0,.22)}.share-agent-preview{position:relative;min-height:560px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:54px;text-align:center}.share-agent-preview::before{content:"";position:absolute;inset:18px;border:1px solid rgba(191,210,255,.08);border-radius:6px;background:linear-gradient(145deg,rgba(82,229,165,.07),transparent 42%,rgba(94,84,255,.08));pointer-events:none}.share-preview-topline{position:absolute;z-index:1;top:28px;left:31px;right:31px;display:flex;align-items:center;justify-content:space-between}.share-preview-topline>span{color:#fff;font-size:25px;font-weight:950}.share-preview-topline>span span{color:#52e5a5}.share-preview-topline small{color:#7787a2;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.share-preview-avatar{position:relative;margin-bottom:28px}.share-preview-avatar .share-avatar{width:240px;height:240px;border:1px solid rgba(255,255,255,.16);border-radius:8px;font-size:46px;box-shadow:0 24px 60px rgba(0,0,0,.36)}.share-preview-copy{position:relative}.share-preview-copy>span{color:#72e9b7;font-size:13px;font-weight:800}.share-preview-copy h2{margin:8px 0 0;color:#fff;font-size:34px}.share-agent-preview>a{position:relative;display:inline-flex;gap:8px;margin-top:25px;padding:11px 15px;border:1px solid #41516b;border-radius:7px;color:#eef5ff;text-decoration:none;font-weight:850;background:#131e2f}
.share-qr-panel{display:flex;flex-direction:column;padding:24px}.share-qr-heading{display:flex;align-items:center;justify-content:space-between}.share-qr-heading span{color:#8392ac;font-size:12px}.share-qr-heading h2{margin:3px 0 0;color:#fff;font-size:22px}.share-icon-button{width:42px;height:42px;display:grid;place-items:center;border:1px solid #3b4a63;border-radius:7px;color:#e8f1ff;background:#142033;cursor:pointer}.share-icon-button:hover{border-color:#52e5a5;color:#52e5a5}.share-qr-frame{position:relative;display:grid;place-items:center;width:min(100%,348px);aspect-ratio:1;margin:auto;padding:24px;border:1px solid #dce8e2;border-radius:8px;background:#fff}.share-qr-frame>div:first-child{width:100%;height:100%;display:grid;place-items:center}.share-qr-frame svg{display:block;width:100%;height:100%}.share-qr-mark{position:absolute;display:grid;place-items:center;width:42px;height:42px;border:5px solid #fff;border-radius:7px;color:#06110d;background:#52e5a5;font-size:19px;font-weight:950}.share-qr-panel>p{margin:18px 0 0;color:#8999b3;font-size:13px;line-height:1.5;text-align:center}
.share-actions-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:30px;margin-top:22px;padding:24px}.share-link-field label{display:block;margin-bottom:9px;color:#cdd8ea;font-size:13px;font-weight:800}.share-link-field>div{display:grid;grid-template-columns:1fr auto;gap:9px}.share-link-field input{min-width:0;height:48px;padding:0 14px;border:1px solid #35445d;border-radius:7px;color:#dbe6f8;background:#080f1a;font:inherit}.share-link-field button{display:inline-flex;align-items:center;gap:8px;padding:0 16px;border:0;border-radius:7px;color:#06110d;background:#52e5a5;font:inherit;font-weight:900;cursor:pointer}.share-link-field>p{min-height:20px;margin:8px 0 0;color:#72e9b7;font-size:13px}.share-channel-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.share-channel-list>a,.share-channel-list>button{min-width:0;display:flex;align-items:center;gap:11px;padding:10px;border:1px solid #35445d;border-radius:7px;color:#edf4ff;background:#121c2c;text-align:left;text-decoration:none;font:inherit;cursor:pointer}.share-channel-list>a:hover,.share-channel-list>button:hover{border-color:#62748f;background:#172337}.share-channel-icon{flex:0 0 auto;width:34px;height:34px;display:grid;place-items:center;border-radius:7px;color:#07110d;background:#e5edf8;font-weight:950}.share-channel-list>a>span:last-child,.share-channel-list>button>span:last-child{font-size:13px;font-weight:850}.share-channel-list small{display:block;margin-top:2px;color:#8090aa;font-size:11px;font-weight:600}
.share-preview-avatar .share-avatar{display:grid;place-items:center;overflow:hidden}
.agent-external-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}.share-preview-links{position:relative;margin-top:18px}.agent-external-links a,.agent-external-links button{width:38px;height:38px;display:grid;place-items:center;border:1px solid #41516b;border-radius:7px;color:#eaf2ff;background:#121d2d;text-decoration:none;font:inherit;font-size:12px;font-weight:950;cursor:pointer}.agent-external-links a:hover,.agent-external-links button:hover{border-color:#52e5a5;color:#52e5a5;background:#102724}.agent-links-modal-card{width:min(720px,100%);max-height:calc(100vh - 44px);overflow:auto}.agent-links-modal-card>p{margin-bottom:20px}.agent-links-form{display:grid;gap:20px}.agent-links-editor{display:grid;gap:10px}.agent-link-editor-row{display:grid;grid-template-columns:135px minmax(130px,.65fr) minmax(220px,1.2fr);gap:9px}.agent-link-editor-row select,.agent-link-editor-row input{min-width:0;height:44px;padding:0 11px;border:1px solid #35445d;border-radius:7px;color:#e7efff;background:#0a1320}.agent-link-editor-row input:focus,.agent-link-editor-row select:focus{border-color:#52e5a5;outline:2px solid rgba(82,229,165,.12)}.share-links-notice{margin-top:16px}.agent-profile-links{margin-top:20px;padding-top:18px;border-top:1px solid rgba(191,210,255,.12)}.agent-profile-links a{width:auto;min-width:42px;height:42px;padding:0 11px;display:flex;gap:7px}.agent-profile-links small{font-size:12px;font-weight:750}@media(max-width:680px){.agent-link-editor-row{grid-template-columns:1fr 1fr}.agent-link-editor-row input[type=url]{grid-column:1/-1}.agent-profile-links a{width:42px;padding:0}.agent-profile-links small{display:none}}
@media(max-width:980px){.share-center-grid,.share-actions-panel{grid-template-columns:1fr}.share-qr-frame{margin:34px auto}.share-agent-preview{min-height:450px}.share-center-shell{width:min(100% - 34px,760px);padding-top:36px}}
@media(max-width:560px){.share-center-shell{width:calc(100% - 24px);padding-top:24px}.share-center-heading{gap:24px}.share-center-heading h1{font-size:27px}.share-agent-preview{min-height:470px;padding:54px 24px 38px}.share-agent-preview::before{inset:10px}.share-preview-avatar .share-avatar{width:190px;height:190px}.share-preview-copy h2{font-size:28px}.share-qr-panel,.share-actions-panel{padding:17px}.share-link-field>div{grid-template-columns:1fr}.share-link-field button{min-height:46px;justify-content:center}.share-channel-list{grid-template-columns:1fr 1fr}.share-visibility-warning{grid-template-columns:auto 1fr}.share-visibility-warning a{grid-column:2}}

@media (max-width: 900px) {
  body { overflow: auto; display: block; }
  body:has(> .mobile-site-bar):not(.agent-chat-page):not(:has(.home-shell)) { padding-top: 64px; }
  body:not(.agent-chat-page):not(:has(.home-shell)) > .mobile-site-bar { position: fixed; z-index: 840; inset: 0 0 auto; height: 64px; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid var(--border-color); background: rgba(8,13,22,.96); backdrop-filter: blur(10px); }
  .mobile-site-mark { color: #f5f8ff; font-size: 27px; font-weight: 950; line-height: 1; }
  .mobile-site-mark span { color: var(--primary); }
  .app-sidebar { position: fixed; z-index: 900; inset: 0 auto 0 0; width: min(340px, calc(100vw - 48px)); height: 100dvh; padding: 18px; overflow-y: auto; transform: translateX(0); transition: transform 180ms ease, visibility 180ms ease; }
  .sidebar-toggle { top: 16px; left: min(288px, calc(100vw - 100px)); right: auto; border: 1px solid var(--border-color); background: rgba(13,22,34,.92); }
  body:not(.agent-chat-page):not(:has(.home-shell)).sidebar-collapsed > .sidebar-toggle { top: 12px; left: 12px; }
  .sidebar-toggle-close, .sidebar-toggle-open { display: none !important; }
  .sidebar-toggle-mobile-close { display: block; }
  .sidebar-quick-search, .sidebar-quick-chats { display: none !important; }
  body.sidebar-collapsed .app-sidebar { display: flex; margin-left: 0; transform: translateX(-100%); visibility: hidden; }
  body.sidebar-collapsed .sidebar-toggle { left: 16px; right: auto; }
  body.sidebar-collapsed .sidebar-toggle-menu { display: block; }
  body.sidebar-collapsed .sidebar-toggle-mobile-close { display: none; }
  body:not(.sidebar-collapsed) .sidebar-backdrop { display: block; position: fixed; z-index: 850; inset: 0; border: 0; background: rgba(2,6,12,.68); backdrop-filter: blur(2px); }
  body.sidebar-collapsed .app-main::after, body.sidebar-collapsed .chat-layout-main::after { left: 0; }
  .sidebar-nav { grid-template-columns: 1fr; overflow: visible; }
  .nav-arrow { display: none; }
  .app-main { min-height: 100dvh; height: auto; }
  .chat-layout-main { min-height: 100dvh; height: 100dvh; }
  .app-main::after, .chat-layout-main::after { left: 0; }
  .home-shell { padding-top: 34px; width: min(100% - 28px, 760px); }
  .main-header { padding-top: 42px; }
  .home-language { top: 0; right: 0; }
  .main-brand-logo { font-size: 58px; }
  .agent-chat-page > .sidebar-toggle { display: none !important; }
  .agent-chat-page .mobile-chat-menu-toggle { display: grid; }
  .agents-row { grid-template-columns: repeat(4, 118px); overflow-x: auto; padding-bottom: 6px; }
  .templates-grid { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
  .home-shell { padding-top: 22px; }
  .main-header { padding-top: 38px; }
  .sidebar-nav { grid-template-columns: 1fr; }
  .account-request-grid { grid-template-columns: 1fr; }
  .agent-switcher { flex-wrap: wrap; }
  .prompt-textarea { font-size: 18px; }
  .section-title { font-size: 18px; }
  .chat-top-bar { gap: 10px; padding: 12px; }
  .agent-chat-page .agent-header-info { min-width: 0; gap: 9px; }
  .agent-chat-page .agent-title-text { overflow: hidden; font-size: 17px; text-overflow: ellipsis; white-space: nowrap; }
  .agent-chat-page .chat-top-actions { flex: 0 0 auto; gap: 6px; }
  .agent-chat-page .top-action-icon { width: 40px; min-width: 40px; height: 40px; }
  .agent-chat-page .top-action-icon svg { width: 21px; height: 21px; }
}

.agent-map-board {
  position: relative;
  min-height: 620px;
  overflow: hidden;
  border: 5px solid #4f7c68;
  border-radius: 2px;
  background:
    linear-gradient(90deg, rgba(126,87,194,0.14) 0 12px, transparent 12px 28px),
    linear-gradient(180deg, #102919 0%, #18253e 48%, #253a24 100%);
  box-shadow: 9px 9px 0 #05070b, 0 24px 70px rgba(0,0,0,0.34), inset 0 0 0 3px #0b1512;
}
.agent-map-board::before,
.map-canvas::before {
  content: '';
  position: absolute;
  inset: 10px;
  z-index: 418;
  pointer-events: none;
  border: 2px solid rgba(244, 241, 223, 0.11);
  box-shadow: inset 0 0 0 2px rgba(5, 7, 11, 0.36);
}
.c64-map-hud {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 630;
  padding: 8px 10px;
  border: 3px solid #4f7c68;
  background: #101713;
  color: #f4f1df;
  box-shadow: 4px 4px 0 #05070b;
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: 0;
  text-transform: uppercase;
  pointer-events: none;
}
.c64-map-grid,
.c64-map-scanlines,
.c64-map-zone,
.c64-map-road {
  position: absolute;
  pointer-events: none;
}
.c64-map-grid {
  inset: 0;
  z-index: 410;
  background-image:
    linear-gradient(rgba(244,241,223,0.06) 2px, transparent 2px),
    linear-gradient(90deg, rgba(244,241,223,0.045) 2px, transparent 2px);
  background-size: 48px 48px;
  mix-blend-mode: screen;
}
.c64-map-scanlines {
  inset: 0;
  z-index: 421;
  background: repeating-linear-gradient(180deg, rgba(0,0,0,0.18) 0 2px, transparent 2px 6px);
  opacity: 0.42;
}
.c64-map-zone {
  z-index: 405;
  opacity: 0.48;
  image-rendering: pixelated;
  mix-blend-mode: color;
}
.zone-water {
  left: -4%;
  top: 7%;
  width: 42%;
  height: 31%;
  background: repeating-linear-gradient(90deg, #224c9c 0 18px, #3476c8 18px 30px, #183e7e 30px 48px);
  clip-path: polygon(0 18%, 62% 0, 100% 32%, 82% 84%, 24% 100%, 0 76%);
}
.zone-park {
  right: -2%;
  bottom: 6%;
  width: 40%;
  height: 35%;
  background: repeating-linear-gradient(90deg, #2b7b42 0 14px, #55a049 14px 28px, #1f6638 28px 42px);
  clip-path: polygon(16% 0, 100% 20%, 92% 100%, 4% 82%, 0 22%);
}
.zone-city {
  left: 39%;
  top: 18%;
  width: 28%;
  height: 22%;
  background: repeating-linear-gradient(90deg, #7e57c2 0 12px, #9b75d7 12px 24px, #5d418d 24px 36px);
  clip-path: polygon(0 22%, 22% 0, 44% 18%, 64% 0, 100% 30%, 92% 100%, 10% 88%);
}
.c64-map-road {
  z-index: 412;
  height: 22px;
  width: 130%;
  left: -15%;
  background:
    repeating-linear-gradient(90deg, #27362f 0 22px, #5e8c6f 22px 34px),
    linear-gradient(#0b1512, #0b1512);
  box-shadow: 0 5px 0 rgba(5,7,11,0.64), inset 0 4px 0 rgba(244,241,223,0.10);
  mix-blend-mode: screen;
}
.road-a { top: 31%; transform: rotate(-9deg); }
.road-b { top: 56%; transform: rotate(15deg); }
.road-c { top: 75%; transform: rotate(-3deg); }
.c64-builder-map .c64-map-hud {
  top: 10px;
  left: 10px;
  padding: 6px 8px;
}
.c64-builder-map .c64-map-grid { background-size: 36px 36px; }
.c64-builder-map .c64-map-road { height: 16px; }
.agent-map-pin {
  position: absolute;
  transform: translate(-50%, -50%);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: 190px;
  padding: 8px 10px 8px 8px;
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  background: rgba(7, 11, 18, 0.84);
  color: var(--text-primary);
  text-decoration: none;
  font-size: 13px;
  font-weight: 900;
}
.agent-map-pin span {
  width: 34px;
  height: 34px;
  display: inline-grid;
  place-items: center;
  border-radius: 8px;
  background: var(--avatar-accent);
  color: #07100d;
}
.agent-map-pin strong { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.pixel-agent-marker {
  background: transparent;
  border: 0;
}
.pixel-agent-marker a {
  display: inline-grid;
  justify-items: center;
  gap: 6px;
  min-width: 98px;
  max-width: 118px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--text-primary);
  text-decoration: none;
  font-size: 11px;
  font-weight: 1000;
  text-align: center;
  filter: drop-shadow(5px 6px 0 rgba(0,0,0,0.58));
}
.agent-sprite {
  position: relative;
  display: block;
  width: 88px;
  height: 92px;
  --skin: var(--avatar-accent, #77e6a0);
}
.sprite-head {
  position: absolute;
  left: 5px;
  top: 0;
  width: 78px;
  height: 72px;
  border: 6px solid #101713;
  background:
    linear-gradient(90deg, rgba(244,241,223,0.48) 0 9px, transparent 9px 100%),
    #101713;
  box-shadow: inset 0 0 0 6px var(--skin), inset -9px -9px 0 rgba(0,0,0,0.24), inset 7px 7px 0 rgba(255,255,255,0.13);
}
.sprite-head::before {
  content: '';
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 10px;
  height: 4px;
  background: #77e6a0;
  box-shadow: 0 0 0 2px #101713;
}
.sprite-screen {
  position: absolute;
  left: 50%;
  top: 9px;
  transform: translateX(-50%);
  width: 50px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 3px solid #101713;
  background:
    linear-gradient(rgba(119,230,160,0.16) 2px, transparent 2px),
    linear-gradient(90deg, rgba(119,230,160,0.12) 2px, transparent 2px),
    #12261f;
  background-size: 8px 8px;
  color: #77e6a0;
  font-size: 11px;
  font-weight: 1000;
  line-height: 1;
  overflow: hidden;
}
.sprite-body {
  position: absolute;
  left: 33px;
  top: 68px;
  width: 22px;
  height: 13px;
  border: 4px solid #101713;
  background: color-mix(in srgb, var(--skin), #101713 22%);
  box-shadow: inset -4px -4px 0 rgba(0,0,0,0.20);
}
.sprite-body::before,
.sprite-body::after {
  content: '';
  position: absolute;
  top: 0;
  width: 4px;
  height: 17px;
  background: var(--skin);
  border: 4px solid #101713;
}
.sprite-body::before { left: -13px; }
.sprite-body::after { right: -13px; }
.sprite-leg {
  position: absolute;
  top: 83px;
  width: 7px;
  height: 7px;
  background: var(--skin);
  border: 3px solid #101713;
}
.sprite-leg.left { left: 35px; }
.sprite-leg.right { right: 35px; }
.agent-sprite.selecting {
  --skin: #77e6a0;
  transform: scale(0.82);
}
.pixel-map-marker {
  background: transparent;
  border: 0;
}
.pixel-agent-marker strong {
  max-width: 104px;
  padding: 4px 7px 5px;
  border: 3px solid #4f7c68;
  background: #101713;
  color: #f4f1df;
  box-shadow: 3px 3px 0 #05070b;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.request-actions { display:grid; grid-template-columns: 1fr repeat(4, max-content); gap: 8px; align-items:center; }
.request-actions input { min-width: 160px; border:1px solid var(--border-color); border-radius:8px; padding:10px 11px; color:var(--text-primary); background:rgba(7,11,18,0.78); }
.request-actions button { border:1px solid var(--border-color); border-radius:8px; padding:10px 11px; color:var(--text-primary); background:rgba(14,23,37,0.85); font-weight:900; cursor:pointer; }
.request-thread {
  display: grid;
  gap: 7px;
  margin: 12px 0;
  padding: 10px;
  border: 1px solid rgba(191,210,255,0.18);
  background: rgba(7,11,18,0.46);
}
.request-thread p { margin: 0; font-size: 13px; color: var(--text-secondary); }
.chat-inline-link { color: var(--accent); font-weight: 900; }
@media (max-width: 760px) {
  .request-actions { grid-template-columns: 1fr 1fr; }
  .request-actions input { grid-column: 1 / -1; }
  .agent-map-board { min-height: 480px; }
  .step-tabs { grid-template-columns: repeat(5, minmax(86px, 1fr)); overflow-x: auto; padding-bottom: 4px; }
  .step-tabs button { min-height: 52px; }
  .toggle-grid, .scenario-strip { grid-template-columns: 1fr; }
  .builder-step-actions { flex-wrap: wrap; }
  .builder-step-actions .primary-action { margin-left: 0; flex: 1; }
  .builder-two-col { grid-template-columns: 1fr; }
  .avatar-builder { grid-template-columns: 88px 1fr; gap: 14px; }
  .avatar-builder-preview { width: 88px; }
  .template-card { min-height: 0; align-items: flex-start; gap: 16px; padding: 16px; }
  .template-card .template-scene { flex: 0 0 160px; width: 160px; height: 108px; }
  .template-title { font-size: 18px; }
  .template-description { font-size: 13px; }
  .builder-form .builder-type-card { min-height: 0; align-items:flex-start; gap:16px; padding:16px; }
  .builder-type-scene { width:160px; height:108px; flex-basis:160px; }
  .builder-type-card strong { font-size:18px; }
  .builder-type-card small { font-size:13px; }
  .builder-panel { padding: 20px; }
}
@media(max-width:520px){.builder-form .builder-type-card{flex-direction:column;align-items:stretch}.builder-type-scene{width:100%;max-width:260px;height:156px;margin:0 auto;flex:none}}
@media (max-width: 760px) { .inline-login-form { grid-template-columns: 1fr; } }
/* Admin dashboard */
.admin-dashboard-shell{width:min(1420px,calc(100% - 56px));margin:0 auto;padding:48px 0 90px}
.admin-dashboard-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}
.admin-dashboard-header h1{margin:5px 0 7px;font-size:34px;letter-spacing:0}.admin-dashboard-header p{margin:0;color:var(--text-secondary)}
.admin-header-actions{display:flex;gap:8px;flex-wrap:wrap}
.admin-management-tabs{display:flex;gap:6px;margin-bottom:22px;border-bottom:1px solid var(--border);overflow-x:auto}.admin-management-tabs a{padding:12px 15px;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:13px;font-weight:850;text-decoration:none;white-space:nowrap}.admin-management-tabs a.active,.admin-management-tabs a:hover{color:#fff;border-color:var(--accent)}
.admin-search{display:flex;gap:8px;margin:0 0 18px}.admin-search input{width:min(480px,100%);min-height:44px;padding:0 13px;border:1px solid var(--border-strong);border-radius:6px;color:#fff;background:#0b1422}.admin-search button{min-height:44px}
.admin-manage-list{display:grid;gap:10px}.admin-manage-card{padding:17px 18px;border:1px solid var(--border);border-radius:6px;background:#0d1725}.admin-manage-main{display:flex;align-items:center;gap:12px}.admin-manage-main>div{min-width:0;display:grid;gap:3px}.admin-manage-main>div strong,.admin-manage-main>div small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-manage-main>div small{color:var(--text-muted)}.admin-manage-main>.billing-status{margin-left:auto}
.billing-status.danger{border-color:#873d4b;color:#ff96a4;background:#321720}.admin-manage-facts{display:flex;gap:32px;margin:16px 0 0;padding-top:14px;border-top:1px solid rgba(191,210,255,.1)}.admin-manage-facts span{display:grid;gap:2px;color:var(--text-muted);font-size:11px}.admin-manage-facts b{color:var(--text-primary);font-size:13px}
.admin-manage-actions{display:flex;gap:8px;margin-top:14px}.admin-manage-actions details{position:relative}.admin-manage-actions summary{list-style:none;padding:8px 11px;border:1px solid #34445f;border-radius:5px;color:#dfe8ff;background:#111d2e;font-size:12px;font-weight:800;cursor:pointer}.admin-manage-actions summary::-webkit-details-marker{display:none}.admin-manage-actions details[open] form{display:grid}.admin-manage-actions form{position:absolute;z-index:20;left:0;top:calc(100% + 7px);width:310px;gap:8px;padding:12px;border:1px solid #465675;border-radius:6px;background:#111b2b;box-shadow:0 18px 40px rgba(0,0,0,.45)}.admin-manage-actions input,.admin-manage-actions textarea{width:100%;min-height:39px;padding:9px 10px;border:1px solid #34445f;border-radius:4px;color:#fff;background:#09111d}.admin-manage-actions textarea{min-height:76px;resize:vertical}.admin-manage-actions button{min-height:38px;border:0;border-radius:4px;color:#06120e;background:var(--accent);font-weight:900;cursor:pointer}.admin-manage-actions button.danger{color:#fff;background:#b53f52}
.admin-log-row{display:grid;grid-template-columns:145px 120px minmax(160px,.8fr) minmax(240px,2fr);gap:14px;align-items:center;padding:14px 16px;border:1px solid var(--border);border-radius:5px;background:#0d1725;color:var(--text-secondary);font-size:12px}.admin-log-row strong{color:#fff}.admin-log-row p{margin:0}
.admin-period-tabs{display:flex;gap:6px;margin-bottom:26px;padding-bottom:1px;border-bottom:1px solid var(--border)}
.admin-period-tabs a{padding:11px 15px;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:13px;font-weight:800;text-decoration:none}
.admin-period-tabs a:hover,.admin-period-tabs a.active{color:var(--text-primary);border-color:var(--accent)}
.admin-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.admin-kpi-grid article{display:grid;gap:5px;min-height:126px;padding:20px;border:1px solid var(--border);border-radius:6px;background:#0f1827}
.admin-kpi-grid span{color:var(--text-secondary);font-size:12px;font-weight:800}.admin-kpi-grid strong{font-size:29px;line-height:1.1}.admin-kpi-grid small{align-self:end;color:var(--text-muted);font-size:11px}
.admin-overview-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,.8fr);gap:18px;margin-bottom:18px}
.admin-panel{border:1px solid var(--border);border-radius:6px;background:#0c1523}.admin-panel-heading{display:flex;justify-content:space-between;padding:19px 20px;border-bottom:1px solid var(--border)}
.admin-panel-heading h2{margin:0 0 4px;font-size:17px}.admin-panel-heading p{margin:0;color:var(--text-muted);font-size:12px}
.admin-trend-chart{display:flex;align-items:flex-end;gap:7px;height:238px;padding:28px 20px 18px;overflow-x:auto}
.admin-trend-column{display:grid;grid-template-rows:1fr 18px;gap:7px;align-items:end;min-width:22px;height:100%;flex:1}
.admin-trend-column>span{display:block;min-height:8px;border-radius:2px 2px 0 0;background:linear-gradient(180deg,#51e6ad,#268b73)}.admin-trend-column small{text-align:center;color:var(--text-muted);font-size:9px;white-space:nowrap}
.admin-platform-panel dl{margin:0;padding:8px 20px 16px}.admin-platform-panel dl div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid rgba(191,210,255,.1)}.admin-platform-panel dl div:last-child{border-bottom:0}.admin-platform-panel dt{color:var(--text-secondary)}.admin-platform-panel dd{margin:0;font-weight:900}
.admin-popularity-panel{overflow:hidden}.admin-agent-table{overflow-x:auto}.admin-agent-row{display:grid;grid-template-columns:minmax(240px,2fr) repeat(4,minmax(90px,.7fr)) minmax(145px,1fr);align-items:center;min-width:930px;color:var(--text-secondary);text-decoration:none;border-bottom:1px solid rgba(191,210,255,.09)}
.admin-agent-row:last-child{border-bottom:0}.admin-agent-row>span{padding:14px 16px;font-size:12px}.admin-agent-row>span:first-child{display:flex;align-items:center;gap:12px;color:var(--text-primary)}.admin-agent-row>span:first-child span{display:grid;gap:2px}.admin-agent-row small{color:var(--text-muted)}.admin-agent-row:not(.header):hover{background:#121f31}.admin-agent-row.header{color:var(--text-muted);background:#0a111d;font-weight:800}.admin-rank{display:grid;place-items:center;width:28px;height:28px;border:1px solid #315d55;border-radius:4px;color:var(--accent);background:#102a27;font-size:11px}
@media(max-width:980px){.admin-kpi-grid{grid-template-columns:1fr 1fr}.admin-overview-grid{grid-template-columns:1fr}.admin-dashboard-shell{width:min(100% - 28px,1420px);padding-top:28px}.admin-dashboard-header{align-items:flex-start;flex-direction:column}.admin-period-tabs{overflow-x:auto}.admin-period-tabs a{white-space:nowrap}.admin-log-row{grid-template-columns:1fr 1fr}.admin-log-row p{grid-column:1/-1}}
@media(max-width:560px){.admin-kpi-grid{grid-template-columns:1fr}.admin-kpi-grid article{min-height:108px}}
/* Voice setup and LiveKit call */
.voice-toggle-row{align-self:end;min-height:48px}
.voice-settings-link{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:1px solid #40506a;color:#dce6ff;text-decoration:none;background:#111a2a}
.voice-settings-shell,.voice-clone-shell{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:48px 0 80px}
.voice-clone-shell{width:min(720px,calc(100% - 40px))}
.voice-page-header{display:flex;align-items:flex-start;gap:18px;margin-bottom:32px}
.voice-page-header h1{font-size:30px;margin:3px 0 7px;letter-spacing:0}
.voice-page-header p,.voice-library-tools p{margin:0;color:#9ba9c6}
.page-kicker{color:#52e5a5;font-size:13px;font-weight:700}
.icon-back{display:grid;place-items:center;width:42px;height:42px;border:1px solid #33425c;color:#fff;text-decoration:none;font-size:23px;background:#111a2a}
.voice-settings-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px;align-items:start}
.voice-control-panel,.voice-library-panel,.clone-recorder{border:1px solid #2d3b54;background:#0d1625;padding:22px;box-shadow:4px 4px 0 #19243a}
.voice-control-panel{display:grid;gap:20px;position:sticky;top:24px}
.voice-main-toggle{align-items:flex-start}.voice-main-toggle span{display:grid;gap:4px}.voice-main-toggle small{color:#8998b7;font-weight:400}
.voice-language-heading>div{display:grid;gap:4px}.voice-language-heading small{color:#8998b7;line-height:1.4}.voice-language-tabs{display:grid;gap:7px}.voice-language-tab{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border:1px solid #33415a;border-radius:7px;color:#dce6f6;background:#101a29;text-align:left;cursor:pointer}.voice-language-tab small{color:#8797b4;font-size:11px}.voice-language-tab.active{border-color:#52e5a5;background:#102724}.voice-language-tab.active small{color:#78e8b9}.voice-add-language{display:grid;grid-template-columns:1fr;gap:8px}.voice-add-language[hidden]{display:none}.voice-add-language .secondary-action{width:100%}.voice-language-editor{display:grid;gap:13px;padding:14px;border:1px solid #33415a;border-radius:7px;background:#0a1320}.voice-language-editor-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.voice-language-editor-title>span{color:#78e8b9;font-size:12px;font-weight:850}.voice-language-editor-title>div{display:flex;gap:8px}.voice-language-editor-title button{padding:0;border:0;color:#aebcf0;background:transparent;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.voice-language-editor-title #removeLanguageButton{color:#ff9aa5}.voice-language-editor textarea{resize:vertical}
.selected-voice-summary{display:grid;gap:5px;padding:14px;border:1px solid #2f405d;background:#101b2d}.selected-voice-summary span{font-size:12px;color:#8594b1}.selected-voice-summary strong{font-size:15px}
.voice-clone-link{text-align:center;text-decoration:none}
.voice-library-tools{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:18px}.voice-library-tools h2{margin:0 0 5px;font-size:20px}.voice-library-tools input{width:min(230px,45%)}
.voice-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:620px;overflow:auto;padding-right:4px}
.voice-option{display:grid;grid-template-columns:42px 1fr;gap:9px;border:1px solid #2c3a52;background:#111a2b;padding:9px}.voice-option.is-selected{border-color:#52e5a5;box-shadow:inset 0 -2px #52e5a5}
.voice-play{width:42px;height:42px;border:1px solid #3e506e;background:#18243a;color:#fff;cursor:pointer}.voice-pick{border:0;background:none;color:#fff;text-align:left;display:grid;gap:4px;cursor:pointer;min-width:0}.voice-pick strong,.voice-pick span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-pick span{font-size:12px;color:#93a3c0}
.voice-loading{color:#93a3c0;padding:24px}
.form-status{min-height:22px;color:#83e9bf;margin:0}
.clone-recorder{display:grid;gap:20px}.recording-meter{display:grid;grid-template-columns:14px 50px 1fr;align-items:center;gap:12px}.recording-meter>span{width:12px;height:12px;background:#536078}.is-recording .recording-meter>span{background:#ff5f6d;box-shadow:0 0 0 7px rgba(255,95,109,.12)}.meter-track{height:8px;background:#1b2638;overflow:hidden}.meter-track i{display:block;height:100%;width:0;background:#52e5a5}.record-script{padding:20px;border-left:3px solid #7c5cff;background:#111a2b;font-size:18px;line-height:1.6;margin:0}.record-guidance{color:#99a8c4;margin:0}.recorder-actions{display:flex;gap:10px}.clone-recorder audio{width:100%}
.clone-name-field{display:grid;gap:8px;margin:4px 0 2px;padding-top:18px;border-top:1px solid rgba(191,210,255,.12)}.clone-name-field>span{color:#e2eaf7;font-size:13px;font-weight:800}.clone-name-field input{width:100%;min-height:48px;padding:11px 13px;border:1px solid #3a4964;border-radius:7px;color:#f3f7ff;background:#0a1320;font:inherit}.clone-name-field input:focus{outline:0;border-color:#7c91b8;box-shadow:0 0 0 3px rgba(124,145,184,.14)}.clone-name-field small{color:#8493ae;font-size:12px;line-height:1.4}
.clone-process-status:empty{display:none}.clone-process-status{padding:13px 14px;border:1px solid #3b4a63;border-radius:7px;color:#cbd6e8;background:#111b2b;line-height:1.5}.clone-process-status[data-state="working"]{border-color:#52627e}.clone-process-status[data-state="success"]{border-color:rgba(82,229,165,.55);color:#cffff0;background:#102724}.clone-process-status[data-state="error"]{border-color:rgba(255,111,126,.55);color:#ffd4d9;background:#321a25}.voice-clone-done-link{justify-self:start;text-decoration:none}.voice-clone-done-link[hidden]{display:none!important}
.voice-call-button{width:62px;height:62px;flex:0 0 62px;display:grid;place-items:center;border:0;border-radius:10px;color:#fff;background:transparent;text-decoration:none;filter:drop-shadow(0 4px 7px rgba(0,0,0,.55));transition:transform .16s ease,filter .16s ease}
.voice-call-button svg{width:36px;height:36px}.voice-call-button:hover,.voice-call-button:focus-visible{color:#fff;background:transparent;transform:scale(1.1);filter:drop-shadow(0 5px 10px rgba(255,255,255,.22));outline:0}
.chat-input-box .voice-call-button{width:44px;height:44px;flex:0 0 44px}.chat-input-box .voice-call-button svg{width:32px;height:32px}
@media(max-width:620px){.chat-composer-row{gap:8px}.voice-call-button{width:56px;height:56px;flex-basis:56px}.voice-call-button svg{width:34px;height:34px}}
html:has(.voice-call-page),.voice-call-page{height:100%;overflow:hidden}
.voice-call-page .app-sidebar{overflow-y:auto}
.voice-call-main{flex:1;min-width:0;min-height:100vh;display:grid;place-items:center;padding:70px 24px;position:relative;overflow:hidden;background:linear-gradient(180deg,#0b111d 0%,#111d2b 58%,#143152 100%)}
.voice-call-back{position:absolute;top:28px;left:28px;color:#aebbd3;text-decoration:none}
.voice-call-stage{width:min(620px,100%);min-height:min(720px,calc(100vh - 140px));text-align:center;display:grid;grid-template-rows:1fr auto 1fr;justify-items:center;align-items:center;position:relative}.voice-agent-focus{align-self:end;display:grid;justify-items:center;gap:8px;position:relative;z-index:2}.voice-call-stage h1{font-size:34px;margin:0;letter-spacing:0}.voice-call-avatar{width:132px;height:132px;font-size:40px;border-radius:50%;margin-bottom:8px;z-index:2;box-shadow:0 0 0 1px rgba(255,255,255,.14),0 20px 60px rgba(0,0,0,.28)}.voice-call-status{align-self:center;color:#f3f6fb!important;font-size:18px;font-weight:750;margin:0;position:relative;z-index:2}.voice-turn-glow{position:absolute;left:50%;top:50%;width:min(540px,92vw);height:280px;pointer-events:none;transform:translate(-50%,82px) scale(.94);opacity:.92;transition:transform .62s cubic-bezier(.22,.8,.24,1),opacity .3s;background:radial-gradient(ellipse at center,rgba(51,213,171,.38) 0%,rgba(42,171,165,.2) 27%,rgba(38,118,170,.1) 48%,transparent 72%);filter:blur(10px);animation:voiceGlow 1.75s ease-in-out infinite;z-index:0}.voice-turn-glow::after{content:'';position:absolute;inset:20% 25%;border-radius:50%;background:rgba(106,255,209,.2);filter:blur(24px);animation:voiceGlowCore 1.05s ease-in-out infinite alternate}.voice-call-stage[data-speaker="agent"] .voice-turn-glow{transform:translate(-50%,-230px) scale(1.05);background:radial-gradient(ellipse at center,rgba(132,113,255,.42) 0%,rgba(70,125,235,.21) 31%,rgba(45,104,170,.1) 50%,transparent 73%)}.voice-call-stage[data-speaker="agent"] .voice-turn-glow::after{background:rgba(167,151,255,.24)}.voice-call-stage[data-speaker="idle"] .voice-turn-glow,.voice-call-stage[data-speaker="connecting"] .voice-turn-glow,.voice-call-stage[data-speaker="error"] .voice-turn-glow{opacity:0}.voice-call-controls{align-self:end;display:flex;align-items:start;justify-content:center;gap:28px;padding-bottom:12px;position:relative;z-index:2}.voice-control-button{width:78px;border:0;background:none;color:#eef3fb;display:grid;justify-items:center;gap:9px;cursor:pointer;font:inherit}.voice-control-button:disabled{opacity:.34;cursor:default}.voice-control-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#222a38;color:#fff;font-size:24px}.voice-call-primary .voice-control-icon{background:#eef2f8;color:#d9385d}.voice-call-primary.is-active .voice-control-icon{background:#fff;color:#d9385d}.voice-control-button>span:last-child{font-size:13px}.voice-mute-button.is-muted .voice-control-icon{background:#ff6674}.voice-mute-button .voice-control-icon{font-size:0;position:relative}.voice-mute-button .voice-control-icon::before{content:'';width:13px;height:21px;border:2px solid #fff;border-radius:8px}.voice-mute-button .voice-control-icon::after{content:'';position:absolute;left:19px;top:17px;width:18px;height:16px;border:2px solid #fff;border-top:0;border-radius:0 0 10px 10px}
@keyframes voiceGlow{0%,100%{opacity:.68;filter:blur(13px)}50%{opacity:1;filter:blur(8px)}}
@keyframes voiceGlowCore{from{transform:scale(.72);opacity:.42}to{transform:scale(1.14);opacity:1}}
@media(max-width:760px){.voice-settings-grid{grid-template-columns:1fr}.voice-control-panel{position:static}.voice-list{grid-template-columns:1fr}.voice-library-tools{align-items:stretch;flex-direction:column}.voice-library-tools input{width:100%}.voice-settings-shell,.voice-clone-shell{width:min(100% - 24px,1120px);padding-top:26px}.voice-call-back{left:18px;top:20px}}

/* Billing and creator economy */
.billing-shell{width:min(1080px,calc(100% - 48px))}.billing-shell.narrow{width:min(760px,calc(100% - 48px))}
.secondary-action,.danger-secondary,.plan-current-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:0 16px;border:1px solid #465671;border-radius:7px;background:#121d2e;color:#eff5ff;text-decoration:none;font-weight:850;cursor:pointer}.danger-secondary{border-color:rgba(255,95,109,.55);color:#ff9aa5;background:rgba(255,95,109,.06)}
.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:30px}.pricing-plan{min-height:410px;display:flex;flex-direction:column;gap:22px;padding:28px;border:1px solid #35435a;border-radius:8px;background:#101927;box-shadow:0 5px 0 #202c3f}.pricing-plan.featured{border-color:rgba(82,229,165,.58);background:#102624;box-shadow:0 5px 0 #27785f}.pricing-plan-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.pricing-plan-top>strong{font-size:15px}.billing-status{width:fit-content;padding:5px 8px;border:1px solid rgba(82,229,165,.38);border-radius:5px;color:#82edbd;background:rgba(82,229,165,.08);font-size:12px;font-weight:850}.pricing-price{font-size:46px;font-weight:950}.pricing-price small{margin-left:6px;color:#9baaca;font-size:15px;font-weight:700}.pricing-plan ul{display:grid;gap:13px;margin:0 0 auto;padding:0;list-style:none;color:#c8d3e8}.pricing-plan li::before{content:'✓';margin-right:9px;color:var(--primary);font-weight:900}.plan-current-button{color:#9facc4;cursor:default}
.billing-summary-grid,.earnings-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:28px 0}.billing-summary-grid article,.earnings-summary article{min-width:0;display:grid;gap:8px;padding:20px;border:1px solid #33415a;border-radius:8px;background:#101a29}.billing-summary-grid article:nth-child(2),.earnings-summary article:nth-child(2){border-color:rgba(82,229,165,.4);background:#102724}.billing-summary-grid span,.earnings-summary span{color:#9baaca;font-size:13px;font-weight:750}.billing-summary-grid strong,.earnings-summary strong{color:#f7f9ff;font-size:26px}.billing-summary-grid a{color:#7ee8bc;text-decoration:none;font-weight:800}.billing-summary-grid small{color:#8f9dbc}
.billing-panel{margin-top:18px;padding:22px;border:1px solid #33415a;border-radius:8px;background:rgba(14,23,37,.72)}.billing-panel h2{margin:0;font-size:20px}.billing-panel p{color:#aebcf0;line-height:1.5}.billing-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.billing-panel-heading p{margin:5px 0 0}.billing-filters{display:flex;gap:5px;padding:4px;border:1px solid #2d3a50;border-radius:7px;background:#0c1421}.billing-filters a{padding:7px 10px;border-radius:4px;color:#9baaca;text-decoration:none;font-size:13px;font-weight:800}.billing-filters a.active{color:#07120e;background:var(--primary)}.billing-list{display:grid}.billing-row{min-height:62px;display:grid;grid-template-columns:120px 1fr max-content;gap:16px;align-items:center;border-top:1px solid rgba(191,210,255,.12);color:#dbe5f7}.billing-row:first-child{border-top:0}.billing-row>span{min-width:0}.billing-row strong,.billing-row small{display:block}.billing-row small{margin-top:3px;color:#8493b0}.billing-row-end{text-align:right;font-weight:850}.billing-delta{font-weight:900}.billing-delta.positive{color:#64e8af}.billing-delta.negative{color:#ff9aa5}.billing-empty{padding:28px 0;color:#8796b3;text-align:center}
.topup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px}.topup-package{display:grid;gap:14px;padding:26px;border:1px solid rgba(82,229,165,.44);border-radius:8px;background:#102724;box-shadow:0 5px 0 #26745b}.topup-package span{color:#9baaca}.topup-package strong{font-size:28px}.topup-package b{font-size:20px}
.standalone-billing,.standalone-result{min-height:100dvh;display:grid;place-content:center;padding:32px;background:#080e18}.standalone-billing>.builder-brand,.standalone-result>.builder-brand{justify-self:center;margin-bottom:24px}.checkout-layout{width:min(920px,calc(100vw - 48px));display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px;align-items:start}.checkout-form,.order-summary,.standalone-result section{padding:28px;border:1px solid #33415a;border-radius:8px;background:#101927}.checkout-form>div:first-child h1{margin:0}.checkout-form>div:first-child p{color:#aebcf0}.billing-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.provider-payment-placeholder{display:grid;gap:6px;padding:17px;border:1px dashed #52627e;border-radius:7px;background:#0b1421}.provider-payment-placeholder span{color:#91a0bc;font-size:13px;line-height:1.5}.billing-consent{display:grid!important;grid-template-columns:18px 1fr;align-items:start;gap:10px!important;font-weight:600!important;line-height:1.45}.billing-consent input{width:18px!important;margin-top:2px}.centered{text-align:center}.order-summary{position:sticky;top:24px;display:grid;gap:18px}.order-summary>span{color:#9baaca}.order-summary>strong{font-size:22px}.order-summary b{font-size:28px}.order-summary small{margin-left:5px;color:#9baaca}.standalone-result section{width:min(500px,calc(100vw - 48px));display:grid;justify-items:center;gap:14px;text-align:center}.standalone-result h1,.standalone-result p{margin:0}.standalone-result p{color:#aebcf0;line-height:1.5}.result-check{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;color:#06120d;background:var(--primary);font-size:28px;font-weight:950}
.subscription-management{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center}.subscription-management h2{margin-top:5px;font-size:27px}.subscription-facts{display:flex;gap:24px}.subscription-facts span{display:grid;gap:5px;color:#8f9dbc;font-size:13px}.billing-warning{max-width:420px}.cancel-subscription{grid-column:1/-1;padding-top:14px;border-top:1px solid rgba(191,210,255,.12)}.cancel-subscription summary{width:fit-content;color:#ff9aa5;cursor:pointer;font-weight:800}.billing-profile-form .primary-action{justify-self:end}.earnings-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.payout-progress-top{display:flex;justify-content:space-between;gap:16px}.payout-progress{height:9px;display:block;overflow:hidden;margin:12px 0 8px;border-radius:5px;background:#263349}.payout-progress i{display:block;height:100%;border-radius:inherit;background:var(--primary)}.billing-panel>small{color:#91a0bc}.payout-account{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}
.account-finance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0 28px}.account-finance-grid a{min-width:0;display:grid;gap:7px;padding:17px;border:1px solid #33415a;border-radius:8px;color:#eef4ff;background:#101927;text-decoration:none}.account-finance-grid a:nth-child(1){border-color:rgba(82,229,165,.4);background:#102724}.account-finance-grid span,.account-finance-grid small{color:#92a1bd}.account-finance-grid strong{overflow:hidden;text-overflow:ellipsis}
.creator-onboarding{display:grid;grid-template-columns:minmax(210px,.65fr) minmax(0,1.8fr);gap:24px;align-items:center;margin:24px 0;padding:24px;border:1px solid rgba(166,132,255,.52);border-radius:8px;background:linear-gradient(135deg,#2a1e4b 0%,#171b38 55%,#101927 100%);box-shadow:inset 0 1px 0 rgba(213,198,255,.08)}.creator-onboarding h2{margin:6px 0 8px}.creator-onboarding p{margin:0;color:#c4bce0;line-height:1.55}.creator-onboarding-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.creator-onboarding-actions a{display:grid;gap:7px;min-height:132px;padding:17px;border:1px solid #4c496c;border-radius:7px;color:#eef5ff;background:rgba(17,28,44,.82);text-decoration:none}.creator-onboarding-actions a.featured{border-color:#52e5a5;background:#123129}.creator-onboarding-actions a.character{border-color:rgba(255,105,180,.62);background:#2b1832}.creator-onboarding-actions span{color:#aaa9c6;font-size:13px;line-height:1.45}.creator-onboarding-actions a:hover{transform:translateY(-1px);border-color:#b59aff}
.creator-dashboard-summary{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:12px;margin-top:26px}.creator-dashboard-summary>div{min-width:0;display:grid;gap:7px;padding:17px;border:1px solid #33415a;border-radius:8px;background:#101927}.creator-dashboard-summary .creator-total{border-color:rgba(82,229,165,.42);background:#102724}.creator-dashboard-summary span{color:#92a1bd;font-size:12px}.creator-dashboard-summary strong{font-size:21px}.creator-dashboard-summary a{color:#72e9b7;text-decoration:none;font-size:13px;font-weight:800}.creator-threshold .payout-progress{margin:3px 0 0}.creator-agent-table{margin-top:14px;overflow:hidden;border:1px solid #33415a;border-radius:8px}.creator-agent-row{min-height:68px;display:grid;grid-template-columns:minmax(190px,1.5fr) repeat(4,minmax(90px,.75fr));gap:14px;align-items:center;padding:10px 16px;border-top:1px solid rgba(191,210,255,.11);color:#dce7f8;text-decoration:none}.creator-agent-row.header{min-height:44px;border:0;color:#8e9db9;background:#0c1421;font-size:12px;font-weight:800}.creator-agent-row>span{min-width:0}.creator-agent-row strong,.creator-agent-row small{display:block}.creator-agent-row small{margin-top:3px;color:#8897b3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.creator-agent-row .billing-mode-badge{display:inline-flex;align-items:center;width:max-content;margin-top:7px;padding:3px 7px;border:1px solid #40506b;border-radius:5px;color:#b9c7dc;background:#142033;font-size:10px;font-style:normal;font-weight:700;line-height:1.2}.creator-agent-row .billing-mode-badge.creator_pays{border-color:rgba(82,229,165,.35);color:#72e9b7;background:rgba(82,229,165,.08)}.creator-agent-row .credit-usage-value strong{font-size:14px}.creator-agent-row .credit-usage-value small{font-size:10px;color:#8e9db9;white-space:normal}
@media(max-width:900px){.pricing-grid,.topup-grid,.checkout-layout,.billing-two-col,.creator-onboarding{grid-template-columns:1fr}.billing-summary-grid,.earnings-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.account-finance-grid,.creator-dashboard-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.order-summary{position:static;grid-row:1}.subscription-management,.payout-account{grid-template-columns:1fr}.creator-agent-table{overflow-x:auto}.creator-agent-row{min-width:720px}}
@media(max-width:560px){.billing-shell,.billing-shell.narrow{width:min(100% - 28px,1080px)}.pricing-grid,.billing-summary-grid,.earnings-summary,.account-finance-grid,.creator-dashboard-summary,.creator-onboarding-actions{grid-template-columns:1fr}.billing-panel-heading{align-items:flex-start;flex-direction:column}.billing-row{grid-template-columns:88px 1fr}.billing-row-end{grid-column:2;text-align:left}.standalone-billing{padding:18px 0}.checkout-layout{width:min(100vw - 28px,920px)}}
.creator-earning-note{border:1px solid rgba(82,229,165,.3);border-radius:7px;background:rgba(82,229,165,.06);color:#dce9e4;overflow:hidden}.creator-earning-note summary{display:grid;grid-template-columns:42px minmax(0,1fr) 28px;align-items:center;gap:13px;padding:15px 17px;cursor:pointer;list-style:none}.creator-earning-note summary::-webkit-details-marker{display:none}.creator-earning-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(82,229,165,.45);border-radius:7px;color:#07130e;background:#52e5a5;font-size:22px;font-weight:800}.creator-earning-title{color:#e6f4ee;font-size:16px;font-weight:500;line-height:1.4}.creator-earning-chevron{justify-self:end;color:#70ddb0;transition:transform .18s ease}.creator-earning-note[open] .creator-earning-chevron{transform:rotate(90deg)}.creator-earning-details{display:grid;gap:8px;margin:0 17px;padding:0 0 17px 55px;border-top:1px solid rgba(82,229,165,.12)}.creator-earning-details p{margin:14px 0 0;color:#b8cbc4;font-size:14px;line-height:1.65}.creator-earning-details p strong{color:#7ce8bd}.creator-earning-details small{color:#859a93;font-size:12px;line-height:1.55}.publish-success{display:grid;grid-template-columns:42px 1fr auto;gap:14px;align-items:center;margin:16px 24px 0;padding:15px 17px;border:1px solid rgba(82,229,165,.45);border-radius:8px;background:#102724}.publish-success-check{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:#07130e;background:var(--primary);font-size:21px;font-weight:950}.publish-success div{min-width:0;display:grid;gap:3px}.publish-success strong{font-size:16px}.publish-success a{overflow:hidden;color:#7be8ba;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.publish-success p{margin:2px 0 0;color:#a5b7b0;font-size:12px}.publish-success button{min-height:40px;padding:0 14px;border:1px solid #52e5a5;border-radius:6px;color:#07130e;background:#52e5a5;font-weight:900;cursor:pointer}@media(max-width:650px){.creator-earning-note summary{grid-template-columns:38px minmax(0,1fr) 22px;padding:13px}.creator-earning-icon{width:38px;height:38px}.creator-earning-details{margin:0 13px;padding:0 0 14px}.publish-success{grid-template-columns:38px 1fr;margin:12px 12px 0}.publish-success button{grid-column:2;width:fit-content}.publish-success-check{width:38px;height:38px}}
.admin-billing-shell{padding-bottom:70px}.admin-settings-form{display:grid;gap:22px}.admin-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.admin-settings-form label,.compact-admin-form label{display:grid;gap:7px;color:#a9b8d2;font-size:12px;font-weight:750}.admin-settings-form input,.admin-settings-form textarea,.compact-admin-form input,.compact-admin-form select{width:100%;min-height:42px;padding:10px 12px;border:1px solid #3a4964;border-radius:6px;color:#edf5ff;background:#0a1320;font:inherit}.admin-settings-form textarea{resize:vertical;line-height:1.5}.admin-toggle-row{display:flex;flex-wrap:wrap;gap:20px}.admin-toggle-row label{display:flex;grid-template-columns:none;align-items:center;gap:9px;color:#dce7f8}.admin-toggle-row input{width:18px;min-height:18px}.admin-json-field{max-width:780px}.admin-billing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.compact-admin-form{display:grid;align-content:start;gap:13px}.compact-admin-form h2{margin:0 0 4px}.compact-admin-form .primary-action{justify-self:start}.billing-admin-table{overflow-x:auto;border:1px solid #2d3b51;border-radius:7px}.billing-admin-row{min-width:720px;display:grid;grid-template-columns:1.3fr .7fr .7fr .7fr .7fr;gap:14px;align-items:center;min-height:52px;padding:9px 13px;border-top:1px solid rgba(191,210,255,.1);color:#dce7f8;font-size:13px}.billing-admin-row.header{min-height:42px;border-top:0;color:#8f9eba;background:#0b1421;font-size:11px;font-weight:850}.billing-admin-row.payout{grid-template-columns:1.2fr .8fr .7fr .7fr 1.2fr}.admin-inline-actions{display:flex;gap:7px}.admin-inline-actions button{min-height:32px;padding:0 10px;border:1px solid #52e5a5;border-radius:5px;color:#07130e;background:#52e5a5;font-weight:850;cursor:pointer}.admin-inline-actions .danger{border-color:#ff8390;color:#fff;background:#8f3442}.notice-box.success{border-color:rgba(82,229,165,.45);background:#102724}.notice-box.error{border-color:rgba(255,111,126,.45);background:#321a25}@media(max-width:1000px){.admin-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.admin-form-grid,.admin-billing-grid{grid-template-columns:1fr}}
.representative-analytics{padding-bottom:70px}.analytics-filters{margin:22px 0}.analytics-table{overflow:hidden;border:1px solid #33415a;border-radius:8px}.analytics-row{display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:14px;align-items:center;min-height:54px;padding:10px 15px;border-top:1px solid rgba(191,210,255,.1);color:#dce7f8}.analytics-row.header{min-height:42px;border-top:0;color:#8f9eba;background:#0b1421;font-size:12px;font-weight:850}.analytics-summary{margin-bottom:18px}@media(max-width:650px){.analytics-table{overflow-x:auto}.analytics-row{min-width:620px}}
.payment-method-panel{display:flex;align-items:center;justify-content:space-between;gap:20px}.payment-method-panel h2{margin:6px 0 3px}.payment-method-panel p{margin:0;color:#93a2bd}@media(max-width:600px){.payment-method-panel{align-items:flex-start;flex-direction:column}}
.agent-edit-hub{display:grid;gap:24px;margin-top:10px}.agent-edit-hub-heading{display:flex;align-items:center;gap:15px}.agent-edit-hub-heading h2{margin:3px 0 2px}.agent-edit-hub-heading p{margin:0;color:#96a5c0}.agent-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.agent-edit-grid>a{display:grid;grid-template-columns:46px 1fr;gap:4px 13px;align-items:center;min-height:105px;padding:16px;border:1px solid #33415a;border-radius:8px;color:#eef5ff;background:#101927;text-decoration:none;transition:transform .15s ease,border-color .15s ease,background .15s ease}.agent-edit-grid>a:hover{transform:translateY(-1px);border-color:#7c91b8;background:#142033}.agent-edit-grid>a.voice{border-color:rgba(82,229,165,.52);background:#102724}.agent-edit-grid>a.voice-clone{border-color:rgba(166,132,255,.58);background:#211b3a}.agent-edit-grid strong,.agent-edit-grid small{grid-column:2}.agent-edit-grid small{color:#96a5c0;line-height:1.4}.agent-edit-icon{grid-row:1/3;width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:8px;color:#dce8ff;background:rgba(255,255,255,.055);font-weight:900}.agent-edit-hub-actions{display:flex;flex-wrap:wrap;gap:10px}.builder-section-back{display:inline-flex;width:fit-content;margin-bottom:8px;color:#aebcf0;text-decoration:none;font-size:19px;font-weight:400;line-height:1.35}.builder-section-back:hover{color:#fff}@media(max-width:700px){.agent-edit-grid{grid-template-columns:1fr}}
.scenario-title-list{display:grid;gap:10px}.scenario-title-row{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 14px;border:1px solid #33415a;border-radius:8px;background:#101927}.scenario-title-row strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scenario-title-row a{flex:0 0 auto;color:#79e8bb;text-decoration:none;font-size:14px}.scenario-title-row a:hover{color:#fff}.scenario-list-empty{padding:24px;border:1px dashed #3a4964;border-radius:8px;color:#91a0bc;text-align:center}
.pricing-admin-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pricing-admin-groups>div{min-width:0;padding:14px;border:1px solid #2f3e56;border-radius:7px;background:#0c1523}.pricing-admin-groups h3{margin:0 0 12px}.pricing-admin-groups p{display:grid;gap:4px;margin:0;padding:10px 0;border-top:1px solid rgba(191,210,255,.1);font-size:12px}.pricing-admin-groups p:first-of-type{border-top:0}.pricing-admin-groups span{color:#91a0bc}@media(max-width:800px){.pricing-admin-groups{grid-template-columns:1fr}}
.admin-economy-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.admin-economy-summary article{display:grid;gap:6px;min-height:126px;padding:18px;border:1px solid #30405a;border-radius:7px;background:#0d1725}.admin-economy-summary span{color:#91a0bc;font-size:12px}.admin-economy-summary strong{color:#f4f8ff;font-size:24px}.admin-economy-summary small{color:#9cacC8;line-height:1.4}.admin-cost-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.admin-cost-groups>div{padding:16px;border:1px solid #2f3e56;border-radius:7px;background:#0c1523}.admin-cost-groups h3{margin:0 0 9px}.admin-cost-groups p{display:grid;gap:4px;margin:0;padding:10px 0;border-top:1px solid rgba(191,210,255,.1);font-size:12px}.admin-cost-groups p:first-of-type{border-top:0}.admin-cost-groups span{color:#91a0bc}.admin-usage-table{overflow-x:auto;border:1px solid #2d3b51;border-radius:7px}.admin-usage-row{min-width:920px;display:grid;grid-template-columns:1.35fr 1fr 1.15fr .45fr .65fr .8fr;gap:14px;align-items:center;min-height:60px;padding:10px 14px;border-top:1px solid rgba(191,210,255,.1);font-size:13px}.admin-usage-row.header{min-height:42px;border-top:0;color:#8f9eba;background:#0b1421;font-size:11px;font-weight:850}.admin-usage-row>span{display:grid;gap:3px}.admin-usage-row small{color:#8999b5}.admin-advanced-settings{border:1px solid #30405a;border-radius:7px;background:#0d1725}.admin-advanced-settings>summary{padding:17px 19px;color:#dce7f8;font-weight:800;cursor:pointer}.admin-advanced-settings[open]>summary{border-bottom:1px solid #30405a}.admin-advanced-settings>.billing-panel,.admin-advanced-settings>.admin-billing-grid{margin:16px;border:0;background:transparent}.admin-advanced-settings>.admin-billing-grid{padding:0}.admin-billing-shell{display:grid;gap:18px}@media(max-width:1000px){.admin-economy-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-cost-groups{grid-template-columns:1fr}}@media(max-width:620px){.admin-economy-summary{grid-template-columns:1fr}}
.admin-featured-form{display:grid;gap:22px;margin-top:26px;padding:22px;border:1px solid #30405a;border-radius:8px;background:#0d1725}.admin-featured-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-featured-grid label{display:grid;gap:8px;color:#dce7f8;font-size:13px;font-weight:800}.admin-featured-grid select{width:100%;min-height:48px;padding:0 12px;border:1px solid #3a4964;border-radius:7px;color:#eef5ff;background:#09121f}.admin-featured-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:14px;border:1px solid rgba(82,229,165,.24);border-radius:8px;background:#0a141f}.admin-featured-preview .chat-item{margin:0}.admin-featured-form>.primary-action{width:max-content}@media(max-width:680px){.admin-featured-grid,.admin-featured-preview{grid-template-columns:1fr}.admin-featured-form{padding:16px}}
.agent-edit-grid>a.avatar{border-color:rgba(240,138,182,.58);background:#2b1825}.avatar-studio{display:grid;gap:22px}.avatar-studio-layout{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:18px}.avatar-source-card,.avatar-options-card,.avatar-results{display:grid;align-content:start;gap:14px;padding:18px;border:1px solid #33415a;border-radius:8px;background:#101927}.avatar-source-card h2,.avatar-options-card h2,.avatar-results h2{margin:0;font-size:16px}.avatar-source-card small,.avatar-options-card small{color:#96a5c0;line-height:1.45}.avatar-large-preview{width:100%;aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border:1px dashed #52627e;border-radius:8px;background:#0b1220;color:#8291b1}.avatar-large-preview img{width:100%;height:100%;object-fit:cover}.avatar-mode-grid{display:grid;gap:10px}.avatar-mode-grid label{cursor:pointer}.avatar-mode-grid input,.avatar-style-grid input,.avatar-result-card input{position:absolute;opacity:0;pointer-events:none}.avatar-mode-grid label>span{display:grid;gap:4px;padding:13px;border:1px solid #33415a;border-radius:8px;background:#0d1624}.avatar-mode-grid input:checked+span{border-color:#52e5a5;background:#102724}.avatar-mode-grid small{font-size:12px}.avatar-style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.avatar-style-grid label>span{display:grid;place-items:center;min-height:58px;padding:8px;border:1px solid #33415a;border-radius:8px;background:#0d1624;color:#dbe7f9;font-weight:800;cursor:pointer}.avatar-style-grid input:checked+span{border-color:#f08ab6;background:#2b1825;color:#fff}.avatar-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.avatar-result-card{display:grid;gap:8px;padding:8px;border:2px solid transparent;border-radius:10px;background:#0b1220;color:#b9c7dc;text-align:center;cursor:pointer}.avatar-result-card.selected{border-color:#52e5a5}.avatar-result-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:7px}.avatar-result-card span{font-size:12px;font-weight:800}@media(max-width:760px){.avatar-studio-layout{grid-template-columns:1fr}.avatar-result-grid{grid-template-columns:1fr}.avatar-style-grid{grid-template-columns:1fr 1fr}}
.avatar-large-preview{position:relative;cursor:pointer;transition:border-color .15s ease,background .15s ease}.avatar-large-preview:hover{border-color:#52e5a5;background:#0e1928}.avatar-large-preview:focus-visible{outline:3px solid rgba(82,229,165,.22);outline-offset:3px;border-color:#52e5a5}.avatar-large-preview.is-cropping{cursor:grab;touch-action:none;user-select:none}.avatar-large-preview.is-cropping.is-dragging{cursor:grabbing}.avatar-large-preview.is-cropping img{position:absolute;left:50%;top:50%;width:auto;height:auto;max-width:none;max-height:none;object-fit:initial;pointer-events:none;will-change:transform}.avatar-crop-controls{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;color:#91a0bc}.avatar-crop-controls[hidden]{display:none}.avatar-crop-controls input{width:100%;accent-color:#52e5a5;cursor:pointer}
.agent-edit-page{display:grid;gap:24px}.agent-edit-page-header{display:flex;align-items:center;gap:14px}.agent-edit-page-header h1,.personality-editor h1{margin:0 0 6px}.agent-edit-page-header p,.personality-editor header p{margin:0;color:#9eacc5}.agent-edit-grid>a.personality{border-color:rgba(124,92,255,.58);background:#211b3a}.agent-edit-grid>a:last-child{grid-column:1/-1;min-height:82px}.personality-editor{display:grid;gap:22px}.personality-editor .builder-form small{color:#8f9fba;font-size:12px;line-height:1.45}
.builder-edit-form .builder-two-col{grid-template-columns:1fr}.builder-edit-form .builder-step-actions [hidden]{display:none!important}
.builder-shell>.builder-section-back{display:flex;width:min(760px,100%);margin:0 auto 14px}
.builder-panel>.builder-section-back{position:absolute;left:0;top:-40px;margin:0}.builder-panel:has(>.builder-section-back){position:relative}

/* Feedback messages share one calm, readable text treatment. */
.notice-box,.error-box,.clone-process-status,.share-visibility-warning,.success-message,.error-message{color:#fff;font-weight:400}
.notice-box :where(strong,b,span,p,small,a),.error-box :where(strong,b,span,p,small,a),.clone-process-status :where(strong,b,span,p,small,a),.share-visibility-warning :where(strong,b,span,p,small,a),.success-message :where(strong,b,span,p,small,a),.error-message :where(strong,b,span,p,small,a){color:inherit;font-weight:400}
@media(max-width:700px){.agent-edit-grid>a:last-child{grid-column:auto;min-height:105px}}
.avatar-change-field{display:grid!important;gap:8px;margin:8px 0 2px}.avatar-change-field>span{color:#d8e3f4;font-size:13px;font-weight:800}.avatar-change-field textarea{width:100%;min-height:92px;padding:12px 13px;border:1px solid #3a4964;border-radius:7px;color:#edf5ff;background:#0a1320;font:inherit;line-height:1.5;resize:vertical}.avatar-change-field textarea:focus{outline:0;border-color:#7c91b8;box-shadow:0 0 0 3px rgba(124,145,184,.13)}.avatar-generate-button{position:relative;min-width:190px;justify-self:start}.avatar-generate-button:disabled{cursor:not-allowed;opacity:.72;filter:saturate(.7)}.avatar-generate-button.is-generating span::after{content:'';display:inline-block;width:13px;height:13px;margin-left:10px;border:2px solid rgba(7,19,14,.3);border-top-color:#07130e;border-radius:50%;vertical-align:-2px;animation:avatarSpin .75s linear infinite}.avatar-result-loading{cursor:wait;overflow:hidden}.avatar-loading-image{position:relative;width:100%;aspect-ratio:1;border-radius:7px;background:#172337}.avatar-loading-image::after,.avatar-loading-line::after{content:'';position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent);animation:avatarShimmer 1.25s ease-in-out infinite}.avatar-loading-line{position:relative;width:66%;height:11px;margin:3px auto;overflow:hidden;border-radius:20px;background:#1b2940}.avatar-result-loading small{color:#8291b1}@keyframes avatarSpin{to{transform:rotate(360deg)}}@keyframes avatarShimmer{to{transform:translateX(100%)}}
.avatar-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:720px}
.avatar-results[hidden]{display:none!important}.avatar-result-error{align-content:center;min-height:190px;border:1px dashed rgba(255,111,126,.45);color:#ffc3ca;background:#291821;cursor:default}.avatar-result-error small{color:#d49ba4}
.agent-edit-grid>a{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px}.agent-edit-grid strong,.agent-edit-grid small{grid-column:auto}.agent-edit-icon{display:none}
.scenario-progress{width:fit-content;margin:0 0 9px;padding:7px 10px;border:1px solid rgba(82,229,165,.35);border-radius:999px;color:#bdebd8;background:#102724;font-size:12px;font-weight:800}.scenario-progress.is-complete{border-color:rgba(124,145,184,.4);color:#cbd6e7;background:#172236}

/* Shared Tasda form controls */
:root{--field-bg:#0a1320;--field-bg-hover:#0d1828;--field-border:#3a4964;--field-border-hover:#566987;--field-focus:#7f93b8;--field-text:#edf5ff;--field-placeholder:#74839e}
.app-main :where(input[type="text"],input[type="email"],input[type="password"],input[type="search"],input[type="url"],input[type="tel"],input[type="number"],input[type="date"],input[type="time"],select,textarea),.auth-page-panel :where(input[type="text"],input[type="email"],input[type="password"],input[type="search"],input[type="url"],input[type="tel"],input[type="number"],select,textarea),.standalone-billing :where(input[type="text"],input[type="email"],input[type="password"],input[type="search"],input[type="url"],input[type="tel"],input[type="number"],select,textarea){width:100%;max-width:100%;min-height:46px;padding:10px 13px;border:1px solid var(--field-border);border-radius:7px;outline:0;color:var(--field-text);background-color:var(--field-bg);font:inherit;line-height:1.35;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}
.app-main :where(textarea),.auth-page-panel :where(textarea),.standalone-billing :where(textarea){min-height:96px;line-height:1.5;resize:vertical}
.app-main :where(select),.auth-page-panel :where(select),.standalone-billing :where(select){appearance:none;padding-right:42px;background-image:linear-gradient(45deg,transparent 50%,#93a4bf 50%),linear-gradient(135deg,#93a4bf 50%,transparent 50%);background-position:calc(100% - 17px) 20px,calc(100% - 12px) 20px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;cursor:pointer}
.app-main :where(select option),.auth-page-panel :where(select option),.standalone-billing :where(select option){color:var(--field-text);background:#101927}
.app-main :where(input,select,textarea)::placeholder,.auth-page-panel :where(input,select,textarea)::placeholder,.standalone-billing :where(input,select,textarea)::placeholder{color:var(--field-placeholder);opacity:1}
.app-main :where(input[type="text"],input[type="email"],input[type="password"],input[type="search"],input[type="url"],input[type="tel"],input[type="number"],input[type="date"],input[type="time"],select,textarea):hover,.auth-page-panel :where(input[type="text"],input[type="email"],input[type="password"],input[type="search"],input[type="url"],input[type="tel"],input[type="number"],select,textarea):hover,.standalone-billing :where(input[type="text"],input[type="email"],input[type="password"],input[type="search"],input[type="url"],input[type="tel"],input[type="number"],select,textarea):hover{border-color:var(--field-border-hover);background-color:var(--field-bg-hover)}
.app-main :where(input[type="text"],input[type="email"],input[type="password"],input[type="search"],input[type="url"],input[type="tel"],input[type="number"],input[type="date"],input[type="time"],select,textarea):focus,.auth-page-panel :where(input[type="text"],input[type="email"],input[type="password"],input[type="search"],input[type="url"],input[type="tel"],input[type="number"],select,textarea):focus,.standalone-billing :where(input[type="text"],input[type="email"],input[type="password"],input[type="search"],input[type="url"],input[type="tel"],input[type="number"],select,textarea):focus{border-color:var(--field-focus);background-color:var(--field-bg);box-shadow:0 0 0 3px rgba(127,147,184,.15)}
.app-main :where(input,select,textarea):disabled,.auth-page-panel :where(input,select,textarea):disabled,.standalone-billing :where(input,select,textarea):disabled{cursor:not-allowed;opacity:.58}
.app-main form label:has(> :where(input[type="text"],input[type="email"],input[type="password"],input[type="search"],input[type="url"],input[type="tel"],input[type="number"],input[type="date"],input[type="time"],select,textarea)),.auth-page-panel form label:has(> :where(input[type="text"],input[type="email"],input[type="password"],input[type="search"],input[type="url"],input[type="tel"],input[type="number"],select,textarea)),.standalone-billing form label:has(> :where(input[type="text"],input[type="email"],input[type="password"],input[type="search"],input[type="url"],input[type="tel"],input[type="number"],select,textarea)){display:grid;gap:8px;color:#b7c4d9;font-size:13px;font-weight:750}
.chat-input-box textarea{min-height:24px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;resize:none!important}
.app-main .hero-input-container .prompt-textarea{min-height:58px;padding:0;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;resize:none!important}.app-main .hero-input-container .prompt-textarea:hover,.app-main .hero-input-container .prompt-textarea:focus{border:0!important;background:transparent!important;box-shadow:none!important}.hero-input-container .input-box-wrapper:focus-within{border-color:var(--field-focus);box-shadow:0 0 0 3px rgba(127,147,184,.15),0 18px 55px rgba(0,0,0,.24)}
.form-field{display:grid;gap:8px;color:#b7c4d9;font-size:13px;font-weight:750}.voice-search-field{display:block;min-width:min(230px,45%)}.voice-search-field input{width:100%!important}.voice-language-field select{margin-top:0}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:760px){.voice-search-field{width:100%;min-width:0}}
.account-logout-row{display:flex;justify-content:flex-end;margin-top:34px;padding-top:16px;border-top:1px solid rgba(191,210,255,.1)}.account-logout-button{min-height:34px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border:1px solid #414b5a;border-radius:6px;color:#c8d0dc;background:#252d39;text-decoration:none;font-size:12px;font-weight:750}.account-logout-button:hover{color:#fff;background:#303a49}.profile-settings-shell{width:min(720px,calc(100% - 40px));margin:0 auto;padding:48px 0 80px}.profile-settings-panel{display:grid;gap:22px;padding:24px;border:1px solid #33415a;border-radius:8px;background:#101927}.profile-settings-header{display:flex;align-items:center;gap:15px}.profile-settings-header h1{margin:3px 0 4px}.profile-settings-header p{margin:0;color:#96a5c0}.profile-settings-form{display:grid;gap:20px}.profile-settings-form .profile-avatar-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px;border:1px solid rgba(191,210,255,.14);border-radius:8px;background:#0c1523}.profile-avatar-copy{display:grid;gap:4px}.profile-avatar-copy small{color:#91a0bc}.profile-settings-actions{display:flex;justify-content:flex-end;gap:10px}@media(max-width:600px){.profile-settings-shell{width:min(100% - 24px,720px);padding-top:26px}.profile-settings-form .profile-avatar-row{align-items:flex-start;flex-direction:column}.profile-settings-actions{justify-content:stretch}.profile-settings-actions>*{flex:1}}
.account-page-heading{display:flex;align-items:center;justify-content:flex-start;gap:16px}.account-heading-copy h1{margin-bottom:5px}.account-avatar-edit{position:relative;width:68px;height:68px;flex:0 0 68px;border-radius:12px;text-decoration:none}.account-avatar{width:68px;height:68px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(125,211,252,.45);border-radius:12px;color:#06131a;background:linear-gradient(145deg,#7dd3fc,#35577b);font-size:21px;font-weight:900}.account-avatar-pencil{position:absolute;inset:0;display:grid;place-items:center;border-radius:12px;color:#fff;background:rgba(5,10,18,.68);opacity:0;transform:scale(.96);transition:opacity .15s ease,transform .15s ease}.account-avatar-edit:hover .account-avatar-pencil,.account-avatar-edit:focus-visible .account-avatar-pencil{opacity:1;transform:scale(1)}.account-avatar-edit:focus-visible{outline:3px solid rgba(82,229,165,.25);outline-offset:3px}.user-avatar img,.account-avatar img{width:100%;height:100%;display:block;object-fit:cover}
.avatar-style-grid label>span{align-content:center;gap:4px;text-align:center}.avatar-style-grid label>span strong{color:inherit}.avatar-style-grid label>span small{color:#8f9fba;font-size:11px;font-weight:600}.avatar-style-grid input:checked+span small{color:#d7b8cb}
.top-action-icon{width:44px;min-width:44px;height:44px;padding:0;display:grid;place-items:center}.top-action-icon svg{display:block}
.agent-settings-action{color:#78e8b9;border-color:rgba(82,229,165,.38);box-shadow:0 3px 0 rgba(35,118,91,.65)}.agent-settings-action:hover{border-color:#52e5a5;background:#102724}
.agent-delete-zone{margin-top:34px;border-top:1px solid rgba(255,111,126,.2);padding-top:18px}.agent-delete-zone summary{width:fit-content;color:#d99aa2;font-size:13px;font-weight:800;cursor:pointer}.agent-delete-content{display:grid;gap:16px;margin-top:15px;padding:18px;border:1px solid rgba(255,111,126,.3);border-radius:8px;background:rgba(54,20,29,.38)}.agent-delete-content>div>strong{color:#ffd9dd}.agent-delete-content p{margin:5px 0 0;color:#bda5aa;font-size:13px;line-height:1.5}.agent-delete-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.agent-delete-form label{display:grid;gap:7px;color:#cbb7bb;font-size:12px}.agent-delete-form input{width:100%;min-height:42px;padding:9px 11px;border:1px solid #60404a;border-radius:7px;color:#fff;background:#130d12;font:inherit}.agent-delete-form button{min-height:42px;padding:0 15px;border:1px solid #ff6f7e;border-radius:7px;color:#fff;background:#8f3442;font:inherit;font-weight:850;cursor:pointer}.agent-delete-form button:hover{background:#a63d4d}@media(max-width:620px){.agent-delete-form{grid-template-columns:1fr}}
.scenario-delete-zone{margin-top:30px;padding-top:18px;border-top:1px solid rgba(255,111,126,.2)}.scenario-delete-zone summary{width:fit-content;color:#e2a0a8;font-size:13px;font-weight:800;cursor:pointer}.scenario-delete-zone>div{display:grid;gap:8px;margin-top:14px;padding:17px;border:1px solid rgba(255,111,126,.3);border-radius:8px;background:rgba(54,20,29,.38)}.scenario-delete-zone strong{color:#ffd9dd}.scenario-delete-zone p{margin:0;color:#bda5aa;font-size:13px;line-height:1.5}.scenario-delete-zone form{margin-top:8px}.scenario-delete-zone button{min-height:42px;padding:0 15px;border:1px solid #ff6f7e;border-radius:7px;color:#fff;background:#8f3442;font:inherit;font-weight:850;cursor:pointer}.scenario-delete-zone button:hover{background:#a63d4d}
.agent-profile-modal-card{max-height:calc(100vh - 44px);overflow-y:auto}
.standalone-billing{justify-items:center}.standalone-billing>.checkout-layout{justify-self:center;margin-inline:auto}
@media(max-width:600px){body:has(.home-shell) .main-header{display:block;position:relative;margin-bottom:30px;padding-top:0;text-align:center}body:has(.home-shell) .main-brand-logo{margin:0;font-size:58px}body:has(.home-shell) .main-header>.sidebar-toggle{position:absolute!important;z-index:1000;top:50%!important;left:0!important;right:auto!important;width:44px;height:44px;transform:translateY(-50%);border:1px solid var(--border-color);background:rgba(13,22,34,.92)}body:has(.home-shell) .home-language{position:absolute;top:50%;right:0;gap:2px;padding:2px;border-radius:7px;transform:translateY(-50%)}body:has(.home-shell) .home-language a{min-width:29px;height:28px;padding:0 5px;border-radius:5px;font-size:10px}}
@media(max-width:600px){body:has(.home-shell):not(.sidebar-collapsed) .main-header>.sidebar-toggle{position:fixed!important;top:16px!important;left:min(288px,calc(100vw - 100px))!important;right:auto!important;transform:none}}
@media(max-width:600px){body:has(.home-shell) .agent-switcher{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) 40px;gap:8px;align-items:center;width:100%;flex-wrap:nowrap}body:has(.home-shell) .agent-pill{min-width:0;width:100%;gap:8px;padding:7px 8px;font-size:14px;white-space:nowrap}body:has(.home-shell) .agent-pill>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body:has(.home-shell) .agent-switcher>.icon-link{width:40px;height:42px;justify-self:end}}
.creator-earning-note{margin-bottom:28px}
.voice-language-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.voice-language-heading>a{color:#78e8b9;font-size:11px;font-weight:750;text-decoration:none;white-space:nowrap}.voice-language-heading>a:hover{text-decoration:underline}
.language-settings-shell{width:min(980px,calc(100% - 40px));margin:0 auto;padding:48px 0 80px}.language-settings-shell>.builder-section-back{display:inline-flex;margin-bottom:18px}.language-settings-shell>.page-heading{display:block}.language-settings-shell>.page-heading p{margin-top:7px}.language-settings-panel{max-width:none}.language-settings-form{display:grid;grid-template-columns:230px minmax(0,1fr);gap:30px}.language-settings-form>aside{display:grid;align-content:start;gap:14px}.language-version-editor{display:grid;gap:20px;padding-left:30px;border-left:1px solid #2d3b54}.language-version-editor>header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:2px}.language-version-editor>header>div:first-child{display:grid;gap:3px}.language-version-editor>header span{color:#fff;font-size:18px;font-weight:850}.language-version-editor>header small{color:#8fa0bc}.language-version-editor>header>div:last-child{display:flex;gap:12px}.language-version-editor>header button{padding:0;border:0;color:#78e8b9;background:transparent;font:inherit;font-size:12px;font-weight:750;cursor:pointer}.language-version-editor>header button:last-child{color:#e89aa4}.language-version-editor>header button[hidden]{display:none}.language-version-editor>label{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:9px!important;width:100%;margin:0;color:#b7c4d9;font-size:13px;font-weight:750}.language-version-editor>label>span{display:block}.language-version-editor input,.language-version-editor textarea{display:block;width:100%!important;margin:0;font-weight:400}.language-version-editor textarea{min-height:180px}.agent-edit-grid>a.languages{border-color:rgba(125,211,252,.45);background:#122231}
@media(max-width:720px){.language-settings-shell{width:min(100% - 24px,980px);padding-top:28px}.language-settings-form{grid-template-columns:1fr}.language-version-editor{padding:18px 0 0;border-left:0;border-top:1px solid #2d3b54}.language-version-editor>header{align-items:flex-start;flex-direction:column}.voice-language-heading{display:grid}.voice-language-heading>a{white-space:normal}}
@media(max-width:620px){.builder-create-heading{min-height:74px;padding-right:92px}.builder-create-heading h1{display:grid;gap:3px}.builder-create-heading h1>span{font-size:32px}.builder-create-heading h1>small{font-size:10px}.builder-heading-art{width:100px}.builder-heading-money{display:none}.builder-heading-plus{right:-12px}.builder-heading-spark{right:49px}}
/* Representative payment model */
.builder-create-heading{padding-right:0;overflow:visible}.builder-create-heading h1>small{font-size:14px}.builder-step-heading .builder-type-question{color:#93a2bd;font-size:12px;font-weight:400;line-height:1.5}@media(max-width:1100px){.builder-page-art{display:none}}
.billing-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.billing-mode-card{position:relative;display:grid;grid-template-columns:52px 1fr;gap:15px;align-items:start;min-height:170px;padding:22px;border:1px solid #33415a;border-radius:8px;background:#0d1725;cursor:pointer}.billing-mode-card:has(input:checked){border-color:#52e5a5;background:#102724;box-shadow:0 4px 0 #24765c}.billing-mode-card input{position:absolute;top:18px;right:18px;width:18px;height:18px;accent-color:#52e5a5}.billing-mode-card>span:last-child{display:grid;gap:8px;padding-right:20px}.billing-mode-card strong{font-size:18px}.billing-mode-card small{color:#9eacc4;line-height:1.55}.billing-mode-icon{width:46px;height:46px;display:grid;place-items:center;border:1px solid #53617b;border-radius:7px;color:#dce7fa;background:#172338;font-size:24px;font-weight:900}.billing-mode-icon.creator{color:#07130e;border-color:#52e5a5;background:#52e5a5}.billing-mode-note,.billing-owner-balance{display:flex;align-items:center;gap:18px;margin-top:18px;padding:16px 18px;border:1px solid #2f3c51;border-radius:7px;background:#0b1421}.billing-mode-note span,.billing-owner-balance span{color:#9aa9c3;line-height:1.45}.billing-owner-balance strong{margin-left:auto}.billing-owner-balance a{color:#65e5b0;font-weight:800;text-decoration:none}.payment-settings-panel{max-width:840px}.payment-settings-panel>header{margin-bottom:26px}.payment-settings-panel>header h1{margin:6px 0 8px}.payment-settings-panel>header p{margin:0;color:#9eacc4}@media(max-width:680px){.billing-mode-grid{grid-template-columns:1fr}.billing-owner-balance{align-items:flex-start;flex-direction:column}.billing-owner-balance strong{margin-left:0}}