@layer theme, base, components, siteplane, utilities;@layer siteplane{.sp-attachment{--sp-attachment-media:var(--sp-rw-space-10);--sp-attachment-padding:var(--sp-rw-space-2);position:relative;isolation:isolate;display:flex;box-sizing:border-box;width:fit-content;min-width:0;max-width:100%;align-items:center;gap:var(--sp-rw-space-2);overflow:clip;border:var(--sp-rw-border-default) solid var(--sp-rw-border-translucent);border-radius:var(--sp-rw-radius-surface);padding:var(--sp-attachment-padding);background:var(--sp-rw-bg-secondary);color:var(--sp-rw-fg-primary);cursor:default;font-size:var(--sp-rw-font-14);line-height:var(--sp-rw-line-18);transition-property:border-color,background-color;transition-duration:var(--motion-duration-fast);transition-timing-function:var(--motion-ease-state)}.sp-attachment[data-size=sm]{--sp-attachment-media:var(--sp-rw-space-8);--sp-attachment-padding:var(--sp-rw-space-1-5);font-size:var(--sp-rw-font-12);line-height:var(--sp-rw-line-16)}.sp-attachment[data-orientation=horizontal]{min-width:calc(var(--sp-rw-space) * 40)}.sp-attachment[data-orientation=vertical]{width:calc(var(--sp-rw-space) * 24);flex-direction:column;align-items:stretch}.sp-attachment[data-orientation=vertical]:has(>.sp-attachment-content){width:calc(var(--sp-rw-space) * 30)}.sp-attachment[data-state=idle]{border-style:dashed}.sp-attachment[data-state=error]{border-color:var(--sp-rw-border-destructive)}.sp-attachment-media{position:relative;display:flex;width:var(--sp-attachment-media);flex:none;aspect-ratio:1;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--sp-rw-radius-control);background:var(--sp-rw-bg-muted);color:var(--sp-rw-fg-secondary)}.sp-attachment[data-size=sm] .sp-attachment-media{border-radius:var(--sp-rw-radius-sm)}.sp-attachment[data-orientation=vertical] .sp-attachment-media{width:100%}.sp-attachment-media:has(>.sp-file-type-icon){background:transparent}.sp-attachment-media>svg:not([class*=size-]){width:var(--sp-rw-control-icon);height:var(--sp-rw-control-icon);flex:none;pointer-events:none}.sp-attachment[data-orientation=vertical] .sp-attachment-media>svg:not([class*=size-]){width:var(--sp-rw-space-6);height:var(--sp-rw-space-6)}.sp-attachment-media[data-variant=image]>img{width:100%;height:100%;aspect-ratio:1;object-fit:cover}.sp-attachment[data-state=processing] .sp-attachment-media[data-variant=image],.sp-attachment[data-state=uploading] .sp-attachment-media[data-variant=image]{opacity:.6}.sp-attachment[data-state=error] .sp-attachment-media{background:var(--sp-rw-bg-destructive-translucent);color:var(--sp-rw-fg-destructive)}.sp-attachment-content{display:flex;min-width:0;max-width:100%;flex:1 1 0%;flex-direction:column;gap:var(--sp-rw-space-0-5)}.sp-attachment[data-orientation=vertical] .sp-attachment-content{padding-inline:var(--sp-rw-space-1)}.sp-attachment-description,.sp-attachment-title{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-attachment-title{font-weight:var(--sp-rw-font-weight-label)}.sp-attachment-description{color:var(--sp-rw-fg-tertiary);font-size:var(--sp-rw-font-12);line-height:var(--sp-rw-line-16)}.sp-attachment[data-state=error] .sp-attachment-description{color:var(--sp-rw-fg-destructive)}.sp-attachment-actions{position:relative;z-index:20;display:flex;flex:none;align-items:center;gap:var(--sp-rw-space-0-5)}.sp-attachment[data-orientation=vertical] .sp-attachment-actions{position:absolute;inset-block-start:calc(var(--sp-attachment-padding) + var(--sp-rw-space-2));inset-inline-end:calc(var(--sp-attachment-padding) + var(--sp-rw-space-2));gap:var(--sp-rw-space-1)}.sp-attachment-group{width:100%;min-width:0;max-width:100%}.sp-attachment-group .sp-scroll-area-viewport{scroll-padding-inline:var(--fade-size);scroll-snap-type:x mandatory}.sp-attachment-group-row{display:flex;width:max-content;min-width:100%;align-items:flex-start;gap:var(--sp-rw-space-2)}.sp-attachment-group-item{display:flex;flex:none;scroll-snap-align:start}.sp-attachment-group-item>.sp-attachment{max-width:calc(var(--sp-rw-space) * 64)}}@layer theme, base, components, siteplane, utilities;@layer siteplane{:where(.sp-message){--sp-message-avatar-gap:var(--sp-rw-space-2);--sp-message-avatar-size:var(--sp-rw-space-8);--sp-message-footer-size:var(--sp-rw-control-xs);--sp-message-gap:var(--sp-rw-space-2);--sp-message-inset:var(--sp-bubble-padding-inline,var(--sp-rw-space-4));display:grid;grid-template-areas:"content";grid-template-columns:minmax(0,1fr);column-gap:var(--sp-message-avatar-gap);min-width:0}.sp-message:has(>.sp-message-avatar){grid-template-areas:"avatar content";grid-template-columns:auto minmax(0,1fr)}.sp-message[data-align=end]:has(>.sp-message-avatar){grid-template-areas:"content avatar";grid-template-columns:minmax(0,1fr) auto}:where(.sp-message-group){display:flex;flex-direction:column;gap:var(--sp-rw-space-2);min-width:0}:where(.sp-message-avatar){display:flex;grid-area:avatar;align-items:center;align-self:end;justify-content:center;min-width:var(--sp-message-avatar-size)}.sp-message:has(>.sp-message-content>.sp-message-footer:not(:empty))>.sp-message-avatar{padding-block-end:calc(var(--sp-message-footer-size) + var(--sp-message-gap))}.sp-message:has(>.sp-message-avatar)>.sp-message-content{align-self:end}:where(.sp-message-content){display:flex;flex-direction:column;grid-area:content;gap:var(--sp-message-gap);min-width:0;overflow-wrap:anywhere}.sp-message[data-align=end] .sp-bubble-group,.sp-message[data-align=end]>.sp-message-content{align-items:flex-end}.sp-message[data-align=end] .sp-attachment-group{width:fit-content}.sp-message[data-align=end]>.sp-message-content>.sp-message-header{align-self:flex-start}:where(.sp-message-header){display:flex;align-items:center;max-width:100%;min-width:0;color:var(--sp-rw-fg-tertiary);font-size:var(--sp-rw-font-12);font-weight:var(--sp-rw-font-weight-label);line-height:var(--sp-rw-line-18)}:where(.sp-message-footer){display:flex;align-items:center;gap:var(--sp-rw-space-1);max-width:100%;min-width:0;min-height:var(--sp-message-footer-size);color:var(--sp-rw-fg-tertiary);font-size:var(--sp-rw-font-12);font-weight:var(--sp-rw-font-weight-label);line-height:var(--sp-rw-line-18)}.sp-message[data-align=end]>.sp-message-content>.sp-message-footer{justify-content:flex-end}:where(.sp-message-footer:empty),:where(.sp-message-header:empty){display:none}.sp-message:has(.sp-bubble:not([data-variant=ghost])) .sp-message-footer,.sp-message:has(.sp-bubble:not([data-variant=ghost])) .sp-message-header{padding-inline:var(--sp-message-inset)}}@layer theme, base, components, siteplane, utilities;@layer siteplane{:where(.sp-bubble){display:flex;flex-direction:column;gap:var(--sp-rw-space-1);width:fit-content;max-width:80%;min-width:0}.sp-bubble[data-align=end]{align-self:flex-end}.sp-bubble[data-variant=ghost]{width:100%;max-width:100%}:where(.sp-bubble-content){--sp-bubble-surface-radius:var(
      --sp-bubble-radius,var(--sp-rw-radius-dialog)
    );width:fit-content;max-width:100%;min-width:0;padding-block:var(--sp-bubble-padding-block,var(--sp-rw-space-2));padding-inline:var(--sp-bubble-padding-inline,var(--sp-rw-space-4));border:var(--sp-rw-border-default) solid transparent;border-radius:var(--sp-bubble-surface-radius);font-size:var(--sp-rw-font-14);line-height:var(--sp-rw-line-21);overflow-wrap:anywhere}.sp-bubble[data-variant=default]>.sp-bubble-content{background:var(--sp-rw-bg-accent);color:var(--sp-rw-fg-on-accent)}.sp-bubble[data-variant=muted]>.sp-bubble-content{background:var(--sp-rw-bg-muted);color:var(--sp-rw-fg-primary)}.sp-bubble[data-variant=tinted]>.sp-bubble-content{background:var(--sp-rw-bg-accent-translucent);color:var(--sp-rw-fg-primary)}.sp-bubble[data-variant=outline]>.sp-bubble-content{background:var(--sp-rw-bg-secondary);color:var(--sp-rw-fg-primary)}:root .sp-bubble[data-variant=outline][data-align=end]>.sp-bubble-content,:root .sp-message[data-align=end] .sp-bubble[data-variant=outline]>.sp-bubble-content{border-start-start-radius:var(--sp-bubble-surface-radius);border-start-end-radius:var(--sp-rw-radius-xs)}.sp-bubble[data-variant=ghost]>.sp-bubble-content{width:100%;padding:0;border-width:0;border-radius:0;background:transparent}.sp-bubble[data-variant=destructive]>.sp-bubble-content{background:var(--sp-rw-bg-destructive-translucent);color:var(--sp-rw-fg-destructive)}:where(.sp-bubble-group){display:flex;flex-direction:column;gap:var(--sp-rw-space-2);width:100%;min-width:0}}