.ReactApiIntegrationWorkspace-module__NFq_gG__page{background:var(--bg-primary,#090714);min-height:100vh;color:var(--text-primary,#f8fafc);padding:32px 24px 80px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.ReactApiIntegrationWorkspace-module__NFq_gG__container{max-width:1040px;margin:0 auto}.ReactApiIntegrationWorkspace-module__NFq_gG__breadcrumb{color:var(--text-secondary,#94a3b8);align-items:center;gap:8px;margin-bottom:24px;font-size:.85rem;display:flex}.ReactApiIntegrationWorkspace-module__NFq_gG__breadLink{color:#38bdf8;align-items:center;gap:5px;text-decoration:none;transition:color .15s;display:inline-flex}.ReactApiIntegrationWorkspace-module__NFq_gG__breadLink:hover{color:#7dd3fc;text-decoration:underline}.ReactApiIntegrationWorkspace-module__NFq_gG__breadSep{color:#ffffff40}.ReactApiIntegrationWorkspace-module__NFq_gG__breadCurrent{color:var(--text-primary,#f8fafc);font-weight:600}.ReactApiIntegrationWorkspace-module__NFq_gG__hero{background:linear-gradient(135deg,#0ea5e92e 0%,#a855f726 50%,#10b9811f 100%);border:1.5px solid #38bdf859;border-radius:24px;margin-bottom:40px;padding:36px 32px;position:relative;overflow:hidden;box-shadow:0 12px 36px #00000059}.ReactApiIntegrationWorkspace-module__NFq_gG__hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#38bdf840 0%,#0000 70%);width:240px;height:240px;position:absolute;top:-40px;right:-40px}.ReactApiIntegrationWorkspace-module__NFq_gG__heroBadges{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.ReactApiIntegrationWorkspace-module__NFq_gG__badge{text-transform:uppercase;letter-spacing:.04em;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:.76rem;font-weight:700;display:inline-flex}.ReactApiIntegrationWorkspace-module__NFq_gG__heroTitle{color:#fff;letter-spacing:-.02em;margin:0 0 14px;font-size:2.3rem;font-weight:900;line-height:1.25}.ReactApiIntegrationWorkspace-module__NFq_gG__heroSub{color:#cbd5e1;max-width:860px;margin:0 0 24px;font-size:1.05rem;line-height:1.65}.ReactApiIntegrationWorkspace-module__NFq_gG__heroActions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.ReactApiIntegrationWorkspace-module__NFq_gG__heroBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:11px 22px;font-size:.92rem;font-weight:900;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 18px #0284c766}.ReactApiIntegrationWorkspace-module__NFq_gG__heroBtn:hover{background:linear-gradient(135deg,#0369a1 0%,#0284c7 100%);transform:translateY(-2px);box-shadow:0 6px 24px #38bdf899}.ReactApiIntegrationWorkspace-module__NFq_gG__heroBtnSecondary{color:#e2e8f0;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:12px;align-items:center;gap:8px;padding:11px 20px;font-size:.92rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.ReactApiIntegrationWorkspace-module__NFq_gG__heroBtnSecondary:hover{color:#fff;background:#ffffff24;border-color:#ffffff4d}.ReactApiIntegrationWorkspace-module__NFq_gG__tocCard{background:#101524;border:1px solid #ffffff14;border-radius:18px;margin-bottom:40px;padding:24px 28px}.ReactApiIntegrationWorkspace-module__NFq_gG__tocTitle{color:#e2e8f0;align-items:center;gap:8px;margin:0 0 16px;font-size:1.1rem;font-weight:800;display:flex}.ReactApiIntegrationWorkspace-module__NFq_gG__tocGrid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px 18px;display:grid}.ReactApiIntegrationWorkspace-module__NFq_gG__tocItem{color:#94a3b8;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:.88rem;text-decoration:none;transition:all .15s;display:flex}.ReactApiIntegrationWorkspace-module__NFq_gG__tocItem:hover{color:#38bdf8;background:#38bdf81a;transform:translate(3px)}.ReactApiIntegrationWorkspace-module__NFq_gG__section{background:#0d111d;border:1px solid #ffffff14;border-radius:20px;margin-bottom:32px;padding:32px 30px;box-shadow:0 4px 24px #0003}.ReactApiIntegrationWorkspace-module__NFq_gG__sectionHeader{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:14px;display:flex}.ReactApiIntegrationWorkspace-module__NFq_gG__sectionNumber{color:#38bdf8;background:#38bdf82e;border:1px solid #38bdf866;border-radius:20px;padding:3px 10px;font-family:monospace;font-size:.8rem;font-weight:900}.ReactApiIntegrationWorkspace-module__NFq_gG__sectionTitle{color:#fff;margin:0;font-size:1.45rem;font-weight:800}.ReactApiIntegrationWorkspace-module__NFq_gG__para{color:#cbd5e1;margin:0 0 16px;font-size:.96rem;line-height:1.7}.ReactApiIntegrationWorkspace-module__NFq_gG__bulletList{color:#cbd5e1;margin:0 0 18px 20px;padding:0;font-size:.95rem;line-height:1.75}.ReactApiIntegrationWorkspace-module__NFq_gG__bulletList li{margin-bottom:8px}.ReactApiIntegrationWorkspace-module__NFq_gG__bulletList strong{color:#fff}.ReactApiIntegrationWorkspace-module__NFq_gG__codeBox{color:#bae6fd;background:#060913;border:1px solid #ffffff1a;border-radius:10px;margin:14px 0;padding:14px 18px;font-family:Consolas,Fira Code,monospace;font-size:.85rem;line-height:1.6;overflow-x:auto}.ReactApiIntegrationWorkspace-module__NFq_gG__callout{color:#e0f2fe;background:#38bdf814;border-left:4px solid #38bdf8;border-radius:0 12px 12px 0;margin:18px 0;padding:14px 18px;font-size:.92rem;line-height:1.6}.ReactApiIntegrationWorkspace-module__NFq_gG__tableContainer{border:1px solid #ffffff14;border-radius:12px;width:100%;margin:20px 0;overflow-x:auto}.ReactApiIntegrationWorkspace-module__NFq_gG__contentTable{border-collapse:collapse;text-align:left;width:100%;font-size:.88rem}.ReactApiIntegrationWorkspace-module__NFq_gG__contentTable th{color:#e2e8f0;background:#ffffff0d;border-bottom:1px solid #ffffff1a;padding:12px 14px;font-weight:700}.ReactApiIntegrationWorkspace-module__NFq_gG__contentTable td{color:#cbd5e1;border-bottom:1px solid #ffffff0d;padding:12px 14px}.ReactApiIntegrationWorkspace-module__NFq_gG__labCard{background:linear-gradient(#07192f 0%,#040d1a 100%);border:2px solid #0284c7;border-radius:24px;margin:40px 0;padding:34px 30px;box-shadow:0 16px 48px #0284c738}.ReactApiIntegrationWorkspace-module__NFq_gG__labHeader{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.ReactApiIntegrationWorkspace-module__NFq_gG__labBadge{color:#fff;text-transform:uppercase;letter-spacing:.06em;background:#0284c7;border-radius:20px;align-items:center;gap:6px;width:fit-content;padding:4px 12px;font-size:.78rem;font-weight:900;display:inline-flex}.ReactApiIntegrationWorkspace-module__NFq_gG__labTitle{color:#fff;margin:0;font-size:1.7rem;font-weight:900}.ReactApiIntegrationWorkspace-module__NFq_gG__labDesc{color:#cbd5e1;margin:0;font-size:.95rem;line-height:1.6}.ReactApiIntegrationWorkspace-module__NFq_gG__flowBanner{color:#94a3b8;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:24px;padding:12px 16px;font-size:.78rem;font-weight:800;display:flex}.ReactApiIntegrationWorkspace-module__NFq_gG__flowNode{color:#38bdf8}.ReactApiIntegrationWorkspace-module__NFq_gG__playgroundChrome{background:#091322;border:1.5px solid #38bdf866;border-radius:16px;margin-bottom:24px;overflow:hidden;box-shadow:0 8px 32px #0006}.ReactApiIntegrationWorkspace-module__NFq_gG__chromeHeader{background:#060e19;border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.ReactApiIntegrationWorkspace-module__NFq_gG__methodPill{border-radius:6px;padding:3px 8px;font-family:monospace;font-size:.78rem;font-weight:900}.ReactApiIntegrationWorkspace-module__NFq_gG__methodGet{color:#062817;background:#10b981}.ReactApiIntegrationWorkspace-module__NFq_gG__methodPost{color:#fff;background:#0284c7}.ReactApiIntegrationWorkspace-module__NFq_gG__endpointUrl{color:#38bdf8;font-family:monospace;font-size:.85rem}.ReactApiIntegrationWorkspace-module__NFq_gG__playgroundGrid{grid-template-columns:1.15fr .85fr;gap:20px;padding:20px;display:grid}@media (max-width:860px){.ReactApiIntegrationWorkspace-module__NFq_gG__playgroundGrid{grid-template-columns:1fr}}.ReactApiIntegrationWorkspace-module__NFq_gG__viewportBox{background:#060d17;border:1.5px solid #38bdf84d;border-radius:16px;flex-direction:column;gap:14px;min-height:280px;padding:20px;display:flex}.ReactApiIntegrationWorkspace-module__NFq_gG__inspectorBox{background:#040911;border:1.5px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:12px;padding:18px;display:flex}.ReactApiIntegrationWorkspace-module__NFq_gG__jsonTerminal{color:#7dd3fc;background:#02050a;border:1px solid #ffffff14;border-radius:10px;padding:12px 14px;font-family:monospace;font-size:.78rem;line-height:1.5;overflow-x:auto}.ReactApiIntegrationWorkspace-module__NFq_gG__skeletonCard{background:#ffffff0a;border-radius:10px;gap:12px;padding:14px;animation:1.5s ease-in-out infinite ReactApiIntegrationWorkspace-module__NFq_gG__pulse;display:flex}@keyframes ReactApiIntegrationWorkspace-module__NFq_gG__pulse{0%{opacity:.4}50%{opacity:.9}to{opacity:.4}}.ReactApiIntegrationWorkspace-module__NFq_gG__skeletonAvatar{background:#ffffff1a;border-radius:50%;width:42px;height:42px}.ReactApiIntegrationWorkspace-module__NFq_gG__skeletonLines{flex-direction:column;flex:1;gap:6px;display:flex}.ReactApiIntegrationWorkspace-module__NFq_gG__skeletonLine{background:#ffffff1a;border-radius:4px;height:10px}.ReactApiIntegrationWorkspace-module__NFq_gG__userList{flex-direction:column;gap:10px;display:flex}.ReactApiIntegrationWorkspace-module__NFq_gG__userCard{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 14px;transition:all .15s;display:flex}.ReactApiIntegrationWorkspace-module__NFq_gG__userCard:hover{background:#38bdf80f;border-color:#38bdf84d}.ReactApiIntegrationWorkspace-module__NFq_gG__userInfo{align-items:center;gap:12px;display:flex}.ReactApiIntegrationWorkspace-module__NFq_gG__userAvatar{color:#fff;background:#0284c7;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:800;display:flex}.ReactApiIntegrationWorkspace-module__NFq_gG__challengeCard{background:#ffffff08;border:1px solid #ffffff1a;border-radius:14px;margin-top:10px;padding:14px 18px}.ReactApiIntegrationWorkspace-module__NFq_gG__challengeHeader{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.85rem;font-weight:800;display:flex}.ReactApiIntegrationWorkspace-module__NFq_gG__quizCard{background:linear-gradient(#07192f 0%,#040d1a 100%);border:2px solid #0284c7;border-radius:24px;margin:40px 0;padding:34px 30px;box-shadow:0 16px 48px #0284c733}.ReactApiIntegrationWorkspace-module__NFq_gG__quizHeader{margin-bottom:24px}.ReactApiIntegrationWorkspace-module__NFq_gG__quizBadge{color:#fff;text-transform:uppercase;letter-spacing:.06em;background:#0284c7;border-radius:20px;align-items:center;gap:6px;margin-bottom:8px;padding:4px 12px;font-size:.78rem;font-weight:900;display:inline-flex}.ReactApiIntegrationWorkspace-module__NFq_gG__quizTitle{color:#fff;margin:0 0 6px;font-size:1.7rem;font-weight:900}.ReactApiIntegrationWorkspace-module__NFq_gG__quizDesc{color:#cbd5e1;margin:0;font-size:.92rem}.ReactApiIntegrationWorkspace-module__NFq_gG__quizMeta{color:#94a3b8;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:.82rem;font-weight:600;display:flex}.ReactApiIntegrationWorkspace-module__NFq_gG__quizQuestion{color:#fff;margin-bottom:20px;font-size:1.15rem;font-weight:800;line-height:1.45}.ReactApiIntegrationWorkspace-module__NFq_gG__quizOptionsList{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.ReactApiIntegrationWorkspace-module__NFq_gG__quizOptionBtn{color:#e2e8f0;text-align:left;cursor:pointer;background:#ffffff0a;border:1.5px solid #ffffff1a;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 18px;font-size:.92rem;font-weight:500;transition:all .15s;display:flex}.ReactApiIntegrationWorkspace-module__NFq_gG__quizOptionBtn:hover:not(:disabled){background:#38bdf81f;border-color:#38bdf8;transform:translate(4px)}.ReactApiIntegrationWorkspace-module__NFq_gG__quizOptionCorrect{color:#fff!important;background:#10b98140!important;border-color:#10b981!important}.ReactApiIntegrationWorkspace-module__NFq_gG__quizOptionWrong{color:#fff!important;background:#ef444440!important;border-color:#ef4444!important}.ReactApiIntegrationWorkspace-module__NFq_gG__quizExplanation{color:#e0f2fe;background:#38bdf81a;border:1px solid #38bdf84d;border-radius:12px;margin-bottom:20px;padding:14px 18px;font-size:.88rem;line-height:1.6}.ReactApiIntegrationWorkspace-module__NFq_gG__quizFooter{justify-content:flex-end;display:flex}.ReactApiIntegrationWorkspace-module__NFq_gG__quizScoreBox{text-align:center;padding:30px 20px}.ReactApiIntegrationWorkspace-module__NFq_gG__quizScoreBig{color:#38bdf8;margin-bottom:10px;font-size:3.5rem;font-weight:900}.ReactApiIntegrationWorkspace-module__NFq_gG__navFooter{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:50px;padding-top:24px;display:flex}.ReactApiIntegrationWorkspace-module__NFq_gG__navFooterBtn{color:#e2e8f0;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.ReactApiIntegrationWorkspace-module__NFq_gG__navFooterBtn:hover{color:#fff;background:#38bdf826;border-color:#38bdf8;transform:translateY(-1px)}