.studio-textarea{border:1px solid var(--ui-border);width:100%;min-width:0;min-height:100px;color:var(--ui-foreground);font:inherit;resize:vertical;background:0 0;border-radius:12px;outline:none;padding:12px 16px;line-height:1.7}.studio-textarea::placeholder{color:var(--ui-muted)}.studio-textarea:focus-visible{border-color:var(--ui-ring);box-shadow:0 0 0 2px color-mix(in srgb, var(--ui-ring) 18%, transparent)}.studio-textarea:disabled{opacity:.6;cursor:not-allowed}.attachment-card{border-radius:16px;flex:none;min-width:0;max-width:100%;position:relative}.attachment-card .attachment-preview{padding:10px 32px 10px 12px;border:1px solid var(--ui-border);border-radius:inherit;background:color-mix(in srgb, var(--ui-secondary) 78%, transparent);width:244px;max-width:100%;height:64px;box-shadow:none;text-align:start;justify-content:flex-start;gap:10px;padding-inline:12px 32px;font-weight:400;display:flex}.attachment-card .attachment-preview:hover{background:var(--ui-hover);border-color:color-mix(in srgb, var(--ui-muted) 45%, var(--ui-border))}.attachment-card.attachment-image .attachment-preview,.attachment-card.attachment-video .attachment-preview{background:var(--ui-secondary);width:64px;height:64px;padding:0;overflow:hidden}.attachment-preview>img,.attachment-preview>video{object-fit:cover;pointer-events:none;width:100%;height:100%}.attachment-type-icon{color:#fff;background:#3985ff;border-radius:9px;flex-shrink:0;place-items:center;width:32px;height:36px;display:grid}.attachment-type-icon>svg{width:21px;height:21px}.attachment-type-icon.attachment-pdf{background:#e35764}.attachment-type-icon.attachment-audio{background:#8b66d9}.attachment-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.attachment-name{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:13px;line-height:1.5;display:block;overflow:hidden}.attachment-meta{color:var(--ui-muted);font-family:var(--font-base);text-align:start;font-size:11px;line-height:1.5;display:block}.attachment-info .attachment-meta{text-align:start}.attachment-card .attachment-remove,.attachment-card .attachment-download{z-index:1;top:4px;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;background:#54575ccc;border-radius:50%;width:20px;height:20px;padding:0;transition:opacity .15s,background .15s;position:absolute;inset-inline-end:4px}.attachment-card:hover .attachment-remove,.attachment-card:focus-within .attachment-remove,.attachment-card:hover .attachment-download,.attachment-card:focus-within .attachment-download{opacity:1}.attachment-card .attachment-remove:hover,.attachment-card .attachment-download:hover{color:#fff;background:#32353de6}.attachment-card .attachment-remove>svg,.attachment-card .attachment-download>svg{width:12px;height:12px}.attachment-play{pointer-events:none;background:#00000018;place-items:center;display:grid;position:absolute;inset:0}.attachment-play>svg{box-sizing:content-box;color:#fff;fill:currentColor;background:#111a;border-radius:50%;width:22px;height:22px;padding:5px}.attachment-media-badge{bottom:3px;color:#fff;background:#111b;border-radius:5px;padding:0 4px;font-size:9px;line-height:1.4;position:absolute;inset-inline-start:4px}.attachment-media-fallback{width:100%;height:100%;color:var(--ui-muted);place-items:center;display:grid}.attachment-sent.attachment-image .attachment-preview,.attachment-sent.attachment-video .attachment-preview{border-radius:20px;width:180px;height:144px}.attachment-sent{border-radius:20px}.chat-reference-chip{border:1px solid var(--ui-border);background:color-mix(in srgb, var(--ui-secondary) 84%, transparent);min-width:0;max-width:220px;color:var(--ui-foreground);border-radius:14px;align-items:center;gap:8px;padding:4px 28px 4px 5px;padding-inline:5px 28px;font-size:12px;display:inline-flex;position:relative}.chat-reference-chip img{object-fit:cover;border-radius:10px;flex:none;width:32px;height:32px}.chat-reference-chip bdi{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-reference-chip>.creator-send-spinner{flex:none;width:16px;height:16px;margin:8px}.chat-reference-chip [data-slot=button]{border-radius:50%;width:22px;height:22px;padding:0;position:absolute;inset-inline-end:3px}.chat-reference-chip [data-slot=button] svg{width:13px;height:13px}.creator-references,.chat-message-references{flex-wrap:wrap;gap:8px;max-width:100%;display:flex}.chat-message-references{justify-content:flex-end}.chat-image-reference{color:var(--ui-muted);align-self:flex-start;gap:6px}.chat-image-reference svg{width:14px;height:14px}.chat-reference-missing{width:32px;height:32px;color:var(--ui-destructive);background:var(--ui-secondary);border-radius:10px;place-items:center;display:grid}.creator-upload-progress{color:var(--ui-muted);align-items:center;gap:8px;margin:4px 0;font-size:12px;line-height:1.8;display:flex}.attachment-sent .attachment-download{opacity:1}.attachment-dialog[data-slot=dialog-content]{background:color-mix(in srgb, var(--ui-popover) 94%, transparent);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:28px;flex-direction:column;gap:16px;width:min(920px,100vw - 32px);max-width:none;max-height:calc(100dvh - 32px);padding:20px;display:flex}.attachment-dialog-heading{align-items:flex-start;gap:12px;display:flex}.attachment-dialog-heading>div{flex:1;min-width:0}.attachment-dialog-title{overflow-wrap:anywhere;font-size:15px;font-weight:500;line-height:1.7}.attachment-dialog-heading .attachment-meta{margin-top:3px}.attachment-dialog-body{background:var(--ui-secondary);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-width:0;min-height:140px;display:flex;overflow:auto}.attachment-dialog-body>img,.attachment-dialog-body>video{object-fit:contain;max-width:100%;max-height:calc(100dvh - 220px);display:block}.attachment-dialog-body>audio{width:min(440px,100% - 32px);margin-bottom:24px}.attachment-dialog-document{text-align:center;padding:32px 20px}.attachment-dialog-body p{color:var(--ui-muted);font-size:13px;line-height:1.8}.attachment-document-art,.attachment-audio-art{width:52px;height:52px;color:var(--ui-muted)}.attachment-audio-art{color:#8b66d9;margin-top:32px}.attachment-dialog-footer{justify-content:flex-end;display:flex}html[lang=ug-CN] .attachment-name{font-size:14px}html[lang=ug-CN] .attachment-dialog-title{font-weight:400}html[dir=rtl] .attachment-info .attachment-meta{text-align:right}@media (hover:none),(pointer:coarse),(width<=700px){.attachment-card .attachment-remove,.attachment-card .attachment-download{opacity:1}}@media (width<=700px){.attachment-dialog[data-slot=dialog-content]{border-radius:24px;gap:12px;padding:16px}.attachment-sent.attachment-image .attachment-preview,.attachment-sent.attachment-video .attachment-preview{width:140px;height:116px}}