.bar[data-astro-cid-3igswt7r]{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:flex-end}.seg[data-astro-cid-3igswt7r]{display:inline-flex;border:1px solid var(--hub-border);border-radius:8px;overflow:hidden}.seg[data-astro-cid-3igswt7r] button[data-astro-cid-3igswt7r]{border:0;border-radius:0;background:transparent}.seg[data-astro-cid-3igswt7r] button[data-astro-cid-3igswt7r][aria-checked=true]{background:var(--hub-accent);color:#fff}.notice-missing[data-astro-cid-3igswt7r]{font-size:12px;color:var(--hub-muted);display:flex;flex-wrap:wrap;gap:6px;align-items:center}.canvases[data-astro-cid-3igswt7r]{margin-top:16px;display:grid;gap:16px}.canvases[data-astro-cid-3igswt7r].both{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.canvas[data-astro-cid-3igswt7r]{--bg: var(--color-background-default, #ffffff);--surface: var(--color-background-surface, #f4f5f7);--on-action: var(--color-text-on-action, #ffffff);position:relative;display:flex;flex-wrap:wrap;gap:24px;justify-content:center;padding:40px 16px 24px;border-radius:16px;border:1px solid var(--hub-border);background:var(--surface);color:var(--color-text-default);font:var(--typography-content, 400 14px/20px Inter)}.canvas[data-astro-cid-3igswt7r][data-theme=dark]{--bg: var(--color-background-default, #0b0f17);--surface: var(--color-background-surface, #161b24);--on-action: var(--color-text-on-action, #12161f)}.mode-label[data-astro-cid-3igswt7r]{position:absolute;top:12px;left:16px;font:600 11px/1 Inter;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-subtle)}.screen[data-astro-cid-3igswt7r]{position:relative;width:320px;max-width:100%;display:flex;flex-direction:column;gap:var(--layout-section-gap, 12px);padding:var(--layout-screen-padding, 16px);background:var(--bg);border-radius:var(--radius-16, 16px);overflow:hidden}.appbar[data-astro-cid-3igswt7r]{display:flex;justify-content:space-between;align-items:baseline}.title[data-astro-cid-3igswt7r]{font:var(--typography-title, 500 14px/18px Inter)}.appbar[data-astro-cid-3igswt7r] .title[data-astro-cid-3igswt7r]{font:var(--typography-screen-title, 500 16px/24px Inter)}.subtle[data-astro-cid-3igswt7r]{color:var(--color-text-subtle);font:var(--typography-sub-content, 400 12px/16px Inter)}.card[data-astro-cid-3igswt7r]{display:flex;flex-direction:column;gap:4px;padding:var(--layout-card-padding, 12px);border:1px solid var(--color-border-default);border-radius:var(--radius-12, 12px)}.row[data-astro-cid-3igswt7r]{display:flex;gap:8px;margin-top:8px}.badge[data-astro-cid-3igswt7r]{font:var(--typography-caption, 400 10px/12px Inter);padding:4px 8px;border-radius:var(--radius-full, 999px);color:#fff}.badge[data-astro-cid-3igswt7r].ok{background:var(--color-feedback-success)}.badge[data-astro-cid-3igswt7r].err{background:var(--color-feedback-error)}.field[data-astro-cid-3igswt7r]{display:flex;flex-direction:column;gap:4px}.label[data-astro-cid-3igswt7r]{font:var(--typography-subtitle, 500 12px/16px Inter);color:var(--color-text-subtle)}.input[data-astro-cid-3igswt7r]{padding:8px 12px;border:1px solid var(--color-border-default);border-radius:var(--radius-8, 8px)}.input[data-astro-cid-3igswt7r].invalid{border-color:var(--color-feedback-error)}.error[data-astro-cid-3igswt7r]{font:var(--typography-sub-content, 400 12px/16px Inter);color:var(--color-feedback-error)}.list[data-astro-cid-3igswt7r]{border:1px solid var(--color-border-default);border-radius:var(--radius-12, 12px)}.item[data-astro-cid-3igswt7r]{display:flex;justify-content:space-between;padding:var(--layout-item-padding, 16px);border-top:1px solid var(--color-border-default)}.item[data-astro-cid-3igswt7r]:first-child{border-top:0}.alert[data-astro-cid-3igswt7r]{padding:8px 12px;border-radius:var(--radius-8, 8px);border:1px solid var(--color-feedback-success);color:var(--color-feedback-success)}.actions[data-astro-cid-3igswt7r]{display:flex;gap:8px;justify-content:flex-end}.btn[data-astro-cid-3igswt7r]{font:inherit;font-weight:600;padding:8px 16px;border-radius:var(--radius-8, 8px);border:1px solid transparent;cursor:pointer}.btn[data-astro-cid-3igswt7r].primary{background:var(--color-action-primary);color:var(--on-action)}.btn[data-astro-cid-3igswt7r].ghost{background:transparent;color:var(--color-text-default);border-color:var(--color-border-default)}.btn[data-astro-cid-3igswt7r].danger{background:var(--color-feedback-error);color:#fff}.overlay-demo[data-astro-cid-3igswt7r]{min-height:260px;justify-content:flex-end}.scrim[data-astro-cid-3igswt7r]{position:absolute;inset:0;background:var(--color-overlay-default)}.sheet[data-astro-cid-3igswt7r]{position:relative;display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--bg);border-radius:var(--radius-16, 16px)}