.editor-workspace{position:relative;display:flex;flex:1;min-height:0;min-width:0;overflow:hidden}
.code-compatibility{flex:none;max-height:190px;overflow:auto;margin:10px 16px;padding:10px 14px;border:1px solid #d8bd72;border-radius:8px;background:#fff8e7;color:#624c17;font-size:12px}.code-compatibility p{margin:4px 0;color:inherit}.code-compatibility summary{cursor:pointer;font-weight:600}.code-compatibility ul{margin:8px 0;padding-left:20px}.code-compatibility li+li{margin-top:6px}.code-compatibility details{margin-top:6px}
.editor-workspace>.code-area{min-width:0}
.sdk-reference{flex:0 0 370px;max-width:44%;min-width:0;display:flex;flex-direction:column;padding:16px 18px 8px;border-left:1px solid var(--line);background:var(--surface);font-size:12px}
.reference-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
.reference-heading h2{font-size:16px}
.reference-intro{font-size:11px;margin:4px 0 12px}
.sdk-reference input,.sdk-reference select{width:100%;min-width:0;border:1px solid var(--line);border-radius:7px;padding:8px;background:var(--surface);color:var(--ink);margin:4px 0 8px;font-size:12px}
.reference-results{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding-bottom:12px}
.reference-topic{border-top:1px solid var(--line)}
.reference-topic>summary{cursor:pointer;padding:14px 2px;color:var(--ink)}
.reference-topic>summary span{font-weight:600}
.reference-topic>summary small{display:block;margin:4px 0 0 16px;color:var(--muted);font-family:var(--mono);font-size:11px}
.reference-body{padding:0 2px 16px;overflow-wrap:anywhere}
.reference-body h3{font-size:12px;margin:18px 0 8px}
.reference-body p{line-height:1.7}
.reference-body dt{margin-top:12px}
.reference-body dt code{font:11px/1.6 var(--mono);color:var(--green)}
.reference-body dd{margin:4px 0 0;color:var(--muted);line-height:1.6}
.reference-note{padding:10px 12px;background:var(--soft);border-radius:7px}
.reference-body pre{max-width:100%;margin:8px 0 0;padding:12px;background:var(--soft);color:var(--ink);border:1px solid var(--line);border-radius:7px;white-space:pre-wrap;overflow-wrap:anywhere;overflow:visible;font:11px/1.7 var(--mono)}
.reference-body pre:focus-visible{outline:2px solid var(--green);outline-offset:-2px}
.reference-body a{color:var(--green);font-size:11px}
#reference-feedback{font-size:11px;margin:4px 0;min-height:0}
#reference-feedback:empty{display:none}
#reference-count{margin:2px 0 8px}
#open-reference[aria-expanded=true]{background:var(--soft);border-color:#bad3c0}
@media(max-width:760px){.sdk-reference{position:absolute;inset:0;max-width:none;border-left:0;z-index:2}.editor-toolbar #open-reference{font-size:12px;padding:8px}.editor-toolbar .file{flex:1;min-width:0}.editor-toolbar #compile{margin-left:0}}

.reference-snippet{margin:18px 0}
.reference-snippet-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
.reference-snippet-heading h3{margin:0}
.reference-snippet-heading button{flex:none;padding:4px 10px;font-size:11px}
.reference-snippet p{margin:5px 0;color:var(--muted)}
.reference-api{margin:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.reference-api>summary{cursor:pointer;padding:12px 2px;font-weight:600}
.reference-api dl{margin:0 0 14px}