/* The live workspace and the curated examples have separate visual hierarchies. */
#lab{background:radial-gradient(ellipse at 85% 20%,#486b5314,transparent 52%),#171e19;padding:88px 0;border-color:#354238}
#lab .section-top{margin-bottom:34px}
#lab .lab-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:end;margin-bottom:38px}
#lab .lab-intro h2{font-size:clamp(34px,3.9vw,53px);line-height:1.17;letter-spacing:-2.4px;max-width:620px}
#lab .lab-intro>p{max-width:405px;font-size:14px;line-height:1.85;color:#aab7ad;padding-bottom:4px}
#lab .lab-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);align-items:stretch;border:1px solid #4b6352;border-radius:18px;overflow:hidden;box-shadow:0 22px 70px #080f0a30;background:#19251d}
#lab .lab-workspace>*{min-width:0}
#lab .lab-input-panel{padding:32px;background:linear-gradient(145deg,#20302799,#18221bc9);border-right:1px solid #3d5243}
#lab .studio-pane-heading{display:flex;align-items:center;gap:13px;margin-bottom:19px}
#lab .studio-step{flex-shrink:0;width:38px;height:38px;border:1px solid #647d6c75;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:11px;color:#a1c2ac;background:#b7e0c407}
#lab .studio-kicker{font-size:9px;line-height:1.6;letter-spacing:1.5px;font-weight:500;color:#91b19d;margin:0}
#lab .studio-pane-heading h3{font:500 22px/1.35 var(--display);letter-spacing:-.7px;margin:4px 0 0;color:#e2ede4}
#lab .studio-symbol{font-size:30px;color:var(--mint);margin-left:auto;padding-left:6px;line-height:1;text-shadow:0 0 28px #c5f3d426}
#lab .studio-input-lead{font-size:12px;line-height:1.85;color:#acbeb1;margin-bottom:25px;max-width:400px}
#lab .studio-availability{padding:17px 18px;border:1px solid #556c5d;border-radius:9px;font-size:12px;line-height:1.8;color:#b8cbbd;background:#c5f3d408}
#lab #ai-form{padding:0;margin:0;border:0}
#lab .ai-form-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:11px}
#lab #ai-form .ai-form-heading label{font-size:12px;line-height:1.7;color:#dce9e0;margin:0;max-width:270px}
#lab #ai-usage{font-size:10px;line-height:1.6;letter-spacing:0;color:#9fb7a6;white-space:nowrap}
#lab #ai-form textarea{display:block;width:100%;min-height:172px;border:1px solid #526a5b;border-radius:10px;background:#101b15b3;padding:17px 18px;color:#e5f1e9;font-size:14px;line-height:1.8;resize:vertical;transition:border-color .2s,background .2s,box-shadow .2s}
#lab #ai-form textarea::placeholder{color:#81948a;opacity:1}
#lab #ai-form textarea:hover{border-color:#6c8877}
#lab #ai-form textarea:focus{border-color:#b5dec1;outline:0;background:#111e17;box-shadow:0 0 0 3px #c5f3d412}
#lab #ai-form #ai-privacy{color:#9caea2;font-size:10px;line-height:1.85;margin:12px 0 18px}
#lab #ai-verification{max-width:100%;margin:14px 0 18px;min-height:0}
#lab #ai-verification:empty,#lab #ai-verification[hidden]{display:none}
#lab #ai-verification iframe{max-width:100%}
#lab .studio-submit-row{display:flex;align-items:center;gap:15px;flex-wrap:wrap}
#lab #ai-submit{font-size:12px;line-height:1.6;padding:12px 20px;gap:24px;white-space:nowrap;min-height:47px}
#lab #ai-submit>span{font-size:18px}
#lab #ai-submit:disabled{opacity:.48;cursor:not-allowed;transform:none}
#lab #ai-form .studio-request-note{font-size:9px;line-height:1.7;color:#8ca695;margin:0;max-width:125px}
#lab #ai-form #ai-form-status{min-height:20px;font-size:10px;line-height:1.8;color:#a6c1af;margin:13px 0 0}
#lab .lab-output-panel{border:0;border-radius:0;box-shadow:none;min-height:0;margin:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at 80% 15%,#b1e3bf0b,transparent 65%),#142019}
#lab .blueprint-head{padding:21px 27px;border-bottom:1px solid #3c5143;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:9px;letter-spacing:1.2px;color:#b3c9b9}
#lab .blueprint-head>span:first-child{display:flex;align-items:center;gap:9px;line-height:1.7}
#lab .blueprint-head i{width:6px;height:6px;background:var(--mint);border-radius:50%;box-shadow:0 0 12px #c5f3d426;flex-shrink:0}
#lab #blueprint-mode{max-width:55%;font-size:8px;line-height:1.7;letter-spacing:.7px;padding:5px 8px;background:#9bd8ae0c;border:1px solid #91bb9d26;border-radius:5px;color:#a8cbb4;white-space:normal;text-align:right}
#lab #blueprint-result{padding:30px;min-height:365px;flex:1;color:#bdcfc2}
#lab #blueprint-result>h3{font:500 27px/1.3 var(--display);letter-spacing:-1px;color:#e2eee5;margin:0 0 27px;overflow-wrap:anywhere}
#lab #blueprint-result>p{font-size:13px;line-height:1.85;color:#afc6b7}
#lab .studio-empty{height:100%;min-height:300px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;max-width:440px;margin:0 auto}
#lab .studio-network{display:grid;grid-template-columns:minmax(0,1fr) 10px minmax(0,1fr) 10px minmax(0,1fr);align-items:center;gap:7px;margin:3px 0 30px;width:100%}
#lab .studio-network>span{min-width:0;font-size:10px;line-height:1.6;padding:10px 8px;border:1px solid #698e754d;background:#b4e5c508;border-radius:7px;color:#b5d3bf;text-align:center;white-space:normal;overflow-wrap:anywhere}
#lab .studio-network>span:nth-of-type(2){color:var(--mint);border-color:#a9d6b966;background:#bce7c911;box-shadow:0 0 25px #bce7c907}
#lab .studio-network>i{font-style:normal;font-size:16px;color:#72977f}
#lab .studio-empty>.studio-kicker{color:#88a892;font-size:8px}
#lab .studio-empty h3{font:500 29px/1.3 var(--display);letter-spacing:-1.1px;color:#cfdfd3;margin:10px 0 14px;max-width:350px}
#lab .studio-empty>p:not(.studio-kicker){font-size:12px;line-height:1.9;color:#97b1a0;max-width:355px}
#lab .studio-deliverables{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:25px}
#lab .studio-deliverables>span{font-size:9px;color:#92b49d;letter-spacing:.2px;line-height:1.7}
#lab .blueprint-step{display:flex;gap:15px;padding:0 0 25px;position:relative}
#lab .blueprint-step:not(:last-of-type):before{content:'';position:absolute;top:29px;bottom:4px;left:14px;width:1px;background:#42604c}
#lab .step-index{width:29px;height:29px;border:1px solid #72937e66;border-radius:9px;font-size:9px;color:#a6cbb2;background:#1e3025;flex-shrink:0;display:flex;align-items:center;justify-content:center;z-index:1}
#lab .blueprint-step>div{padding-top:2px;min-width:0}
#lab .blueprint-step h4{font:500 14px/1.55 var(--font);color:#d5e6db;margin:0 0 6px;overflow-wrap:anywhere}
#lab .blueprint-step p{font-size:12px;line-height:1.85;color:#a1bca9;overflow-wrap:anywhere}
#lab .blueprint-outcome{border-top:1px solid #415a49;margin:0 0 18px;padding:18px 0 0}
#lab .blueprint-outcome small{display:block;font-size:8px;letter-spacing:1.4px;color:#93b49f}
#lab .blueprint-outcome p{font-size:12px;line-height:1.85;color:#c2d7c9;margin:8px 0 0}
#lab .blueprint-match{border:1px solid #5c7a666b;border-radius:8px;background:#c5f3d405;padding:13px 15px;gap:15px;margin:8px 0 0;display:flex;justify-content:space-between;align-items:center}
#lab .blueprint-match>div{display:flex;flex-direction:column;min-width:0}
#lab .blueprint-match small{font-size:8px;letter-spacing:.9px;line-height:1.7;color:#89aa95}
#lab .blueprint-match strong{font-size:12px;line-height:1.6;font-weight:500;margin-top:5px;color:var(--mint);overflow-wrap:anywhere}
#lab .blueprint-match button{flex-shrink:0;border:1px solid #709d7d66;border-radius:50%;width:33px;height:33px;color:var(--mint);font-size:18px}
#lab .blueprint-match button:hover{background:#c5f3d414;border-color:#b5d9bf}
#lab .blueprint-footer{padding:17px 27px;border-top:1px solid #3a4f40;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:9px;line-height:1.75;letter-spacing:0;color:#91ab9a}
#lab .blueprint-footer>span{max-width:240px}
#lab .blueprint-footer a{font-size:11px;line-height:1.7;letter-spacing:0;color:#c0dfc9;white-space:nowrap}
#lab .blueprint-footer a:hover{color:#e1f9e9}
#lab .blueprint-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px}
#lab #blueprint-copy{font-size:11px;line-height:1.7;color:#c0dfc9;padding:0;border-bottom:1px solid #6d9278}
#lab #blueprint-copy:hover{color:#e1f9e9}
#lab .blueprint-copy-status{padding:13px 27px;font-size:11px;line-height:1.8;color:#c0dfc9;border-top:1px solid #3a4f40}
#lab .blueprint-copy-status:empty{display:none}
#lab .blueprint[aria-busy=true] .blueprint-head i{animation:studio-pulse 1.6s ease-in-out infinite}
#lab .blueprint-loading{padding:2px 0 20px;font-size:12px;line-height:1.9;color:#a0bba9}
#lab .blueprint-pending{height:3px;max-width:210px;border-radius:5px;background:linear-gradient(90deg,#355640,#b5e2c4,#355640);background-size:200% 100%;animation:studio-flow 2s ease-in-out infinite;margin-top:24px}
#lab .studio-pending{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:280px;max-width:390px;margin:0 auto}
#lab .studio-pending h3{font:500 28px/1.3 var(--display);letter-spacing:-1px;color:#d7e9dd;margin:22px 0 14px}
#lab .studio-pending p{font-size:12px;line-height:1.9;color:#a0bba9}
#lab .studio-orbit{width:55px;height:55px;border:1px solid #87b99655;border-top-color:#c5f3d4;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#c5f3d4;font-size:23px;animation:studio-spin 3s linear infinite}
#lab .blueprint-notice{font-size:11px;line-height:1.85;color:#c6d8bb;border:1px solid #80906b66;background:#b1c59309;padding:13px 15px;border-radius:8px;margin:0 0 24px}
#lab .blueprint-retry{display:inline-flex;align-items:center;gap:15px;color:#c5f3d4;border-bottom:1px solid #729a7d;padding:8px 0;font-size:12px;line-height:1.7;margin-top:20px}
#lab .blueprint-fallback{font-size:13px;line-height:1.9;margin:5px 0 23px}
#lab .blueprint-return{display:inline-flex;align-items:center;gap:20px;border-bottom:1px solid #8eac96;padding:8px 0;font-size:11px;color:var(--mint)}
#lab .blueprint-return:after{content:'↘';font-size:16px}
#lab .lab-examples{margin-top:45px;padding-top:32px;border-top:1px solid #3b4b3f}
#lab .lab-examples-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:22px}
#lab .lab-examples-head h3{font:500 23px/1.4 var(--display);letter-spacing:-.7px;margin:6px 0 0;color:#d5e1d8}
#lab .lab-examples-head>p{font-size:11px;line-height:1.85;color:#9bb1a2;max-width:330px}
#lab .lab-example-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:13px}
#lab .scenario-card{border:1px solid #455b4c;border-radius:10px;overflow:hidden;background:#1c2820;min-width:0;transition:border-color .2s,background .2s}
#lab .scenario-card:hover{border-color:#75967f;background:#202f25}
#lab .scenario-card[open]{background:#1e2c23;border-color:#80a68d}
#lab .scenario-card summary{display:flex;align-items:center;gap:11px;padding:20px 17px;cursor:pointer;list-style:none;min-height:98px;user-select:none}
#lab .scenario-card summary::-webkit-details-marker{display:none}
#lab .scenario-index{align-self:flex-start;margin-top:4px;font-size:8px;line-height:1.7;letter-spacing:.5px;color:#89a291;flex-shrink:0}
#lab .scenario-title{font:500 13px/1.65 var(--font);color:#cbdccf;letter-spacing:-.1px}
#lab .scenario-plus{margin-left:auto;align-self:flex-start;line-height:1.3;font-size:22px;font-weight:300;color:#a9c7b1;transition:transform .2s;flex-shrink:0}
#lab .scenario-card[open] .scenario-plus{transform:rotate(45deg);color:var(--mint)}
#lab .scenario-content{padding:0 17px 22px;border-top:1px solid #49645055}
#lab .scenario-content>h4{font:500 18px/1.45 var(--display);color:#daeadf;letter-spacing:-.5px;margin:19px 0 21px}
#lab .scenario-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:20px}
#lab .scenario-steps li{display:flex;align-items:flex-start;gap:10px;min-width:0}
#lab .scenario-steps li>span{font-size:8px;line-height:1.7;padding-top:2px;color:#91b49c;flex-shrink:0}
#lab .scenario-steps li>div{min-width:0}
#lab .scenario-steps h5{font:500 11px/1.65 var(--font);color:#c3d7c9;margin:0 0 5px}
#lab .scenario-steps p{font-size:10px;line-height:1.9;color:#9db6a6;margin:0;overflow-wrap:anywhere}
#lab .scenario-project{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #54725f66;padding-top:15px;margin-top:23px;font-size:10px;line-height:1.8;color:#c4e6cf}
#lab .scenario-project:hover{color:#e7f9ed}
@keyframes studio-spin{to{transform:rotate(360deg)}}
@keyframes studio-pulse{50%{opacity:.35;box-shadow:0 0 16px #c5f3d460}}
@keyframes studio-flow{50%{background-position:100% 0}}
@media(max-width:1150px){#lab .lab-intro{gap:45px}#lab .lab-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1.06fr)}#lab .lab-input-panel{padding:27px}#lab #blueprint-result{padding:27px}#lab .studio-pane-heading h3{font-size:20px}#lab .studio-network{gap:7px}#lab .studio-network>span{font-size:9px;padding:9px 10px}#lab .studio-empty h3{font-size:27px}#lab .studio-submit-row{gap:12px}#lab #ai-form .studio-request-note{max-width:110px}#lab .lab-example-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#lab .scenario-card summary{min-height:80px;padding:18px 20px}#lab .scenario-title{font-size:14px}#lab .scenario-content{padding:0 20px 23px}#lab .scenario-steps h5{font-size:12px}#lab .scenario-steps p{font-size:11px}}
@media(max-width:900px){#lab{padding:66px 0}#lab .lab-intro{gap:30px;grid-template-columns:1.1fr 1fr}#lab .lab-intro h2{font-size:37px;letter-spacing:-1.7px}#lab .lab-intro>p{font-size:12px}#lab .lab-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#lab .lab-input-panel{padding:22px}#lab #blueprint-result{padding:24px}#lab .studio-pane-heading{gap:10px}#lab .studio-step{width:30px;height:30px;font-size:9px}#lab .studio-pane-heading h3{font-size:18px}#lab .studio-symbol{font-size:25px}#lab .studio-kicker{font-size:8px}#lab .blueprint-head{padding:19px 22px;flex-wrap:wrap;gap:9px}#lab #blueprint-mode{font-size:7px}#lab .studio-empty h3{font-size:25px}#lab .studio-network{flex-wrap:wrap;gap:7px}#lab .studio-network>span{padding:8px 9px;font-size:8px}#lab .studio-network>i{font-size:13px}#lab .blueprint-footer{padding:17px 22px;flex-wrap:wrap;gap:8px}#lab .blueprint-footer>span{max-width:none}#lab .lab-examples-head{gap:25px}#lab .lab-examples-head h3{font-size:21px}#lab .lab-examples-head>p{max-width:275px;font-size:10px}}
@media(max-width:700px){#lab{padding:52px 0}#lab .section-top{margin-bottom:25px}#lab .lab-intro{display:block;margin-bottom:27px}#lab .lab-intro h2{font-size:clamp(31px,8vw,40px);letter-spacing:-1.6px}#lab .lab-intro>p{font-size:12px;line-height:1.85;max-width:420px;margin-top:19px;padding:0}#lab .lab-workspace{grid-template-columns:minmax(0,1fr);border-radius:13px}#lab .lab-input-panel{padding:24px;border-right:0;border-bottom:1px solid #435c4b}#lab .studio-pane-heading{margin-bottom:17px;gap:12px}#lab .studio-step{width:34px;height:34px;font-size:10px}#lab .studio-pane-heading h3{font-size:21px}#lab .studio-symbol{font-size:28px}#lab .studio-input-lead{margin-bottom:23px}#lab .ai-form-heading{gap:5px;margin-bottom:12px}#lab #ai-form .ai-form-heading label{font-size:12px;max-width:none}#lab #ai-usage{font-size:9px}#lab #ai-form textarea{min-height:155px;font-size:16px;line-height:1.7;padding:15px}#lab #ai-form #ai-privacy{font-size:10px;line-height:1.8}#lab .studio-submit-row{gap:11px 15px}#lab #ai-submit{padding:12px 18px;gap:23px;font-size:12px;min-height:46px}#lab #ai-form .studio-request-note{font-size:9px;max-width:120px}#lab #ai-form #ai-form-status{font-size:10px;margin-top:14px}#lab .blueprint-head{padding:18px 24px;flex-wrap:nowrap;font-size:8px;letter-spacing:.8px}#lab #blueprint-mode{font-size:7px;padding:4px 6px;letter-spacing:.2px}#lab #blueprint-result{padding:26px 24px;min-height:0}#lab #blueprint-result>h3{font-size:26px;margin-bottom:24px}#lab .studio-empty{min-height:0;max-width:400px;padding:1px 0 3px}#lab .studio-network{margin-bottom:25px;gap:8px;flex-wrap:nowrap}#lab .studio-network>span{padding:9px 11px;font-size:9px}#lab .studio-network>i{font-size:14px}#lab .studio-empty h3{font-size:27px;max-width:340px}#lab .studio-empty>p:not(.studio-kicker){font-size:12px}#lab .studio-deliverables{margin-top:22px;gap:8px 12px}#lab .studio-deliverables>span{font-size:9px}#lab .blueprint-step{gap:13px;padding-bottom:23px}#lab .blueprint-step h4{font-size:14px}#lab .blueprint-step p{font-size:12px}#lab .blueprint-footer{padding:17px 24px;gap:8px;flex-wrap:wrap;font-size:9px}#lab .blueprint-footer a{font-size:11px}#lab .lab-examples{margin-top:34px;padding-top:28px}#lab .lab-examples-head{display:block;margin-bottom:19px}#lab .lab-examples-head h3{font-size:22px;letter-spacing:-.6px}#lab .lab-examples-head>p{font-size:11px;line-height:1.85;max-width:380px;margin-top:12px}#lab .lab-example-grid{grid-template-columns:minmax(0,1fr);gap:10px}#lab .scenario-card summary{padding:18px 20px;min-height:74px;gap:12px}#lab .scenario-title{font-size:13px}#lab .scenario-index{font-size:8px}#lab .scenario-content{padding:0 20px 22px}#lab .scenario-content>h4{font-size:20px;margin-top:18px}#lab .scenario-steps{gap:18px}#lab .scenario-steps h5{font-size:12px}#lab .scenario-steps p{font-size:11px}#lab .scenario-project{font-size:11px}}
@media(max-width:380px){#lab .lab-input-panel{padding:20px}#lab .studio-pane-heading{gap:9px}#lab .studio-pane-heading h3{font-size:18px}#lab .studio-pane-heading .studio-kicker{font-size:7px;letter-spacing:1px}#lab .studio-symbol{font-size:24px}#lab .studio-step{width:29px;height:29px;font-size:9px;border-radius:8px}#lab .studio-input-lead{font-size:11px}#lab #ai-form .ai-form-heading label{font-size:11px}#lab .blueprint-head{padding:17px 20px;gap:8px}#lab #blueprint-result{padding:24px 20px}#lab .studio-network{gap:5px}#lab .studio-network>span{font-size:8px;padding:8px 7px;border-radius:5px}#lab .studio-network>i{font-size:12px}#lab .studio-empty h3{font-size:25px}#lab .blueprint-footer{padding:17px 20px}#lab .blueprint-match{padding:12px}#lab .blueprint-match small{font-size:7px}#lab .blueprint-match strong{font-size:11px}#lab .blueprint-step{gap:11px}#lab .blueprint-step h4{font-size:13px}#lab .blueprint-step p{font-size:11px}#lab .studio-deliverables{gap:7px 11px}#lab .studio-deliverables>span{font-size:8px}}
@media(prefers-reduced-motion:reduce){#lab *,#lab *:before{animation:none!important;transition:none!important}}