@layer components{.opened-cap{margin-bottom:.375rem;color:var(--color-ink-2);font-size:.75rem;font-weight:600;line-height:1.3}.opened-cap-k{margin-top:1rem}.opened-err,.opened-app{overflow:hidden}.opened-chrome{height:2.25rem;padding-inline:.875rem}.opened-chrome .dapp-tab{font-size:var(--text-caption)}.opened-by{color:var(--color-ink-2);font-size:.75rem;font-weight:400;white-space:nowrap}.opened-msg{display:grid;justify-items:center;gap:.5rem;padding:1rem 1rem 1.125rem;text-align:center}.opened-msg .ico{width:1.125rem;height:1.125rem;color:var(--color-ink-2)}.opened-msg p{max-width:18rem;font-size:var(--text-ui);line-height:1.4}.opened-btn{display:inline-flex;align-items:center;height:1.75rem;padding-inline:.625rem;border-radius:var(--radius-inner);box-shadow:inset 0 0 0 1px var(--color-line-2);font-size:.75rem;font-weight:600}.opened-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.375rem;padding:.5rem .875rem 0;color:var(--color-ink-2);font-size:.75rem}.opened-meta .role-chip{min-height:1.5rem;padding:.125rem .5rem;font-size:.75rem}.opened-tbl{margin:0;padding:.25rem .875rem .625rem;font-size:var(--text-ui)}.opened-tbl .tr{grid-template-columns:minmax(0,1fr) auto 5.75rem;align-items:center;column-gap:.625rem}.opened-tbl .tr.th{font-size:.75rem}.opened-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.opened-empty{color:var(--color-ink-2)}.opened-loop{display:flex;align-items:center;gap:.5rem;margin-top:.625rem;padding:.5rem .625rem;border-radius:var(--radius-control);background:var(--color-sheet);box-shadow:inset 0 0 0 1px var(--color-line),var(--shadow-window);font-size:.75rem;line-height:1.35}.opened-loop b{font-weight:600}.opened-av{flex:none;display:grid;place-items:center;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--color-tint);box-shadow:inset 0 0 0 1px var(--color-line-2);font-size:.6875rem;font-weight:600}[data-opened] :is(.opened-err,.opened-app,.opened-cap-k,.opened-loop){transition:opacity var(--duration-state) linear,transform var(--duration-state) var(--ease-out)}:where(.motion) [data-opened]:not(.is-err) .opened-err,:where(.motion) [data-opened]:not(.is-app) :is(.opened-app,.opened-cap-k),:where(.motion) [data-opened]:not(.is-loop) .opened-loop{opacity:0;transform:translateY(6px)}:where(.motion) [data-opened]:not(.is-typing) .opened-field .wb-ph{visibility:visible}:where(.motion) [data-opened]:not(.is-typing) .opened-field .wb-val{visibility:hidden}:where(.motion) [data-opened] .opened-field .wb-val .ch{visibility:hidden}:where(.motion) [data-opened] .opened-field .wb-val .ch.on{visibility:visible}:where(.motion) [data-opened].is-focus .opened-field{border-color:var(--color-brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-brand) 22%,transparent)}:where(.motion) [data-opened]:not(.is-saved) .opened-field .wb-ok{opacity:0;transform:scale(.6)}}