.miko-composer{position:relative;flex:0 0 auto;--miko-composer-input-border:1px;--miko-composer-input-pad-top:var(--rj-ref-space-2);--miko-composer-input-line-height:1.5;--miko-composer-body-size:var(--chat-body-size);--miko-composer-icon-size:28px;--miko-composer-first-line-center:calc(var(--miko-composer-input-border) + var(--miko-composer-input-pad-top) + var(--miko-composer-body-size) * var(--miko-composer-input-line-height) / 2);--miko-composer-icon-top:max(0px,calc(var(--miko-composer-first-line-center) - var(--miko-composer-icon-size) / 2));--miko-composer-attachment-pad:82px}.miko-composer__field{position:relative;min-width:0}.miko-composer.miko-composer .conv-input{max-height:min(40dvh,260px)}.miko-composer[data-has-image-picker=true] .conv-input{padding-left:var(--rj-ref-space-10)}.miko-composer[data-has-attachment=true] .conv-input{min-height:max(var(--chat-input-minh,96px),136px);padding-top:var(--miko-composer-attachment-pad);padding-left:var(--rj-ref-space-3)}.miko-composer[data-has-attachment=true] .conv-attachment-trigger{top:calc(var(--miko-composer-attachment-pad) + var(--miko-composer-icon-top))}.miko-composer__label,.miko-composer__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.miko-composer .conv-attachment-input{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none}.miko-composer .conv-attachment-trigger{position:absolute;top:var(--miko-composer-icon-top);left:8px;z-index:3;display:grid;width:var(--miko-composer-icon-size);height:var(--miko-composer-icon-size);padding:5px;place-items:center;border:1px solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--paper) 90%,transparent);color:var(--ink-soft);box-shadow:0 1px 3px var(--rj-ref-color-shadow-a10);cursor:pointer}.miko-composer .conv-attachment-trigger:focus-visible,.miko-composer .conv-attachment-trigger:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 55%,var(--line));color:var(--accent-dark)}.miko-composer .conv-attachment-trigger:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.miko-composer .conv-attachment-trigger:disabled{opacity:.45;cursor:not-allowed}.miko-composer .conv-attachment-trigger svg{width:16px;height:16px}@media (hover:hover) and (pointer:fine){.miko-composer .conv-attachment-trigger{opacity:0;transition:opacity .14s var(--ease)}.miko-composer:focus-within .conv-attachment-trigger,.miko-composer:hover .conv-attachment-trigger,.miko-composer[data-menu-open=true] .conv-attachment-trigger{opacity:1}}@media (prefers-reduced-motion:reduce){.miko-composer .conv-attachment-trigger{transition:none}}.miko-composer[data-dropping=true] .conv-input{border-color:var(--accent);background:var(--rj-ref-color-accent-a06)}.miko-composer .miko-composer__menu{position:absolute;bottom:calc(100% + var(--rj-ref-space-1-5));left:0;z-index:6;display:flex;min-width:168px;max-height:min(40dvh,280px);flex-direction:column;padding:var(--rj-ref-space-1);gap:var(--rj-ref-space-0-5);overflow-y:auto;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--paper);box-shadow:var(--shadow-md,0 6px 18px var(--rj-ref-color-shadow-a10));animation:miko-composer-menu-in .12s var(--ease)}.miko-composer .miko-composer__menu-label{flex:1 1 auto;min-width:0;text-align:start}.miko-composer .miko-composer__menu-item{display:flex;min-height:var(--tap-min);align-items:center;padding:var(--rj-ref-space-1-5) var(--rj-ref-space-2);gap:var(--rj-ref-space-2);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink);font-family:inherit;font-size:var(--rj-ref-type-body-sm);line-height:1.3;text-align:start;cursor:pointer}.miko-composer .miko-composer__menu-item:focus-visible,.miko-composer .miko-composer__menu-item:hover:not(:disabled){background:var(--rj-ref-color-accent-a06);color:var(--accent-dark)}.miko-composer .miko-composer__menu-item:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}.miko-composer .miko-composer__menu-item:disabled{opacity:.45;cursor:not-allowed}.miko-composer .miko-composer__menu-glyph{display:grid;width:var(--rj-ref-space-5);height:var(--rj-ref-space-5);flex:0 0 auto;place-items:center;color:var(--ink-soft)}.miko-composer .miko-composer__menu-glyph svg{width:100%;height:100%}@keyframes miko-composer-menu-in{0%{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.miko-composer .miko-composer__menu{animation:none}}.miko-composer .miko-composer__send-glyph{display:none}.miko-composer[data-inline-send=true] .miko-composer__send.miko-composer__send{position:absolute;top:0;right:0;z-index:3;width:var(--tap-min);height:var(--tap-min);min-width:var(--tap-min);padding:0;border-radius:50%;background:transparent;box-shadow:var(--rj-ref-shadow-none)}.miko-composer[data-inline-send=true] .miko-composer__send .miko-composer__send-glyph{display:grid;box-sizing:border-box;width:var(--rj-ref-space-8);height:var(--rj-ref-space-8);padding:var(--rj-ref-space-1-5);place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--accent-fill),var(--accent-dark));box-shadow:0 1px 3px var(--rj-ref-color-shadow-a10)}.miko-composer[data-inline-send=true] .miko-composer__send .miko-composer__send-glyph svg{width:100%;height:100%}.miko-composer[data-inline-send=true] .miko-composer__send .miko-composer__send-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.miko-composer[data-inline-send=true] .conv-input{padding-right:calc(var(--tap-min) + var(--rj-ref-space-2))}.miko-composer .vib-field-mic{top:var(--miko-composer-icon-top)}.miko-composer .conv-attachment-strip{position:absolute;top:9px;right:48px;left:10px;z-index:2;display:flex;flex-wrap:wrap;gap:var(--rj-ref-space-1-5);pointer-events:none}.miko-composer .conv-attachment-tile{position:relative;width:72px;height:58px;pointer-events:auto}.miko-composer .conv-attachment-preview{display:block;width:100%;height:100%;object-fit:cover;border:1px solid color-mix(in srgb,var(--ink) 12%,var(--line));border-radius:var(--radius-md);background:var(--paper-deep);box-shadow:0 2px 7px var(--rj-ref-color-shadow-a10)}.miko-composer .conv-attachment-tile[data-state=uploading] .conv-attachment-preview{filter:saturate(.72) brightness(.86)}.miko-composer .conv-attachment-tile[data-state=error] .conv-attachment-preview{border-color:color-mix(in srgb,var(--warn) 72%,var(--line))}.miko-composer .conv-attachment-state{position:absolute;inset:0;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--rj-ref-color-shadow-a10)}.miko-composer .conv-attachment-spinner{width:18px;height:18px;border:2px solid color-mix(in srgb,var(--paper) 62%,transparent);border-top-color:var(--paper);border-radius:50%;animation:miko-attachment-spin .7s linear infinite}.miko-composer button.conv-attachment-retry{position:absolute;right:3px;bottom:3px;left:3px;min-height:23px;min-block-size:23px;padding:2px var(--rj-ref-space-1-5);overflow:hidden;border:1px solid color-mix(in srgb,var(--warn) 56%,var(--line));border-radius:var(--radius-sm);background:color-mix(in srgb,var(--paper) 92%,transparent);color:var(--warn);font-size:var(--rj-ref-type-label);line-height:1.1;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.miko-composer button.conv-attachment-remove{position:absolute;top:-6px;right:-6px;display:grid;width:22px;min-width:22px;min-inline-size:22px;height:22px;min-height:22px;min-block-size:22px;padding:0;place-items:center;border:1px solid color-mix(in srgb,var(--ink) 16%,var(--line));border-radius:50%;background:var(--paper);color:var(--ink);box-shadow:0 2px 6px var(--rj-ref-color-shadow-a10);cursor:pointer}.miko-composer .conv-attachment-remove:before{position:absolute;inset:-11px;content:""}.miko-composer .conv-attachment-remove svg{width:12px;height:12px}.miko-composer .conv-attachment-remove:focus-visible,.miko-composer .conv-attachment-remove:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 50%,var(--line));color:var(--accent-dark)}.miko-composer .conv-attachment-remove:focus-visible,.miko-composer .conv-attachment-retry:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.miko-composer .conv-attachment-remove:disabled,.miko-composer .conv-attachment-retry:disabled{opacity:.45;cursor:not-allowed}@keyframes miko-attachment-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.miko-composer .conv-attachment-spinner{animation:none}}.miko-composer__error{margin:0;color:var(--warn);font-size:var(--rj-ref-type-label)}.miko-composer__footer{min-width:0}.miko-composer__count.miko-composer__count{flex:0 0 auto;color:var(--muted);font-size:var(--rj-ref-type-caption);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.4;white-space:nowrap}.miko-composer__count[data-state=over]{color:var(--warn)}.conv-message-attachment{display:block;margin-bottom:var(--rj-ref-space-2);overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));border-radius:var(--radius-sm);background:var(--paper-deep)}.conv-message-attachment img{display:block;width:auto;max-width:min(100%,320px);max-height:240px;object-fit:contain}@media (max-width:1180px) and (max-height:560px),(max-width:768px){.miko-composer{--miko-composer-body-size:var(--rj-ref-type-body);--miko-composer-icon-size:var(--tap-min)}.miko-composer[data-has-image-picker=true] .conv-input{padding-left:calc(var(--miko-composer-icon-size) + var(--rj-ref-space-2))!important}.miko-composer__field{position:relative}.miko-composer .conv-attachment-trigger{top:max(0px,var(--miko-composer-icon-top));left:0;padding:0;border:0;background:transparent;box-shadow:none}.miko-composer[data-has-attachment=true] .conv-attachment-trigger{top:calc(var(--miko-composer-attachment-pad) + var(--miko-composer-icon-top))}.miko-composer .conv-attachment-trigger svg{box-sizing:border-box;width:28px;height:28px;padding:6px;border:1px solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--paper) 90%,transparent);box-shadow:0 1px 3px var(--rj-ref-color-shadow-a10)}.miko-composer .conv-attachment-trigger:focus-visible svg,.miko-composer .conv-attachment-trigger:hover:not(:disabled) svg{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}}@media (max-width:1180px) and (max-height:560px),(max-width:640px){.miko-composer{padding-block:var(--rj-ref-space-2) var(--rj-ref-space-1-5);padding-inline:var(--rj-ref-space-2-5)}.miko-composer.miko-composer .conv-input{height:64px;min-height:56px;max-height:96px;resize:none;border-radius:var(--radius-lg);font-size:var(--rj-ref-type-body)}.miko-composer[data-has-attachment=true]{--miko-composer-attachment-pad:66px}.miko-composer[data-has-attachment=true] .conv-input{min-height:108px;max-height:132px}.miko-composer .conv-attachment-tile{width:58px;height:48px}.conv-shell[data-keyboard-open=true] .miko-composer.miko-composer .conv-input{height:48px;min-height:48px;max-height:72px}}