.FullStackApiIntegrationWorkspace-module__sRQg3q__container{color:#f1f5f9;max-width:1200px;font-family:var(--font-sans,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);margin:0 auto;padding:32px 20px 80px;line-height:1.6}.FullStackApiIntegrationWorkspace-module__sRQg3q__breadcrumb{color:#94a3b8;align-items:center;gap:8px;margin-bottom:24px;font-size:.85rem;display:flex}.FullStackApiIntegrationWorkspace-module__sRQg3q__breadLink{color:#94a3b8;text-decoration:none;transition:color .2s}.FullStackApiIntegrationWorkspace-module__sRQg3q__breadLink:hover{color:#38bdf8}.FullStackApiIntegrationWorkspace-module__sRQg3q__breadSep{color:#475569}.FullStackApiIntegrationWorkspace-module__sRQg3q__breadCurrent{color:#38bdf8;font-weight:600}.FullStackApiIntegrationWorkspace-module__sRQg3q__hero{background:radial-gradient(circle at 10% 20%,#38bdf82e 0%,#0000 60%),radial-gradient(circle at 90% 80%,#8b5cf629 0%,#0000 60%),#070f1e;border:1px solid #38bdf84d;border-radius:20px;margin-bottom:32px;padding:40px 32px;box-shadow:0 10px 35px #0006}.FullStackApiIntegrationWorkspace-module__sRQg3q__heroBadges{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.FullStackApiIntegrationWorkspace-module__sRQg3q__badge{color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf847;border-radius:9999px;align-items:center;gap:6px;padding:4px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.FullStackApiIntegrationWorkspace-module__sRQg3q__badgePurple{color:#c084fc;background:#a855f726;border:1px solid #a855f759;border-radius:9999px;padding:4px 12px;font-size:.78rem;font-weight:700}.FullStackApiIntegrationWorkspace-module__sRQg3q__badgeGreen{color:#86efac;background:#10b98126;border:1px solid #10b98159;border-radius:9999px;padding:4px 12px;font-size:.78rem;font-weight:700}.FullStackApiIntegrationWorkspace-module__sRQg3q__heroTitle{background:linear-gradient(135deg,#fff 30%,#38bdf8 70%,#c084fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 16px;font-size:2.2rem;font-weight:800;line-height:1.25}.FullStackApiIntegrationWorkspace-module__sRQg3q__heroSubtitle{color:#cbd5e1;max-width:950px;margin:0 0 24px;font-size:1.05rem}.FullStackApiIntegrationWorkspace-module__sRQg3q__heroPipelineBox{background:#0f172ad9;border:1px solid #38bdf840;border-radius:14px;margin-bottom:24px;padding:16px 20px}.FullStackApiIntegrationWorkspace-module__sRQg3q__heroPipelineTitle{text-transform:uppercase;letter-spacing:.08em;color:#38bdf8;margin-bottom:12px;font-size:.82rem;font-weight:800}.FullStackApiIntegrationWorkspace-module__sRQg3q__pipelineFlow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.FullStackApiIntegrationWorkspace-module__sRQg3q__pipelineNode{color:#e2e8f0;background:#1e293be6;border:1px solid #94a3b833;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:700;display:flex}.FullStackApiIntegrationWorkspace-module__sRQg3q__pipelineArrow{color:#64748b;font-size:.9rem}.FullStackApiIntegrationWorkspace-module__sRQg3q__heroMeta{color:#94a3b8;border-top:1px solid #94a3b81f;flex-wrap:wrap;gap:24px;padding-top:16px;font-size:.85rem;display:flex}.FullStackApiIntegrationWorkspace-module__sRQg3q__heroMetaItem{align-items:center;gap:6px;display:flex}.FullStackApiIntegrationWorkspace-module__sRQg3q__tocCard{background:#0f172ab3;border:1px solid #94a3b826;border-radius:16px;margin-bottom:40px;padding:24px 28px}.FullStackApiIntegrationWorkspace-module__sRQg3q__tocHeader{color:#38bdf8;align-items:center;gap:10px;margin-bottom:16px;font-size:1.05rem;font-weight:700;display:flex}.FullStackApiIntegrationWorkspace-module__sRQg3q__tocGrid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px 16px;display:grid}.FullStackApiIntegrationWorkspace-module__sRQg3q__tocLink{color:#94a3b8;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:.88rem;text-decoration:none;transition:all .2s;display:flex}.FullStackApiIntegrationWorkspace-module__sRQg3q__tocLink:hover{color:#38bdf8;background:#38bdf81a}.FullStackApiIntegrationWorkspace-module__sRQg3q__tocNum{color:#38bdf8;background:#38bdf826;border-radius:6px;padding:2px 7px;font-size:.75rem;font-weight:800}.FullStackApiIntegrationWorkspace-module__sRQg3q__section{background:#090f1d;border:1px solid #94a3b826;border-radius:18px;margin-bottom:36px;padding:36px 32px;scroll-margin-top:80px;transition:border-color .2s}.FullStackApiIntegrationWorkspace-module__sRQg3q__section:hover{border-color:#38bdf840}.FullStackApiIntegrationWorkspace-module__sRQg3q__sectionHeader{align-items:center;gap:14px;margin-bottom:20px;display:flex}.FullStackApiIntegrationWorkspace-module__sRQg3q__sectionNumber{color:#38bdf8;background:linear-gradient(135deg,#38bdf833,#a855f726);border:1px solid #38bdf859;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:.95rem;font-weight:800;display:inline-flex}.FullStackApiIntegrationWorkspace-module__sRQg3q__sectionTitle{color:#f8fafc;margin:0;font-size:1.55rem;font-weight:800}.FullStackApiIntegrationWorkspace-module__sRQg3q__para{color:#cbd5e1;margin-bottom:20px;font-size:.98rem;line-height:1.7}.FullStackApiIntegrationWorkspace-module__sRQg3q__para code{color:#38bdf8;background:#0f172acc;border:1px solid #94a3b833;border-radius:4px;padding:2px 6px;font-size:.9em}.FullStackApiIntegrationWorkspace-module__sRQg3q__codeCard{background:#050a14;border:1px solid #94a3b826;border-radius:12px;margin:18px 0;overflow:hidden}.FullStackApiIntegrationWorkspace-module__sRQg3q__codeCardHeader{color:#94a3b8;background:#0f172af2;border-bottom:1px solid #94a3b81f;justify-content:space-between;align-items:center;padding:10px 16px;font-size:.8rem;font-weight:600;display:flex}.FullStackApiIntegrationWorkspace-module__sRQg3q__codeBadge{border-radius:4px;align-items:center;gap:6px;padding:2px 8px;font-size:.75rem;font-weight:700;display:inline-flex}.FullStackApiIntegrationWorkspace-module__sRQg3q__codePre{font-family:var(--font-mono,"Fira Code", Consolas, monospace);color:#f1f5f9;margin:0;padding:18px;font-size:.88rem;line-height:1.6;overflow-x:auto}.FullStackApiIntegrationWorkspace-module__sRQg3q__playgroundWorkbench{background:#070d19;border:1px solid #38bdf84d;border-radius:16px;margin:24px 0;padding:24px;box-shadow:0 12px 30px #0006}.FullStackApiIntegrationWorkspace-module__sRQg3q__splitTop{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}@media (max-width:860px){.FullStackApiIntegrationWorkspace-module__sRQg3q__splitTop{grid-template-columns:1fr}}.FullStackApiIntegrationWorkspace-module__sRQg3q__codeEditorPane{background:#030712;border:1px solid #94a3b833;border-radius:10px;flex-direction:column;padding:14px;display:flex}.FullStackApiIntegrationWorkspace-module__sRQg3q__paneHeader{color:#94a3b8;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.8rem;font-weight:700;display:flex}.FullStackApiIntegrationWorkspace-module__sRQg3q__codeTextarea{color:#7dd3fc;width:100%;height:220px;font-family:var(--font-mono,monospace);resize:none;background:#050a14;border:1px solid #94a3b82e;border-radius:8px;outline:none;padding:10px;font-size:.84rem;line-height:1.5}.FullStackApiIntegrationWorkspace-module__sRQg3q__codeTextarea:focus{border-color:#38bdf8}.FullStackApiIntegrationWorkspace-module__sRQg3q__liveAppPreviewPane{background:#030712;border:1px solid #38bdf840;border-radius:10px;flex-direction:column;padding:14px;display:flex}.FullStackApiIntegrationWorkspace-module__sRQg3q__browserBar{color:#94a3b8;background:#0f172acc;border-radius:6px;align-items:center;gap:8px;margin-bottom:12px;padding:6px 12px;font-size:.76rem;display:flex}.FullStackApiIntegrationWorkspace-module__sRQg3q__browserDotRed{background:#ef4444;border-radius:50%;width:8px;height:8px}.FullStackApiIntegrationWorkspace-module__sRQg3q__browserDotYellow{background:#f59e0b;border-radius:50%;width:8px;height:8px}.FullStackApiIntegrationWorkspace-module__sRQg3q__browserDotGreen{background:#10b981;border-radius:50%;width:8px;height:8px}.FullStackApiIntegrationWorkspace-module__sRQg3q__appCanvas{background:#060b17;border:1px solid #94a3b826;border-radius:8px;flex-direction:column;flex:1;justify-content:flex-start;padding:16px;display:flex}.FullStackApiIntegrationWorkspace-module__sRQg3q__networkInspectorPane{background:#030712;border:1px solid #94a3b833;border-radius:10px;padding:16px}.FullStackApiIntegrationWorkspace-module__sRQg3q__networkRow{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.FullStackApiIntegrationWorkspace-module__sRQg3q__statusBadge{font-size:.82rem;font-weight:800;font-family:var(--font-mono,monospace);border-radius:6px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.FullStackApiIntegrationWorkspace-module__sRQg3q__status2xx{color:#86efac;background:#10b98133;border:1px solid #10b98166}.FullStackApiIntegrationWorkspace-module__sRQg3q__status4xx{color:#fca5a5;background:#ef444433;border:1px solid #ef444466}.FullStackApiIntegrationWorkspace-module__sRQg3q__status5xx{color:#f87171;background:#dc262640;border:1px solid #dc262680}.FullStackApiIntegrationWorkspace-module__sRQg3q__btnRow{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.FullStackApiIntegrationWorkspace-module__sRQg3q__actionBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7,#0369a1);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:.86rem;font-weight:700;transition:all .2s;display:inline-flex}.FullStackApiIntegrationWorkspace-module__sRQg3q__actionBtn:hover{background:linear-gradient(135deg,#0369a1,#075985)}.FullStackApiIntegrationWorkspace-module__sRQg3q__secondaryBtn{color:#cbd5e1;cursor:pointer;background:#1e293bb3;border:1px solid #94a3b833;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.84rem;font-weight:600;transition:all .2s;display:inline-flex}.FullStackApiIntegrationWorkspace-module__sRQg3q__secondaryBtn:hover{color:#38bdf8;background:#38bdf826;border-color:#38bdf8}.FullStackApiIntegrationWorkspace-module__sRQg3q__stateDemoGrid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:18px 0;display:grid}.FullStackApiIntegrationWorkspace-module__sRQg3q__stateCard{cursor:pointer;background:#050a14;border:1px solid #94a3b82e;border-radius:12px;padding:16px;transition:all .2s}.FullStackApiIntegrationWorkspace-module__sRQg3q__stateCard:hover{border-color:#38bdf8}.FullStackApiIntegrationWorkspace-module__sRQg3q__stateCardActive{background:#0f172ae6;border-color:#38bdf8;box-shadow:0 0 16px #38bdf826}.FullStackApiIntegrationWorkspace-module__sRQg3q__taskManagerCard{background:#050a14;border:1px solid #94a3b833;border-radius:14px;margin:20px 0;padding:20px}.FullStackApiIntegrationWorkspace-module__sRQg3q__taskList{flex-direction:column;gap:8px;margin-top:14px;display:flex}.FullStackApiIntegrationWorkspace-module__sRQg3q__taskItem{background:#0f172ab3;border:1px solid #94a3b81f;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.FullStackApiIntegrationWorkspace-module__sRQg3q__taskItemDone{color:#64748b;text-decoration:line-through}.FullStackApiIntegrationWorkspace-module__sRQg3q__debugGrid{flex-direction:column;gap:18px;margin:24px 0;display:flex}.FullStackApiIntegrationWorkspace-module__sRQg3q__debugCard{background:#0f172ad9;border:1px solid #94a3b833;border-radius:14px;padding:20px 24px}.FullStackApiIntegrationWorkspace-module__sRQg3q__debugErrorBox{font-family:var(--font-mono,monospace);color:#fca5a5;background:#050a14;border:1px solid #ef44444d;border-left:4px solid #ef4444;border-radius:8px;margin-bottom:14px;padding:12px 16px;font-size:.84rem}.FullStackApiIntegrationWorkspace-module__sRQg3q__debugOptions{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (max-width:640px){.FullStackApiIntegrationWorkspace-module__sRQg3q__debugOptions{grid-template-columns:1fr}}.FullStackApiIntegrationWorkspace-module__sRQg3q__debugBtn{color:#cbd5e1;text-align:left;cursor:pointer;background:#1e293bb3;border:1px solid #94a3b833;border-radius:8px;padding:10px 14px;font-size:.85rem;transition:all .2s}.FullStackApiIntegrationWorkspace-module__sRQg3q__debugBtn:hover{background:#38bdf81a;border-color:#38bdf866}.FullStackApiIntegrationWorkspace-module__sRQg3q__debugCorrect{color:#86efac!important;background:#10b98133!important;border-color:#10b981!important}.FullStackApiIntegrationWorkspace-module__sRQg3q__debugWrong{color:#fca5a5!important;background:#ef444433!important;border-color:#ef4444!important}.FullStackApiIntegrationWorkspace-module__sRQg3q__debugExplanation{color:#cbd5e1;background:#1e293b80;border-left:3px solid #38bdf8;border-radius:8px;margin-top:12px;padding:12px 14px;font-size:.85rem;line-height:1.5}.FullStackApiIntegrationWorkspace-module__sRQg3q__challengeCard{background:#070e1c;border:1px solid #38bdf859;border-radius:18px;margin-top:24px;padding:28px}.FullStackApiIntegrationWorkspace-module__sRQg3q__challengeProgress{color:#94a3b8;border-bottom:1px solid #94a3b826;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:14px;font-size:.85rem;display:flex}.FullStackApiIntegrationWorkspace-module__sRQg3q__challengeQuestionBox{margin-bottom:24px}.FullStackApiIntegrationWorkspace-module__sRQg3q__challengeQNum{color:#38bdf8;text-transform:uppercase;margin-bottom:6px;font-size:.85rem;font-weight:800}.FullStackApiIntegrationWorkspace-module__sRQg3q__challengeQText{color:#f8fafc;margin-bottom:18px;font-size:1.15rem;font-weight:700;line-height:1.45}.FullStackApiIntegrationWorkspace-module__sRQg3q__challengeOptionList{flex-direction:column;gap:10px;display:flex}.FullStackApiIntegrationWorkspace-module__sRQg3q__challengeOptionBtn{color:#e2e8f0;text-align:left;cursor:pointer;background:#0f172acc;border:1px solid #94a3b833;border-radius:10px;align-items:flex-start;gap:12px;padding:14px 18px;font-size:.92rem;transition:all .2s;display:flex}.FullStackApiIntegrationWorkspace-module__sRQg3q__challengeOptionBtn:hover{background:#38bdf81a;border-color:#38bdf866}.FullStackApiIntegrationWorkspace-module__sRQg3q__challengeOptionBtnActive{background:#38bdf826;border-color:#38bdf8}.FullStackApiIntegrationWorkspace-module__sRQg3q__challengeCorrect{color:#86efac!important;background:#10b98126!important;border-color:#10b981!important}.FullStackApiIntegrationWorkspace-module__sRQg3q__challengeWrong{color:#fca5a5!important;background:#ef444426!important;border-color:#ef4444!important}.FullStackApiIntegrationWorkspace-module__sRQg3q__feedbackBox{border-radius:10px;margin-top:18px;padding:16px 20px;font-size:.9rem;line-height:1.6}.FullStackApiIntegrationWorkspace-module__sRQg3q__feedbackCorrect{color:#86efac;background:#10b9811a;border:1px solid #10b9814d}.FullStackApiIntegrationWorkspace-module__sRQg3q__feedbackWrong{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d}.FullStackApiIntegrationWorkspace-module__sRQg3q__navRow{justify-content:space-between;align-items:center;margin-top:24px;display:flex}.FullStackApiIntegrationWorkspace-module__sRQg3q__nextBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7,#0369a1);border:none;border-radius:8px;padding:10px 22px;font-size:.88rem;font-weight:700;transition:all .2s}.FullStackApiIntegrationWorkspace-module__sRQg3q__nextBtn:hover{background:linear-gradient(135deg,#0369a1,#075985)}.FullStackApiIntegrationWorkspace-module__sRQg3q__resultsSummary{text-align:center;padding:24px}.FullStackApiIntegrationWorkspace-module__sRQg3q__scoreCircle{color:#7dd3fc;background:#38bdf833;border:3px solid #38bdf8;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin-bottom:16px;font-size:1.8rem;font-weight:800;display:inline-flex}.FullStackApiIntegrationWorkspace-module__sRQg3q__mentalModelBox{background:linear-gradient(135deg,#38bdf82e 0%,#a855f72e 100%);border:1px solid #38bdf859;border-radius:18px;margin-top:40px;padding:32px;box-shadow:0 10px 30px #00000059}.FullStackApiIntegrationWorkspace-module__sRQg3q__mentalModelTitle{color:#f8fafc;align-items:center;gap:10px;margin-bottom:18px;font-size:1.3rem;font-weight:800;display:flex}.FullStackApiIntegrationWorkspace-module__sRQg3q__mentalModelGrid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:18px;display:grid}.FullStackApiIntegrationWorkspace-module__sRQg3q__mentalModelItem{background:#0f172ad9;border:1px solid #94a3b82e;border-radius:12px;padding:16px}.FullStackApiIntegrationWorkspace-module__sRQg3q__mentalModelItemTitle{text-transform:uppercase;color:#38bdf8;margin-bottom:8px;font-size:.85rem;font-weight:800}.FullStackApiIntegrationWorkspace-module__sRQg3q__mentalModelItemDesc{color:#cbd5e1;margin:0;font-size:.88rem;line-height:1.5}