.composer { position: relative; }
.segment2-command-menu {
  position: relative;
  z-index: 80;
  width: min(760px, calc(100% - 32px));
  max-height: min(52vh, 430px);
  overflow: auto;
  margin: 0 auto 10px;
  padding: 8px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 16px;
  background: rgba(11,16,20,.98);
  box-shadow: 0 22px 60px rgba(0,0,0,.42);
  backdrop-filter: blur(14px);
}
.segment2-command-menu.hidden { display: none !important; }
.segment2-command-item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 10px 12px;
  border: 1px solid transparent;
  border-radius: 11px;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}
.segment2-command-item:hover,
.segment2-command-item.active {
  border-color: rgba(104,230,151,.24);
  background: rgba(104,230,151,.08);
}
.segment2-command-item.locked { opacity: .48; }
.segment2-command-item > span { min-width: 0; display: grid; gap: 2px; }
.segment2-command-item strong { font-size: .9rem; }
.segment2-command-item small { opacity: .68; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.segment2-command-item em { flex: 0 0 auto; font-size: .72rem; font-style: normal; opacity: .55; }
.segment2-command-empty { margin: 8px; opacity: .62; }
.segment2-command-error {
  width: min(760px, calc(100% - 32px));
  margin: 0 auto 8px;
  padding: 8px 11px;
  border: 1px solid rgba(248,113,113,.28);
  border-radius: 10px;
  background: rgba(127,29,29,.18);
  color: #fecaca;
  font-size: .82rem;
}
.segment2-generation-card {
  position: relative;
  display: grid !important;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 12px;
  overflow: hidden;
  min-height: 68px;
  isolation: isolate;
}
.segment2-generation-orb {
  position: relative;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  border: 1px solid rgba(126,255,168,.22);
  background: radial-gradient(circle at 35% 30%, rgba(126,255,168,.24), rgba(126,255,168,.035) 60%, transparent 72%);
  box-shadow: inset 0 0 16px rgba(126,255,168,.08), 0 0 18px rgba(126,255,168,.05);
}
.segment2-generation-orb i {
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: currentColor;
  animation: segment2Orbit 1.2s linear infinite;
  transform-origin: 0 0;
}
.segment2-generation-orb i:nth-child(2) { animation-delay: -.4s; opacity: .68; }
.segment2-generation-orb i:nth-child(3) { animation-delay: -.8s; opacity: .38; }
.segment2-generation-copy { display: grid; gap: 3px; min-width: 0; }
.segment2-generation-copy strong { font-size: .9rem; font-weight: 650; }
.segment2-generation-copy small { opacity: .66; font-size: .78rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.segment2-generation-shimmer {
  position: absolute;
  z-index: -1;
  inset: 0;
  transform: translateX(-120%);
  background: linear-gradient(105deg, transparent 20%, rgba(255,255,255,.035) 46%, rgba(126,255,168,.06) 52%, transparent 76%);
  animation: segment2Shimmer 2.1s ease-in-out infinite;
  pointer-events: none;
}
.segment2-stop-generation {
  position: absolute;
  right: 60px;
  bottom: 10px;
  z-index: 35;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 10px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 10px;
  background: rgba(22,28,33,.96);
  color: inherit;
  font: inherit;
  font-size: .76rem;
  cursor: pointer;
}
.segment2-stop-generation:hover { background: rgba(42,49,55,.98); }
.segment2-stop-generation:disabled { opacity: .56; cursor: wait; }
.segment2-stop-generation.hidden { display: none !important; }
.composer.segment2-generating .send-button,
.composer.segment2-generating .tool-button { opacity: .44; cursor: not-allowed; }
.composer.segment2-generating textarea { padding-right: 150px; }
.segment2-response-enter { animation: segment2ResponseIn .32s ease-out both; }
.segment2-toast-region {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 200;
  width: min(360px, calc(100vw - 36px));
  display: grid;
  gap: 8px;
  pointer-events: none;
}
.segment2-toast {
  pointer-events: auto;
  display: grid;
  gap: 9px;
  padding: 11px 12px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 13px;
  background: rgba(16,21,26,.98);
  box-shadow: 0 16px 42px rgba(0,0,0,.38);
  font-size: .82rem;
}
.segment2-toast.error { border-color: rgba(248,113,113,.3); }
.segment2-toast-actions { display: flex; gap: 7px; }
.segment2-toast-actions button {
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 8px;
  padding: 6px 9px;
  background: rgba(255,255,255,.06);
  color: inherit;
  cursor: pointer;
}
.segment2-toast-actions button:first-child { border-color: rgba(126,255,168,.28); background: rgba(126,255,168,.1); }
@keyframes segment2Orbit {
  from { transform: rotate(0deg) translateX(10px) rotate(0deg); }
  to { transform: rotate(360deg) translateX(10px) rotate(-360deg); }
}
@keyframes segment2Shimmer {
  0%, 18% { transform: translateX(-120%); }
  72%, 100% { transform: translateX(120%); }
}
@keyframes segment2ResponseIn {
  from { opacity: 0; transform: translateY(5px); filter: blur(2px); }
  to { opacity: 1; transform: translateY(0); filter: blur(0); }
}
@media (max-width: 720px) {
  .segment2-command-menu,
  .segment2-command-error { width: calc(100% - 18px); }
  .segment2-command-item em { display: none; }
  .segment2-stop-generation { right: 54px; padding-inline: 8px; }
  .segment2-stop-generation span:last-child { display: none; }
  .composer.segment2-generating textarea { padding-right: 84px; }
}
@media (prefers-reduced-motion: reduce) {
  .segment2-generation-orb i,
  .segment2-generation-shimmer,
  .segment2-response-enter { animation: none !important; }
}


/* Segment 2 follow-up: the send control itself becomes Stop for both AIs. */
.composer.segment2-generating .send-button.segment2-stop-send {
  opacity: 1;
  cursor: pointer;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 8px;
  background: rgba(27,34,40,.98);
  color: #f5f5f5;
  font-size: 1rem;
}
.composer.segment2-generating .send-button.segment2-stop-send:hover { background: rgba(44,53,61,.98); }
.composer.segment2-generating .send-button.segment2-stop-send:disabled { opacity: .55; cursor: wait; }
.composer.segment2-generating textarea { padding-right: 14px; }

.segment2-plugins-page { gap: 18px; align-content: start; }
.segment2-plugins-header { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }
.segment2-plugins-header-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; justify-content:flex-end; }
.segment2-plugins-header-actions .ghost-button { white-space:nowrap; }
.segment2-plugin-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.segment2-plugin-card { display:grid; gap:14px; min-height:190px; padding:16px; border:1px solid var(--border); border-radius:14px; background:var(--panel); transition:border-color .18s ease, background .18s ease, transform .18s ease; }
.segment2-plugin-card.installed { border-color:rgba(126,255,168,.3); background:color-mix(in srgb, var(--panel) 92%, rgba(126,255,168,.14)); }
.segment2-plugin-card > div { display:grid; gap:5px; }
.segment2-plugin-card strong { font-size:1.05rem; }
.segment2-plugin-card span,.segment2-plugin-card small,.segment2-plugin-note { color:var(--muted); line-height:1.45; }
.segment2-plugin-status { min-height:2.9em; }
.segment2-plugin-toggle { margin-top:auto; min-height:40px; border:1px solid rgba(126,255,168,.28); border-radius:9px; background:rgba(126,255,168,.08); color:var(--text); cursor:pointer; font-weight:650; }
.segment2-plugin-toggle:hover { background:rgba(126,255,168,.14); }
.segment2-plugin-card.installed .segment2-plugin-toggle { border-color:rgba(248,113,113,.3); background:rgba(248,113,113,.08); color:#fecaca; }
.segment2-plugin-card.installed .segment2-plugin-toggle:hover { background:rgba(248,113,113,.14); }
.segment2-plugin-note { margin:0; padding:12px 14px; border:1px dashed var(--border); border-radius:12px; }
@media (max-width: 820px) { .segment2-plugin-grid { grid-template-columns:1fr; } .segment2-plugins-header { flex-direction:column; } .segment2-plugins-header-actions { justify-content:flex-start; } }


/* Zorqelia generation activity drawer */
.message.assistant.segment2-generation-card {
  min-height: 28px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  isolation: auto !important;
}
.segment2-generation-trigger {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 28px;
  padding: 2px 4px;
  border: 0;
  background: transparent;
  color: var(--muted, #9ca3af);
  font: inherit;
  font-size: .86rem;
  cursor: pointer;
  text-align: left;
}
.segment2-generation-trigger:hover,
.segment2-generation-trigger:focus-visible { color: var(--text, #f5f5f5); outline: none; }
.segment2-generation-trigger-dot,
.segment2-generation-live-dot {
  width: 7px;
  height: 7px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: currentColor;
  opacity: .72;
  animation: segment2GenerationPulse 1.15s ease-in-out infinite;
}
.segment2-generation-trigger-chevron { font-size: 1.05rem; line-height: 1; opacity: .58; transform: translateY(-1px); }
.segment2-generation-status {
  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;
}
.segment2-generation-backdrop {
  position: fixed;
  inset: 0;
  z-index: 410;
  display: block;
  padding: 0;
  border: 0;
  background: rgba(0,0,0,.34);
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease;
}
.segment2-generation-backdrop.open { opacity: 1; pointer-events: auto; }
.segment2-generation-drawer {
  position: fixed;
  z-index: 420;
  top: 0;
  right: 0;
  width: min(420px, 92vw);
  height: 100dvh;
  display: grid;
  grid-template-rows: auto auto minmax(0,1fr);
  border-left: 1px solid var(--border, rgba(255,255,255,.1));
  background: color-mix(in srgb, var(--panel, #101010) 96%, #000);
  color: var(--text, #f5f5f5);
  box-shadow: -24px 0 70px rgba(0,0,0,.42);
  transform: translateX(102%);
  visibility: hidden;
  transition: transform .24s ease, visibility 0s linear .24s;
}
.segment2-generation-drawer.open { transform: translateX(0); visibility: visible; transition: transform .24s ease; }
.segment2-generation-drawer-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 20px 16px;
  border-bottom: 1px solid var(--border, rgba(255,255,255,.1));
}
.segment2-generation-drawer-header > div { display: grid; gap: 3px; }
.segment2-generation-drawer-header small { color: var(--muted, #9ca3af); font-size: .72rem; text-transform: uppercase; letter-spacing: .08em; }
.segment2-generation-drawer-title { margin: 0; font-size: 1.06rem; }
.segment2-generation-drawer-close {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 1px solid var(--border, rgba(255,255,255,.1));
  border-radius: 10px;
  background: transparent;
  color: inherit;
  font-size: 1.25rem;
  cursor: pointer;
}
.segment2-generation-drawer-close:hover { background: rgba(255,255,255,.06); }
.segment2-generation-drawer-summary {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  padding: 16px 20px;
  border-bottom: 1px solid var(--border, rgba(255,255,255,.08));
}
.segment2-generation-live-dot { margin-top: 7px; color: #8b949e; }
.segment2-generation-drawer-summary > div { display: grid; gap: 3px; }
.segment2-generation-drawer-summary strong { font-size: .9rem; font-weight: 650; }
.segment2-generation-drawer-summary small { color: var(--muted, #9ca3af); font-size: .76rem; }
.segment2-generation-drawer-body { overflow: auto; padding: 18px 20px 28px; }
.segment2-generation-privacy-note {
  margin: 0 0 18px;
  padding: 10px 12px;
  border: 1px solid var(--border, rgba(255,255,255,.08));
  border-radius: 10px;
  color: var(--muted, #9ca3af);
  background: rgba(255,255,255,.025);
  font-size: .76rem;
  line-height: 1.45;
}
.segment2-generation-activity-list {
  list-style: none;
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
}
.segment2-generation-activity-list li {
  position: relative;
  display: grid;
  grid-template-columns: 12px minmax(0,1fr);
  gap: 10px;
  min-height: 48px;
}
.segment2-generation-activity-list li > span {
  width: 7px;
  height: 7px;
  margin-top: 7px;
  border-radius: 50%;
  background: #7d8590;
}
.segment2-generation-activity-list li:not(:last-child)::after {
  content: '';
  position: absolute;
  left: 3px;
  top: 17px;
  bottom: 0;
  width: 1px;
  background: rgba(255,255,255,.1);
}
.segment2-generation-activity-list li > div { display: grid; align-content: start; gap: 2px; padding-bottom: 14px; }
.segment2-generation-activity-list strong { font-size: .84rem; font-weight: 600; line-height: 1.35; }
.segment2-generation-activity-list small { color: var(--muted, #9ca3af); font-size: .72rem; }
.segment2-generation-activity-list .empty { display: block; color: var(--muted, #9ca3af); font-size: .8rem; }
@keyframes segment2GenerationPulse { 0%,100% { opacity:.35; transform:scale(.82); } 50% { opacity:1; transform:scale(1); } }
@media (max-width: 640px) {
  .segment2-generation-drawer { width: min(100vw, 420px); }
}
@media (prefers-reduced-motion: reduce) {
  .segment2-generation-trigger-dot, .segment2-generation-live-dot { animation: none !important; }
  .segment2-generation-drawer, .segment2-generation-backdrop { transition: none !important; }
}


/* Zordex live activity v2 */
.segment2-generation-trigger { max-width: min(680px, 100%); }
.segment2-generation-inline-status {
  max-width: min(360px, 42vw);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--text, #f5f5f5);
  opacity: .72;
  font-size: .8rem;
  font-weight: 500;
}
.segment2-generation-inline-elapsed {
  margin-left: 2px;
  color: var(--muted, #9ca3af);
  font-size: .78rem;
  font-variant-numeric: tabular-nums;
}
.segment2-live-work {
  display: grid;
  gap: 12px;
  margin-bottom: 16px;
  padding: 14px;
  border: 1px solid var(--border, rgba(255,255,255,.1));
  border-radius: 12px;
  background: color-mix(in srgb, var(--panel, #101010) 78%, transparent);
}
.segment2-live-work-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.segment2-live-work-heading > strong { font-size: .88rem; }
.segment2-live-work-heading > span { display: inline-flex; align-items: center; gap: 5px; color: var(--muted, #9ca3af); font-size: .7rem; text-transform: uppercase; letter-spacing: .08em; }
.segment2-live-work-heading > span::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: currentColor; animation: segment2GenerationPulse 1.15s ease-in-out infinite; }
.segment2-live-work ol { display: grid; gap: 4px; margin: 0; padding: 0; list-style: none; }
.segment2-live-work li { display: grid; grid-template-columns: 20px minmax(0,1fr); align-items: start; gap: 7px; min-height: 28px; padding: 5px 7px; border-radius: 8px; color: var(--text, #f5f5f5); font-size: .82rem; line-height: 1.35; }
.segment2-live-work li.is-done { color: var(--muted, #9ca3af); }
.segment2-live-work li.is-failed { color: #fca5a5; }
.segment2-live-work-icon { display: grid; place-items: center; width: 18px; height: 18px; color: currentColor; font-size: .75rem; }
.segment2-live-work-empty { color: var(--muted, #9ca3af) !important; }
.segment2-live-files { display: grid; gap: 6px; padding-top: 10px; border-top: 1px solid var(--border, rgba(255,255,255,.1)); }
.segment2-live-files > strong { color: var(--muted, #9ca3af); font-size: .72rem; text-transform: uppercase; letter-spacing: .07em; }
.segment2-live-files > div { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-width: 0; padding: 5px 7px; border-radius: 7px; background: rgba(255,255,255,.025); }
.segment2-live-files code { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text, #f5f5f5); font-size: .77rem; }
.segment2-live-files small { flex: none; color: var(--muted, #9ca3af); font-size: .68rem; text-transform: capitalize; }
@media (max-width: 720px) { .segment2-generation-inline-status { max-width: 42vw; } }


/* Zordex workspace UI v5 */
.chat-main.zordex-active .conversation-stage{grid-template-columns:minmax(430px,1fr) clamp(560px,44vw,760px)!important}
.zordex-context-panel:not(.zordex-v5-project){overflow:hidden!important}
.zordex-v5-nav{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border-bottom:1px solid #2d3338;background:#171a1d}
.zordex-v5-nav>div:first-child{display:grid;gap:2px;min-width:0}.zordex-v5-nav>div:first-child strong{font-size:.76rem;color:#eef2f4}.zordex-v5-nav>div:first-child span{font-size:.62rem;color:#7f8991;white-space:nowrap}
.zordex-v5-nav>div:last-child,.zordex-v5-editor>header nav{display:flex;align-items:center;gap:3px;padding:3px;border:1px solid #30373d;border-radius:6px;background:#111417}
.zordex-v5-nav button,.zordex-v5-editor>header nav button{min-height:25px;border:0;border-radius:4px;background:transparent;color:#89939b;padding:4px 8px;font-size:.64rem;cursor:pointer}
.zordex-v5-nav button.active,.zordex-v5-editor>header nav button.active{background:#293137;color:#f1f5f7;box-shadow:inset 0 0 0 1px #3b474f}
.zordex-context-panel:not(.zordex-v5-project)>.zordex-v5-legacy{display:none!important}.zordex-context-panel.zordex-v5-project>.zordex-v5-build{display:none!important}
.zordex-v5-build{height:calc(100% - 52px);min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);background:#141719}
.zordex-v5-progress{display:grid;gap:8px;padding:11px 12px;border-bottom:1px solid #2b3136;background:#181c1f}.zordex-v5-progress>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.zordex-v5-progress>header>div{display:grid;gap:2px;min-width:0}.zordex-v5-progress>header span{font:600 .58rem ui-monospace,Consolas,monospace;text-transform:uppercase;letter-spacing:.08em;color:#77828a}.zordex-v5-progress>header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dce4e8;font-size:.69rem}.zordex-v5-progress>header>b{flex:none;border:1px solid #354048;border-radius:5px;padding:3px 6px;color:#aebbc2;font:700 .62rem ui-monospace,Consolas,monospace}
.zordex-v5-progress-bar{height:3px;overflow:hidden;border-radius:999px;background:#262d32}.zordex-v5-progress-bar i{display:block;height:100%;width:0;background:#65c5a4;transition:width .2s ease}.zordex-v5-progress-bar i.working{background:#63b9d2}.zordex-v5-progress-bar i.failed{background:#e47b7b}
.zordex-v5-progress ol{display:flex;align-items:center;gap:9px;min-width:0;margin:0;padding:0;overflow:hidden;list-style:none}.zordex-v5-progress li{display:flex;align-items:center;gap:4px;min-width:0;color:#7f8a92;font-size:.61rem;white-space:nowrap}.zordex-v5-progress li b{color:#6e7a81}.zordex-v5-progress li span{overflow:hidden;text-overflow:ellipsis}.zordex-v5-progress li.is-done b{color:#5fb78f}.zordex-v5-progress li.is-working b{color:#65b9d0}.zordex-v5-progress li.is-failed{color:#f0a0a0}.zordex-v5-progress li.is-failed b{color:#e77878}
.zordex-v5-body{min-height:0;display:grid;grid-template-columns:178px minmax(0,1fr)}.zordex-v5-files{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);border-right:1px solid #2a3035;background:#15181a}.zordex-v5-files>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 11px;border-bottom:1px solid #282e33}.zordex-v5-files>header strong{font-size:.67rem;color:#d9e0e3}.zordex-v5-files>header span{color:#68747b;font-size:.57rem}
.zordex-v5-tree{min-height:0;overflow:auto;padding:7px 6px 16px;scrollbar-width:thin}.zordex-v5-tree>p{margin:10px;color:#6f7a81;font-size:.64rem;line-height:1.45}.zordex-v5-folder summary{display:flex;align-items:center;gap:5px;min-height:27px;border-radius:4px;padding:3px 5px;color:#aab3b8;font-size:.65rem;cursor:pointer;list-style:none}.zordex-v5-folder summary:hover{background:#1f2428}.zordex-v5-folder summary::-webkit-details-marker{display:none}.zordex-v5-folder summary b{width:10px;color:#66727a;transition:transform .12s ease}.zordex-v5-folder[open]>summary b{transform:rotate(90deg)}.zordex-v5-folder summary span{color:#c0a769}.zordex-v5-folder>div{padding-left:11px;border-left:1px solid #272d31;margin-left:9px}
.zordex-v5-file{width:100%;min-width:0;min-height:27px;display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:5px;border:0;border-radius:4px;background:transparent;color:#99a3a9;padding:3px 5px;text-align:left;cursor:pointer}.zordex-v5-file:hover,.zordex-v5-file.active{background:#22282c;color:#edf2f4}.zordex-v5-file.active{box-shadow:inset 2px 0 #63b99a}.zordex-v5-file i{width:5px;height:5px;border-radius:50%;background:#4d565c}.zordex-v5-file.changed i{background:#67c09e;box-shadow:0 0 0 2px rgba(103,192,158,.08)}.zordex-v5-file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 .63rem ui-monospace,Consolas,monospace}.zordex-v5-file small{color:#6e7c84;font-size:.52rem;text-transform:uppercase}
.zordex-v5-editor{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);background:#101315}.zordex-v5-editor>header{min-width:0;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border-bottom:1px solid #293036;background:#161a1d}.zordex-v5-tabs{min-width:0;display:flex;align-items:center;gap:3px;overflow-x:auto;scrollbar-width:none}.zordex-v5-tabs::-webkit-scrollbar{display:none}.zordex-v5-tabs button{flex:none;max-width:150px;min-height:28px;display:flex;align-items:center;gap:5px;border:1px solid transparent;border-radius:5px;background:transparent;color:#77838a;padding:4px 7px;font-size:.6rem;cursor:pointer}.zordex-v5-tabs button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zordex-v5-tabs button small{color:#66747b;font-size:.5rem;text-transform:uppercase}.zordex-v5-tabs button.active{border-color:#374148;background:#22282c;color:#e5ecef}.zordex-v5-tabs button.active small{color:#73b99f}
.zordex-v5-stage{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1px;background:#293036}.zordex-v5-build[data-view="code"] .zordex-v5-stage{grid-template-columns:minmax(0,1fr)}.zordex-v5-build[data-view="code"] .zordex-v5-preview{display:none}.zordex-v5-build[data-view="preview"] .zordex-v5-stage{grid-template-columns:minmax(0,1fr)}.zordex-v5-build[data-view="preview"] .zordex-v5-code{display:none}
.zordex-v5-code,.zordex-v5-preview{min-width:0;min-height:0;display:grid;grid-template-rows:34px minmax(0,1fr);background:#0d1012}.zordex-v5-code>header,.zordex-v5-preview>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 9px;border-bottom:1px solid #272e33;background:#131719}.zordex-v5-code>header span,.zordex-v5-preview>header span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b9c3c8;font:550 .58rem ui-monospace,Consolas,monospace}.zordex-v5-code>header small,.zordex-v5-preview>header small{flex:none;color:#65727a;font-size:.54rem}.zordex-v5-preview>header small{color:#66b99b}.zordex-v5-code pre{min-height:0;height:100%;margin:0;overflow:auto;padding:11px 12px;background:#0b0e10;color:#d7dee2;font:11.5px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2;white-space:pre}.zordex-v5-code code{font:inherit}.zordex-v5-preview iframe{width:100%;height:100%;min-height:0;border:0;background:#fff}.zordex-v5-preview iframe.hidden{display:none!important}.zordex-v5-preview>div{height:100%;display:grid;place-content:center;justify-items:center;gap:5px;padding:18px;text-align:center;background:#111416}.zordex-v5-preview>div.hidden{display:none!important}.zordex-v5-preview>div strong{color:#b7c0c5;font-size:.7rem}.zordex-v5-preview>div span{max-width:220px;color:#66737b;font-size:.6rem;line-height:1.45}
.zordex-v5-drawer{gap:9px!important;padding:12px!important}.zordex-v5-drawer .segment2-live-work-heading>span::before{animation:none}.zordex-v5-drawer-meter{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.zordex-v5-drawer-meter::before{content:"";grid-column:1;grid-row:1;height:3px;border-radius:99px;background:#2a3035}.zordex-v5-drawer-meter i{grid-column:1;grid-row:1;z-index:1;height:3px;border-radius:99px;background:#64b996}.zordex-v5-drawer-meter b{grid-column:2;color:#87939a;font:650 .62rem ui-monospace,Consolas,monospace}.zordex-v5-drawer ol{gap:3px!important}.zordex-v5-drawer li{min-height:24px!important;padding:3px 5px!important;font-size:.75rem!important}
@media(max-width:1500px){.chat-main.zordex-active .conversation-stage{grid-template-columns:minmax(410px,1fr) clamp(520px,45vw,660px)!important}.zordex-v5-body{grid-template-columns:158px minmax(0,1fr)}}
@media(max-width:1220px){.chat-main.zordex-active .conversation-stage{grid-template-columns:minmax(0,1fr)!important}.chat-main.zordex-active .zordex-context-panel{display:none!important}}

/* ZORDEX_PREVIEW_USABILITY_ISOLATED_V150: maximize the actual game view. */
.zordex-v5-build[data-view="preview"] .zordex-v5-body { grid-template-columns: minmax(0,1fr) !important; }
.zordex-v5-build[data-view="preview"] .zordex-v5-files { display: none !important; }
.zordex-v5-build[data-view="preview"] .zordex-v5-progress { padding: 6px 9px; gap: 4px; }
.zordex-v5-build[data-view="preview"] .zordex-v5-progress ol { display: none; }
.zordex-v5-build[data-view="preview"] .zordex-v5-preview { min-width: 0; overflow: hidden; }


/* Zordex workspace resizable v5.1 */
.chat-main.zordex-active{
  /* Header + flexible work area + Segment 6 tools + composer. The old four-row
     template was created for the now-hidden workspace bar, so the work area was
     landing in an auto-height row and could grow past the viewport. */
  grid-template-rows:auto minmax(0,1fr) auto auto!important;
  min-height:0;
  overflow:hidden;
}
.chat-main.zordex-active>.chat-header{grid-row:1;min-height:0}
.chat-main.zordex-active>.conversation-stage{
  grid-row:2;
  min-height:0;
  height:auto!important;
  max-height:100%;
  overflow:hidden!important;
  grid-template-columns:minmax(340px,1fr) 8px minmax(620px,var(--zordex-workbench-width,clamp(760px,58vw,1040px)))!important;
  gap:0!important;
}
.chat-main.zordex-active>.s6-coding-tools{
  grid-row:3;
  min-height:0;
  flex-wrap:nowrap;
  overflow-x:auto;
  scrollbar-width:thin;
}
.chat-main.zordex-active>.composer{grid-row:4;min-height:0}
.chat-main.zordex-active.zordex-workbench-expanded .conversation-stage{
  grid-template-columns:minmax(280px,24vw) 8px minmax(0,1fr)!important;
}
.chat-main.zordex-active .message-list{min-width:0;min-height:0}
.chat-main.zordex-active .zordex-context-panel{
  min-width:0;
  min-height:0;
  width:100%;
  height:100%!important;
  max-width:none!important;
  max-height:100%;
  overflow:hidden!important;
}

.zordex-v5-outer-resizer{display:none;position:relative;min-width:8px;width:8px;cursor:col-resize;background:#111416;border-left:1px solid #20262a;border-right:1px solid #20262a;outline:none;z-index:6}
.chat-main.zordex-active .zordex-v5-outer-resizer{display:block}
.zordex-v5-outer-resizer::after,.zordex-v5-inner-resizer::after{content:"";position:absolute;top:50%;left:50%;width:2px;height:54px;border-radius:999px;background:#3a444a;transform:translate(-50%,-50%);transition:background .15s ease,box-shadow .15s ease}
.zordex-v5-outer-resizer:hover::after,.zordex-v5-outer-resizer:focus-visible::after,.zordex-v5-inner-resizer:hover::after,.zordex-v5-inner-resizer:focus-visible::after{background:#70c6a7;box-shadow:0 0 0 3px rgba(112,198,167,.08)}
.zordex-v5-resizing,.zordex-v5-resizing *{cursor:col-resize!important;user-select:none!important}
.zordex-v5-resizing iframe{pointer-events:none!important}

.zordex-v5-build,.zordex-v5-body,.zordex-v5-editor,.zordex-v5-stage,.zordex-v5-code,.zordex-v5-preview{min-height:0;max-height:100%;overflow:hidden}
.zordex-v5-body{grid-template-columns:clamp(140px,10vw,170px) minmax(0,1fr)!important}
.zordex-v5-files{min-width:0;min-height:0;overflow:hidden}
.zordex-v5-stage{grid-template-columns:minmax(240px,var(--zordex-code-width,1fr)) 7px minmax(240px,1fr)!important;gap:0!important}
.zordex-v5-inner-resizer{position:relative;min-width:7px;width:7px;cursor:col-resize;background:#15191c;border-left:1px solid #262d32;border-right:1px solid #262d32;outline:none;z-index:4}
.zordex-v5-inner-resizer::after{height:42px}
.zordex-v5-build[data-view="code"] .zordex-v5-stage,.zordex-v5-build[data-view="preview"] .zordex-v5-stage{grid-template-columns:minmax(0,1fr)!important}
.zordex-v5-build[data-view="code"] .zordex-v5-inner-resizer,.zordex-v5-build[data-view="preview"] .zordex-v5-inner-resizer{display:none!important}

.zordex-v5-editor>header{padding-left:10px;padding-right:10px}
.zordex-v5-nav>div:last-child{flex-wrap:nowrap}
.zordex-v5-nav [data-zordex-v5-expand]{border-left:1px solid #364047;margin-left:2px;padding-left:10px;padding-right:10px}
.zordex-v5-nav [data-zordex-v5-expand].active{background:#27342f;color:#d9f2e8;box-shadow:inset 0 0 0 1px #3c594e}

@media(max-width:1360px){
  .chat-main.zordex-active .conversation-stage{grid-template-columns:minmax(300px,1fr) 8px minmax(560px,var(--zordex-workbench-width,56vw))!important}
  .chat-main.zordex-active.zordex-workbench-expanded .conversation-stage{grid-template-columns:minmax(260px,28vw) 8px minmax(0,1fr)!important}
  .zordex-v5-body{grid-template-columns:140px minmax(0,1fr)!important}
  .zordex-v5-stage{grid-template-columns:minmax(220px,var(--zordex-code-width,1fr)) 7px minmax(220px,1fr)!important}
}

@media(max-width:1120px){
  .chat-main.zordex-active .conversation-stage,.chat-main.zordex-active.zordex-workbench-expanded .conversation-stage{grid-template-columns:minmax(0,1fr)!important}
  .chat-main.zordex-active .zordex-v5-outer-resizer,.chat-main.zordex-active .zordex-context-panel{display:none!important}
}


/* Zordex hard viewport containment v5.2 */
body.zordex-app-mode{overflow:hidden!important}
body.zordex-app-mode .app-shell,
body.zordex-app-mode .main-shell,
body.zordex-app-mode .chat-main.zordex-active{
  height:100dvh!important;
  max-height:100dvh!important;
  min-height:0!important;
  overflow:hidden!important;
}
.chat-main.zordex-active{
  grid-template-rows:auto var(--zordex-work-area-height,minmax(0,1fr)) auto auto!important;
}
.chat-main.zordex-active>.conversation-stage{
  min-height:0!important;
  max-height:var(--zordex-work-area-height,100%)!important;
  overflow:hidden!important;
  contain:size layout paint;
}
.chat-main.zordex-active>.s6-coding-tools{
  align-self:stretch;
  min-height:0!important;
  max-height:54px;
  margin-top:0!important;
  margin-bottom:4px!important;
}
.chat-main.zordex-active>.composer{
  min-height:0!important;
  max-height:176px;
  margin-top:0!important;
}
.chat-main.zordex-active .zordex-context-panel,
.chat-main.zordex-active .zordex-v5-build,
.chat-main.zordex-active .zordex-v5-body,
.chat-main.zordex-active .zordex-v5-files,
.chat-main.zordex-active .zordex-v5-editor,
.chat-main.zordex-active .zordex-v5-stage,
.chat-main.zordex-active .zordex-v5-code,
.chat-main.zordex-active .zordex-v5-preview{
  min-block-size:0!important;
  max-block-size:100%!important;
  overflow:hidden!important;
}
.chat-main.zordex-active .zordex-context-panel{contain:size layout paint}
.chat-main.zordex-active .zordex-v5-tree,
.chat-main.zordex-active .zordex-v5-code pre{overscroll-behavior:contain}
.chat-main.zordex-active .zordex-v5-preview{position:relative}
.chat-main.zordex-active .zordex-v5-preview iframe{
  display:block;
  max-width:none!important;
  max-height:none!important;
  transform-origin:top left;
  will-change:transform;
}


/* Zordex workbench polish v5.4 */
.chat-main.zordex-active .zordex-v5-nav button,
.chat-main.zordex-active .zordex-v5-editor>header nav button,
.chat-main.zordex-active .zordex-v5-tabs button,
.chat-main.zordex-active .zordex-v5-file,
.chat-main.zordex-active .zordex-v54-edit-button,
.chat-main.zordex-active .zordex-v54-editor footer button{
  border-radius:0!important;
  clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px));
  transition:border-color .14s ease,background .14s ease,color .14s ease,transform .14s ease;
}
.chat-main.zordex-active .zordex-v5-nav button:hover,
.chat-main.zordex-active .zordex-v5-editor>header nav button:hover,
.chat-main.zordex-active .zordex-v5-tabs button:hover,
.chat-main.zordex-active .zordex-v5-file:hover,
.chat-main.zordex-active .zordex-v54-edit-button:hover,
.chat-main.zordex-active .zordex-v54-editor footer button:hover{
  transform:translateY(-1px);
  border-color:#60877a!important;
  background:#17211e!important;
}
.chat-main.zordex-active .zordex-v5-nav>div:last-child,
.chat-main.zordex-active .zordex-v5-editor>header nav{
  border-radius:0!important;
  clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));
}
.chat-main.zordex-active #zordexV5ProgressCount{
  border:0!important;
  border-left:2px solid #65c7a5!important;
  border-radius:0!important;
  padding:2px 0 2px 8px!important;
  background:transparent!important;
  color:#cce9df!important;
  white-space:nowrap;
}
.chat-main.zordex-active .zordex-v5-progress-bar,
.chat-main.zordex-active .zordex-v5-progress-bar i,
.chat-main.zordex-active .zordex-v5-drawer-meter,
.chat-main.zordex-active .zordex-v5-drawer-meter i{
  border-radius:0!important;
}
.chat-main.zordex-active .zordex-v5-progress-bar{
  height:3px!important;
  background:linear-gradient(90deg,#26312d,#1b2220)!important;
}
.chat-main.zordex-active .zordex-v5-progress-bar i{
  box-shadow:8px 0 18px rgba(101,199,165,.32);
}
.chat-main.zordex-active .zordex-v5-file i{
  width:6px!important;
  height:6px!important;
  border-radius:0!important;
  transform:rotate(45deg);
  background:#62cfad!important;
  box-shadow:0 0 10px rgba(98,207,173,.32);
}
.chat-main.zordex-active .zordex-v5-folder summary b{
  color:#6f8f85;
  transform:skewX(-12deg);
}
.chat-main.zordex-active .zordex-v5-outer-resizer::after,
.chat-main.zordex-active .zordex-v5-inner-resizer::after{
  width:2px!important;
  border-radius:0!important;
  transform:translate(-50%,-50%) skewY(-18deg)!important;
}
.chat-main.zordex-active .zordex-v5-status-lines li b,
.chat-main.zordex-active #zordexV5StatusLines li b{
  border-radius:0!important;
}
.zordex-v54-request-summary{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  margin-top:7px;
  padding-top:7px;
  border-top:1px solid #29322f;
  min-width:0;
}
.zordex-v54-request-summary>span{
  color:#6f8b82;
  font:700 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.zordex-v54-request-summary>strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#d8e4e0;
  font-size:10px;
  font-weight:600;
}
.zordex-v54-request-summary>small{
  color:#86a099;
  font-size:9px;
  white-space:nowrap;
}
.zordex-v5-code>header{
  gap:8px;
}
.zordex-v5-code>header>#zordexV5CodeMeta{
  margin-left:auto;
}
.zordex-v54-edit-button{
  display:inline-flex;
  align-items:center;
  gap:6px;
  flex:0 0 auto;
  min-height:28px;
  padding:5px 9px;
  border:1px solid #40534d;
  background:#111917;
  color:#cde5dc;
  font:700 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;
  letter-spacing:.04em;
  cursor:pointer;
}
.zordex-v54-edit-button svg{
  width:14px;
  height:14px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.zordex-v54-edit-button:disabled{
  opacity:.45;
  cursor:not-allowed;
  transform:none!important;
}
.zordex-v54-editor{
  min-height:0;
  height:calc(100% - 35px);
  display:grid;
  grid-template-rows:minmax(0,1fr) auto;
  background:#080c0d;
}
.zordex-v54-editor textarea{
  width:100%;
  height:100%;
  min-height:0;
  resize:none;
  box-sizing:border-box;
  border:0;
  outline:0;
  padding:14px 16px;
  background:#080c0d;
  color:#dce9e5;
  caret-color:#6ee7bd;
  font:11px/1.55 ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;
  tab-size:2;
}
.zordex-v54-editor textarea:focus{
  box-shadow:inset 2px 0 0 #63c9a8;
}
.zordex-v54-editor footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:42px;
  padding:7px 10px;
  border-top:1px solid #28312f;
  background:#0e1314;
}
.zordex-v54-editor footer>span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#80958f;
  font-size:9px;
}
.zordex-v54-editor footer>div{
  display:flex;
  gap:7px;
}
.zordex-v54-editor footer button{
  min-height:29px;
  padding:6px 10px;
  border:1px solid #36443f;
  background:#111718;
  color:#c8d9d4;
  font:700 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;
  cursor:pointer;
}
.zordex-v54-editor #zordexV54Save{
  border-color:#4d7668;
  background:#14201c;
  color:#d7f3e9;
}
.zordex-v54-editor footer button:disabled{
  opacity:.45;
  cursor:not-allowed;
  transform:none!important;
}
.zordex-v5-drawer-meter b{
  border-radius:0!important;
  border-left:2px solid #62c8a7!important;
  padding-left:7px!important;
}

/* Composer effort control: no generic status dot/pill. */
.chat-main.zordex-active .zordex-effort-button{
  position:relative;
  min-height:32px;
  padding:6px 12px!important;
  border:1px solid #334b43!important;
  border-radius:0!important;
  clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px));
  background:linear-gradient(115deg,#0d1514 0%,#101b18 62%,#13221d 100%)!important;
  box-shadow:inset 2px 0 0 #4fc9a5!important;
  color:#cfe8df!important;
  transition:border-color .14s ease,background .14s ease,transform .14s ease,box-shadow .14s ease;
}
.chat-main.zordex-active .zordex-effort-button::before{
  content:none!important;
  position:absolute!important;
  left:10px!important;
  top:50%!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  transform:translateY(-52%) skewX(-14deg)!important;
  color:#63e1b9!important;
  font:900 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace!important;
  letter-spacing:-.22em;
}
.chat-main.zordex-active .zordex-effort-button>span{
  color:#78958c!important;
  font-size:9px!important;
  font-weight:700!important;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.chat-main.zordex-active .zordex-effort-button>strong{
  color:#d9f5eb!important;
  font-weight:800!important;
}
.chat-main.zordex-active .zordex-effort-button:hover,
.chat-main.zordex-active .zordex-effort-button[aria-expanded="true"]{
  transform:translateY(-1px);
  border-color:#5d8f7f!important;
  background:linear-gradient(115deg,#101917 0%,#14231f 58%,#183029 100%)!important;
  box-shadow:inset 3px 0 0 #66e3bb,0 6px 18px rgba(0,0,0,.18)!important;
}
.chat-main.zordex-active .zordex-effort-button:focus-visible{
  outline:1px solid #77d9bb!important;
  outline-offset:2px;
}

@media(max-width:1360px){
  .zordex-v54-request-summary{grid-template-columns:auto minmax(0,1fr)}
  .zordex-v54-request-summary>small{grid-column:2;white-space:normal}
}


/* Zordex live code + streamed markers v6.5 */
.segment2-stream-marker-hidden::marker { color: transparent !important; }
.segment2-stream-cursor {
  display: inline-block;
  margin-left: 2px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  opacity: .9;
  animation: zordexV65StreamCursor .72s steps(1, end) infinite;
}
@keyframes zordexV65StreamCursor { 0%, 48% { opacity: .9; } 49%, 100% { opacity: .16; } }
#zordexV5Code.is-live-coding::after {
  content: '▌';
  display: inline-block;
  margin-left: 2px;
  opacity: .85;
  animation: zordexV65StreamCursor .72s steps(1, end) infinite;
}
body.reduce-motion .segment2-stream-cursor, body.reduce-motion #zordexV5Code.is-live-coding::after { animation: none; }


/* Zordex empty-new-workspace layout v6.8 */
/* A brand-new Zordex chat has no files/code to show yet. Do not reserve the
   resizable workbench column until the start screen disappears. */
.chat-main.zordex-active > .conversation-stage:has(> .message-list .zordex-start-state) {
  grid-template-columns: minmax(0, 1fr) !important;
}
.chat-main.zordex-active > .conversation-stage:has(> .message-list .zordex-start-state) > .zordex-v5-outer-resizer,
.chat-main.zordex-active > .conversation-stage:has(> .message-list .zordex-start-state) > .zordex-context-panel {
  display: none !important;
}
.chat-main.zordex-active > .conversation-stage:has(> .message-list .zordex-start-state) > .message-list {
  width: 100%;
  min-width: 0;
}
body.zordex-app-mode .chat-main.zordex-active > .conversation-stage:has(> .message-list .zordex-start-state) .zordex-start-state {
  width: min(900px, 100%);
}



/* Zordex workbench runtime v7.1 */
@media (min-width:1121px){
  .chat-main.zordex-active > .conversation-stage.zordex-v71-workbench-visible{
    grid-template-columns:minmax(340px,1fr) 8px minmax(620px,var(--zordex-workbench-width,clamp(760px,58vw,1040px)))!important;
  }
  .chat-main.zordex-active > .conversation-stage.zordex-v71-workbench-visible > .zordex-context-panel{display:block!important;visibility:visible!important;opacity:1!important}
  .chat-main.zordex-active > .conversation-stage.zordex-v71-workbench-visible > .zordex-v5-outer-resizer{display:block!important}
  .chat-main.zordex-active > .conversation-stage.zordex-v71-workbench-visible > .zordex-context-panel > .zordex-v5-nav{display:flex!important;visibility:visible!important;opacity:1!important}
  .chat-main.zordex-active > .conversation-stage.zordex-v71-workbench-visible > .zordex-context-panel:not(.zordex-v5-project) > .zordex-v5-build{display:grid!important;visibility:visible!important;opacity:1!important}
}


/* ZORDEX_NORMAL_CHAT_ISOLATION_V123_CSS */
.chat-main:not(.zordex-active) > .conversation-stage > #zordexContextPanel,
.chat-main:not(.zordex-active) > .conversation-stage > .zordex-v5-outer-resizer {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}