@layer component{.textcard{--textcard-lines:6;--textcard-line-height:1.6;--textcard-actions-h:44px;--textcard-fade-h:72px;--textcard-pad:var(--s-card-pad-md);--textcard-btn-bg:var(--s-surface-1);--textcard-btn-bd:var(--s-text-2);--textcard-btn-text:var(--sf-text,inherit);--textcard-btn-muted:var(--s-text-3);--textcard-btn-radius:var(--s-radius-button,.5rem);--textcard-btn-pad:10px 12px;--textcard-btn-gap:10px;--textcard-btn-mt:14px;--textcard-fade-transition:opacity .18s ease;--textcard-toggle-transition:transform .12s ease, background-color .16s ease, border-color .16s ease;--textcard-icon-transition:transform .18s ease;--textcard-btn-bg-hover:var(--s-surface-2);--textcard-btn-bd-hover:var(--s-text-2);--textcard-btn-active-y:1px;--textcard-focus-outline:2px solid var(--s-focus);--textcard-focus-offset:3px;--tc-lines:var(--textcard-lines);--tc-line-height:var(--textcard-line-height);--tc-actions-h:var(--textcard-actions-h);--tc-fade-h:var(--textcard-fade-h);--tc-btn-bg:var(--textcard-btn-bg);--tc-btn-bd:var(--textcard-btn-bd);--tc-btn-text:var(--textcard-btn-text);--tc-btn-muted:var(--textcard-btn-muted);min-width:0;padding:var(--textcard-pad);color:var(--sf-text,inherit);display:block;position:relative}.textcard-content{line-height:var(--tc-line-height);min-width:0}.textcard[data-state=collapsed] .textcard-content{-webkit-line-clamp:var(--tc-lines);line-clamp:var(--tc-lines);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.textcard[data-state=expanded] .textcard-content{display:block;overflow:visible}.textcard-fade{height:calc(var(--tc-fade-h) + var(--tc-actions-h));pointer-events:none;background:var(--s-surface-1);border-bottom-left-radius:var(--sf-radius,0);border-bottom-right-radius:var(--sf-radius,0);opacity:0;transition:var(--textcard-fade-transition,opacity .18s ease);position:absolute;bottom:0;left:0;right:0}.textcard[data-state=collapsed] .textcard-fade{opacity:1}.textcard-toggle{z-index:1;margin-top:var(--textcard-btn-mt,14px);align-items:center;gap:var(--textcard-btn-gap,10px);min-height:var(--tc-actions-h);padding:var(--textcard-btn-pad,10px 12px);border-radius:var(--textcard-btn-radius,var(--s-radius-button,.5rem));border:1px solid var(--tc-btn-bd);background:var(--tc-btn-bg);color:var(--tc-btn-text);cursor:pointer;user-select:none;font:inherit;transition:var(--textcard-toggle-transition,transform .12s ease, background-color .16s ease, border-color .16s ease);font-weight:600;line-height:1;display:inline-flex;position:relative}.textcard-toggle:hover{background:var(--textcard-btn-bg-hover,var(--s-surface-2));border-color:var(--textcard-btn-bd-hover,var(--s-focus))}.textcard-toggle:active{transform:translateY(var(--textcard-btn-active-y,1px))}.textcard-toggle:focus-visible{outline:var(--textcard-focus-outline,2px solid var(--s-focus));outline-offset:var(--textcard-focus-offset,3px)}.textcard-toggle .label{color:var(--tc-btn-muted)}.textcard-toggle svg{transition:var(--textcard-icon-transition,transform .18s ease);flex:none}.textcard[data-state=expanded] .textcard-toggle svg{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.textcard-fade,.textcard-toggle,.textcard-toggle svg{transition:none}}}