.DemoClient-module__1TOQUG__demo{width:min(1180px,100% - 80px);margin:32px auto 64px}.DemoClient-module__1TOQUG__intro{max-width:800px;margin-bottom:40px}.DemoClient-module__1TOQUG__eyebrow{color:var(--color-fg-mute);text-transform:uppercase;letter-spacing:.18em;margin-bottom:14px;font-size:10px;font-weight:600}.DemoClient-module__1TOQUG__intro h1{letter-spacing:-.05em;white-space:pre-line;font-size:clamp(32px,4vw,52px);font-weight:600;line-height:1.12}.DemoClient-module__1TOQUG__intro>p:not(.DemoClient-module__1TOQUG__eyebrow){color:var(--color-fg-soft);max-width:710px;margin:20px 0;font-size:14px;line-height:1.85}.DemoClient-module__1TOQUG__intro>a{min-height:44px;color:var(--color-accent);align-items:center;gap:10px;font-size:12px;display:inline-flex}.DemoClient-module__1TOQUG__editorBar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.DemoClient-module__1TOQUG__editorBar>span{color:var(--color-fg-soft);align-items:center;gap:10px;font-size:12px;display:flex}.DemoClient-module__1TOQUG__editorBar button,.DemoClient-module__1TOQUG__after a,.DemoClient-module__1TOQUG__create{background:var(--color-fg);min-height:44px;color:var(--color-bg);border-radius:24px;justify-content:center;align-items:center;gap:10px;padding:10px 20px;font-size:12px;font-weight:600;display:inline-flex}.DemoClient-module__1TOQUG__editor{min-width:0}.DemoClient-module__1TOQUG__after{border:1px solid var(--color-border);background:var(--color-bg-card);border-radius:22px;justify-content:space-between;align-items:center;gap:24px;margin:28px 0;padding:26px 30px;display:flex}.DemoClient-module__1TOQUG__after p{font-size:15px;font-weight:500}.DemoClient-module__1TOQUG__structure{border-top:1px solid var(--color-border);color:var(--color-fg-soft)}.DemoClient-module__1TOQUG__structure summary{cursor:pointer;align-items:center;gap:10px;min-height:44px;padding:16px 0;font-size:11px;display:flex}.DemoClient-module__1TOQUG__structure pre{background:var(--color-bg-card);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:16px;max-height:360px;padding:22px;font-size:10px;overflow:auto}.DemoClient-module__1TOQUG__dialog{border:1px solid var(--color-border);background:var(--color-bg-card);width:min(530px,100vw - 32px);max-height:calc(100dvh - 48px);color:var(--color-fg);border-radius:28px;margin:auto;padding:38px;overflow:auto;box-shadow:0 32px 90px #0005}.DemoClient-module__1TOQUG__dialog::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d14249e}.DemoClient-module__1TOQUG__close{border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:10px;right:10px}.DemoClient-module__1TOQUG__dialog h2{letter-spacing:-.04em;font-size:29px;font-weight:600;line-height:1.15}.DemoClient-module__1TOQUG__dialog>p:not(.DemoClient-module__1TOQUG__eyebrow){color:var(--color-fg-soft);margin:20px 0 26px;font-size:13px;line-height:1.85}.DemoClient-module__1TOQUG__create{width:100%}.DemoClient-module__1TOQUG__signin{text-align:center;min-height:44px;margin:12px 0 20px;padding:10px;font-size:12px;display:block}.DemoClient-module__1TOQUG__selfhost{border-top:1px solid var(--color-border);color:var(--color-fg-soft);align-items:center;gap:10px;padding-top:20px;font-size:11px;line-height:1.6;display:flex}.DemoClient-module__1TOQUG__demo :is(a,button,summary):focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}@media (max-width:780px){.DemoClient-module__1TOQUG__demo{width:calc(100% - 40px);margin-top:24px}.DemoClient-module__1TOQUG__after{flex-direction:column;align-items:flex-start;padding:24px}}@media (max-width:420px){.DemoClient-module__1TOQUG__demo{width:calc(100% - 32px)}.DemoClient-module__1TOQUG__editorBar{flex-direction:column;align-items:flex-start;gap:12px}.DemoClient-module__1TOQUG__dialog{padding:36px 24px 26px}.DemoClient-module__1TOQUG__dialog h2{font-size:26px}}
