.su{max-width:640px;margin:0 auto;padding:16px;font-family:system-ui,sans-serif;line-height:1.5}.su h1{margin-bottom:4px;font-size:1.5rem}.su h2{margin:24px 0 8px;font-size:1.125rem}.su p{margin:0 0 8px}.su a{text-decoration:underline}.su-card{border:1px solid #8884;border-radius:12px;padding:12px}.su-log{flex-direction:column;gap:8px;min-height:160px;max-height:50vh;padding:4px 0 8px;display:flex;overflow-y:auto}.su-line{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:12px;max-width:90%;padding:8px 12px}.su-line[data-role=customer]{color:#fff;background:#2563eb;align-self:flex-end}.su-line[data-role=assistant]{background:#8883;align-self:flex-start}.su-line[data-role=notice]{border:1px dashed #8886;align-self:stretch;max-width:100%;font-size:.9rem}.su-row{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.su label{margin:12px 0 4px;font-weight:600;display:block}.su input,.su textarea{width:100%;font:inherit;color:inherit;background:0 0;border:1px solid #888;border-radius:8px;padding:10px 12px;font-size:16px}.su textarea{resize:vertical;min-height:88px}.su button{font:inherit;color:#fff;cursor:pointer;background:#2563eb;border:1px solid #2563eb;border-radius:8px;min-height:44px;padding:8px 16px}.su button.su-secondary{color:inherit;background:0 0;border-color:#888}.su button:disabled{opacity:.6;cursor:not-allowed}.su :focus-visible{outline-offset:2px;outline:3px solid #f59e0b}.su-error{color:#b91c1c;margin-top:8px}.su-ok{margin-top:8px}.su-hint{opacity:.8;font-size:.875rem}.su-embed{padding:8px}.su-handoff{border-top:1px solid #8884;margin-top:12px;padding-top:8px}.su-typing{min-height:1.5em}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-color-scheme:dark){.su-error{color:#fca5a5}}@media (max-width:480px){.su{padding:12px}.su-line{max-width:95%}.su-row button{flex:100%}}