.hero-workspace{color:#f2f2f2;font-family:var(--font-sans);background:#141414;border:1px solid #ffffff14;border-radius:12px 12px 0 0;margin:0;overflow:hidden;box-shadow:0 22px 70px -24px #0f0e0d66}.hero-workspace-bar{border-bottom:1px solid #ffffff12;align-items:center;gap:28px;height:58px;padding:0 28px;display:flex}.hero-workspace-brand{align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.hero-workspace-path{color:#bcbab7;border-left:1px solid #ffffff26;padding-left:28px;font-size:13px}.hero-workspace-example{color:#999793;margin-left:auto;font-size:12px}.hero-workspace-body{grid-template-columns:1fr 1fr;min-height:510px;display:grid}.hero-conversation{flex-direction:column;min-width:0;padding:30px 36px 28px;display:flex}.hero-conversation-label{color:#aaa7a3;align-items:center;gap:9px;margin-bottom:27px;font-size:12px;display:flex}.hero-request{background:#292929;border-radius:19px;align-self:flex-end;max-width:92%;padding:14px 18px;font-size:15px;line-height:1.55}.hero-response{align-items:flex-start;gap:14px;margin-top:30px;display:flex}.hero-response>svg{color:#e8e5df;flex-shrink:0;margin-top:3px}.hero-response p{max-width:38ch;margin:0;font-size:16px;line-height:1.7}.hero-workspace-steps{flex-direction:column;gap:8px;margin:23px 0 28px;padding-left:34px;display:flex}.hero-workspace-steps span{color:#aaa7a3;align-items:baseline;gap:8px;font-size:12px;line-height:1.5;display:flex}.hero-workspace-steps svg{flex-shrink:0}.hero-preview-composer{color:#898783;background:#ffffff04;border:1px solid #ffffff21;border-radius:18px;margin-top:auto;padding:15px 17px 12px;font-size:14px}.hero-preview-composer>div{justify-content:space-between;margin-top:20px;display:flex}.hero-artifact-area{background:#242422;flex-direction:column;min-width:0;padding:30px 32px 0;display:flex}.hero-artifact-label{color:#bbb8b1;align-items:center;gap:8px;margin-bottom:25px;font-size:12px;display:flex}.hero-artifact{color:#25231f;background:#fafaf9;border-radius:5px 5px 0 0;flex:1;min-width:0;padding:29px 34px 24px;box-shadow:0 12px 35px #0003}.hero-artifact-status{color:#77736b;border:1px solid #dedbd5;border-radius:4px;padding:3px 7px;font-size:11px}.hero-artifact-title{font-family:var(--font-display);letter-spacing:-.025em;max-width:15ch;margin:24px 0 25px;font-size:clamp(27px,2.5vw,40px);line-height:1.12}.hero-artifact-rule{background:#dedbd5;height:1px;margin-bottom:22px}.hero-artifact-opening{margin:0 0 14px;font-size:14px;font-weight:500}.hero-artifact-copy{color:#625d55;max-width:42ch;margin:0;font-size:14px;line-height:1.8}.hero-artifact-footer{color:#79746b;border-top:1px solid #e6e3dd;align-items:center;gap:10px;margin-top:28px;padding-top:19px;font-size:11px;line-height:1.5;display:flex}.hero-artifact-avatar{width:25px;height:25px;font-family:var(--font-display);color:#504b43;background:#e8e5df;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}@media (min-width:1920px){.hero-conversation{padding:36px 48px}.hero-artifact-area{padding:36px 42px 0}.hero-artifact{padding:34px 42px}.hero-workspace-body{min-height:530px}}@media (max-width:1023px){.hero-workspace-bar{gap:18px;padding:0 20px}.hero-workspace-path{padding-left:18px}.hero-conversation{padding:25px 24px}.hero-artifact-area{padding:25px 22px 0}.hero-artifact{padding:25px 24px}.hero-workspace-example{display:none}.hero-response p{font-size:15px}}@media (max-width:639px){.hero-workspace-bar{height:48px;padding:0 17px}.hero-workspace-path{display:none}.hero-workspace-example{font-size:10px;display:block}.hero-workspace-body{grid-template-columns:1fr;min-height:0}.hero-conversation{padding:22px 18px}.hero-conversation-label,.hero-response,.hero-workspace-steps,.hero-preview-composer{display:none}.hero-request{align-self:stretch;max-width:100%;padding:12px 15px;font-size:14px}.hero-artifact-area{padding:20px 20px 0}.hero-artifact-label{margin-bottom:18px;font-size:11px}.hero-artifact{padding:26px 24px 22px}.hero-artifact-title{max-width:16ch;margin:22px 0;font-size:31px}.hero-artifact-copy{font-size:13px;line-height:1.75}.hero-artifact-opening{font-size:13px}.hero-artifact-footer{margin-top:24px}}