.demo-page{color:#242938;max-width:1440px;margin:auto;padding:52px 32px 64px}.demo-intro{grid-template-columns:1.25fr 1fr;align-items:center;gap:80px;display:grid}.demo-intro h1{letter-spacing:-2px;margin:20px 0;font-size:clamp(32px,4.4vw,58px);line-height:1.1}.demo-intro h1 em{color:#8770aa;font-family:Georgia,serif;font-weight:400}.demo-intro p{color:#6d788a;max-width:580px;line-height:1.7}.demo-disclosure{background:#eeedf2;border:1px solid #d9d6e1;border-radius:10px;padding:24px}.demo-disclosure a,.demo-explanation a{color:#65508a}.demo-scenarios{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:36px 0 24px;display:grid}.demo-page button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:1px solid #c9cbd1;border-radius:5px;padding:9px 12px}.demo-page button:disabled{opacity:.45;cursor:default}.demo-page button:focus-visible,.demo-page textarea:focus-visible,.demo-page a:focus-visible{outline-offset:3px;outline:3px solid #9673d1}.demo-scenarios button{text-align:left;align-items:center;gap:15px;padding:16px;font-size:14px;display:flex}.demo-scenarios button span{color:#89749e}.demo-scenarios button[aria-pressed=true]{color:#faf9f6;background:#252938;border-color:#252938}.demo-question{border-top:1px solid #d0d0c9;flex-wrap:wrap;align-items:center;gap:15px;margin-bottom:20px;padding-top:20px;display:flex}.demo-question>span{letter-spacing:1px;color:#8b729d;flex-basis:100%;font-size:10px}.demo-question h2{flex:1;min-width:240px;margin:0;font-size:20px;line-height:1.4}.demo-question>div{flex-wrap:wrap;gap:8px;display:flex}.demo-error{color:#843831;background:#ffe9e6;border:1px solid #dfa49e;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:12px;display:flex}.demo-notice{color:#65508a;font-size:13px}.demo-workbench{color:#dde1ed;background:#121620;border:1px solid #363c4c;border-radius:10px;grid-template-columns:205px minmax(0,1fr) 290px;display:grid;overflow:hidden}.demo-workbench h2{font-size:15px;font-weight:600}.demo-schema{border-right:1px solid #303642;padding:20px 14px}.demo-schema>p{color:#9aa5b8;font-size:12px}.demo-schema details{margin:18px 0}.demo-schema summary{color:#cdb7ff;cursor:pointer;overflow-wrap:anywhere;font-family:monospace;font-size:13px}.demo-schema ul{padding:0;list-style:none}.demo-schema li{flex-direction:column;gap:3px;padding:5px 0;font-size:11px;display:flex}.demo-schema small{color:#8491a7;font-size:10px}.demo-schema button{color:#b6a3d8;border-color:#36374a;margin-top:8px;font-size:10px}.demo-center{min-width:0;padding:18px}.demo-editor-heading,.demo-result-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.demo-editor-heading h2{margin:5px 0 14px}.demo-editor-heading>div>span{color:#9585b4;letter-spacing:1px;font-size:9px}.demo-engine-status{color:#a1baac;font-size:10px}.demo-center textarea{box-sizing:border-box;resize:vertical;color:#f2effb;tab-size:2;white-space:pre;background:#1b1e28;border:1px solid #363544;border-radius:5px;width:100%;height:244px;min-height:150px;padding:15px;font:12px/1.8 Consolas,monospace}.demo-toolbar{flex-wrap:wrap;align-items:center;gap:9px;padding:12px 0 20px;display:flex}.demo-toolbar span{color:#8c99ae;font-size:9px}.demo-page .demo-run{color:#171321;background:#b8a0ee;border-color:#b8a0ee;font-size:12px;font-weight:600}.demo-toolbar button{border-color:#43445b;font-size:11px}.demo-result-heading button{border-color:#43445b;font-size:10px}.demo-result-meta{color:#b9bdd0;border-bottom:1px solid #313647;flex-wrap:wrap;gap:10px;padding:8px 0;font-size:10px;display:flex}.demo-result-id{color:#929db1;overflow-wrap:anywhere;font-size:10px}.demo-result-id a{color:#c9b3f1}.demo-result-id strong{color:#aac5b4;font-weight:400}.demo-grid{border:1px solid #303747;border-radius:4px;max-width:100%;max-height:340px;overflow:auto}.demo-grid table{border-collapse:collapse;width:100%;font:11px/1.5 Consolas,monospace}.demo-grid th{color:#bfa8e9;text-align:left;background:#242938;font-weight:400;position:sticky;top:0}.demo-grid td,.demo-grid th{white-space:nowrap;border-bottom:1px solid #2d3341;padding:11px 12px}.demo-grid td i{color:#7b8495}.demo-grid>p{padding:15px;font-size:12px}.demo-empty{color:#a3aec4;border:1px dashed #384052;border-radius:5px;padding:30px 12px;font-size:12px;line-height:1.6}.demo-empty strong{color:#c5cad6;font-weight:400}.demo-history{margin-top:20px}.demo-history h3{color:#8998ad;font-size:11px;font-weight:400}.demo-history button{text-align:left;border-color:#303a4b;justify-content:space-between;gap:10px;width:100%;margin-top:6px;font-size:10px;display:flex}.demo-history span{color:#a4beae;white-space:nowrap}.demo-guide{background:#191d29;border-left:1px solid #303642;padding:20px 16px}.demo-guide-label{letter-spacing:.7px;color:#bda7e3;font-size:9px;display:block}.demo-guide h2{font-size:17px;line-height:1.3}.demo-guide p{color:#9ba8bd;font-size:11px;line-height:1.65}.demo-guide>button{border-color:#65537e;width:100%;font-size:11px}.demo-guide ol{counter-reset:checks;margin:18px 0;padding:0;list-style:none}.demo-guide li{counter-increment:checks;border:1px solid #394052;border-radius:5px;margin:10px 0;padding:13px}.demo-guide li h3{font-size:12px;font-weight:500}.demo-guide li h3:before{content:"0" counter(checks) " / ";color:#b5a0df}.demo-guide li button,.demo-correction button{color:#d4baff;border:0;padding-left:0;font-size:10px}.demo-guide li>span{color:#9db2a7;margin-top:7px;font-size:9px;display:block}.demo-correction{border-top:1px solid #4e4163;padding-top:12px}.demo-correction h3{color:#c0a9e7;font-size:13px}.demo-small{color:#8692a9;line-height:1.7;font-size:11px!important}.demo-explanation{grid-template-columns:1.3fr 1fr;gap:70px;padding:36px 0 0;display:grid}.demo-explanation h2{margin:14px 0;font-size:26px}.demo-explanation p{color:#718093;font-size:14px;line-height:1.8}.demo-explanation strong{color:#76638c;font-size:13px}.demo-explanation h3{font-size:17px}.demo-sr{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1100px){.demo-workbench{grid-template-columns:170px minmax(0,1fr)}.demo-guide{border-top:1px solid #303642;border-left:0;grid-column:1/-1}.demo-guide ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.demo-guide li{margin:0}.demo-disclosure{padding:18px}.demo-intro{gap:35px}}@media (max-width:650px){.demo-page{padding:30px 18px 45px}.demo-intro,.demo-explanation{grid-template-columns:1fr;gap:20px}.demo-intro h1{letter-spacing:-1px}.demo-scenarios{grid-template-columns:1fr;gap:8px;margin:24px 0}.demo-scenarios button{padding:12px}.demo-workbench{grid-template-columns:minmax(0,1fr)}.demo-schema{border-bottom:1px solid #303642;border-right:0}.demo-schema details{margin:10px 0}.demo-schema ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.demo-schema>h2{margin:0}.demo-center{padding:14px}.demo-center textarea{font-size:11px}.demo-guide ol{grid-template-columns:1fr}.demo-history button{flex-direction:column}.demo-question h2{flex-basis:100%;min-width:0;font-size:18px}.demo-question>div button{font-size:11px}.demo-explanation{padding-top:28px}.demo-result-id{font-size:9px}.demo-error{flex-direction:column;align-items:stretch}}