@layer components{.textcarter-x .textcarter-of{flex:1;min-height:0;display:flex;container-type:inline-size}.textcarter-x .textcarter-of-list{--textcarter-bleed-start:32px;--textcarter-bleed-end:32px;flex-direction:column;flex:1;gap:16px;min-width:0;padding:16px 32px 24px;display:flex;overflow-y:auto}@container (width<640px){.textcarter-x .textcarter-of-list{--textcarter-bleed-start:16px;--textcarter-bleed-end:16px;padding-inline:16px}.textcarter-x .textcarter-of[data-pane=detail]>.textcarter-of-list,.textcarter-x .textcarter-of[data-pane=list]>.textcarter-of-detail{display:none}}.textcarter-x .textcarter-of-status{flex-wrap:wrap;gap:2px 10px;margin-top:6px;display:flex}.textcarter-x .textcarter-of-reveal{background:var(--textcarter-workspace);border-radius:8px;flex-direction:column;gap:8px;margin:0;padding:12px;display:flex}.textcarter-x .textcarter-of-reveal .textcarter-msg{max-width:92%}.textcarter-x .textcarter-of-uses{flex-direction:column;gap:6px;font-size:13px;display:flex}.textcarter-x .textcarter-of-uses li{justify-content:space-between;align-items:center;gap:8px;display:flex}}