.chat-surface-templates{background:#00000059;border:1px solid #ffffff0f;border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:14px;padding:4px;display:grid}.chat-surface-template{color:#f4f3efa6;letter-spacing:-.005em;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-family:Geist,ui-sans-serif,system-ui,sans-serif;font-size:14px;font-weight:550;transition:background .14s,color .14s,box-shadow .14s;display:inline-flex}.chat-surface-template:hover:not(:disabled){color:#f4f3ef;background:#ffffff0a}.chat-surface-template.chat-surface-template-active{color:#f4f3ef;background:#ffffff1a;box-shadow:inset 0 1px #ffffff14}.chat-surface-template:disabled{opacity:.6;cursor:default}.chat-surface-hint{color:#f4f3ef73;letter-spacing:-.005em;font-size:12.5px}.chat-surface{overflow:visible}.chat-surface-model{color:#f4f3efe0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;min-height:36px;padding:0 6px 0 12px;font-size:12.5px;display:inline-flex;position:relative}.chat-surface-model-label{color:#f4f3ef80;letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:600}.chat-surface-model-trigger{max-width:180px;min-height:28px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;outline:none;align-items:center;gap:6px;padding:0 4px 0 0;font-weight:600;display:inline-flex}.chat-surface-model-trigger:focus-visible{outline-offset:2px;border-radius:8px;outline:2px solid #9bd463b3}.chat-surface-model-trigger:disabled{opacity:.6;cursor:default}.chat-surface-model-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-surface-model-caret{color:#f4f3ef80;flex:none;transition:transform .15s}.chat-surface-model-caret.open{transform:rotate(180deg)}.chat-surface-model-menu{z-index:40;color:#f4f3ef;background:#16161b;border:1px solid #ffffff1f;border-radius:14px;gap:2px;min-width:200px;max-height:280px;padding:6px;display:grid;position:absolute;bottom:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 16px 50px #0000008c}.chat-surface-model-option{text-align:left;color:#f4f3ef;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 10px;font-size:13px;font-weight:550;display:block}.chat-surface-model-option:hover:not(.selected){background:#ffffff0f}.chat-surface-model-option.selected{color:#f4f3ef;background:#9bd46329}.chat-surface-attachments{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.chat-surface-attachment-chip{color:#f4f3efd9;letter-spacing:-.005em;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:6px;max-width:100%;padding:5px 6px 5px 10px;font-size:12px;display:inline-flex}.chat-surface-attachment-name{text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-weight:500;overflow:hidden}.chat-surface-attachment-size{color:#f4f3ef73;font-variant-numeric:tabular-nums}.chat-surface-attachment-remove{color:#f4f3efa6;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.chat-surface-attachment-remove:hover{color:#f4f3ef;background:#ffffff14}.chat-surface-attach-error{color:#ef5a5a;letter-spacing:-.005em;margin-top:8px;font-size:12px}@media (width<=768px){.chat-surface-templates{border-radius:12px;gap:4px;margin-bottom:10px;padding:3px}.chat-surface-template{gap:5px;padding:8px 6px;font-size:12.5px}.chat-surface-hint{display:none}}.chat-surface-starters{gap:10px;margin-top:22px;display:grid}.chat-surface-starters-title{color:#f4f3efcc;font-size:13px;font-weight:650}.chat-surface-starters-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;display:grid}.chat-surface-starter{text-align:start;cursor:pointer;font:inherit;border-radius:14px;align-items:flex-start;gap:10px;min-width:0;padding:12px 14px;display:flex}.chat-surface-starter svg{flex-shrink:0;margin-top:2px}.chat-surface-starter-text{gap:4px;min-width:0;font-size:13px;line-height:1.45;display:grid}.chat-surface-starter-text strong{font-size:14px}.chat-surface-starter-text span{opacity:.72}.chat-surface-starters-hint{color:#f4f3ef80;margin:0;font-size:12px}