@layer components{.textcarter-x .textcarter-demo-studio{grid-template-columns:minmax(228px,.7fr) minmax(480px,2fr) minmax(248px,.8fr);align-items:start;gap:16px;display:grid;container-type:inline-size}.textcarter-x .textcarter-demo-column{flex-direction:column;gap:12px;min-width:0;display:flex}.textcarter-x .textcarter-demo-tabs{display:none}@media (width<=1360px){.textcarter-x .textcarter-demo-tabs{margin-bottom:12px;display:flex}.textcarter-x .textcarter-demo-studio{grid-template-columns:minmax(0,1fr)}.textcarter-x .textcarter-demo-studio[data-tab=configure] .textcarter-demo-column:not([data-column=configure]),.textcarter-x .textcarter-demo-studio[data-tab=agent] .textcarter-demo-column:not([data-column=agent]),.textcarter-x .textcarter-demo-studio[data-tab=session] .textcarter-demo-column:not([data-column=session]){display:none}}.textcarter-x .textcarter-demo-panel{min-width:0}.textcarter-x .textcarter-demo-item{border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;padding:12px;display:flex}.textcarter-x .textcarter-demo-edited,.textcarter-x .textcarter-demo-error{color:var(--muted-foreground);font-size:13px}.textcarter-x .textcarter-demo-error{color:var(--destructive)}.textcarter-x .textcarter-demo-lines,.textcarter-x .textcarter-demo-events,.textcarter-x .textcarter-demo-recent{flex-direction:column;gap:6px;font-size:13px;display:flex}.textcarter-x .textcarter-demo-lines li{justify-content:space-between;align-items:center;gap:8px;display:flex}.textcarter-x .textcarter-demo-recent button{justify-content:space-between;gap:8px;width:100%;display:flex}.textcarter-x .textcarter-demo-recent button[aria-current=true]{background:var(--muted)}.textcarter-x .textcarter-demo-stage{border-radius:var(--radius);background:var(--muted);min-width:0;overflow:hidden}.textcarter-x .textcarter-demo-stage-top{justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.textcarter-x .textcarter-demo-live{align-items:center;gap:8px;font-size:13px;font-weight:500;display:inline-flex}.textcarter-x .textcarter-demo-dot{background:var(--textcarter-success,#2b8767);border-radius:50%;flex:none;width:7px;height:7px}.textcarter-x .textcarter-demo-live[data-busy] .textcarter-demo-dot{background:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 12%, transparent)}.textcarter-x .textcarter-demo-live[data-idle] .textcarter-demo-dot{background:var(--muted-foreground)}.textcarter-x .textcarter-demo-scene{isolation:isolate;width:100%;height:clamp(660px,100dvh - 280px,1000px);position:relative;overflow:hidden}.textcarter-x .textcarter-demo-stage[data-present] .textcarter-demo-scene{height:min(86dvh,1000px)}@media (width<=600px){.textcarter-x .textcarter-demo-scene{aspect-ratio:4.2/6;height:auto}}.textcarter-x .textcarter-demo-scene canvas[data-rig]{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.textcarter-x .textcarter-demo-floor{background:color-mix(in srgb, var(--foreground) 7%, transparent);filter:blur(15px);border-radius:50%;height:9%;position:absolute;bottom:12%;left:17%;right:17%}.textcarter-x .textcarter-demo-fallback{text-align:center;width:100%;color:var(--muted-foreground);font-size:12px;position:absolute;bottom:12px}.textcarter-x .textcarter-demo-stage-bottom{justify-content:center;padding:0 16px 16px;display:flex}.textcarter-x .textcarter-demo-phone{z-index:1;color:#16191d;transform-origin:50%;background:#fafafa;border:6px solid #31343b;font:11px/1.38 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:inset 0 0 0 1.5px #8e9299,0 14px 30px #2630461a}.textcarter-x .textcarter-demo-phone:after{content:"";z-index:8;background:#15171b;border-radius:10px;height:4px;position:absolute;bottom:6px;left:35%;right:35%}.textcarter-x .textcarter-demo-phone-top{justify-content:space-between;height:35px;padding:9px 17px 0;font-size:10px;font-weight:600;display:flex}.textcarter-x .textcarter-demo-island{background:#17191c;border-radius:20px;width:64px;height:17px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.textcarter-x .textcarter-demo-contact{text-align:center;border-bottom:1px solid #e6e6e8;justify-content:center;align-items:center;gap:6px;height:37px;display:flex}.textcarter-x .textcarter-demo-avatar{color:#707684;background:#e3e4e8;border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;display:grid}.textcarter-x .textcarter-demo-contact-name{font-size:10px}.textcarter-x .textcarter-demo-messages{scrollbar-width:none;padding:8px 10px 5px;position:absolute;inset:74px 0 57px;overflow-y:auto}.textcarter-x .textcarter-demo-stamp,.textcarter-x .textcarter-demo-thinking{color:#8d9098;text-align:center;margin:12px 2px;font-size:8px}.textcarter-x .textcarter-demo-thinking{text-align:right}.textcarter-x .textcarter-demo-row{flex-direction:column;align-items:flex-start;margin-bottom:7px;display:flex}.textcarter-x .textcarter-demo-row[data-from=business]{align-items:flex-end}.textcarter-x .textcarter-demo-bubble{color:#24252a;overflow-wrap:anywhere;white-space:pre-wrap;background:#e8e8ec;border-radius:13px 13px 13px 4px;max-width:88%;padding:8px 9px}.textcarter-x .textcarter-demo-bubble[data-from=business]{color:#fff;background:#007aff;border-bottom-right-radius:4px;border-bottom-left-radius:13px}.textcarter-x .textcarter-demo-quote{color:#6f737b;overflow-wrap:anywhere;border-left:2px solid #c5c7cd;max-width:80%;margin-bottom:2px;padding:4px 7px;font-size:9px}.textcarter-x .textcarter-demo-tapback{background:#fff;border-radius:10px;margin-top:-6px;margin-left:6px;padding:0 5px;font-size:10px;box-shadow:0 1px 2px #20232b33}.textcarter-x .textcarter-demo-note{color:#92959b;margin:2px 2px 0;font-size:8px}.textcarter-x .textcarter-demo-note[data-failed]{color:#c93b2a}.textcarter-x .textcarter-demo-compose{background:#fafafa;align-items:flex-end;min-height:40px;padding:6px 8px;display:flex;position:absolute;bottom:12px;left:0;right:0}.textcarter-x .textcarter-demo-draft{color:#24252a;overflow-wrap:anywhere;scrollbar-width:none;border:1px solid #d4d5da;border-radius:15px;flex:1;min-height:28px;max-height:65px;padding:7px 9px;font-size:10px;overflow-y:auto}.textcarter-x .textcarter-demo-draft[data-empty=true]{color:#92969e;padding-top:7px}.textcarter-x .textcarter-demo-keyboard{background:#d4d6dc;height:124px;padding:7px 3px 24px;font-size:9px;display:none;position:absolute;bottom:0;left:0;right:0}.textcarter-x .textcarter-demo-phone[data-typing] .textcarter-demo-messages{bottom:194px}.textcarter-x .textcarter-demo-phone[data-typing] .textcarter-demo-compose{min-height:61px;bottom:123px}.textcarter-x .textcarter-demo-phone[data-typing] .textcarter-demo-keyboard{display:block}.textcarter-x .textcarter-demo-keyrow{justify-content:center;gap:3px;margin-bottom:5px;display:flex}.textcarter-x .textcarter-demo-key{color:#20232b;text-align:center;background:#fff;border-radius:4px;flex:1;min-width:0;max-width:24px;height:20px;line-height:20px;transition:background 80ms,transform 80ms;box-shadow:0 1px 1px #6067784d}.textcarter-x .textcarter-demo-key[data-wide]{background:#b5bac5;min-width:28px;max-width:36px;font-size:8px}.textcarter-x .textcarter-demo-key[data-space]{max-width:97px}.textcarter-x .textcarter-demo-key[data-active]{color:#0b49b7;background:#b8ceff;transform:translateY(1px)}.textcarter-x .textcarter-demo-stage[data-inspect] .textcarter-demo-phone{opacity:.3}.textcarter-x .textcarter-demo-present{z-index:40;background:var(--background);flex-direction:column;gap:12px;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.textcarter-x .textcarter-demo-present .textcarter-demo-stage{width:100%;max-width:920px;margin:0 auto}.textcarter-x .textcarter-demo-present-bar{justify-content:flex-end;display:flex}.textcarter-x .textcarter-demo-present-composer{width:100%;max-width:640px;margin:0 auto}@media (prefers-reduced-motion:reduce){.textcarter-x .textcarter-demo-key{transition:none}.textcarter-x .textcarter-demo-key[data-active]{transform:none}}}