.demo{gap:var(--baize-space-4);margin:var(--baize-space-5) 0;padding:var(--baize-space-4);border:1px solid var(--baize-rule);border-radius:var(--baize-radius-button);background:var(--baize-felt);font-size:var(--baize-text-sm);display:grid}.demo__legend{color:var(--baize-moss);font-size:var(--baize-text-xs);letter-spacing:var(--baize-tracking-loose);text-transform:lowercase;padding:0}.demo__code{padding:var(--baize-space-2) var(--baize-space-3);border:1px solid var(--baize-rule);border-radius:var(--baize-radius-chip);color:var(--baize-lichen);font-size:var(--baize-text-xs);white-space:pre;margin:0;line-height:1.5;overflow-x:auto}.demo__panes{gap:var(--baize-space-3);display:grid}.demo__pane{align-content:start;gap:var(--baize-space-2);min-width:0;padding:var(--baize-space-3);border:1px solid var(--baize-rule);border-radius:var(--baize-radius-chip);background:var(--baize-ink);display:grid}.demo__pane-head{color:var(--baize-moss);font-size:var(--baize-text-xs);letter-spacing:var(--baize-tracking-loose);margin:0;font-weight:400}.demo__note{color:var(--baize-lichen);font-size:var(--baize-text-xs);margin:0;line-height:1.5}.demo__table{border-collapse:collapse;width:100%;font-size:var(--baize-text-xs)}.demo__table th,.demo__table td{padding:2px var(--baize-space-2) 2px 0;text-align:left;vertical-align:top;font-weight:400}.demo__table thead th{color:var(--baize-moss);border-bottom:1px solid var(--baize-rule)}.demo__table td{color:var(--baize-chalk)}
.acl-demo__controls{gap:var(--baize-space-4);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));display:grid}.acl-demo__group{align-content:start;gap:var(--baize-space-2);border:0;min-width:0;margin:0;padding:0;display:grid}.acl-demo__field,.acl-demo__check,.acl-demo__row{align-items:center;gap:var(--baize-space-1) var(--baize-space-2);flex-wrap:wrap;min-width:0;display:flex}.acl-demo__field>label,.acl-demo__check>label{color:var(--baize-lichen);font-size:var(--baize-text-xs)}.acl-demo__input{min-width:0;padding:2px var(--baize-space-2);border:1px solid var(--baize-rule);border-radius:var(--baize-radius-chip);background:var(--baize-ink);color:var(--baize-chalk);font:inherit;font-size:var(--baize-text-xs);flex:8rem}.acl-demo__input:disabled{color:var(--baize-moss);cursor:not-allowed}.acl-demo__hint{color:var(--baize-moss);font-size:var(--baize-text-xs);margin:0;line-height:1.4}.acl-demo__seg{border:1px solid var(--baize-rule);background:var(--baize-ink);border-radius:999px;flex-wrap:wrap;padding:2px;display:flex}.acl-demo__seg-option{display:block}.acl-demo__seg-face{padding:3px var(--baize-space-3);color:var(--baize-lichen);font-size:var(--baize-text-xs);cursor:pointer;transition:background var(--baize-motion-duration) var(--baize-motion-easing), color var(--baize-motion-duration) var(--baize-motion-easing);border-radius:999px;display:block}.acl-demo__seg-option:hover .acl-demo__seg-face{color:var(--baize-chalk)}.acl-demo__seg input:checked+.acl-demo__seg-face{background:var(--baize-hue);color:var(--baize-ink);font-weight:600}.acl-demo__seg input:focus-visible+.acl-demo__seg-face{outline:2px solid var(--baize-chalk);outline-offset:2px}.acl-demo .demo__code{background:var(--baize-ink)}.acl-demo__out[data-state=denied]{color:var(--baize-chalk);border-color:color-mix(in oklab, var(--baize-hue) 45%, var(--baize-rule))}.acl-demo .demo__panes{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.acl-demo__pairs{gap:var(--baize-space-1) var(--baize-space-3);font-size:var(--baize-text-xs);grid-template-columns:auto minmax(0,1fr);margin:0;display:grid}.acl-demo__pairs dt{color:var(--baize-moss)}.acl-demo__pairs dd{color:var(--baize-chalk);overflow-wrap:anywhere;margin:0;font-family:ui-monospace,monospace}.acl-demo .demo__table tbody th{color:var(--baize-lichen)}.acl-demo [data-state=allowed]{color:var(--baize-chalk);font-weight:600}.acl-demo [data-state=denied],.acl-demo [data-state=unevaluable]{color:var(--baize-lichen)}.acl-demo [data-state=unevaluable]{font-style:italic}@media (prefers-reduced-motion:reduce){.acl-demo__seg-face{transition:none}}