.browser-workflow-demo_demo__l81s5{--demo-lime:var(--lime,#dbff5a);--demo-mint:var(--mint,#d0f4ec);--demo-red:var(--red,#fc4f48);width:100%;max-width:980px;margin:0 auto;color:#f0f0f0}.browser-workflow-demo_window__yc7c6{overflow:hidden;border:1px solid rgb(240 240 240/.15);border-radius:18px;background:#101110;box-shadow:0 32px 100px rgb(0 0 0/.3),inset 0 1px 0 rgb(255 255 255/.04)}.browser-workflow-demo_titlebar__ZXsZH{display:flex;align-items:center;gap:12px;min-height:47px;padding:0 20px;border-bottom:1px solid rgb(240 240 240/.07);background:rgb(240 240 240/.025)}.browser-workflow-demo_windowControls___2E5W{display:flex;gap:6px;margin-right:10px}.browser-workflow-demo_windowControls___2E5W i{width:8px;height:8px;border-radius:50%;background:rgb(240 240 240/.19)}.browser-workflow-demo_appName__xk_eW{font-size:11px;font-weight:500;letter-spacing:-.01em}.browser-workflow-demo_example___7Bu8{margin-left:auto;color:rgb(240 240 240/.4);font-family:var(--font-mono),monospace;font-size:9px}.browser-workflow-demo_tablist__9SRKG{display:flex;gap:6px;padding:9px 12px 0;background:rgb(0 0 0/.15);border-bottom:1px solid rgb(240 240 240/.08)}.browser-workflow-demo_tab__UDu_l{display:flex;align-items:center;gap:9px;width:184px;min-height:43px;padding:10px 14px;border:1px solid transparent;border-bottom:0;border-radius:9px 9px 0 0;background:transparent;color:rgb(240 240 240/.48);font:inherit;font-size:11px;text-align:left;cursor:pointer;transition:background .15s,color .15s}.browser-workflow-demo_tab__UDu_l:hover{background:rgb(240 240 240/.035);color:#f0f0f0}.browser-workflow-demo_tab__UDu_l[aria-selected=true]{border-color:rgb(240 240 240/.09);background:#181a17;color:var(--demo-lime)}.browser-workflow-demo_tabDot__WjBmt{width:5px;height:5px;margin-left:auto;border-radius:50%;background:currentColor;opacity:.6}.browser-workflow-demo_tab__UDu_l:nth-child(2)[aria-selected=true]{color:var(--demo-mint)}.browser-workflow-demo_tab__UDu_l:nth-child(3)[aria-selected=true]{color:var(--demo-red)}.browser-workflow-demo_demo__l81s5 :is(button,[role=tabpanel]):focus-visible{outline:2px solid var(--demo-lime);outline-offset:-4px}.browser-workflow-demo_workspace__z5wAI{padding:24px 30px 28px}.browser-workflow-demo_request__5MGt1{display:flex;align-items:flex-start;gap:13px;padding-bottom:22px;border-bottom:1px solid rgb(240 240 240/.08)}.browser-workflow-demo_requestIcon__wmLRY{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border:1px solid rgb(219 255 90/.2);border-radius:12px;color:var(--demo-lime);background:rgb(219 255 90/.05)}.browser-workflow-demo_request__5MGt1 p{max-width:590px;margin:4px 0 0;font-size:13px;line-height:1.6;color:rgb(240 240 240/.86)}.browser-workflow-demo_panel___t7ji{min-height:294px;padding-top:24px;border-radius:8px}.browser-workflow-demo_panel___t7ji[hidden]{display:none}.browser-workflow-demo_panelHeader__WqIqG{margin-bottom:20px}.browser-workflow-demo_panelHeader__WqIqG h3{margin:0;font-size:clamp(22px,2.65vw,32px);font-weight:500;line-height:1.15;letter-spacing:-.04em}.browser-workflow-demo_places__ixkWQ{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.browser-workflow-demo_place__4YrJ7{position:relative;min-height:148px;padding:18px 15px 14px;border:1px solid rgb(240 240 240/.08);border-radius:10px;background:rgb(240 240 240/.025)}.browser-workflow-demo_placeIcon__UpNzJ{display:block;margin-bottom:18px;color:var(--demo-lime)}.browser-workflow-demo_place__4YrJ7:nth-child(2) .browser-workflow-demo_placeIcon__UpNzJ{color:var(--demo-mint)}.browser-workflow-demo_place__4YrJ7:nth-child(3) .browser-workflow-demo_placeIcon__UpNzJ{color:var(--demo-red)}.browser-workflow-demo_place__4YrJ7 h4{margin:0 0 5px;font-size:12px;font-weight:500;letter-spacing:-.01em}.browser-workflow-demo_place__4YrJ7 p{margin:0;color:rgb(240 240 240/.45);font-size:10px;line-height:1.5}.browser-workflow-demo_comparison__5BUJO{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid rgb(240 240 240/.09);border-radius:10px;font-size:11px;text-align:left}.browser-workflow-demo_comparison__5BUJO :is(th,td){padding:15px 17px;font-weight:400;line-height:1.5}.browser-workflow-demo_comparison__5BUJO thead{background:rgb(240 240 240/.035);color:rgb(240 240 240/.4);font-family:var(--font-mono),monospace;font-size:9px}.browser-workflow-demo_comparison__5BUJO tbody tr+tr>*{border-top:1px solid rgb(240 240 240/.07)}.browser-workflow-demo_comparison__5BUJO tbody th{font-weight:500}.browser-workflow-demo_comparison__5BUJO td{color:rgb(240 240 240/.5)}.browser-workflow-demo_comparison__5BUJO tbody tr:first-child th{color:var(--demo-mint)}.browser-workflow-demo_reading__WwtM3{display:flex;align-items:flex-start;gap:20px;padding:20px;border:1px solid rgb(240 240 240/.09);border-radius:10px;background:rgb(240 240 240/.02)}.browser-workflow-demo_documentIcon__Qtg21{display:grid;place-items:center;flex:0 0 48px;height:58px;border:1px solid rgb(255 81 59/.18);border-radius:7px;color:var(--demo-red);background:rgb(255 81 59/.035)}.browser-workflow-demo_reading__WwtM3 h4{margin:0 0 7px;font-size:13px;font-weight:500}.browser-workflow-demo_reading__WwtM3 p{max-width:600px;margin:0;font-size:11px;line-height:1.75;color:rgb(240 240 240/.55)}.browser-workflow-demo_reading__WwtM3 ul{display:flex;flex-wrap:wrap;gap:9px 20px;margin:15px 0 0;padding:0;list-style:none}.browser-workflow-demo_reading__WwtM3 li{display:flex;align-items:center;gap:6px;color:rgb(240 240 240/.75);font-size:10px;line-height:1.5}.browser-workflow-demo_reading__WwtM3 li svg{flex-shrink:0;color:var(--demo-red)}@media (max-width:640px){.browser-workflow-demo_window__yc7c6{border-radius:14px}.browser-workflow-demo_titlebar__ZXsZH{gap:8px;min-height:40px;padding:0 12px}.browser-workflow-demo_windowControls___2E5W{gap:4px;margin-right:3px}.browser-workflow-demo_windowControls___2E5W i{width:6px;height:6px}.browser-workflow-demo_appName__xk_eW{font-size:10px}.browser-workflow-demo_example___7Bu8{font-size:7px}.browser-workflow-demo_tablist__9SRKG{gap:3px;padding:7px 7px 0}.browser-workflow-demo_tab__UDu_l{flex:1 1;width:0;gap:6px;min-height:41px;padding:9px 10px;font-size:10px}.browser-workflow-demo_tab__UDu_l svg{width:13px}.browser-workflow-demo_tabDot__WjBmt{display:none}.browser-workflow-demo_workspace__z5wAI{padding:20px 16px}.browser-workflow-demo_request__5MGt1{gap:10px;padding-bottom:19px}.browser-workflow-demo_requestIcon__wmLRY{flex-basis:31px;width:31px;height:33px;border-radius:10px}.browser-workflow-demo_request__5MGt1 p{font-size:11px;line-height:1.65}.browser-workflow-demo_panel___t7ji{min-height:335px;padding-top:22px}.browser-workflow-demo_panelHeader__WqIqG{margin-bottom:17px}.browser-workflow-demo_panelHeader__WqIqG h3{font-size:25px}.browser-workflow-demo_places__ixkWQ{grid-template-columns:1fr;gap:7px}.browser-workflow-demo_place__4YrJ7{display:flex;align-items:center;gap:12px;min-height:66px;padding:12px}.browser-workflow-demo_placeIcon__UpNzJ{flex-shrink:0;margin:0}.browser-workflow-demo_place__4YrJ7 h4{margin-bottom:3px;font-size:11px}.browser-workflow-demo_place__4YrJ7 p{font-size:9px}.browser-workflow-demo_comparison__5BUJO{font-size:10px}.browser-workflow-demo_comparison__5BUJO :is(th,td){padding:14px 9px}.browser-workflow-demo_comparison__5BUJO thead{font-size:8px}.browser-workflow-demo_comparison__5BUJO tbody th{width:32%}.browser-workflow-demo_reading__WwtM3{gap:12px;padding:15px 12px}.browser-workflow-demo_documentIcon__Qtg21{flex-basis:31px;height:41px}.browser-workflow-demo_documentIcon__Qtg21 svg{width:21px}.browser-workflow-demo_reading__WwtM3 h4{font-size:12px}.browser-workflow-demo_reading__WwtM3 p{font-size:10px}.browser-workflow-demo_reading__WwtM3 ul{display:grid;gap:8px;margin-top:12px}.browser-workflow-demo_reading__WwtM3 li{font-size:9px}}@media (prefers-reduced-motion:reduce){.browser-workflow-demo_tab__UDu_l{transition:none}}