@layer properties,theme,base;@layer components{.pb-widget{gap:2rem;display:grid}.pb-panel{border-radius:var(--radius-xl);background:var(--c-surface);box-shadow:0 0 0 1px var(--c-line);gap:1rem;padding:1.25rem;display:grid}.pb-panel>h2{font-size:1.0625rem;font-weight:650}.pb-panel .field{inline-size:100%}.pb-consequence{border-radius:var(--radius-md);background:var(--c-info-soft);color:var(--c-info-ink);align-items:flex-start;gap:.6rem;padding:.9rem 1rem;font-weight:550;line-height:1.5;display:flex}.pb-consequence .icon{flex:none;margin-block-start:.15rem}.pb-found{color:var(--c-success-ink);align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.pb-origins{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.pb-origin{border-radius:var(--radius-md);background:var(--c-sunken);justify-content:space-between;align-items:center;gap:.5rem;padding-inline-start:.9rem;display:flex}.pb-origin span{overflow-wrap:anywhere;font-size:.9375rem}.pb-preview{border-radius:var(--radius-lg);background:var(--c-sunken);place-items:center;min-block-size:26rem;padding:1rem;display:grid;position:relative;overflow:hidden}.pb-preview iframe{border-radius:var(--radius-lg);background:var(--c-canvas);block-size:26rem;inline-size:100%;max-inline-size:24rem;box-shadow:var(--shadow-lift);border:0}.pb-preview[data-layout=launcher]{place-items:end}.pb-preview[data-layout=launcher] iframe{block-size:22rem;max-inline-size:20rem}.pb-launcher{background:var(--c-out);min-block-size:2.75rem;color:var(--c-on-out);box-shadow:var(--shadow-lift);border-radius:999px;align-items:center;gap:.5rem;margin-block-start:.75rem;padding-inline:1rem;font-weight:650;display:inline-flex}.pb-code{border-radius:var(--radius-md);background:var(--c-sunken);white-space:pre;margin:0;padding:1rem;line-height:1.5;overflow-x:auto}.pb-code code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.875rem}.pb-code:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}@media (width>=72rem){.pb-widget{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.pb-widget-side{position:sticky;inset-block-start:5rem}}}@layer utilities;