.prompt-assistant {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 70;
  font-family: var(--font-body, "Inter", system-ui, sans-serif);
}

.prompt-assistant-fab,
.prompt-assistant-close,
.prompt-assistant-send,
.prompt-assistant-insert {
  border: 0;
  cursor: pointer;
  font: inherit;
}

.prompt-assistant-fab {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 18px;
  color: white;
  background: linear-gradient(135deg, var(--color-primary, #00d6b3), #6d5dfc);
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.24);
}

.prompt-assistant-fab .material-symbols-outlined {
  font-size: 22px;
}

.prompt-assistant-panel {
  position: absolute;
  right: 0;
  bottom: 68px;
  width: min(380px, calc(100vw - 32px));
  height: min(760px, calc(100vh - 108px));
  max-height: min(760px, calc(100vh - 108px));
  display: grid;
  grid-template-rows: auto auto minmax(260px, 1fr) auto auto;
  overflow: hidden;
  border: 1px solid var(--color-surface-border, rgba(148, 163, 184, 0.28));
  background: color-mix(in srgb, var(--color-surface-strong, #ffffff) 96%, white);
  box-shadow: 0 28px 70px rgba(15, 23, 42, 0.22);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}

.prompt-assistant-panel[hidden] {
  display: none !important;
}

/* Keep a visible launcher, while the conversation panel itself remains closed
   until the user explicitly opens it. */
.prompt-assistant-fab {
  display: inline-flex;
}

.prompt-assistant-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  padding: 16px 16px 12px;
  border-bottom: 1px solid var(--color-surface-border, rgba(148, 163, 184, 0.2));
}

.prompt-assistant-head strong,
.prompt-assistant-head span {
  display: block;
}

.prompt-assistant-workflow {
  display: grid;
  gap: 7px;
  padding: 9px 14px 0;
}

.prompt-assistant-version-row {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.prompt-assistant-workflow-label {
  flex: 0 0 auto;
  color: var(--color-on-surface-variant, #64748b);
  font-size: 11px;
  font-weight: 800;
}

.prompt-assistant-versions {
  display: flex;
  gap: 5px;
  min-width: 0;
  overflow-x: auto;
}

.prompt-assistant-version,
.prompt-assistant-inline-action {
  min-height: 28px;
  border: 1px solid color-mix(in srgb, var(--color-primary, #00d6b3) 18%, transparent);
  padding: 5px 9px;
  color: var(--color-primary, #008f7a);
  background: color-mix(in srgb, var(--color-primary, #00d6b3) 7%, white);
  cursor: pointer;
  font: inherit;
  font-size: 11px;
  font-weight: 800;
}

.prompt-assistant-version.is-active {
  border-color: var(--color-primary, #008f7a);
  color: white;
  background: var(--color-primary, #008f7a);
}

.prompt-assistant-iteration-note {
  margin: 0;
  color: var(--color-on-surface-variant, #64748b);
  font-size: 11px;
  line-height: 1.4;
}

.prompt-assistant-head strong {
  color: var(--color-on-surface, #0f172a);
  font-weight: 800;
}

.prompt-assistant-head span {
  margin-top: 3px;
  color: var(--color-on-surface-variant, #64748b);
  font-size: 12px;
}

.prompt-assistant-close {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  color: var(--color-on-surface-variant, #64748b);
  background: color-mix(in srgb, var(--color-primary, #00d6b3) 8%, transparent);
}

.prompt-assistant-messages {
  min-height: 0;
  padding: 14px;
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.prompt-assistant-empty {
  display: grid;
  gap: 6px;
  padding: 16px;
  color: var(--color-on-surface, #0f172a);
  background: color-mix(in srgb, var(--color-primary, #00d6b3) 8%, white);
  border: 1px solid color-mix(in srgb, var(--color-primary, #00d6b3) 12%, transparent);
  border-radius: 14px;
}

.prompt-assistant-empty span {
  color: var(--color-on-surface-variant, #64748b);
  font-size: 13px;
  line-height: 1.55;
}

.prompt-assistant-message {
  max-width: 88%;
  padding: 10px 12px;
  border-radius: 14px;
  font-size: 13px;
  line-height: 1.6;
  white-space: pre-wrap;
  word-break: break-word;
}

.prompt-assistant-message.is-fresh,
.prompt-assistant-prompt-block.is-fresh {
  animation: promptAssistantReveal 0.42s ease both;
}

.prompt-assistant-message.is-user {
  align-self: flex-end;
  color: white;
  background: var(--color-primary, #00b894);
}

.prompt-assistant-message.is-assistant {
  align-self: flex-start;
  color: var(--color-on-surface, #0f172a);
  background: color-mix(in srgb, var(--color-primary, #00d6b3) 8%, white);
  border: 1px solid color-mix(in srgb, var(--color-primary, #00d6b3) 12%, transparent);
}

.prompt-assistant-prompt-block {
  align-self: stretch;
  display: grid;
  gap: 8px;
  padding: 12px;
  color: var(--color-on-surface, #0f172a);
  background: color-mix(in srgb, var(--color-primary, #00d6b3) 7%, white);
  border: 1px solid color-mix(in srgb, var(--color-primary, #00d6b3) 18%, transparent);
}

.prompt-assistant-prompt-block strong {
  color: var(--color-primary, #008f7a);
  font-size: 12px;
}

.prompt-assistant-prompt-text {
  max-height: 220px;
  overflow: auto;
  font-size: 13px;
  line-height: 1.65;
  white-space: pre-wrap;
  word-break: break-word;
}

.prompt-assistant-insert {
  align-self: flex-start;
  min-height: 34px;
  padding: 8px 12px;
  color: var(--color-primary, #008f7a);
  background: color-mix(in srgb, var(--color-primary, #00d6b3) 12%, white);
  font-size: 12px;
  font-weight: 800;
}

.prompt-assistant-prompt-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.prompt-assistant-inline-action {
  color: var(--color-on-surface-variant, #475569);
  background: var(--color-surface-strong, #ffffff);
}

.prompt-assistant-comparison {
  display: grid;
  gap: 6px;
  padding: 10px 12px;
  border: 1px dashed color-mix(in srgb, var(--color-primary, #00d6b3) 28%, transparent);
  color: var(--color-on-surface, #0f172a);
  background: color-mix(in srgb, var(--color-primary, #00d6b3) 5%, white);
  font-size: 12px;
}

.prompt-assistant-comparison strong {
  color: var(--color-primary, #008f7a);
  font-size: 11px;
}

.prompt-assistant-comparison p {
  max-height: 96px;
  overflow: auto;
  margin: 0;
  color: var(--color-on-surface-variant, #64748b);
  line-height: 1.55;
  white-space: pre-wrap;
  word-break: break-word;
}

.prompt-assistant-form {
  display: grid;
  gap: 10px;
  padding: 12px 14px 10px;
  border-top: 1px solid var(--color-surface-border, rgba(148, 163, 184, 0.2));
}

.prompt-assistant-input {
  width: 100%;
  min-height: 82px;
  resize: none;
  border: 1px solid var(--color-surface-border, rgba(148, 163, 184, 0.32));
  background: var(--color-surface, #ffffff);
  color: var(--color-on-surface, #0f172a);
  padding: 12px;
  font: inherit;
  font-size: 13px;
  line-height: 1.5;
  outline: none;
}

.prompt-assistant-input:focus {
  border-color: color-mix(in srgb, var(--color-primary, #00d6b3) 52%, transparent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary, #00d6b3) 14%, transparent);
}

.prompt-assistant-files {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
}

.prompt-assistant-file {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  min-height: 28px;
  padding: 5px 8px 5px 10px;
  color: var(--color-on-surface, #0f172a);
  background: color-mix(in srgb, var(--color-primary, #00d6b3) 8%, white);
  border: 1px solid color-mix(in srgb, var(--color-primary, #00d6b3) 12%, transparent);
  font-size: 12px;
}

@keyframes promptAssistantReveal {
  from {
    opacity: 0;
    transform: translateY(8px);
    filter: blur(2px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}

.prompt-assistant-file button {
  width: 18px;
  height: 18px;
  display: grid;
  place-items: center;
  border: 0;
  color: inherit;
  background: transparent;
  cursor: pointer;
  font: inherit;
  line-height: 1;
}

.prompt-assistant-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.prompt-assistant-attach {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 12px;
  color: var(--color-on-surface, #0f172a);
  background: color-mix(in srgb, var(--color-primary, #00d6b3) 8%, white);
  border: 1px solid color-mix(in srgb, var(--color-primary, #00d6b3) 14%, transparent);
  cursor: pointer;
  font-size: 13px;
  font-weight: 800;
}

.prompt-assistant-attach .material-symbols-outlined {
  font-size: 18px;
}

.prompt-assistant-send {
  flex: 0 0 auto;
  min-height: 40px;
  padding: 0 18px;
  color: white;
  background: var(--color-on-surface, #0f172a);
  font-weight: 800;
}

.prompt-assistant-send:disabled,
.prompt-assistant-input:disabled,
.prompt-assistant.is-busy .prompt-assistant-attach {
  opacity: 0.62;
  cursor: wait;
}

.prompt-assistant-note {
  margin: 0;
  padding: 0 14px 14px;
  color: var(--color-on-surface-variant, #64748b);
  font-size: 12px;
}

@media (max-width: 640px) {
  body.is-advanced-settings-open .prompt-assistant {
    display: none;
  }

  .prompt-assistant {
    right: 12px;
    bottom: 12px;
    left: 12px;
    display: flex;
    justify-content: flex-end;
  }

  .prompt-assistant-fab-text {
    display: none;
  }

  .prompt-assistant-fab {
    width: 52px;
    min-width: 52px;
    justify-content: center;
    padding: 0;
  }

  .prompt-assistant-panel {
    position: fixed;
    left: 8px;
    right: 8px;
    bottom: 8px;
    width: auto;
    height: min(84vh, 760px);
    max-height: min(84vh, 760px);
    border-radius: 18px !important;
  }

  .prompt-assistant.is-open .prompt-assistant-fab {
    display: none;
  }

  .prompt-assistant-actions {
    align-items: stretch;
  }

  .prompt-assistant-attach,
  .prompt-assistant-send {
    min-height: 42px;
  }
}

/* Creative copilot controls */
.prompt-assistant-panel {
  border-color: color-mix(in srgb, var(--color-primary, #00d6b3) 20%, var(--color-surface-border, rgba(148, 163, 184, 0.28)));
}

.prompt-assistant-head {
  background: linear-gradient(135deg, color-mix(in srgb, var(--color-primary, #00d6b3) 11%, white), transparent);
}

.prompt-assistant-quick {
  display: flex;
  gap: 7px;
  padding: 10px 14px 0;
  overflow-x: auto;
}

.prompt-assistant-quick button {
  flex: 0 0 auto;
  min-height: 30px;
  border: 1px solid color-mix(in srgb, var(--color-primary, #00d6b3) 18%, transparent);
  border-radius: 999px;
  padding: 6px 10px;
  color: var(--color-primary, #008f7a);
  background: color-mix(in srgb, var(--color-primary, #00d6b3) 8%, white);
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: 800;
}

.prompt-assistant-quick button:hover,
.prompt-assistant-quick button:focus-visible {
  background: color-mix(in srgb, var(--color-primary, #00d6b3) 16%, white);
}

.prompt-assistant-variations {
  display: grid;
  gap: 7px;
  margin-top: 2px;
}

.prompt-assistant-variations > strong {
  color: var(--color-on-surface-variant, #64748b);
  font-size: 12px;
}

.prompt-assistant-variation {
  display: grid;
  gap: 4px;
  width: 100%;
  border: 1px solid color-mix(in srgb, var(--color-primary, #00d6b3) 16%, transparent);
  padding: 10px;
  color: var(--color-on-surface, #0f172a);
  background: color-mix(in srgb, var(--color-primary, #00d6b3) 6%, white);
  cursor: pointer;
  font: inherit;
  text-align: left;
}

.prompt-assistant-variation:hover,
.prompt-assistant-variation:focus-visible {
  border-color: var(--color-primary, #008f7a);
  background: color-mix(in srgb, var(--color-primary, #00d6b3) 12%, white);
}

.prompt-assistant-variation span {
  color: var(--color-primary, #008f7a);
  font-size: 12px;
  font-weight: 800;
}

.prompt-assistant-variation small {
  display: -webkit-box;
  overflow: hidden;
  color: var(--color-on-surface-variant, #64748b);
  font-size: 12px;
  line-height: 1.5;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

@media (max-width: 640px) {
  .prompt-assistant-panel {
    bottom: max(8px, env(safe-area-inset-bottom));
    height: min(86vh, 760px);
  }

  .prompt-assistant-quick {
    padding-inline: 12px;
  }
}

/* Pixel-art desk companion */
.prompt-assistant {
  right: 18px;
  bottom: 18px;
  font-family: 'Inter', 'Microsoft YaHei', sans-serif;
}

.prompt-assistant-fab {
  position: relative;
  min-width: 178px;
  min-height: 66px;
  gap: 10px;
  padding: 7px 13px 7px 8px;
  overflow: visible;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 10px !important;
  color: #fff;
  background: #0d1118;
  box-shadow: 0 22px 54px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.055);
  image-rendering: pixelated;
}

.prompt-assistant-fab::after {
  content: '';
  position: absolute;
  right: -3px;
  bottom: -3px;
  width: 24px;
  height: 3px;
  background: color-mix(in srgb, var(--studio-ambient-a, #7186ff) 70%, #fff);
  box-shadow: -3px 3px 0 rgba(0,0,0,.55);
}

.prompt-assistant-fab-copy { display: grid; min-width: 0; text-align: left; }
.prompt-assistant-fab-copy small { color: #62d892; font-family: 'JetBrains Mono', monospace; font-size: 8px; line-height: 1.1; }
.prompt-assistant-fab-copy strong { color: #fff; font-size: 12px; font-weight: 720; white-space: nowrap; }

.pixel-companion {
  position: relative;
  display: block;
  width: 48px;
  height: 50px;
  flex: 0 0 auto;
  transform-origin: center bottom;
  animation: pixelCompanionIdle 2.4s steps(2, end) infinite;
}

.pixel-companion-face {
  position: absolute;
  z-index: 2;
  top: 7px;
  left: 7px;
  width: 34px;
  height: 29px;
  border: 3px solid #080a0e;
  border-radius: 3px;
  background: color-mix(in srgb, var(--studio-ambient-a, #7186ff) 56%, #dfe4ff);
  box-shadow: inset 0 -5px 0 rgba(0,0,0,.14), 3px 3px 0 rgba(0,0,0,.45);
}

.pixel-companion-face i,
.pixel-head-mini i {
  position: absolute;
  top: 9px;
  width: 4px;
  height: 6px;
  background: #07090d;
  box-shadow: 0 2px 0 rgba(255,255,255,.55);
  animation: pixelBlink 4.2s steps(1, end) infinite;
}
.pixel-companion-face i:first-child { left: 7px; }
.pixel-companion-face i:nth-child(2) { right: 7px; }
.pixel-companion-face b { position: absolute; left: 13px; bottom: 5px; width: 8px; height: 3px; border-bottom: 2px solid #080a0e; }

.pixel-companion-ear { position: absolute; z-index: 1; top: 2px; width: 12px; height: 13px; border: 3px solid #080a0e; background: color-mix(in srgb, var(--studio-ambient-b, #b870a5) 50%, #dfe4ff); }
.pixel-companion-ear-left { left: 5px; clip-path: polygon(0 0, 100% 35%, 100% 100%, 20% 80%); }
.pixel-companion-ear-right { right: 5px; clip-path: polygon(100% 0, 0 35%, 0 100%, 80% 80%); }
.pixel-companion-body { position: absolute; bottom: 0; left: 12px; width: 25px; height: 16px; border: 3px solid #080a0e; border-radius: 2px; background: #282e3b; box-shadow: 3px 2px 0 rgba(0,0,0,.42); }
.pixel-companion-body::before,
.pixel-companion-body::after { content: ''; position: absolute; bottom: -5px; width: 7px; height: 5px; background: #080a0e; }
.pixel-companion-body::before { left: 0; }
.pixel-companion-body::after { right: 0; }
.pixel-companion-body i { position: absolute; top: 3px; left: 8px; width: 4px; height: 5px; background: color-mix(in srgb, var(--studio-ambient-a, #7186ff) 78%, #fff); box-shadow: 4px 0 0 color-mix(in srgb, var(--studio-ambient-b, #b870a5) 58%, #fff); }

.pixel-companion-bubble {
  position: absolute;
  right: 0;
  bottom: calc(100% + 10px);
  display: block;
  padding: 6px 8px;
  border: 2px solid #080a0e;
  border-radius: 4px;
  color: #1b1d24;
  background: #fff;
  box-shadow: 3px 3px 0 rgba(0,0,0,.52);
  font-family: 'JetBrains Mono', monospace;
  font-size: 9px;
  font-weight: 700;
  white-space: nowrap;
  opacity: 0;
  transform: translateY(4px);
  transition: opacity 140ms ease, transform 140ms ease;
}
.pixel-companion-bubble::after { content: ''; position: absolute; right: 18px; top: 100%; width: 7px; height: 7px; border-right: 2px solid #080a0e; border-bottom: 2px solid #080a0e; background: #fff; transform: translateY(-4px) rotate(45deg); }
.prompt-assistant-fab:hover + .pixel-companion-bubble { opacity: 1; transform: translateY(0); }

.prompt-assistant-panel {
  right: 0;
  bottom: 78px;
  width: min(410px, calc(100vw - 32px));
  height: min(720px, calc(100vh - 112px));
  grid-template-rows: auto auto minmax(230px, 1fr) auto auto auto;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 12px !important;
  color: #f3f4f7;
  background: #0b0e14;
  box-shadow: 0 34px 90px rgba(0,0,0,.64), inset 0 1px 0 rgba(255,255,255,.045);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.prompt-assistant-panel::before {
  content: '';
  position: absolute;
  z-index: 3;
  top: -3px;
  left: 16px;
  width: 54px;
  height: 3px;
  background: color-mix(in srgb, var(--studio-ambient-a, #7186ff) 70%, #fff);
}

.prompt-assistant-head {
  align-items: center;
  padding: 13px 14px;
  border-bottom-color: rgba(255,255,255,.08);
  background: #0e1219;
}

.prompt-assistant-identity { display: flex; min-width: 0; align-items: center; gap: 10px; }
.prompt-assistant-identity > span:last-child { display: grid; min-width: 0; }
.prompt-assistant-identity small { color: color-mix(in srgb, var(--studio-ambient-a, #7186ff) 55%, #adb3c0); font-family: 'JetBrains Mono', monospace; font-size: 7px; }
.prompt-assistant-identity strong { color: #fff; font-size: 13px; font-weight: 720; }
.prompt-assistant-identity em { overflow: hidden; margin-top: 1px; color: #737a86; font-size: 9px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }

.pixel-head-mini { position: relative; display: block; width: 34px; height: 31px; flex: 0 0 auto; border: 3px solid #050609; border-radius: 3px; background: color-mix(in srgb, var(--studio-ambient-a, #7186ff) 52%, #dfe4ff); box-shadow: 2px 2px 0 rgba(0,0,0,.5); image-rendering: pixelated; }
.pixel-head-mini i { top: 8px; }
.pixel-head-mini i:first-child { left: 6px; }
.pixel-head-mini i:nth-child(2) { right: 6px; }
.pixel-head-mini b { position: absolute; left: 10px; bottom: 5px; width: 8px; height: 2px; background: #080a0e; }

.prompt-assistant-close { border: 1px solid rgba(255,255,255,.08); border-radius: 7px !important; color: #aeb4bf; background: rgba(255,255,255,.04); }
.prompt-assistant-workflow { padding: 8px 12px 0; }
.prompt-assistant-workflow-label,
.prompt-assistant-iteration-note { color: #777e8a; }
.prompt-assistant-version,
.prompt-assistant-inline-action { border-radius: 6px !important; border-color: rgba(255,255,255,.08); color: #b9bec8; background: rgba(255,255,255,.035); }
.prompt-assistant-version.is-active { color: #fff; border-color: color-mix(in srgb, var(--studio-ambient-a, #7186ff) 35%, rgba(255,255,255,.1)); background: color-mix(in srgb, var(--studio-ambient-a, #7186ff) 22%, #171b24); }
.prompt-assistant-messages { padding: 12px; scrollbar-color: rgba(255,255,255,.14) transparent; }
.prompt-assistant-empty,
.prompt-assistant-message.is-assistant,
.prompt-assistant-prompt-block,
.prompt-assistant-comparison,
.prompt-assistant-variation { border-color: rgba(255,255,255,.08); border-radius: 8px !important; color: #dce0e7; background: #11151d; }
.prompt-assistant-empty strong { color: #fff; }
.prompt-assistant-empty span,
.prompt-assistant-variation small,
.prompt-assistant-comparison p { color: #858c98; }
.prompt-assistant-message { border-radius: 8px; }
.prompt-assistant-message.is-user { color: #fff; background: color-mix(in srgb, var(--studio-ambient-a, #7186ff) 36%, #171b24); }
.prompt-assistant-prompt-block strong,
.prompt-assistant-variation span,
.prompt-assistant-comparison strong { color: color-mix(in srgb, var(--studio-ambient-a, #7186ff) 58%, #fff); }
.prompt-assistant-insert { border-radius: 6px !important; color: #fff; background: color-mix(in srgb, var(--studio-ambient-a, #7186ff) 30%, #171b24); }
.prompt-assistant-quick { padding: 9px 12px 0; }
.prompt-assistant-quick button { min-height: 29px; border-color: rgba(255,255,255,.08); border-radius: 6px; color: #aeb4bf; background: rgba(255,255,255,.035); font-size: 10px; font-weight: 650; }
.prompt-assistant-quick button:hover { color: #fff; border-color: color-mix(in srgb, var(--studio-ambient-a, #7186ff) 28%, rgba(255,255,255,.1)); background: color-mix(in srgb, var(--studio-ambient-a, #7186ff) 9%, rgba(255,255,255,.035)); }
.prompt-assistant-form { padding: 10px 12px 8px; border-top-color: rgba(255,255,255,.08); }
.prompt-assistant-input { min-height: 76px; border-color: rgba(255,255,255,.09); border-radius: 8px !important; color: #fff; background: #07090d; }
.prompt-assistant-input::placeholder { color: #626975; }
.prompt-assistant-attach { min-height: 38px; border-color: rgba(255,255,255,.08); border-radius: 7px !important; color: #aeb4bf; background: rgba(255,255,255,.035); font-size: 11px; }
.prompt-assistant-send { min-height: 38px; border-radius: 7px !important; color: #fff; background: color-mix(in srgb, var(--studio-ambient-a, #7186ff) 38%, #171b24); font-size: 11px; }
.prompt-assistant-file { border-radius: 6px !important; border-color: rgba(255,255,255,.08); color: #c8ccd4; background: rgba(255,255,255,.04); }
.prompt-assistant-note { padding: 0 12px 11px; color: #606773; font-size: 9px; }
.prompt-assistant-note span { color: #5bd58c; font-size: 7px; }

.prompt-assistant.is-busy .pixel-companion-face b { height: 4px; border: 2px solid #080a0e; border-radius: 50%; }
.prompt-assistant.is-busy .pixel-companion { animation: pixelCompanionWork .55s steps(2, end) infinite; }

@keyframes pixelCompanionIdle {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-2px); }
}

@keyframes pixelCompanionWork {
  0% { transform: translate(-1px, 0) rotate(-1deg); }
  100% { transform: translate(1px, -1px) rotate(1deg); }
}

@keyframes pixelBlink {
  0%, 92%, 100% { transform: scaleY(1); }
  94%, 97% { transform: scaleY(.2); }
}

@media (max-width: 640px) {
  .prompt-assistant { right: 10px; bottom: 10px; left: auto; }
  .prompt-assistant-fab { min-width: 0; width: 62px; height: 62px; padding: 5px; border-radius: 10px !important; }
  .prompt-assistant-fab-copy,
  .pixel-companion-bubble { display: none; }
  .pixel-companion { margin: 0 auto; }
  .prompt-assistant-panel { right: 8px; bottom: 8px; left: 8px; width: auto; height: min(88vh, 720px); border-radius: 12px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .pixel-companion,
  .pixel-companion-face i,
  .pixel-head-mini i { animation: none !important; }
}

html[data-color-mode='day'] .prompt-assistant-fab {
  border-color: rgba(31,34,45,.11);
  color: #20222c;
  background: rgba(255,255,255,.94);
  box-shadow: 0 22px 54px rgba(48,42,68,.14), inset 0 1px 0 #fff;
}

html[data-color-mode='day'] .prompt-assistant-fab-copy strong {
  color: #20222c;
}

html[data-color-mode='day'] .prompt-assistant-panel {
  border-color: rgba(31,34,45,.11);
  color: #20222c;
  background: #fff;
  box-shadow: 0 34px 90px rgba(48,42,68,.2), inset 0 1px 0 #fff;
}

html[data-color-mode='day'] .prompt-assistant-head {
  border-bottom-color: rgba(31,34,45,.08);
  background: #fafafd;
}

html[data-color-mode='day'] .prompt-assistant-identity strong,
html[data-color-mode='day'] .prompt-assistant-empty strong {
  color: #181a23;
}

html[data-color-mode='day'] .prompt-assistant-identity em,
html[data-color-mode='day'] .prompt-assistant-workflow-label,
html[data-color-mode='day'] .prompt-assistant-iteration-note,
html[data-color-mode='day'] .prompt-assistant-empty span,
html[data-color-mode='day'] .prompt-assistant-variation small,
html[data-color-mode='day'] .prompt-assistant-comparison p {
  color: #777b86;
}

html[data-color-mode='day'] .prompt-assistant-close,
html[data-color-mode='day'] .prompt-assistant-version,
html[data-color-mode='day'] .prompt-assistant-inline-action,
html[data-color-mode='day'] .prompt-assistant-quick button,
html[data-color-mode='day'] .prompt-assistant-attach {
  border-color: rgba(31,34,45,.09);
  color: #5e616c;
  background: rgba(31,34,45,.035);
}

html[data-color-mode='day'] .prompt-assistant-empty,
html[data-color-mode='day'] .prompt-assistant-message.is-assistant,
html[data-color-mode='day'] .prompt-assistant-prompt-block,
html[data-color-mode='day'] .prompt-assistant-comparison,
html[data-color-mode='day'] .prompt-assistant-variation {
  border-color: rgba(31,34,45,.09);
  color: #333640;
  background: #f6f6fa;
}

html[data-color-mode='day'] .prompt-assistant-input {
  border-color: rgba(31,34,45,.1);
  color: #20222c;
  background: #f8f8fb;
}

html[data-color-mode='day'] .prompt-assistant-input::placeholder {
  color: #898c96;
}

html[data-color-mode='day'] .prompt-assistant-form {
  border-top-color: rgba(31,34,45,.08);
}

html[data-color-mode='day'] .prompt-assistant-note {
  color: #858892;
}