.demo-app{--demo-ink:#15283f;--demo-muted:#53657a;--demo-line:#d5dfeb;--demo-blue:#1457a6;--demo-pale:#edf5ff;--demo-green:#176548;color:var(--demo-ink);font:15px/1.55 system-ui,sans-serif;max-width:1280px;margin:0 auto}.demo-app *{box-sizing:border-box}.demo-app button,.demo-app input{font:inherit}.demo-app button{cursor:pointer}.demo-app button:disabled{cursor:wait;opacity:.65}.demo-app :focus-visible{outline:3px solid #d07b00;outline-offset:3px}.demo-app .demo-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin:0 0 24px}.demo-app .demo-intro h2{font-size:clamp(24px,3vw,36px);line-height:1.15;letter-spacing:-.035em;margin:8px 0 12px;max-width:600px}.demo-app .demo-intro p{max-width:680px;margin:0;color:var(--demo-muted)}.demo-app .demo-eyebrow{display:block;text-transform:uppercase;font-size:11px;font-weight:750;letter-spacing:.14em;color:var(--demo-blue)}.demo-app .demo-private{white-space:nowrap;display:inline-flex;gap:7px;border:1px solid #bfdccb;background:#f0faf4;color:var(--demo-green);padding:6px 10px;border-radius:99px;font-size:12px;font-weight:650}.demo-app .demo-upload{display:flex;align-items:center;gap:18px;flex-wrap:wrap;border:1px dashed #9bb6d8;border-radius:14px;background:linear-gradient(110deg,#f0f6fe,#fafcfe);padding:20px 22px;margin-bottom:24px}.demo-app .demo-upload[data-dragging=true]{border:2px solid var(--demo-blue);background:#e3eeff;padding:19px 21px}.demo-app .demo-upload-mark{display:grid;place-items:center;width:48px;height:52px;background:white;border:1px solid var(--demo-line);border-radius:8px;font-size:12px;font-weight:800;color:var(--demo-blue);box-shadow:0 3px 0 #dce7f5}.demo-app .demo-upload-copy{flex:1;min-width:200px}.demo-app .demo-upload-copy strong{display:block;font-size:16px}.demo-app .demo-upload-copy p{font-size:13px;margin:3px 0 0;color:var(--demo-muted)}.demo-app .demo-button{display:inline-flex;gap:7px;align-items:center;justify-content:center;border:1px solid var(--demo-line);border-radius:7px;background:white;color:var(--demo-ink);font-weight:650;padding:8px 12px;text-decoration:none;white-space:nowrap}.demo-app .demo-button:hover{background:#eef4fc;border-color:#8aaacc}.demo-app .demo-primary{color:white;background:var(--demo-blue);border-color:var(--demo-blue)}.demo-app .demo-primary:hover{color:white;background:#104887}.demo-app .demo-status{flex-basis:100%;font-size:13px;color:var(--demo-muted);display:flex;align-items:center;justify-content:space-between;gap:12px}.demo-app .demo-status p{margin:0}.demo-app .demo-status[data-error=true]{color:#9f2626}.demo-app .demo-spinner{display:inline-block;width:12px;height:12px;border:2px solid #b7cbe3;border-top-color:var(--demo-blue);border-radius:50%;animation:demo-spin .8s linear infinite;margin-right:8px}.demo-app .demo-section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin:0 0 12px}.demo-app .demo-section-heading h3{font-size:17px;margin:0}.demo-app .demo-section-heading span{font-size:12px;color:var(--demo-muted)}.demo-app .demo-samples{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin:0 0 24px}.demo-app .demo-sample{appearance:none;text-align:left;border:1px solid var(--demo-line);background:white;border-radius:10px;padding:14px;min-height:113px;position:relative;transition:border-color .12s,box-shadow .12s}.demo-app .demo-sample:hover{border-color:#7399c4;box-shadow:0 2px 10px #18395e12}.demo-app .demo-sample[aria-pressed=true]{border-color:var(--demo-blue);box-shadow:inset 0 0 0 1px var(--demo-blue);background:#f4f8ff}.demo-app .demo-sample-number{font:11px/1.3 ui-monospace,monospace;color:var(--demo-blue);letter-spacing:.08em}.demo-app .demo-sample strong{display:block;font-size:14px;margin:6px 0}.demo-app .demo-sample span:last-child{font-size:12px;color:var(--demo-muted);display:block}.demo-app .demo-workspace{border:1px solid var(--demo-line);border-radius:12px;overflow:hidden;background:white;min-width:0}.demo-app .demo-workspace-header{padding:18px 20px 14px;display:flex;justify-content:space-between;gap:14px;align-items:flex-start;flex-wrap:wrap}.demo-app .demo-workspace-header h3{font-size:19px;margin:0 0 4px;overflow-wrap:anywhere}.demo-app .demo-workspace-header p{font-size:13px;color:var(--demo-muted);margin:0;max-width:680px}.demo-app .demo-actions{display:flex;gap:8px;flex-wrap:wrap;font-size:12px}.demo-app .demo-tabs{display:flex;gap:0;overflow-x:auto;border-top:1px solid var(--demo-line);border-bottom:1px solid var(--demo-line);background:#f7f9fc;padding:0 10px}.demo-app .demo-tab{appearance:none;background:none;border:0;border-bottom:3px solid transparent;border-radius:0;color:var(--demo-muted);padding:11px 13px 9px;white-space:nowrap;font-size:13px;font-weight:650}.demo-app .demo-tab[aria-selected=true]{border-bottom-color:var(--demo-blue);color:var(--demo-blue);background:white}.demo-app .demo-panels{min-height:450px;position:relative}.demo-app .demo-compare{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.demo-app .demo-pane{min-width:0}.demo-app .demo-pane+.demo-pane{border-left:1px solid var(--demo-line)}.demo-app .demo-pane-label{padding:9px 14px;color:var(--demo-muted);font:11px/1.4 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em;background:#fbfcfe;border-bottom:1px solid var(--demo-line);display:flex;justify-content:space-between}.demo-app .demo-pdf-pages{background:#e9edf3;padding:18px;max-height:650px;min-height:460px;overflow:auto;scrollbar-gutter:stable}.demo-app .demo-pdf-pages img{display:block;width:auto;max-width:100%;height:auto;margin:0 auto 18px;box-shadow:0 3px 16px #192a4530;background:white}.demo-app .demo-result-frame{display:block;width:100%;height:600px;min-height:460px;border:0;background:white}.demo-app .demo-code{margin:0;padding:20px;overflow:auto;max-height:650px;min-height:460px;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.6 ui-monospace,monospace;background:#11243a;color:#e0ebf5}.demo-app .demo-inspection{padding:22px;min-height:450px}.demo-app .demo-inspection h4{margin:0 0 10px;font-size:15px}.demo-app .demo-inspection p{color:var(--demo-muted);margin:6px 0 16px}.demo-app .demo-diagnostics{padding:0;list-style:none}.demo-app .demo-diagnostics li{padding:12px 14px;border-left:3px solid #d3983d;background:#fff8ec;margin:10px 0;overflow-wrap:anywhere}.demo-app .demo-diagnostics code{display:block;font-size:12px;font-weight:700;color:#805311;margin-bottom:4px}.demo-app .demo-diagnostics p{font-size:13px;margin:0;color:#5a4a34}.demo-app .demo-facts{display:flex;flex-wrap:wrap;gap:7px 18px;padding:12px 18px;background:#fafcfe;border-top:1px solid var(--demo-line);font-size:12px;color:var(--demo-muted)}.demo-app .demo-notes{padding:17px 20px;border-top:1px solid var(--demo-line);background:#f7faff}.demo-app .demo-notes strong{font-size:13px}.demo-app .demo-notes ul{margin:7px 0 0;padding-left:20px;color:var(--demo-muted);font-size:13px}.demo-app .demo-boundary{margin:15px 0 0;color:var(--demo-muted);font-size:12px}.demo-app .demo-error-panel{padding:32px;color:#9f2626}.demo-app .demo-empty{padding:52px 24px;text-align:center;color:var(--demo-muted)}.demo-app .demo-hidden,.demo-app [hidden]{display:none!important}.demo-shell{background:#f5f7fb;color:#15283f;margin:0;font-family:system-ui,sans-serif}.demo-shell header{max-width:1320px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:24px}.demo-shell header a{color:#183d68;text-decoration:none}.demo-shell header strong{font-size:18px}.demo-shell header nav{display:flex;gap:18px;font-size:13px}.demo-shell main{max-width:1320px;margin:auto;padding:25px 24px 60px}.demo-shell h1{font-size:14px;font-weight:600;margin:0 0 28px;color:#53657a}.demo-shell footer{max-width:1320px;margin:auto;padding:0 24px 30px;color:#53657a;font-size:12px}.demo-shell footer a{color:#1457a6}@keyframes demo-spin{to{transform:rotate(360deg)}}@media(max-width:760px){.demo-app .demo-intro{display:block}.demo-app .demo-private{margin-top:14px}.demo-app .demo-samples{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-app .demo-compare{grid-template-columns:1fr}.demo-app .demo-pane+.demo-pane{border-left:0;border-top:1px solid var(--demo-line)}.demo-app .demo-pdf-pages{max-height:430px;min-height:260px}.demo-app .demo-result-frame{height:500px}.demo-app .demo-workspace-header{padding:14px}.demo-app .demo-upload{padding:16px}.demo-app .demo-upload-mark{display:none}.demo-app .demo-actions .demo-button{white-space:normal}.demo-app .demo-section-heading{align-items:flex-start}.demo-app .demo-section-heading span{max-width:140px;text-align:right}.demo-shell header{padding:18px}.demo-shell header nav{gap:10px}.demo-shell main{padding:12px 14px 40px}}@media(prefers-reduced-motion:reduce){.demo-app .demo-spinner{animation:none}.demo-app *{transition:none!important}}

@media(min-width:761px) and (max-width:1100px){.demo-app .demo-samples{grid-template-columns:repeat(4,minmax(0,1fr))}}

.demo-app .demo-source-file{overflow-wrap:anywhere}