.otaUpq_page{gap:22px;min-width:0;display:grid}.otaUpq_hero,.otaUpq_documentPicker,.otaUpq_explorer,.otaUpq_playground,.otaUpq_nextStep{border:1px solid var(--surface-border);background:var(--surface-elevated);border-radius:16px;overflow:hidden}.otaUpq_hero{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:22px;padding:26px 30px;display:grid}.otaUpq_heroIcon{color:#fff;background:linear-gradient(145deg,#0f766e,#1d4ed8);border-radius:8px;justify-content:center;align-items:center;width:62px;height:62px;font-size:20px;font-weight:800;display:inline-flex}.otaUpq_heroCopy h2,.otaUpq_playgroundHeading h2,.otaUpq_nextStep h2{letter-spacing:0;margin:4px 0 8px}.otaUpq_heroCopy h2{font-size:clamp(28px,3vw,42px);line-height:1.12}.otaUpq_heroCopy p,.otaUpq_documentPicker p,.otaUpq_playgroundHeading p,.otaUpq_nextStep p,.otaUpq_activeField p{color:var(--text-secondary);margin:0;line-height:1.6}.otaUpq_eyebrow,.otaUpq_groupLabel{color:var(--brand);text-transform:uppercase;font-size:12px;font-weight:700}.otaUpq_documentPicker{grid-template-columns:minmax(280px,.8fr) minmax(520px,1.2fr);align-items:end;gap:24px;padding:20px 24px;display:grid}.otaUpq_documentPicker strong{margin:3px 0 5px;font-size:22px;display:block}.otaUpq_explorer{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);height:calc(100dvh - 32px);min-height:620px;display:grid;overflow:hidden}.otaUpq_codePanel,.otaUpq_referencePanel{min-width:0}.otaUpq_codePanel{background:color-mix(in srgb, var(--surface-muted) 72%, var(--surface-elevated));border-right:1px solid var(--surface-border);grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.otaUpq_panelHeading,.otaUpq_playgroundHeading{justify-content:space-between;align-items:center;gap:18px;display:flex}.otaUpq_panelHeading{border-bottom:1px solid var(--surface-border);padding:17px 20px}.otaUpq_panelHeading strong{margin-top:3px;font-size:18px;display:block}.otaUpq_codeHint{color:var(--text-secondary);font-size:13px}.otaUpq_codeViewport{scrollbar-gutter:stable;min-height:0;padding:10px 0 18px;overflow:auto}.otaUpq_codeLine{color:var(--text-primary);cursor:pointer;font:inherit;letter-spacing:0;text-align:left;background:0 0;border:0;grid-template-columns:52px minmax(max-content,1fr);align-items:baseline;width:100%;min-height:25px;padding:1px 18px 1px 0;display:grid}.otaUpq_codeLine:hover,.otaUpq_codeLineActive{background:color-mix(in srgb, var(--brand) 12%, transparent)}.otaUpq_codeLineActive{box-shadow:inset 3px 0 0 var(--brand)}.otaUpq_codeLine code{color:inherit;white-space:pre;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px}.otaUpq_lineNumber{color:var(--text-tertiary);text-align:right;-webkit-user-select:none;user-select:none;padding-right:12px;font-family:SFMono-Regular,Consolas,monospace;font-size:12px}.otaUpq_referencePanel{grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.otaUpq_activeField{border-bottom:1px solid var(--surface-border);min-height:246px;padding:24px}.otaUpq_guideLabel,.otaUpq_groupLabel{display:block}.otaUpq_guideLabel{color:var(--text-primary);text-transform:uppercase;margin-bottom:9px;font-size:13px;font-weight:750}.otaUpq_activeField h2{letter-spacing:0;margin:5px 0 10px;font-size:25px}.otaUpq_fieldMeta{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.otaUpq_fieldMeta>*{background:var(--surface-muted);border:1px solid var(--surface-border);color:var(--text-secondary);border-radius:5px;padding:4px 7px;font-size:12px}.otaUpq_fieldMeta code{color:var(--text-primary)}.otaUpq_requiredLabel{color:var(--success-color,#16865c)}.otaUpq_fieldIndex{scrollbar-gutter:stable;padding:18px 20px 24px;overflow:auto}.otaUpq_fieldGroup+.otaUpq_fieldGroup{border-top:1px solid var(--surface-border);margin-top:18px;padding-top:18px}.otaUpq_fieldGroup h3{letter-spacing:0;text-transform:uppercase;margin:0 0 9px;font-size:13px}.otaUpq_fieldButtons{gap:5px;display:grid}.otaUpq_fieldButtons button{color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:5px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:10px;padding:8px 10px;display:grid}.otaUpq_fieldButtons button:hover,.otaUpq_fieldButtons .otaUpq_fieldButtonActive{background:var(--surface-muted);border-color:var(--surface-border)}.otaUpq_fieldButtons code{color:var(--text-secondary);text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.otaUpq_playground{padding:22px 24px 26px}.otaUpq_playgroundHeading{margin-bottom:16px}.otaUpq_playgroundHeading h2,.otaUpq_nextStep h2{font-size:24px}.otaUpq_playgroundHeading p{max-width:860px}.otaUpq_playgroundActions{flex:none;align-items:center;gap:10px;display:flex}.otaUpq_playgroundActions .ant-select{min-width:220px}.otaUpq_nextStep{justify-content:space-between;align-items:center;gap:30px;padding:24px 28px;display:flex}.otaUpq_nextStep a{background:var(--brand);color:#fff;border-radius:6px;flex:none;align-items:center;gap:9px;padding:11px 15px;display:inline-flex}@media (width<=1100px){.otaUpq_documentPicker,.otaUpq_explorer{grid-template-columns:1fr}.otaUpq_explorer{height:auto}.otaUpq_codePanel{border-bottom:1px solid var(--surface-border);border-right:0;max-height:680px}.otaUpq_referencePanel{min-height:600px}}@media (width<=720px){.otaUpq_hero{grid-template-columns:1fr;align-items:start;padding:22px}.otaUpq_playgroundHeading,.otaUpq_playgroundActions{flex-direction:column;align-items:stretch}.otaUpq_documentPicker,.otaUpq_playground,.otaUpq_nextStep{padding:18px}.otaUpq_nextStep,.otaUpq_playgroundHeading{flex-direction:column;align-items:stretch}.otaUpq_nextStep a{justify-content:center}}