.seam-support { position: fixed; right: max(16px, env(safe-area-inset-right)); bottom: max(16px, env(safe-area-inset-bottom)); z-index: 500; color: #c8cbd0; font: 13px/1.45 "Degrad Mono", monospace; }
.seam-support [hidden] { display: none !important; }
.seam-support button { cursor: pointer; font: inherit; }
.seam-support .support-toggle, .seam-support form button { background: #00e676; color: #121314; border: 0; border-radius: 99px; padding: 9px 13px; }
.seam-support .support-toggle { display: block; margin-left: auto; }
.seam-support section { position: absolute; bottom: calc(100% + 10px); right: 0; width: min(340px, calc(100vw - 32px)); max-height: calc(100dvh - 85px); display: flex; flex-direction: column; background: #171819; border: 1px dotted #62676c; box-shadow: 0 12px 42px #0008; }
.seam-support header { display: flex; justify-content: space-between; align-items: center; padding: 9px 13px; border-bottom: 1px dotted #62676c; }
.seam-support .support-close { color: inherit; background: none; border: 0; padding: 2px 6px; font-size: 18px; }
.seam-support .support-log { overflow: auto; min-height: 40px; padding: 0 13px; }
.seam-support p { margin: 10px 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.seam-support p strong { display: block; color: #00e676; }
.seam-support form { display: grid; gap: 7px; padding: 10px 13px 13px; }
.seam-support textarea { width: 100%; box-sizing: border-box; resize: vertical; font: inherit; color: inherit; background: #121314; border: 1px solid #62676c; padding: 7px; }
.seam-support form button { justify-self: end; }
.seam-support button:disabled { opacity: .55; cursor: wait; }
.seam-support[data-open] .support-toggle { display:none; }
.seam-support[data-open] section { bottom:0; }
.seam-support section { max-height:calc(100dvh - 35px); background:radial-gradient(ellipse at top right,#173024,transparent 55%),#171819; }
.seam-support .agent-intro { padding:12px 13px 0; }
.seam-support .agent-route { display:flex; align-items:center; gap:8px; font-size:11px; letter-spacing:.05em; color:#a4e1be; }
.seam-support .agent-route-flow { color:#00e676; }
.seam-support .agent-prompts { display:flex; gap:6px; flex-wrap:wrap; padding:0 13px; }
.seam-support .agent-prompts button { background:#18271f; color:#b0ebc8; border:1px dotted #49705c; padding:4px 6px; font-size:11px; }
.seam-support .support-log { min-height:0; max-height:150px; }
.seam-support .support-toggle { background:#171c1a; color:#00e676; border:1px dotted #49705c; border-radius:0; }
.seam-support textarea:focus-visible { outline:1px solid #00e676; outline-offset:2px; }
@media(prefers-reduced-motion:no-preference) {
  .seam-support .agent-route-flow { animation:agent-ascii 2.5s ease-in-out infinite; }
  .seam-support .agent-route-flow:nth-of-type(4) { animation-delay:.4s; }
}
@keyframes agent-ascii { 50% { text-shadow:0 0 10px #00e676; color:#b9ffda; } }
