.trigger[data-v-006a6d09]{padding:.4rem .85rem;border-radius:.35rem;border:1px solid transparent;background:rgb(var(--color-accent));color:rgb(var(--color-card));font-size:.85rem;font-weight:600;cursor:pointer;font-family:inherit}.trigger[data-v-006a6d09]:hover{filter:brightness(1.05)}.reach-demo[data-v-835d98c9]{margin:2rem 0;display:grid;gap:1rem;border:1px solid rgb(var(--color-border));border-radius:.75rem;padding:1.25rem;background:rgb(var(--color-card));color:rgb(var(--color-text-base))}.toggle[data-v-835d98c9]{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.toggle-label[data-v-835d98c9]{font-size:.85rem;font-weight:600;opacity:.85}.toggle-btn[data-v-835d98c9]{padding:.3rem .75rem;border-radius:999px;border:1px solid rgb(var(--color-border));background:rgb(var(--color-fill));color:rgb(var(--color-text-base));font-size:.8rem;font-family:inherit;cursor:pointer}.toggle-btn[data-v-835d98c9]:hover{border-color:rgb(var(--color-accent))}.toggle-btn.active[data-v-835d98c9]{background:rgb(var(--color-accent));color:rgb(var(--color-card));border-color:rgb(var(--color-accent));font-weight:600}.provider-boundary[data-v-835d98c9]{position:relative;padding:1.65rem .85rem .85rem;border:2px dashed rgba(var(--color-accent),.55);border-radius:.6rem;background:rgba(var(--color-accent),.04)}.boundary-label[data-v-835d98c9]{position:absolute;top:-.65rem;left:.85rem;padding:0 .5rem;background:rgb(var(--color-card));font-size:.7rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:rgb(var(--color-accent));letter-spacing:.02em;white-space:nowrap;max-width:calc(100% - 1.5rem);overflow:hidden;text-overflow:ellipsis}.layout[data-v-835d98c9]{display:grid;gap:.65rem;align-items:stretch}.arrow[data-v-835d98c9]{display:none}.box[data-v-835d98c9]{position:relative;padding:1.5rem .75rem .75rem;border:1px solid rgb(var(--color-border));border-radius:.45rem;background:rgb(var(--color-fill));display:grid;gap:.5rem;min-height:7rem}.frame-box[data-v-835d98c9]{min-height:14rem}.box-label[data-v-835d98c9]{position:absolute;top:-.55rem;left:.6rem;padding:0 .45rem;background:rgb(var(--color-card));font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;opacity:.75}.confirm[data-v-835d98c9]{padding:.35rem .75rem;border-radius:.35rem;border:1px solid transparent;background:#dc2626;color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;font-family:inherit}.hint-inline[data-v-835d98c9]{margin:0;font-size:.75rem;opacity:.65}.empty[data-v-835d98c9]{font-size:.78rem;font-style:italic;opacity:.5;align-self:center;justify-self:center;padding:.5rem;text-align:center}.inspector[data-v-835d98c9]{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;font-size:.78rem;padding:.5rem .7rem;background:rgb(var(--color-fill));border:1px solid rgb(var(--color-border));border-radius:.4rem}.inspector-label[data-v-835d98c9]{font-weight:600;opacity:.7;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.state[data-v-835d98c9]{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;background:rgb(var(--color-card));padding:.18rem .5rem;border-radius:.25rem;word-break:break-all;flex:1;min-width:0}.hint[data-v-835d98c9]{margin:0;font-size:.78rem;line-height:1.5;opacity:.8}.hint code[data-v-835d98c9]{background:rgb(var(--color-fill));padding:.05rem .3rem;border-radius:.25rem;font-size:.72rem}.swap-enter-active[data-v-835d98c9],.swap-leave-active[data-v-835d98c9]{transition:opacity .18s ease}.swap-enter-from[data-v-835d98c9],.swap-leave-to[data-v-835d98c9]{opacity:0}@media(min-width:720px){.layout[data-v-835d98c9]{grid-template-columns:minmax(0,1.4fr) auto minmax(0,1fr);gap:.85rem}.arrow[data-v-835d98c9]{display:flex;align-items:center;justify-content:center;position:relative;min-width:2rem}.arrow[data-v-835d98c9]:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:repeating-linear-gradient(to right,rgba(var(--color-accent),.6) 0 4px,transparent 4px 8px)}.arrow-label[data-v-835d98c9]{position:relative;background:rgba(var(--color-accent),.04);padding:.1rem .4rem;font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;color:rgb(var(--color-accent));font-weight:600;border-radius:.25rem}}