.plugin-demo{--demo-line:#526276;--demo-accent:#7ddd9d}.plugin-demo .demo-back{color:var(--color-muted);text-underline-offset:4px;text-decoration:underline}.plugin-demo .demo-intro{grid-template-columns:1fr 1fr;gap:48px;padding:30px 0 40px;display:grid}.plugin-demo h1{letter-spacing:-.05em;margin:0;font-size:clamp(36px,4.7vw,60px);font-weight:600;line-height:1.06}.plugin-demo h2{margin:0 0 12px;font-size:21px;line-height:1.35}.plugin-demo p{color:var(--color-muted);max-width:66ch;margin:12px 0;line-height:1.6}.plugin-demo .demo-edition{color:#edf2f7;vertical-align:middle;background:#344859;border-radius:4px;margin-left:9px;padding:5px 8px;font-size:13px;font-weight:400;display:inline-block}.plugin-demo .demo-privacy{font-size:14px}.plugin-demo .demo-actions{align-items:center;gap:20px;margin-top:23px;display:flex}.plugin-demo .demo-actions a{font-size:14px}.plugin-demo a{color:var(--demo-accent);text-underline-offset:4px}.plugin-demo button{font:inherit;cursor:pointer;border:1px solid var(--demo-line);color:var(--color-ink);background:0 0;border-radius:6px;padding:11px 15px;font-weight:600}.plugin-demo button:disabled{opacity:.45;cursor:default}.plugin-demo button:not(:disabled):hover{border-color:var(--demo-accent)}.plugin-demo button[aria-pressed=true]{border-color:var(--demo-accent);background:#344859}.plugin-demo .demo-start{background:var(--demo-accent);color:#142c21;border-color:var(--demo-accent);padding:13px 19px}.plugin-demo .demo-workspace{border:1px solid var(--demo-line);border-radius:10px;overflow:hidden}.plugin-demo .demo-toolbar{background:var(--color-surface);justify-content:space-between;gap:12px;padding:14px;display:flex}.plugin-demo .demo-toolbar>div{gap:8px;display:flex}.plugin-demo .demo-toolbar button{font-size:14px}.plugin-demo .demo-status{max-width:none;min-height:23px;margin:11px 0;padding:0 18px;font-size:14px}.plugin-demo .demo-canvas{background:#fff;min-height:560px}.plugin-demo iframe{background:#fff;border:0;width:100%;height:690px;display:block}.plugin-demo .demo-placeholder{background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:470px;padding:35px;display:flex}.plugin-demo .demo-placeholder p{text-align:center;color:#405068;font-size:21px;line-height:1.4}.plugin-demo .demo-sample{color:#17212f;background:#eff4f7;border-left:6px solid #22955c;border-radius:7px;width:100%;max-width:610px;overflow:hidden}.plugin-demo .demo-sample strong{background:#e0e9ef;padding:18px 22px;display:block}.plugin-demo .demo-sample pre{white-space:pre;padding:20px 22px;font-size:13px;line-height:2.15;overflow:auto}.plugin-demo .demo-details{grid-template-columns:1fr 1fr;gap:48px;padding:35px 0 20px;display:grid}.plugin-demo .demo-details h2{font-size:19px}.plugin-demo .demo-details p,.plugin-demo li{color:var(--color-muted);font-size:15px;line-height:1.65}.plugin-demo ol{margin:0;padding-left:21px;list-style:decimal}.plugin-demo li{margin-bottom:9px;padding-left:4px}.plugin-demo .demo-runtime{font-size:13px}.plugin-demo [hidden]{display:none}@media (max-width:760px){.plugin-demo .demo-intro{grid-template-columns:1fr;gap:25px;padding:22px 0 28px}.plugin-demo h1{font-size:44px}.plugin-demo .demo-actions{flex-wrap:wrap;gap:16px}.plugin-demo .demo-toolbar{flex-wrap:wrap;padding:9px}.plugin-demo .demo-toolbar>div{gap:5px}.plugin-demo .demo-toolbar button{padding:10px;font-size:13px}.plugin-demo .demo-details{grid-template-columns:1fr;gap:24px;padding-top:29px}.plugin-demo .demo-sample pre{padding:15px;font-size:12px}.plugin-demo .demo-sample strong{padding:14px 15px}.plugin-demo .demo-placeholder{min-height:400px;padding:18px}.plugin-demo .demo-canvas{min-height:400px}.plugin-demo .demo-status{font-size:13px}}.plugin-demo .demo-reset{background:#344859;padding:12px 18px}.plugin-demo .demo-reset button{margin:5px 10px 5px 0}.plugin-demo.shortlink-demo{--demo-accent:#8bd4ff}.plugin-demo.shortlink-demo .demo-sample{border-left-color:#277ca8}.plugin-demo.shortlink-demo .demo-toolbar>div{flex-wrap:wrap}