.demo[data-astro-cid-5wb7gyw7]{gap:var(--s-5);grid-template-columns:minmax(0,1.55fr) minmax(17rem,1fr);align-items:stretch;display:grid}.demo__device[data-astro-cid-5wb7gyw7]{background:var(--device-bg);color:var(--device-ink);border-radius:var(--radius-card);box-shadow:var(--shadow-device);flex-direction:column;min-height:26rem;display:flex;overflow:hidden}.demo__chrome[data-astro-cid-5wb7gyw7]{align-items:center;gap:var(--s-3);background:var(--device-surface);border-bottom:1px solid var(--device-line);font-size:var(--text-xs);color:var(--device-text-2);padding:.6rem .9rem;display:flex}.demo__dots[data-astro-cid-5wb7gyw7]{gap:5px;display:inline-flex}.demo__dots[data-astro-cid-5wb7gyw7] i[data-astro-cid-5wb7gyw7]{background:var(--device-line);border-radius:50%;width:9px;height:9px}.demo__url[data-astro-cid-5wb7gyw7]{text-align:center;background:var(--device-bg);color:var(--device-text-2);border-radius:6px;flex:1;padding:.25rem .75rem}.demo__hint[data-astro-cid-5wb7gyw7]{letter-spacing:.02em;text-transform:uppercase;color:var(--device-text-3);font-size:.6875rem;font-weight:600}.demo__page[data-astro-cid-5wb7gyw7]{padding:var(--s-5);gap:var(--s-4);color:#0b1424;background:#fff;flex-direction:column;flex:1;display:flex;position:relative}.demo__page-head[data-astro-cid-5wb7gyw7]{justify-content:space-between;align-items:center;display:flex}.demo__page-logo[data-astro-cid-5wb7gyw7]{font-family:var(--font-display);letter-spacing:-.02em;font-weight:800;font-size:var(--text-lg);color:#0b1424}.demo__page-nav[data-astro-cid-5wb7gyw7]{gap:8px;display:inline-flex}.demo__page-nav[data-astro-cid-5wb7gyw7] i[data-astro-cid-5wb7gyw7]{background:#e3e5ea;border-radius:4px;width:34px;height:8px}.demo__page-copy[data-astro-cid-5wb7gyw7]{gap:7px;max-width:none;margin:0;display:grid}.demo__page-copy[data-astro-cid-5wb7gyw7] span[data-astro-cid-5wb7gyw7]{background:#e3e5ea;border-radius:5px;height:9px;display:block}.demo__cells[data-astro-cid-5wb7gyw7]{gap:var(--s-3);flex:1;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.demo__cell[data-astro-cid-5wb7gyw7]{padding:var(--s-4);color:#6b7484;min-height:8.5rem;transition:background-color var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out), transform var(--dur) var(--ease-out), filter var(--dur) var(--ease-out);background:#fff;border:1.5px dashed #8b94a6;border-radius:12px;flex-direction:column;gap:.35rem;display:flex;position:relative}.demo__cell-icon[data-astro-cid-5wb7gyw7]{width:2.25rem;height:2.25rem;color:inherit;background:#f1f2f4;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.demo__cell-label[data-astro-cid-5wb7gyw7]{font-weight:600;font-size:var(--text-sm);color:#4a5567}.demo__cell-state[data-astro-cid-5wb7gyw7]{font-size:var(--text-xs);line-height:1.35}.demo__cell-cat[data-astro-cid-5wb7gyw7]{letter-spacing:.02em;color:#6b7484;font-size:.6875rem;font-weight:600;position:absolute;top:.6rem;right:.6rem}.demo__cell[data-astro-cid-5wb7gyw7][data-state=allowed]{color:#0b1424;background:#e6f0ff;border-style:solid;border-color:#0000}.demo__cell[data-astro-cid-5wb7gyw7][data-state=allowed] .demo__cell-icon[data-astro-cid-5wb7gyw7]{color:#fff;background:#0062e6}.demo__cell[data-astro-cid-5wb7gyw7][data-state=allowed] .demo__cell-label[data-astro-cid-5wb7gyw7]{color:#0b1424}.demo__cell[data-astro-cid-5wb7gyw7][data-state=allowed] .demo__cell-state[data-astro-cid-5wb7gyw7]{color:#15803d}.demo__cell[data-astro-cid-5wb7gyw7][data-state=denied]{color:#6b7484;border-color:#d9dce3}.demo__cell[data-astro-cid-5wb7gyw7][data-state=denied] .demo__cell-label[data-astro-cid-5wb7gyw7]{color:#4a5567}.demo__cell[data-astro-cid-5wb7gyw7][data-state=denied] .demo__cell-icon[data-astro-cid-5wb7gyw7]{color:#6b7484}.demo__banner[data-astro-cid-5wb7gyw7]{background:var(--device-surface);border:1px solid var(--device-line);padding:var(--s-4);gap:var(--s-3);transition:transform var(--dur-slow) var(--ease-out), opacity var(--dur-slow) var(--ease-out);border-radius:12px;margin-top:auto;display:grid;box-shadow:0 16px 32px -16px #0009}.demo__banner[data-astro-cid-5wb7gyw7][data-decided]{box-shadow:none;transform:translateY(2px)}.demo__banner[data-astro-cid-5wb7gyw7][data-decided] .demo__banner-actions[data-astro-cid-5wb7gyw7],.demo__banner[data-astro-cid-5wb7gyw7][data-decided] .demo__choices[data-astro-cid-5wb7gyw7]{display:none}.demo__banner-saved[data-astro-cid-5wb7gyw7]{font-size:var(--text-xs);color:var(--device-ok);align-items:center;gap:.4rem;font-weight:600;display:none}.demo__banner[data-astro-cid-5wb7gyw7][data-decided] .demo__banner-saved[data-astro-cid-5wb7gyw7]{display:inline-flex}.demo__banner-head[data-astro-cid-5wb7gyw7]{gap:var(--s-3);align-items:flex-start;display:flex}.demo__banner-head[data-astro-cid-5wb7gyw7] p[data-astro-cid-5wb7gyw7]{font-size:var(--text-sm);color:var(--device-text-2);max-width:none}.demo__choices[data-astro-cid-5wb7gyw7]{gap:var(--s-3) var(--s-4);font-size:var(--text-xs);color:var(--device-text-2);border:0;flex-wrap:wrap;margin:0;padding:0;display:flex}.demo__choices[data-astro-cid-5wb7gyw7] label[data-astro-cid-5wb7gyw7]{align-items:center;gap:.4rem;display:inline-flex}.demo__banner-actions[data-astro-cid-5wb7gyw7]{gap:var(--s-2);flex-wrap:wrap;display:flex}.demo__btn[data-astro-cid-5wb7gyw7]{min-height:2.25rem;font-weight:600;font-size:var(--text-xs);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), background-color var(--dur-fast) ease, border-color var(--dur-fast) ease;border:1px solid #0000;border-radius:8px;padding:0 .9rem}.demo__btn[data-astro-cid-5wb7gyw7]:active{transform:scale(.97)}.demo__btn--primary[data-astro-cid-5wb7gyw7]{background:var(--primary);color:#fff}.demo__btn--secondary[data-astro-cid-5wb7gyw7]{color:var(--device-ink);border-color:var(--device-line);background:0 0}.demo__btn--ghost[data-astro-cid-5wb7gyw7]{color:var(--device-text-2);background:0 0}@media (hover:hover) and (pointer:fine){.demo__btn--primary[data-astro-cid-5wb7gyw7]:hover{background:var(--primary-hover)}.demo__btn--secondary[data-astro-cid-5wb7gyw7]:hover{border-color:var(--device-text-2)}.demo__btn--ghost[data-astro-cid-5wb7gyw7]:hover{color:var(--device-ink)}}.demo__log[data-astro-cid-5wb7gyw7]{background:var(--device-surface);color:var(--device-ink);border-radius:var(--radius-card);box-shadow:var(--shadow-device);padding:var(--s-5);gap:var(--s-3);flex-direction:column;display:flex}.demo__log-head[data-astro-cid-5wb7gyw7]{justify-content:space-between;align-items:center;gap:var(--s-3);display:flex}.demo__log-title[data-astro-cid-5wb7gyw7]{font-weight:700;font-size:var(--text-sm);align-items:center;gap:.5rem;display:inline-flex}.demo__reset[data-astro-cid-5wb7gyw7]{color:var(--device-text-2);font-size:var(--text-xs);cursor:pointer;background:0 0;border:0;align-items:center;gap:.3rem;padding:.25rem;display:inline-flex}.demo__reset[data-astro-cid-5wb7gyw7]:hover{color:var(--device-ink)}.demo__log-cols[data-astro-cid-5wb7gyw7],.demo__log-rows[data-astro-cid-5wb7gyw7] .demo__log-row{gap:var(--s-3);grid-template-columns:6rem 5rem minmax(0,1fr);align-items:start;display:grid}.demo__log-cols[data-astro-cid-5wb7gyw7]{text-transform:uppercase;letter-spacing:.04em;color:var(--device-text-3);padding-bottom:var(--s-2);border-bottom:1px solid var(--device-line);font-size:.6875rem}.demo__log-rows[data-astro-cid-5wb7gyw7]{gap:var(--s-3);margin:0;padding:0;list-style:none;display:grid}.demo__log-rows[data-astro-cid-5wb7gyw7] .demo__log-row{font-size:var(--text-xs);padding-bottom:var(--s-3);border-bottom:1px solid var(--device-line);color:var(--device-text-2);transition:opacity var(--dur-slow) var(--ease-out), transform var(--dur-slow) var(--ease-out)}.demo__log-rows[data-astro-cid-5wb7gyw7] .demo__log-row[data-enter]{opacity:0;transform:translateY(6px)}.demo__log-rows[data-astro-cid-5wb7gyw7] .mono{color:var(--device-ink);font-size:.75rem;line-height:1.45}.demo__log-rows[data-astro-cid-5wb7gyw7] .tags{flex-wrap:wrap;gap:.3rem;display:flex}.demo__log-rows[data-astro-cid-5wb7gyw7] .tag{background:var(--device-surface-2);color:var(--device-text-2);border-radius:5px;padding:.1rem .45rem;font-size:.6875rem;font-weight:600}.demo__log-rows[data-astro-cid-5wb7gyw7] .tag--ok{background:var(--device-ok-bg);color:var(--device-ok)}.demo__log-empty[data-astro-cid-5wb7gyw7]{font-size:var(--text-sm);color:var(--device-text-3);margin-top:var(--s-2)}.demo__log-ghost[data-astro-cid-5wb7gyw7]{gap:var(--s-3);padding-bottom:var(--s-3);border-bottom:1px dashed var(--device-line);opacity:.55;grid-template-columns:6rem 5rem minmax(0,1fr);display:grid}.demo__log-ghost[data-astro-cid-5wb7gyw7]>span[data-astro-cid-5wb7gyw7]{background:var(--device-surface-2);border-radius:5px;height:10px;display:block}.demo__log-ghost[data-astro-cid-5wb7gyw7]>span[data-astro-cid-5wb7gyw7]:last-child{background:0 0;gap:.3rem;display:flex}.demo__log-ghost[data-astro-cid-5wb7gyw7] i[data-astro-cid-5wb7gyw7]{border:1px dashed var(--device-line);border-radius:5px;width:3.2rem;height:16px;display:block}.demo__log-ghost[data-astro-cid-5wb7gyw7][hidden]{display:none}.demo__log-note[data-astro-cid-5wb7gyw7]{padding-top:var(--s-4);font-size:var(--text-xs);color:var(--device-text-3);max-width:none;margin-top:auto;line-height:1.5}@media (width<=56rem){.demo[data-astro-cid-5wb7gyw7],.demo__cells[data-astro-cid-5wb7gyw7]{grid-template-columns:1fr}.demo__cell[data-astro-cid-5wb7gyw7]{column-gap:var(--s-3);min-height:0;padding:var(--s-3) var(--s-4);grid-template-columns:2.25rem minmax(0,1fr);align-items:center;row-gap:.1rem;display:grid}.demo__cell-icon[data-astro-cid-5wb7gyw7]{grid-row:1/span 3}.demo__cell-label[data-astro-cid-5wb7gyw7],.demo__cell-state[data-astro-cid-5wb7gyw7]{grid-column:2;min-width:0}.demo__cell-cat[data-astro-cid-5wb7gyw7]{grid-column:2;position:static}.demo__page-nav[data-astro-cid-5wb7gyw7]{display:none}.demo__page-logo[data-astro-cid-5wb7gyw7]{font-size:var(--text-md)}.demo__log-cols[data-astro-cid-5wb7gyw7]{display:none}.demo__log-ghost[data-astro-cid-5wb7gyw7]{grid-template-columns:1fr}.demo__log-rows[data-astro-cid-5wb7gyw7] .demo__log-row{grid-template-columns:1fr;gap:.3rem}}@media (prefers-reduced-motion:reduce){.demo__log-rows[data-astro-cid-5wb7gyw7] .demo__log-row[data-enter],.demo__banner[data-astro-cid-5wb7gyw7][data-decided]{transform:none}}