/* ToneBird product UI. Geometry scales together, surfaces stay opaque. */
.tb-reply{font:normal 16px/1.3 'DM Sans',Arial,sans-serif;color:#303330;box-sizing:border-box;width:100%;padding:.6em;border:1px solid #f8faf7;border-radius:1.95em;background:linear-gradient(125deg,#e6ede2,#f1f3ed 52%,#e3ece6);box-shadow:inset 0 0 0 1px #d8e0d7,0 .65em 1.2em -.5em #33483640}
.tb-reply *,.tb-host-field *{box-sizing:border-box}
.tb-surface{position:relative;padding:1.02em 2.1em .5em;border:1px solid #fff;border-radius:1.6em;background:linear-gradient(145deg,#fafbf8,#f6f8f6 70%,#fff);box-shadow:0 .4em .6em -.35em #435c4652}
.tb-reply .tb-text{margin:0;min-height:2.6em;font:inherit;font-weight:450;line-height:1.3;letter-spacing:-.02em;color:#303330;overflow-wrap:break-word}
.tb-arrow{position:absolute;top:calc(50% - .8em);display:grid;place-items:center;width:1.85em;height:2em;padding:.35em;border:0;border-radius:.6em;background:transparent;color:#414641;font:inherit}
.tb-previous{left:.05em}.tb-next{right:.05em}
.tb-reply svg{display:block;flex:none;width:1em;height:1em}
.tb-candidates{display:flex;align-items:center;justify-content:center;gap:0;margin:.4em 0 0}
.tb-dot{display:grid;place-items:center;width:.9em;height:1em;margin:0;padding:0;border:0;border-radius:.25em;background:transparent;font:inherit}
.tb-dot>span{width:.52em;height:.24em;border-radius:1em;background:#bec4c0}
.tb-dot[aria-pressed=true]>span,.tb-dot.is-selected>span{background:#4e5350;box-shadow:0 1px 2px #27352d20}
.tb-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1em;padding:.5em 0 0}
.tb-action{display:inline-flex;align-items:center;justify-content:center;gap:.45em;margin:0;padding:.32em .85em;border:1px solid #fff;border-radius:2em;background:linear-gradient(#f5f7f0,#e9eee5);box-shadow:inset 0 0 0 1px #ffffff38;color:#343b32;font:normal .8em/1.15 'DM Sans',Arial,sans-serif;white-space:nowrap}
.tb-action svg{width:1.15em;height:1.15em}
.tb-reply button{cursor:pointer;touch-action:manipulation}
.tb-reply button:hover{background-color:#e5eae4}
.tb-reply button:focus-visible,.tb-trigger:focus-visible{outline:2px solid #526abb;outline-offset:3px}
.tb-host-field{position:relative;display:flex;align-items:center;min-height:48px;width:100%;padding:8px 48px 8px 14px;border:1px solid #dce0dc;border-radius:15px;background:#fff;color:#707972;font:normal 14px/1.5 'DM Sans',Arial,sans-serif;box-shadow:0 3px 10px #35463306}
.tb-host-input{display:block;width:100%;min-height:28px;max-height:110px;margin:0;padding:3px 0;border:0;outline-offset:2px;background:transparent;resize:none;font:inherit;color:#434b45}
.tb-host-input::placeholder{color:#707972;opacity:1}
.tb-trigger{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:40px;height:40px;margin:0;padding:8px;border:0;border-radius:50%;background:transparent;cursor:pointer}
.tb-orb{display:block;width:24px;height:24px;border:1px solid #a4b8a5;border-radius:50%;background:radial-gradient(circle at 40% 36%,#edffe2 0,#dff4d9 35%,#c7dfc6 61%,#a7bfae 86%);box-shadow:inset 0 0 0 1px #fafff0,0 1px 4px #38594124}
.reply-demo>.tb-host-field{margin-top:14px}
.app-panel[data-app] .trigger-object{width:360px}
@media(max-width:600px){.app-panel[data-app] .trigger-object{width:calc(100vw - 52px)}.stage-draft .tb-reply{font-size:15px}}
.step-field:has(.tb-orb){position:relative;padding-right:38px}
.step-field>.tb-orb{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:18px;height:18px}