:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#213c38;background:#f5f6f2;font-synthesis:none;--green:#153d37;--muted:#71817c;--border:#e1e7df;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,select,summary{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #91b6a0;outline-offset:3px}button{transition:background .15s,transform .15s}button:disabled{cursor:wait;opacity:.75}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 3.1vw}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--green);font-size:21px;font-weight:750;letter-spacing:-.8px}.brand-divider{font-weight:300;margin:0 11px;color:#bdc8c0}.brand-product{font-size:16px;font-weight:450;letter-spacing:-.3px}.top-label{display:flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:1.5px;font-size:10px;font-weight:650;color:#688078}.live-dot,.footer-dot{height:6px;width:6px;display:inline-block;border-radius:50%;background:#6c9470}main{max-width:1700px;margin:0 auto;padding:43px 3.1vw 20px}.intro{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:31px}.eyebrow{margin:0 0 11px;font-size:10px;letter-spacing:1.55px;font-weight:700;color:#67816d}h1{margin:0;font-size:clamp(28px,2.6vw,39px);letter-spacing:-1.4px;font-weight:620;line-height:1.2}.subtitle{font-size:13px;color:#708078;margin:11px 0 0;line-height:1.6}.run-button{border:1px solid var(--green);background:var(--green);color:#f3f8ed;border-radius:9px;display:flex;gap:13px;align-items:center;padding:14px 17px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 3px 0 #102c2812}.run-button:hover{background:#245247}.play-icon{font-size:10px;color:#d9f491}.run-button kbd{font-family:inherit;font-size:10px;font-weight:400;opacity:.6;border-left:1px solid #ffffff30;padding-left:13px;margin-left:8px}.workspace-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;gap:20px}.example-control{display:flex;align-items:center;gap:13px;font-size:11px;color:#6a7b71}.example-control select{border:1px solid #dbe3d8;background:#fff;border-radius:7px;padding:8px 28px 8px 10px;max-width:230px;color:#28473d;font-size:11px}.text-button{border:0;background:none;color:#7b887f;font-size:11px;padding:7px}.text-button:hover{color:#153d37}.status{font-size:11px;color:#78847e;display:flex;align-items:center;gap:7px}.status-dot{width:6px;height:6px;background:#a4b0a5;border-radius:50%}.status.success{color:#43795d}.status.success .status-dot{background:#57956a}.status.error{color:#a75447}.status.error .status-dot{background:#bc6b59}.status.running .status-dot{background:#8a9b5a;animation:pulse 1s infinite}.workspace{display:grid;grid-template-columns:minmax(230px,.82fr) minmax(370px,1.65fr) minmax(270px,1fr);gap:14px;align-items:start}.panel{background:white;border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 3px 12px #24332b03;min-width:0}.panel-heading{height:59px;display:flex;align-items:center;gap:9px;padding:0 19px;border-bottom:1px solid #e8ece5}.step{font-family:var(--mono);font-size:10px;color:#9ba79d;background:#f4f6f0;border:1px solid #e7ece2;width:23px;height:23px;border-radius:6px;display:flex;align-items:center;justify-content:center}.panel-heading h2{margin:0;font-size:13px;font-weight:600;letter-spacing:-.15px}.panel-note{margin-left:auto;font-size:8px;letter-spacing:1.3px;color:#98a399}.language-badge{margin-left:auto;border:1px solid #dbe4ef;background:#f4f7fc;color:#7290af;font-size:9px;border-radius:4px;padding:3px 5px}.request-panel form{padding:22px 19px 6px}.request-panel label{display:block;font-size:11px;font-weight:550;margin:0 0 8px}.request-panel input,.request-panel textarea,.request-panel select{width:100%;border:1px solid #dfe6dc;background:#fbfcf9;border-radius:6px;padding:10px 10px;color:#3d5147;font-family:var(--mono);font-size:11px;line-height:1.6;margin:0 0 20px}.request-panel textarea{resize:vertical;min-height:71px;word-break:break-all}.request-panel input::placeholder,.request-panel textarea::placeholder{color:#a0a99e}.request-panel select{font-weight:600;color:#35563f}.optional{font-weight:400;color:#a0ab9e;margin-left:5px;font-size:10px}.field-hint{font-size:10px;line-height:1.7;color:#8b978b;margin:-11px 0 12px}.field-hint code{font-family:var(--mono);color:#688060}.initial-group{display:flex;align-items:center;gap:12px;border-top:1px solid #eef1e9;margin:5px 19px 0;padding:18px 0 0}.group-icon{border:1px solid #e3eadc;color:#79956d;border-radius:7px;width:32px;height:32px;display:grid;place-items:center;font-size:19px}.small-label{display:block;font-size:8px;letter-spacing:.8px;color:#93a08f;margin-bottom:3px}.initial-group strong{font-family:var(--mono);font-size:15px;font-weight:500}.fixed-badge{margin-left:auto;font-size:9px;color:#96a18e;background:#f4f6ef;padding:4px 7px;border-radius:4px}.scope-note{font-size:10px;line-height:1.7;color:#8a9786;padding:0 19px 17px;margin-top:13px}.filebar{height:40px;display:flex;align-items:center;gap:8px;padding:0 17px;background:#fafbf7;border-bottom:1px solid #ecf0e6;font-family:var(--mono);font-size:10px;color:#6f7f72}.file-icon{font-size:8px;color:#5a88b4;font-weight:700}.filebar-right{margin-left:auto;font-size:9px;color:#a8b3a2}#editor{min-height:442px}.cm-editor{font-size:11px;font-family:var(--mono);min-height:442px}.cm-scroller{font-family:var(--mono)!important;line-height:1.9;overflow:auto}.cm-content{padding:20px 0}.cm-gutters{background:#fff!important;border-right:0!important;color:#b8c0b0!important}.cm-lineNumbers .cm-gutterElement{padding:0 10px 0 13px!important}.cm-activeLineGutter,.cm-activeLine{background:#f7f9f2!important}.cm-focused{outline:none!important}.cm-tooltip-autocomplete{font-family:var(--mono);font-size:11px}.api-reference{border-top:1px solid #edf0e7;color:#788970}.api-reference summary{list-style:none;font-size:10px;padding:14px 18px;background:#fcfdf9}.api-reference summary::before{content:"＋";font-size:11px;margin-right:7px;color:#91a27c}.api-reference[open] summary::before{content:"−"}.api-reference summary span{float:right;font-size:9px;color:#9da991}.api-content{padding:4px 20px 13px}.api-content code{display:block;font-size:10px;font-family:var(--mono);line-height:1.9;color:#446044}.api-content code span{color:#9ba990}.api-content p{font-size:10px;line-height:1.6;color:#8a967d}.api-content hr{border:0;border-top:1px solid #edf0e7;margin:9px 0}.empty-result{padding:89px 27px 110px;text-align:center;min-height:523px}.result-illustration{display:flex;gap:13px;justify-content:center;align-items:center;margin-bottom:27px}.result-illustration span{display:grid;place-items:center;height:49px;width:49px;border:1px solid #e2e9d8;border-radius:12px;background:#fafcf5;font-family:var(--mono);font-size:14px;color:#82966b}.result-illustration span:last-child{border-style:dashed;background:white;color:#bcc8af}.result-illustration i{font-style:normal;color:#bcc5b5}.empty-result h3{font-size:13px;font-weight:550;letter-spacing:-.2px}.empty-result p{font-size:11px;color:#97a18f;line-height:1.9;max-width:220px;margin:10px auto}.result-message{margin:17px 17px 0;padding:10px 11px;border-radius:6px;background:#f1f7e9;color:#577345;font-size:10px;line-height:1.6;overflow-wrap:anywhere}.result-message.error{background:#fcf2ee;color:#a26456}.result-message pre{white-space:pre-wrap;word-break:break-word;font-size:10px;font-family:var(--mono);line-height:1.7;max-height:260px;overflow:auto;margin:10px 0 1px}.result-fields{padding:4px 18px 17px}.result-field{padding:16px 0 0}.result-field-label{display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:500;color:#8d9a87;margin-bottom:7px}.change-tag{font-size:8px;font-weight:400;color:#6f8c4d;background:#eff6e5;border-radius:3px;padding:2px 5px}.result-value{font-family:var(--mono);font-size:11px;color:#40563c;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.result-value.changed{background:#f5f9ee;border-left:2px solid #b0ce87;padding:7px 9px;border-radius:0 5px 5px 0}.result-value.empty{color:#adb6a4;font-style:italic}.result-field.group-field{margin-top:17px;padding-top:17px;border-top:1px solid #edf0e7}.group-value{font-size:23px;font-family:var(--mono);letter-spacing:-1px;color:#527541}.group-before{font-size:14px;color:#9eab92;margin-right:9px}.execution-details{border-top:1px solid #edf0e7;padding:0 17px 14px}.execution-details summary{font-size:10px;color:#87957b;padding:14px 0 0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.metric{background:#f8faf4;border:1px solid #eaf0e2;border-radius:5px;padding:9px 5px;text-align:center}.metric strong{display:block;font-size:11px;font-family:var(--mono);font-weight:500;color:#67854c}.metric span{display:block;font-size:8px;color:#99a88c;margin-top:4px}.trace{font-family:var(--mono);font-size:9px;color:#849474;padding-left:19px;line-height:1.9;overflow-wrap:anywhere}.module-info{font-size:9px;color:#a1ae94;line-height:1.8;overflow-wrap:anywhere}footer{display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#97a28c;margin-top:21px;line-height:1.7}footer span:first-child{display:flex;align-items:center;gap:6px}.footer-dot{height:4px;width:4px;background:#97ae7e}footer i{font-style:normal;margin:0 6px;color:#c0cbb5}[hidden]{display:none!important}@keyframes pulse{50%{opacity:.35}}@media(min-width:1500px){.cm-editor{font-size:12px;min-height:485px}#editor{min-height:485px}.empty-result{min-height:566px}}@media(max-width:1080px){main{padding:30px 22px 20px}.workspace{grid-template-columns:minmax(230px,1fr) minmax(380px,1.7fr)}.result-panel{grid-column:1/-1}.result-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 25px}.result-field.group-field{grid-column:1/-1}.empty-result{min-height:220px;padding:25px}.result-illustration{margin-bottom:12px}footer{flex-wrap:wrap}.run-button kbd{display:none}}@media(max-width:680px){.topbar{height:64px;padding:0 18px}.top-label{font-size:8px;letter-spacing:.8px}.brand-product{font-size:13px}.brand{font-size:18px}.brand-divider{margin:0 6px}main{padding:27px 15px 18px}.intro{display:block;margin-bottom:23px}h1{font-size:30px}.subtitle{font-size:12px}.run-button{margin-top:19px;justify-content:center;width:100%;padding:13px}.workspace-toolbar{display:block}.example-control{flex-wrap:wrap;gap:8px}.example-control label{font-size:10px}.example-control select{max-width:195px}.status{margin:12px 0 15px}.workspace{display:flex;flex-direction:column;gap:14px}.panel{width:100%}.cm-editor{font-size:11px}#editor,.cm-editor{min-height:360px}.result-fields{display:block}.request-panel form{display:grid;grid-template-columns:1fr;gap:0}.request-panel textarea{min-height:64px}footer{margin-top:17px;gap:7px}.panel-heading{height:53px}}
.timing-table { width:100%; border-collapse:collapse; margin-top:16px; font-size:10px; line-height:1.6; }
.timing-table caption { text-align:left; font-weight:600; margin-bottom:7px; }
.timing-table th { text-align:left; font-weight:400; padding:5px 8px 5px 0; }
.timing-table td { text-align:right; font-family:var(--mono); white-space:nowrap; padding:5px 0; }
.timing-table tr:first-child { color:var(--green); font-weight:600; }
.timing-table tr:first-child th { font-weight:600; }
.timing-table tr:last-child { border-top:1px solid var(--border); }
.timing-note { color:var(--muted); font-size:10px; line-height:1.7; margin:10px 0; }
.saved-controls { border-top:1px solid var(--border); padding:16px 18px; }
.saved-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px; font-size:11px; font-weight:550; }
.saved-controls label, .share-result label { display:block; font-size:10px; margin:0 0 7px; color:var(--muted); }
.hash-load, .share-link-row { display:flex; align-items:stretch; gap:8px; min-width:0; }
.saved-controls input, .share-result input { min-width:0; width:100%; margin:0; border:1px solid var(--border); border-radius:6px; background:transparent; color:inherit; padding:8px; font-family:var(--mono); font-size:10px; line-height:1.6; }
.saved-button { flex-shrink:0; padding:7px 10px; border:1px solid var(--border); border-radius:6px; background:transparent; color:var(--green); font-size:10px; white-space:nowrap; }
.saved-button:hover { background:#8aaf6d14; }
.save-status { font-size:10px; line-height:1.7; color:var(--muted); margin:9px 0 0; overflow-wrap:anywhere; }
.save-status.error { color:#b65d51; }
[data-theme="dark"] .save-status.error { color:#efb3a4; }
#share-all { color:var(--green); font-weight:600; }
.share-result { border:1px solid var(--border); border-radius:9px; padding:13px 16px; margin-bottom:14px; }