:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#111318;background:radial-gradient(circle at top left,rgba(217,194,153,.28),transparent 24%),linear-gradient(180deg,#f7f2e8,#efe7da)}*{box-sizing:border-box}body{margin:0;min-width:320px;color:#111318;height:100dvh;overflow:hidden}#root{height:100dvh;overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer}.boot-screen{min-height:100vh;display:grid;place-items:center;gap:12px}.landing-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.landing-card{width:min(960px,100%);border-radius:32px;border:1px solid rgba(17,19,24,.08);background:#fffcf8db;box-shadow:0 30px 80px #4f361a14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:40px;display:grid;gap:18px}.landing-copy{max-width:720px;color:#5c4d3d;line-height:1.6}.landing-input{border-radius:28px;border:1px solid rgba(17,19,24,.08);background:#ffffffe6;padding:18px;display:flex;flex-direction:column;gap:14px}.landing-input textarea{width:100%;min-height:96px;resize:none;border:0;background:transparent;outline:none;color:#22262b;font-size:18px;line-height:1.5}.landing-input__actions{display:flex;justify-content:flex-end;gap:10px}.landing-shell--widget{min-height:100%;height:100%;padding:24px;width:100%;max-width:100%;min-width:0}.landing-shell--hero-omni{place-items:start center;padding:0}.landing-shell--side-chat{place-items:stretch;padding:0}.landing-shell--side-floating{place-items:stretch;padding:0;width:100%;max-width:100%}.landing-shell--floating-bubble{place-items:center;padding:0;background:transparent}.landing-shell--mini-bar{place-items:center}.widget-entry{width:min(100%,960px);color:#111318}.path-widget-host[data-path-widget-state=compact] .landing-shell--widget{width:100%;max-width:760px;margin-inline:auto}.path-widget-host[data-path-widget-variant=hero-omni][data-path-widget-state=compact] .landing-shell--widget{width:100%;max-width:820px;margin-inline:auto}.path-widget-host[data-path-widget-variant=side-floating][data-path-widget-state=compact] .landing-shell--widget{width:100%;max-width:100%;margin-inline:0}.path-widget-host[data-path-widget-variant=side-floating][data-path-widget-state=compact]{overflow:visible}.path-widget-host[data-path-widget-variant=side-floating][data-path-widget-state=compact] .landing-shell--floating-bubble{padding:0;background:transparent}.path-widget-host[data-path-widget-state=expanded] .shell--widget{width:min(1280px,100%);max-width:1280px;margin-inline:auto}.path-widget-host[data-path-widget-variant=side-floating][data-path-widget-state=expanded] .shell--widget{width:min(1180px,100%);max-width:1180px;margin-inline:auto}.widget-entry--hero{display:grid;gap:18px;width:min(100%,980px);max-width:980px;margin:0 auto}.widget-entry--floating{width:100%;max-width:420px}.floating-path-widget{display:grid;overflow:hidden;border-radius:28px;background:#fffffff5;border:1px solid rgba(17,19,24,.08);box-shadow:0 24px 70px #2a374238;cursor:pointer;text-align:left}.floating-path-widget__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 18px 15px;border-bottom:1px solid rgba(17,19,24,.08)}.floating-path-widget__brand{display:flex;align-items:center;min-width:0;gap:12px}.floating-path-widget__avatar{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(135deg,#5bc5ae,#4aa895);color:#fff;font-family:Bricolage Grotesque,sans-serif;font-size:19px;font-weight:800;box-shadow:0 10px 24px #5bc5ae52}.floating-path-widget__brand h3{margin:0;color:#17201d;font-size:19px;line-height:1}.floating-path-widget__brand p{margin:5px 0 0;color:#72808c;font-size:13px;line-height:1.2}.floating-path-widget__close{width:32px;height:32px;border:1px solid rgba(17,19,24,.08);border-radius:999px;display:inline-grid;place-items:center;background:#fff;color:#66737d;font-size:20px;line-height:1}.floating-path-widget__body{display:grid;gap:14px;padding:18px}.floating-path-widget__body p{margin:0;color:#2d373f;font-size:14px;line-height:1.5}.floating-path-widget__chips{display:flex;flex-wrap:wrap;gap:8px}.floating-path-widget__chips button{border:1px solid rgba(25,159,134,.18);border-radius:999px;background:#ecf9f6db;color:#137664;padding:8px 11px;font-size:12px;font-weight:750;line-height:1.1}.floating-path-widget__composer{display:flex;align-items:center;gap:8px;margin:0 18px 18px;padding:8px;border-radius:18px;background:#f6f8f7;border:1px solid rgba(17,19,24,.08)}.floating-path-widget__composer input{flex:1 1 auto;min-width:0;border:0;outline:0;background:transparent;color:#253039;font-size:14px}.floating-path-widget__composer button{width:36px;height:36px;border:0;border-radius:999px;display:inline-grid;place-items:center;flex:0 0 auto;background:#111318;color:#fff}.floating-path-bubble{width:60px;height:60px;border:0;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,#5bc5ae,#22957f);color:#fff;font-family:Bricolage Grotesque,sans-serif;font-size:25px;font-weight:850;line-height:1;box-shadow:0 18px 42px #1c746457}.floating-path-bubble:hover,.floating-path-bubble:focus-visible{transform:translateY(-1px);box-shadow:0 22px 48px #1c74646b}.omni-bar{position:relative;display:block;width:100%;min-height:132px;height:132px;background:#fffefae6;padding:18px;border-radius:20px;border:1px solid rgba(24,24,21,.18);box-shadow:0 14px 40px #18181514}.omni-bar .attach{position:absolute;left:18px;bottom:16px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:0;background:transparent;color:#77756f;transition:background .2s}.omni-bar .attach svg{width:20px;height:20px;stroke-width:2.1}.omni-bar .attach:hover{background:#ececec}.omni-bar textarea{width:100%;height:78px;min-width:0;resize:none;border:0;background:transparent;padding:0 48px 0 0;font-size:17px;font-weight:500;color:#2f302e;outline:none;line-height:1.42}.omni-bar textarea::placeholder{color:#6d6a64}.omni-bar .send{position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:0;background:#2e2f2d;color:#fff;font-size:18px;font-weight:700;transition:transform .2s,box-shadow .2s}.omni-bar .send svg{width:18px;height:18px;stroke-width:2.25}.omni-bar .send:hover{transform:scale(1.05);box-shadow:0 4px 12px #1818152e}.omni-bar .send:disabled,.sidebar-chat .sc-composer button:disabled,.mini-input button:disabled{opacity:.5;cursor:default}.omni-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.path-widget-host[data-path-widget-variant=hero-omni][data-path-widget-state=compact] .omni-pills{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;max-width:100%;padding:0 2px 4px;scrollbar-width:none}.path-widget-host[data-path-widget-variant=hero-omni][data-path-widget-state=compact] .omni-pills::-webkit-scrollbar{display:none}.omni-pills button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:32px;padding:0 14px;border-radius:999px;border:1px solid rgba(24,24,21,.08);background:#e9e6df;color:#3e3d39;font-size:13px;font-weight:600;transition:all .2s;box-shadow:none}.omni-pills button svg{flex:0 0 auto;width:16px;height:16px;stroke-width:2}.omni-pills button:hover{background:#dedbd3;color:#111318;transform:translateY(-1px);box-shadow:none}.omni-pills button[data-action=sample-url]{color:#3e3d39;border-color:#18181514}.omni-pills button[data-action=sample-url]:hover{background:#dedbd3;color:#111318;box-shadow:none}.omni-pills button[data-action=screenshots]{color:#3a3f42}.omni-pills button[data-action=screenshots]:hover{background:#fff;color:#111318;box-shadow:0 4px 14px #00000014}.omni-pills button[data-action=ask-question]{color:#3e3d39;border-color:#18181514}.omni-pills button[data-action=ask-question]:hover{background:#dedbd3;color:#111318;box-shadow:none}.sidebar-chat{width:100%;height:100%;display:flex;flex-direction:column;border-radius:20px;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 20px 60px #00000024,0 0 0 4px #fff6;overflow:hidden}.sidebar-chat .sc-head{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid rgba(14,28,20,.09)}.sidebar-chat .sc-avatar{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#199f86,#2cd4b6);display:grid;place-items:center;color:#fff;font-weight:700;font-family:Bricolage Grotesque,sans-serif;font-size:15px}.sidebar-chat .sc-title strong{display:block;font-size:15px;font-family:Bricolage Grotesque,sans-serif;font-weight:700;color:#111318}.sidebar-chat .sc-title span{font-size:11px;color:#4f5254}.sidebar-chat .sc-body{flex:1;padding:18px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;text-align:left}.sidebar-chat .sc-msg{padding:14px 16px;font-size:14px;line-height:1.5;background:#f4f7f6;border:1px solid rgba(0,0,0,.05);color:#111318;border-radius:14px 14px 14px 4px;text-align:left}.sidebar-chat .sc-chips{display:flex;flex-wrap:wrap;gap:8px}.sidebar-chat .sc-chips button{padding:8px 14px;border-radius:99px;border:1px solid rgba(14,28,20,.09);background:#fff;color:#4f5254;font-size:12.5px;font-weight:500;transition:all .2s}.sidebar-chat .sc-chips button:hover{background:#f8fafc;color:#111318}.sidebar-chat .sc-chips button[data-sc=sample-url]{border-color:#199f8640;color:#199f86}.sidebar-chat .sc-composer{display:flex;gap:8px;padding:14px 18px;border-top:1px solid rgba(14,28,20,.09);background:#fcfcfd}.sidebar-chat .sc-composer input{flex:1;border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:10px 14px;font-size:13.5px;outline:none;color:#111318;background:#fff}.sidebar-chat .sc-composer input:focus{border-color:#199f86;box-shadow:0 0 0 3px #199f8614}.sidebar-chat .sc-composer button{width:40px;height:40px;border-radius:12px;border:0;background:#199f86;color:#fff;font-weight:700;font-size:16px;display:grid;place-items:center}.widget-entry--mini{width:min(100%,640px);padding:48px 32px;border-radius:24px;text-align:center;background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(25,159,134,.12);box-shadow:0 8px 32px #0000000a}.widget-entry__intro h3{margin:0 0 8px;font-family:Bricolage Grotesque,sans-serif;font-size:22px;font-weight:700;color:#111318}.widget-entry__intro p{margin:0 0 20px;color:#4f5254;font-size:15px}.mini-input{display:flex;align-items:center;gap:8px;max-width:480px;margin:0 auto;padding:6px 6px 6px 16px;border-radius:999px;background:#fff;border:2px solid rgba(25,159,134,.2);box-shadow:0 4px 16px #0000000f}.mini-input input{flex:1;border:0;background:transparent;font-size:14px;outline:none;color:#111318}.mini-input button{width:36px;height:36px;border-radius:50%;border:0;background:#199f86;color:#fff;font-weight:700;font-size:16px}@media (max-width: 600px){.landing-shell--widget{padding:16px}.omni-front{width:calc(100% - 32px)}.path-widget-host[data-path-widget-variant=hero-omni][data-path-widget-state=compact] .widget-entry--hero{gap:14px}.path-widget-host[data-path-widget-variant=hero-omni][data-path-widget-state=compact] .omni-pills{display:grid;grid-template-columns:1fr;gap:10px;overflow:visible;padding:0}.path-widget-host[data-path-widget-variant=hero-omni][data-path-widget-state=compact] .omni-pills button{width:100%;min-height:38px;height:38px;white-space:nowrap}.omni-bar{min-height:126px;height:126px;padding:16px;border-radius:20px}.omni-bar textarea{height:74px;padding:0 46px 0 0;text-align:left;font-size:15px}.omni-bar .attach{left:16px;bottom:13px;width:30px;height:30px}.omni-bar .attach svg{width:16px;height:16px}.omni-bar .attach,.omni-bar .send{border-radius:999px}.omni-bar .send{right:13px;bottom:13px;width:32px;height:32px}.omni-bar .send svg{width:16px;height:16px}.omni-pills{gap:10px}.omni-pills button{height:34px;padding:0 14px;font-size:13px;gap:8px}.omni-pills button svg{width:14px;height:14px}}.shell{height:100dvh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:20px;padding:20px;overflow:hidden}.shell--widget{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.45fr);width:100%;min-width:0;gap:0;padding:0;border-radius:28px;height:100%;min-height:0;overflow:hidden;align-items:stretch;background:#fff;border:1px solid rgba(255,255,255,.72);box-shadow:0 18px 42px #8ba6cf24}.shell--side-floating{position:relative;width:min(1180px,100%);box-shadow:0 30px 90px #2a37423d}.floating-expanded-close{position:absolute;top:14px;right:14px;z-index:12;width:34px;height:34px;border:1px solid rgba(17,19,24,.1);border-radius:999px;display:inline-grid;place-items:center;background:#fffffff0;color:#66737d;font-size:21px;line-height:1;box-shadow:0 10px 26px #2a37421f}.pane{min-height:0;height:calc(100dvh - 40px);border-radius:28px;border:1px solid rgba(17,19,24,.08);background:#fffcf8d1;box-shadow:0 30px 80px #4f361a14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden}.shell--widget .pane{border-radius:0;border:0;height:100%;min-height:0;min-width:0;max-width:100%;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;overflow:hidden;align-self:stretch}.pane--demo{display:flex;flex-direction:column;padding:24px;min-height:0;overflow:hidden}.pane--demo-compact{padding-top:16px}.pane--chat{display:flex;flex-direction:column;min-height:0;overflow:hidden}.shell--widget .pane--demo{display:flex;flex-direction:column;padding:18px;height:100%;min-height:0;overflow-y:auto;overflow-x:hidden}.shell--widget .pane--chat{background:#ffffffe6;border-left:1px solid rgba(221,229,240,.9);height:100%;min-height:0;overflow:hidden}.pane__header,.chat-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.pane__header--compact{justify-content:flex-end;gap:12px;min-height:0}.pane__header--widget-demo{align-items:flex-start;justify-content:space-between;gap:16px;padding:2px 0 4px}.pane__header-actions{display:flex;align-items:center;gap:10px}.eyebrow{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:#7b6246;font-weight:700}h1,h2,h3,p{margin:0}h1,h2{line-height:1;letter-spacing:-.04em}h1{font-size:clamp(28px,3vw,42px)}h2{font-size:24px}.shell--widget h1,.shell--widget h2,.shell--widget h3{font-family:Bricolage Grotesque,sans-serif;letter-spacing:-.03em}.mute-button,.icon-button,.chat-composer button,.send-button,.edit-button,.modal-close{border:0;color:#fff;display:inline-flex;justify-content:center;align-items:center}.mute-button,.icon-button,.chat-composer button,.send-button{border-radius:999px;background:#111318;width:42px;height:42px}.mute-button.is-muted{background:#7b6246}.icon-button.is-active{background:#1c604f;color:#fff}.edit-button,.modal-close{border-radius:999px;height:42px;padding:0 18px;font-weight:600}.edit-button,.modal-close{background:#11131814;color:#111318}.hero-input,.chat-composer{margin-top:20px;border-radius:22px;border:1px solid rgba(17,19,24,.08);background:#ffffffd9;padding:14px;display:flex;flex-direction:column;gap:12px}.hero-input textarea,.chat-composer textarea{width:100%;resize:none;border:0;background:transparent;min-height:56px;outline:none;color:#22262b}.hero-input__actions{display:flex;justify-content:space-between;align-items:center}.chat-composer__actions{display:flex;justify-content:flex-end;gap:10px}.chat-composer__helper{margin:-6px 0 0;color:#6f7b85;font-size:12px;line-height:1.35}.widget-demo-meta{display:grid;gap:6px;max-width:min(620px,100%)}.widget-demo-meta .eyebrow{margin-bottom:0;color:#4aa895;letter-spacing:.14em;font-size:10px}.widget-demo-meta h2{font-size:clamp(18px,2vw,26px);line-height:1.04}.widget-demo-meta__description{color:#5f6b76;font-size:12px;line-height:1.4;max-width:60ch}.shell--widget .edit-button,.shell--widget .modal-close{background:#fffffff2;border:1px solid rgba(17,19,24,.08);box-shadow:0 4px 12px #7890b214}.shell--widget .mute-button,.shell--widget .icon-button,.shell--widget .chat-composer button,.shell--widget .send-button{background:#199f86}.shell--widget .mute-button.is-muted{background:#72808c}.shell--widget .icon-button.is-active{background:#127460}.widget-voice-button{height:48px;padding:0 18px;border:1px solid rgba(74,168,149,.22);border-radius:999px;background:#f4fbf8f5;color:#3f9987;display:inline-flex;align-items:center;gap:10px;font-weight:700;box-shadow:0 6px 18px #8ba6cf14}.widget-voice-button.is-muted{color:#72808c;border-color:#b4c1cf66;background:#ffffffeb}.pane__body{min-height:0;flex:1;display:flex;margin-top:18px;overflow:hidden}.pane__body:has(.stage-viewer--walkthrough){overflow:visible}.pane--demo-compact .pane__body{margin-top:10px}.shell--widget .pane--demo .pane__body{display:flex;flex-direction:column;flex:0 0 auto;height:auto;min-height:0;overflow:visible}.stage-cta{margin-top:14px;border-radius:20px;border:1px solid rgba(17,19,24,.08);background:#ffffffdb;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.shell--widget .stage-cta{background:#ffffffe0;border:1px solid rgba(255,255,255,.7);box-shadow:0 12px 30px #8ba6cf14}.stage-cta__copy{display:grid;gap:6px}.stage-cta__copy h3{font-size:18px;line-height:1.15}.stage-cta__button{border:0;border-radius:999px;background:#111318;color:#fff;height:42px;padding:0 18px;font-weight:600;flex:0 0 auto}.shell--widget .stage-cta__button{background:#111318}.stage-empty,.stage-pending,.generation-stage,.stage-shell{width:100%;min-height:0;border-radius:24px;background:#f9f5efeb;border:1px solid rgba(17,19,24,.08)}.shell--widget .stage-empty,.shell--widget .stage-pending,.shell--widget .stage-shell{background:#ffffffe6;border:1px solid rgba(255,255,255,.7);box-shadow:inset 0 1px #ffffff8c}.shell--widget .stage-empty,.shell--widget .stage-pending,.shell--widget .stage-shell,.shell--widget .generation-stage{height:auto;min-height:0;overflow:visible}.stage-empty,.stage-pending{display:grid;place-items:center;text-align:center;gap:8px;padding:32px;color:#6f5f4f}.generation-stage{display:flex;flex-direction:column;gap:14px;min-height:100%;height:auto;overflow:visible;padding:18px;color:#2a2e33;background:transparent}.shell--widget .generation-stage{padding:16px;background:transparent}.shell--widget .stage-shell{padding:16px;gap:14px}.shell--widget .generation-stage__hero p,.shell--widget .generation-step__copy p,.shell--widget .stage-progress__copy span,.shell--widget .notice,.shell--widget .url-stage__body p,.shell--widget .step-chip span{color:#5f6b76}.shell--widget .stage-progress{padding:10px 14px;background:#edf4ffeb;border:1px solid rgba(195,214,236,.75)}.generation-stage__badge{display:inline-flex;align-items:center;gap:8px;width:fit-content;border-radius:999px;padding:8px 12px;background:#11131814;color:#1f252c;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.generation-browser{overflow:visible;border-radius:26px;background:#f8fbf7;border:1px solid rgba(19,43,37,.1);box-shadow:0 24px 60px #405b5029}.generation-browser__topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border-radius:25px 25px 0 0;background:#18211e;color:#e8f0e9}.generation-browser__traffic{display:inline-flex;gap:6px}.generation-browser__traffic span{width:9px;height:9px;border-radius:999px;background:#ffffff52}.generation-browser__url{min-width:0;border-radius:999px;padding:8px 12px;background:#ffffff1a;color:#ffffffd1;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.generation-browser__status{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:8px 10px;background:#a1dabe2e;color:#d7f3df;font-size:11px;font-weight:800;letter-spacing:.1em}.generation-browser__viewport{position:relative;min-height:430px;overflow:visible;border-radius:0 0 26px 26px;background:radial-gradient(circle at 22% 12%,rgba(108,184,155,.22),transparent 30%),linear-gradient(180deg,#f4f7ef,#eef3e7)}.generation-browser__page{position:absolute;top:24px;right:24px;bottom:24px;left:24px;display:grid;gap:18px;align-content:start;border-radius:22px;padding:28px;background:#ffffffb8;border:1px solid rgba(35,65,51,.08);filter:blur(1.5px);opacity:.82}.generation-browser__hero-line{width:min(76%,460px);height:40px;border-radius:999px;background:linear-gradient(90deg,#1e54423d,#1e544214)}.generation-browser__content{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.generation-browser__content span{min-height:128px;border-radius:20px;background:#385c491f}.generation-browser__content span:first-child{grid-row:span 2}.generation-browser__previews{display:flex;gap:12px}.generation-browser__preview{width:110px;height:74px;border-radius:14px;overflow:hidden;background:#385c491a}.generation-browser__preview img,.generation-browser__preview video{width:100%;height:100%;display:block;object-fit:cover}.generation-card{position:absolute;left:50%;top:50%;z-index:2;width:min(390px,calc(100% - 44px));transform:translate(-50%,-50%);display:grid;gap:14px;border-radius:24px;padding:22px;background:#fffffff0;border:1px solid rgba(35,65,51,.1);box-shadow:0 24px 58px #344e4433}.generation-card__eyebrow{color:#527064;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.generation-card h3{margin:0;color:#18211e;font-size:24px;line-height:1.05;letter-spacing:-.03em}.generation-card p{margin:-4px 0 0;color:#66756d;font-size:13px;font-weight:600;line-height:1.35}.generation-card__bar{overflow:hidden;height:8px;border-radius:999px;background:#24543f1f}.generation-card__bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1c604f,#75b98f);transition:width .42s ease}.generation-card__steps{display:grid;gap:8px}.generation-card__step{display:flex;align-items:center;gap:9px;color:#6d7c72;font-size:13px;font-weight:650}.generation-card__step span{display:grid;place-items:center;width:22px;height:22px;border-radius:999px;background:#24543f14;color:#607469;font-size:11px}.generation-card__step--active{color:#153f32}.generation-card__step--active span,.generation-card__step--done span{background:#1c604f;color:#fff}.generation-stage__controls{display:flex;justify-content:space-between;gap:12px}.generation-stage__controls button{border:1px solid rgba(35,65,51,.12);border-radius:999px;padding:11px 16px;background:#ffffffd1;color:#485d52;font-weight:700;opacity:.7}.generation-stage__preview-strip{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px}.generation-stage__preview{width:148px;height:96px;border-radius:16px;overflow:hidden;border:1px solid rgba(17,19,24,.08);background:#ded6c8;flex:0 0 auto}.generation-stage__preview img,.generation-stage__preview video{width:100%;height:100%;object-fit:cover;display:block}.generation-steps{display:grid;gap:12px;flex:1;min-height:0;overflow-y:auto;padding-right:4px}.generation-step{display:grid;grid-template-columns:12px minmax(0,1fr);gap:14px;align-items:start;padding:14px 16px;border-radius:18px;border:1px solid rgba(17,19,24,.08);background:#ffffffb8}.generation-step__dot{width:12px;height:12px;border-radius:999px;margin-top:4px;background:#1113182e;box-shadow:0 0 0 6px #1113180a}.generation-step--active .generation-step__dot{background:#1c604f;box-shadow:0 0 0 6px #1c604f24}.generation-step--done .generation-step__dot{background:#111318;box-shadow:0 0 0 6px #11131814}.generation-step__copy{display:grid;gap:4px}.generation-step__copy h4{font-size:15px;line-height:1.2}.generation-step__copy p{color:#665746;line-height:1.45}.stage-pending__header{display:flex;align-items:center;gap:8px;font-weight:600}.pending-grid{display:flex;gap:12px;overflow-x:auto;max-width:100%}.pending-thumb{width:140px;height:92px;border-radius:14px;overflow:hidden;background:#ded6c8}.pending-thumb img,.pending-thumb video{width:100%;height:100%;object-fit:cover}.stage-shell{display:flex;flex-direction:column;padding:20px;gap:18px}.stage-progress{display:inline-flex;align-items:flex-start;gap:10px;width:fit-content;max-width:100%;border-radius:999px;padding:11px 15px;background:#ffffffe6;border:1px solid rgba(25,159,134,.16);color:#15201d;font-size:13px;font-weight:600;box-shadow:0 14px 34px #6789a024}.stage-progress__copy{display:grid;gap:2px}.stage-progress__copy strong{font-size:13px;line-height:1.2;letter-spacing:0;text-transform:none}.stage-progress__copy span{color:#5a666f;font-size:12px;font-weight:500;line-height:1.35}.signup-link{border-radius:999px;padding:10px 14px;font-size:13px;font-weight:600}.signup-link{display:inline-flex;align-items:center;gap:8px;text-decoration:none;background:#111318;color:#fff}.stage-viewer{min-height:360px;border-radius:22px;overflow:visible;background:linear-gradient(180deg,#f7efe3,#ece1d0);border:1px solid rgba(17,19,24,.08)}.stage-viewer--walkthrough{background:#fff;border-color:#11131814;width:min(88%,980px);margin:0 auto}.shell--widget .stage-viewer{width:100%;max-width:100%;height:auto;min-height:0;background:linear-gradient(180deg,#f8fbff,#eef5ff);border:1px solid rgba(255,255,255,.72);box-shadow:0 16px 36px #8ba6cf1f;aspect-ratio:16 / 9;overflow:visible}.shell--widget .stage-viewer--walkthrough{background:#fff;aspect-ratio:auto;width:min(88%,980px);height:auto;overflow:visible}.walkthrough-stage{display:flex;flex-direction:column;min-height:360px;height:auto;background:#fff;color:#111318;border-radius:22px;overflow:visible}.shell--widget .walkthrough-stage{min-height:0;height:auto}.walkthrough-stage__chrome{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 18px;border-bottom:1px solid rgba(17,19,24,.08);background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.walkthrough-stage__traffic{display:flex;align-items:center;gap:6px}.walkthrough-stage__traffic span{width:10px;height:10px;border-radius:999px}.walkthrough-stage__traffic span:nth-child(1){background:#ff6e6e}.walkthrough-stage__traffic span:nth-child(2){background:#fc6}.walkthrough-stage__traffic span:nth-child(3){background:#45d483}.walkthrough-stage__origin{flex:1 1 180px;min-width:0;border-radius:999px;padding:8px 12px;border:1px solid rgba(17,19,24,.08);background:#ffffffc7;color:#4f5a63;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.walkthrough-stage__badge{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:8px 12px;background:#4aa8951f;border:1px solid rgba(74,168,149,.18);color:#327767;font-size:12px;font-weight:700}.walkthrough-stage__intro{display:none;gap:4px;padding:14px 18px 0;text-align:left}.walkthrough-stage__intro h3{margin:0;color:#182027;font-size:16px;line-height:1.15;letter-spacing:-.02em}.walkthrough-stage__intro p{margin:0;color:#5f6b76;font-size:12px;font-weight:600;line-height:1.4}.walkthrough-stage__canvas{position:relative;padding:18px 18px 0;overflow:visible}.walkthrough-stage__media{position:relative;overflow:hidden;border-radius:20px;border:1px solid rgba(17,19,24,.1);background:#fff;aspect-ratio:16 / 9;box-shadow:inset 0 1px #ffffffb8,0 18px 38px #8c75541f}.walkthrough-stage__media.has-focus-zoom>img{transform:scale(1.08);transform-origin:var(--focus-x, 50%) var(--focus-y, 50%)}.walkthrough-stage__media.is-intro{background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.08),transparent 34%),linear-gradient(90deg,#151515,#202020 42%,#fff 42%,#fff)}.walkthrough-stage__media.is-outro{background:radial-gradient(circle at 26% 24%,rgba(255,255,255,.18),transparent 36%),linear-gradient(90deg,rgba(var(--walkthrough-accent-rgb, 61, 53, 211),.74),rgba(var(--walkthrough-accent-rgb, 61, 53, 211),.58) 42%,#fff 42%,#fff)}.walkthrough-intro-slide{height:100%;display:grid;grid-template-columns:minmax(230px,.46fr) minmax(0,.54fr);color:#fff}.walkthrough-intro-slide__copy{display:grid;align-content:center;gap:22px;padding:clamp(28px,4vw,56px);background:linear-gradient(90deg,#0000003d,#0000)}.walkthrough-intro-slide.is-outro .walkthrough-intro-slide__copy{background:linear-gradient(90deg,#0a10182e,#0a101800)}.walkthrough-intro-slide__mark{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:#fff;color:#111318;font-family:Bricolage Grotesque,sans-serif;font-size:26px;font-weight:850;box-shadow:0 16px 38px #0000003d}.walkthrough-intro-slide__copy h3{max-width:11ch;color:#fff;font-family:Bricolage Grotesque,sans-serif;font-size:clamp(30px,4.6vw,58px);line-height:1.04;letter-spacing:0}.walkthrough-intro-slide__copy p{max-width:30ch;color:#ffffffd1;font-size:clamp(16px,1.7vw,24px);font-weight:500;line-height:1.45}.walkthrough-intro-slide__copy button{width:fit-content;min-width:132px;height:48px;border:0;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--walkthrough-accent, #3d35d3);color:var(--walkthrough-accent-contrast, #ffffff);font-size:15px;font-weight:800}.walkthrough-intro-slide.is-outro .walkthrough-intro-slide__copy button{background:#f2ff3a;color:#111318}.walkthrough-intro-slide__screenshot{min-width:0;display:flex;align-items:center;overflow:hidden}.walkthrough-intro-slide__screenshot img{width:118%;height:78%;max-width:none;object-fit:cover;object-position:left center;border-radius:18px 0 0 18px;box-shadow:0 24px 70px #00000047}.walkthrough-stage__overlay{position:absolute;top:18px;right:18px;bottom:0;left:18px;z-index:8;pointer-events:none;overflow:visible}.walkthrough-target-highlight{position:absolute;z-index:1;border-radius:12px;border:0;background:transparent;box-shadow:0 0 0 0 transparent,0 0 0 transparent;pointer-events:none}.walkthrough-callout-anchor{position:absolute;left:var(--hotspot-x);top:var(--hotspot-y);width:42px;height:2px;transform:translateY(-50%);background:transparent;transform-origin:left center}.walkthrough-callout-anchor.is-callout-left{transform:translate(-100%,-50%) rotate(180deg)}.walkthrough-stage__media img{width:100%;height:100%;display:block;object-fit:contain;background:#fff;transition:transform .22s ease}.walkthrough-stage__media .walkthrough-intro-slide__screenshot img{width:118%;height:78%;max-width:none;object-fit:cover;object-position:left center;border-radius:18px 0 0 18px;box-shadow:0 24px 70px #00000047}.walkthrough-stage__placeholder{height:100%;display:grid;place-items:center;padding:28px;background:#fff}.walkthrough-stage__placeholder-card{width:min(100%,560px);display:grid;gap:14px;padding:24px;border-radius:20px;border:1px solid rgba(17,19,24,.08);background:#fffffff0;box-shadow:0 22px 48px #8c755424}.walkthrough-stage__placeholder-eyebrow{color:#6a5640;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.walkthrough-stage__placeholder-card h3{font-size:24px;line-height:1.02}.walkthrough-stage__placeholder-card p{color:#55616d;line-height:1.58}.walkthrough-stage__placeholder-card a{display:inline-flex;align-items:center;gap:8px;color:#327767;font-weight:700;text-decoration:none}.walkthrough-stage__placeholder-actions{display:flex;flex-wrap:wrap;gap:10px}.walkthrough-stage__placeholder-action{border:1px solid rgba(74,168,149,.22);background:#4aa8951f;color:#185549;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:700}.walkthrough-hotspot{position:absolute;z-index:2;transform:translate(-50%,-50%);background:transparent;border:0;outline:0;cursor:pointer}.walkthrough-hotspot__glow,.walkthrough-hotspot__pulse,.walkthrough-hotspot__dot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:999px}.walkthrough-hotspot__glow{width:64px;height:64px;background:rgba(var(--walkthrough-accent-rgb, 61, 53, 211),.2);filter:blur(12px)}.walkthrough-hotspot__pulse{width:42px;height:42px;border:4px solid rgba(var(--walkthrough-accent-rgb, 61, 53, 211),.22);animation:walkthrough-hotspot-pulse 1.8s ease-out infinite}.walkthrough-hotspot__dot{display:grid;place-items:center;width:22px;height:22px;border:4px solid #ffffff;background:var(--walkthrough-accent, #3d35d3);color:transparent;font-size:0;font-weight:850;line-height:1;box-shadow:0 0 0 6px rgba(var(--walkthrough-accent-rgb, 61, 53, 211),.18),0 0 22px rgba(var(--walkthrough-accent-rgb, 61, 53, 211),.42)}.walkthrough-hotspot__label{position:absolute;left:50%;bottom:calc(100% + 14px);transform:translate(-50%);min-width:84px;max-width:min(190px,34vw);white-space:normal;border-radius:14px;padding:7px 10px;background:#fffbf6f5;border:1px solid rgba(17,19,24,.08);color:#182027;font-size:11px;font-weight:700;line-height:1.35;text-align:left;box-shadow:0 10px 24px #8c755429;opacity:1;pointer-events:none;transition:box-shadow .16s ease}.walkthrough-hotspot.is-primary{z-index:4}.walkthrough-hotspot.is-primary .walkthrough-hotspot__label{display:none}.walkthrough-callout{position:absolute;left:calc(var(--hotspot-x) + 34px);top:calc(var(--hotspot-y) - 52px);display:grid;gap:14px;width:min(300px,34vw);padding:18px 20px 16px;border-radius:20px;border:0;background:var(--walkthrough-accent, #3d35d3);color:var(--walkthrough-accent-contrast, #ffffff);text-align:left;box-shadow:0 18px 44px rgba(var(--walkthrough-accent-rgb, 61, 53, 211),.24);pointer-events:auto}.walkthrough-callout.is-callout-left{left:auto;right:calc(100% - var(--hotspot-x) + 36px)}.walkthrough-callout:before{content:"";position:absolute;left:-7px;top:48px;width:14px;height:14px;transform:translateY(-50%) rotate(45deg);background:var(--walkthrough-accent, #3d35d3);border-left:0;border-bottom:0}.walkthrough-callout.is-callout-left:before{left:auto;right:-7px;border-left:0;border-bottom:0;border-right:0;border-top:0}.walkthrough-callout__step{width:fit-content;border-radius:999px;padding:4px 7px;background:#f15d2a1f;color:#bf451f;font-size:10px;font-weight:800;line-height:1}.walkthrough-callout__title{font-size:13px;font-weight:800;line-height:1.12}.walkthrough-callout__text{color:var(--walkthrough-accent-contrast, #ffffff);font-size:clamp(14px,1.15vw,17px);font-weight:500;line-height:1.34}.walkthrough-callout__actions{display:flex;justify-content:flex-end;gap:10px}.walkthrough-callout__actions button{width:42px;height:42px;border:0;border-radius:11px;display:inline-grid;place-items:center;background:#ffffff29;color:var(--walkthrough-accent-contrast, #ffffff)}.walkthrough-callout__actions button:last-child{background:#fff;color:#111318}.walkthrough-callout__actions button:disabled{opacity:.42;cursor:not-allowed}.walkthrough-hotspot:hover .walkthrough-hotspot__label,.walkthrough-hotspot:focus-visible .walkthrough-hotspot__label{box-shadow:0 12px 28px #8c75543d}.walkthrough-hotspot.is-fallback .walkthrough-hotspot__glow{background:#46d7c247}.walkthrough-hotspot.is-fallback .walkthrough-hotspot__dot{background:#46d7c2;box-shadow:0 0 0 5px #46d7c233,0 0 24px #46d7c299}.walkthrough-stage__panel{display:grid;gap:14px;padding:18px 18px 22px;text-align:left;border-top:1px solid rgba(17,19,24,.07);background:#fff;border-radius:0 0 22px 22px;flex:0 0 auto;position:relative;z-index:3}.walkthrough-stage__topline{display:grid;gap:10px}.walkthrough-stage__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.walkthrough-stage__pill{display:inline-flex;align-items:center;border-radius:999px;padding:9px 13px;background:#ffffffb8;border:1px solid rgba(17,19,24,.08);color:#44505c;font-size:12px;font-weight:800;line-height:1.4}.walkthrough-stage__progress{overflow:hidden;height:7px;border-radius:999px;background:#11131814}.walkthrough-stage__progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--walkthrough-accent, #3d35d3),#4aa895);transition:width .22s ease}.walkthrough-stage__summary{flex:1 1 260px;display:grid;gap:6px}.walkthrough-stage__summary h3{font-size:26px;line-height:1.05}.walkthrough-stage__summary p{color:#55616d;line-height:1.58}.walkthrough-stage__sound{width:34px;height:34px;border-radius:999px;border:1px solid rgba(17,19,24,.08);background:#ffffffd1;color:#3a9381;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 18px #8c75541f}.walkthrough-stage__sound.is-muted{color:#7b8792}.walkthrough-stage__sound.is-playing{box-shadow:0 8px 18px #8c75541f,0 0 0 4px #4aa89524}.walkthrough-stage__steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:10px}.walkthrough-step-chip{min-width:0;justify-content:flex-start;gap:9px;border:1px solid rgba(17,19,24,.08);background:#ffffffd1;color:#5b6671;border-radius:16px;padding:10px 11px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;text-align:left}.walkthrough-step-chip.is-active{border-color:#4aa8953d;background:#4aa8952e;color:#185549}.walkthrough-step-chip__number{display:grid;place-items:center;flex:0 0 auto;width:26px;height:26px;border-radius:999px;background:#11131814;color:#53606a;font-size:12px;font-weight:850}.walkthrough-step-chip.is-active .walkthrough-step-chip__number{background:var(--walkthrough-accent, #3d35d3);color:var(--walkthrough-accent-contrast, #ffffff)}.walkthrough-step-chip__copy{display:grid;min-width:0;gap:2px}.walkthrough-step-chip__copy strong,.walkthrough-step-chip__copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.walkthrough-step-chip__copy strong{color:#1d2730;font-size:12px}.walkthrough-step-chip__copy small{color:#6a747d;font-size:11px;font-weight:600}.walkthrough-stage__controls{display:flex;flex-wrap:wrap;gap:12px;margin-left:auto}.walkthrough-control{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:11px 16px;border:1px solid rgba(17,19,24,.1);background:#ffffffdb;color:#1d2730;font-size:13px;font-weight:700}.walkthrough-control--primary{border-color:transparent;background:var(--walkthrough-accent, #3d35d3);color:var(--walkthrough-accent-contrast, #ffffff)}.walkthrough-control:disabled{opacity:.4;cursor:not-allowed}.shell--widget .walkthrough-stage__chrome{padding:12px 14px;gap:10px}.shell--widget .walkthrough-stage__canvas{padding:12px;margin-bottom:0}.shell--widget .walkthrough-stage__overlay{top:14px;right:14px;bottom:0;left:14px}.shell--widget .walkthrough-stage__media{border-radius:16px}.shell--widget .walkthrough-intro-slide__copy{gap:14px;padding:clamp(20px,2.5vw,34px)}.shell--widget .walkthrough-intro-slide__mark{width:46px;height:46px;border-radius:14px;font-size:21px}.shell--widget .walkthrough-intro-slide__copy h3{max-width:13ch;font-size:clamp(24px,2.8vw,38px);line-height:1.02}.shell--widget .walkthrough-intro-slide__copy p{max-width:27ch;font-size:clamp(13px,1.2vw,16px);line-height:1.38}.shell--widget .walkthrough-intro-slide__copy button{min-width:114px;height:40px;border-radius:11px;font-size:13px}.shell--widget .walkthrough-callout{width:min(280px,27vw);gap:11px;padding:14px 16px 13px;border-radius:17px;box-shadow:0 14px 34px rgba(var(--walkthrough-accent-rgb, 61, 53, 211),.22)}.shell--widget .walkthrough-callout__text{font-size:clamp(13px,.95vw,15px);font-weight:600;line-height:1.34}.shell--widget .walkthrough-callout__actions{gap:8px}.shell--widget .walkthrough-callout__actions button{width:34px;height:34px;border-radius:10px}.shell--widget .walkthrough-hotspot__glow{width:54px;height:54px}.shell--widget .walkthrough-hotspot__pulse{width:34px;height:34px;border-width:3px}.shell--widget .walkthrough-hotspot__dot{width:18px;height:18px;border-width:3px;box-shadow:0 0 0 5px rgba(var(--walkthrough-accent-rgb, 61, 53, 211),.16),0 0 18px rgba(var(--walkthrough-accent-rgb, 61, 53, 211),.34)}.shell--widget .walkthrough-stage__panel{gap:10px;padding:12px 14px 14px}.shell--widget .walkthrough-stage__panel h3{font-size:20px}.shell--widget .walkthrough-stage__placeholder,.shell--widget .walkthrough-stage__placeholder-card{padding:18px}@keyframes walkthrough-hotspot-pulse{0%{transform:translate(-50%,-50%) scale(.75);opacity:.88}70%{transform:translate(-50%,-50%) scale(1.7);opacity:0}to{transform:translate(-50%,-50%) scale(1.7);opacity:0}}.image-stage,.url-stage{position:relative;width:100%;height:100%;min-height:360px}.shell--widget .image-stage,.shell--widget .url-stage{width:100%;max-width:100%;height:auto;min-height:0;aspect-ratio:16 / 9;overflow:hidden}.image-stage img{width:100%;height:100%;object-fit:contain;display:block}.shell--widget .image-stage img{max-width:100%;height:auto;object-fit:contain}.hotspot-dot{position:absolute;z-index:2;width:22px;height:22px;margin-left:-11px;margin-top:-11px;border:3px solid rgba(255,255,255,.95);border-radius:999px;background:#e34135;box-shadow:0 10px 28px #0000003d;outline:0}.hotspot-dot span{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%);white-space:nowrap;border-radius:999px;padding:6px 8px;background:#111318e6;color:#fff;font-size:11px;font-weight:700}.hotspot-dot:hover,.hotspot-dot:focus-visible{transform:scale(1.08)}.frame-overlay{position:absolute;left:20px;right:20px;bottom:18px;z-index:1;display:grid;gap:8px;padding:16px 18px;border-radius:18px;background:linear-gradient(180deg,#111318c7,#111318e6);color:#fff;box-shadow:0 18px 36px #0003}.shell--widget .frame-overlay{left:16px;right:16px;bottom:16px}.frame-overlay--url{left:28px;right:28px;bottom:28px}.frame-overlay__eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#ffffffb8}.stage-nav{display:flex;align-items:center;justify-content:space-between;gap:12px}.stage-nav--generating{justify-content:center}.stage-nav__button{border:1px solid rgba(17,19,24,.12);background:#fff;color:#111318;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:700}.stage-nav__button:disabled{opacity:.4}.stage-nav__status{font-size:13px;font-weight:600;color:#5b5f69}.frame-overlay h3{font-size:20px;line-height:1.05}.frame-overlay p{color:#ffffffdb;line-height:1.45}.url-stage{padding:28px}.url-stage__browser{width:100%;height:100%;border-radius:20px;overflow:hidden;background:#fff;border:1px solid rgba(17,19,24,.08)}.shell--widget .url-stage__browser{border:1px solid rgba(221,229,240,.9);box-shadow:0 10px 24px #8ba6cf1a}.url-stage__chrome{height:42px;display:flex;align-items:center;gap:8px;padding:0 16px;background:#f2f4f7;border-bottom:1px solid rgba(17,19,24,.08)}.url-stage__chrome span{width:10px;height:10px;border-radius:999px;background:#d0d4db}.url-stage__body{padding:24px;display:grid;gap:14px}.url-stage__body p,.step-chip span,.notice{color:#5c4d3d}.url-stage__body a{color:#1c604f;word-break:break-all}.notice-stack{display:grid;gap:10px}.notice{border-radius:16px;padding:12px 14px;background:#7a61441a}.shell--widget .notice{background:#edf4ffe6;border:1px solid rgba(195,214,236,.7)}.step-list{display:flex;gap:10px;overflow-x:auto}.step-chip{min-width:132px;border:1px solid rgba(17,19,24,.08);border-radius:999px;background:#fff;padding:8px 12px 8px 8px;display:inline-flex;align-items:center;gap:10px;text-align:left}.shell--widget .step-chip{background:#fffffff5;border:1px solid rgba(221,229,240,.9);min-width:186px;border-radius:20px}.step-chip.is-active{border-color:#1c604f57;background:#e8f5f1f5}.shell--widget .step-chip.is-active{border-color:#199f8647;background:#ecf9f6fa}.step-chip__thumb,.step-chip__index{width:40px;height:40px;border-radius:999px;flex:0 0 auto}.step-chip__thumb{object-fit:cover;border:1px solid rgba(17,19,24,.08)}.step-chip__index{display:inline-flex;align-items:center;justify-content:center;background:#11131814;font-weight:700;color:#574838}.step-chip strong{font-size:13px;line-height:1.2}.chat-header{padding:24px 24px 18px;border-bottom:1px solid rgba(17,19,24,.08);flex:0 0 auto}.shell--widget .chat-header{padding:20px 20px 16px;border-bottom:1px solid rgba(221,229,240,.9);background:#ffffffb3}.chat-header--widget{display:flex;align-items:center}.widget-chat-head{display:flex;align-items:center;gap:14px}.widget-chat-head__avatar{width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,#5bc5ae,#4aa895);display:grid;place-items:center;color:#fff;font-family:Bricolage Grotesque,sans-serif;font-size:22px;font-weight:700;box-shadow:0 10px 24px #5bc5ae38}.widget-chat-head__copy{display:grid;gap:4px}.widget-chat-head__copy h2{font-size:22px;line-height:1}.widget-chat-head__copy .chat-subtitle{margin-top:0;font-size:13px}.chat-subtitle{margin-top:10px;font-size:13px;color:#7b6246}.shell--widget .chat-subtitle,.shell--widget .message__meta,.shell--widget .inline-field__hint,.shell--widget .inline-capture__skip{color:#72808c}.chat-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:20px 20px 8px;display:flex;flex-direction:column;gap:16px;text-align:left}.shell--widget .chat-body{padding:18px 16px 10px;gap:18px}.message{display:grid;gap:6px}.message-block{display:grid;gap:8px}.message--user{justify-items:end}.message__meta{font-size:12px;color:#8d7a64}.message__bubble{max-width:90%;border-radius:18px;padding:14px 16px;line-height:1.55;background:#ffffffdb;border:1px solid rgba(17,19,24,.07);text-align:left;overflow-wrap:anywhere;word-break:normal}.shell--widget .message__bubble{max-width:100%;background:#fffffff2;border:1px solid rgba(221,229,240,.88);box-shadow:0 6px 16px #8ba6cf14;border-radius:20px;padding:16px 18px;font-size:14px;line-height:1.6}.message--generation-stage .message__bubble{width:fit-content;padding:8px;border-radius:999px;background:#ffffffc7}.generation-message-pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;color:#53616b;font-size:12px;font-weight:750;line-height:1}.generation-message-pill span{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#11131814;color:#45515b;font-size:11px}.message--generation-stage .message__bubble:has(.generation-message-pill--active){border-color:#199f8657;background:#ecf9f6f5}.generation-message-pill--active{color:#137664}.generation-message-pill--active span,.generation-message-pill--done span{background:#199f86;color:#fff}.generation-message-pill--done{color:#1f6356}.demo-complete-message{display:grid;gap:12px}.demo-complete-message__cta{width:fit-content;display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:10px 14px;background:#111318;color:#fff;text-decoration:none;font-size:13px;font-weight:750;line-height:1}.demo-complete-message__cta:hover,.demo-complete-message__cta:focus-visible{background:#199f86}.chat-studio-cta{position:sticky;bottom:0;z-index:4;display:grid;gap:12px;margin:0 16px 12px;padding:14px;border-radius:20px;border:1px solid rgba(17,19,24,.08);background:#fffffff0;box-shadow:0 16px 34px #6789a02e;text-align:left}.chat-studio-cta h3{margin:0;color:#1d2730;font-size:15px;line-height:1.2}.chat-studio-cta p{margin:3px 0 0;color:#66737d;font-size:12px;line-height:1.35}.chat-studio-cta a{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:11px 14px;background:#111318;color:#fff;text-decoration:none;font-size:13px;font-weight:800}.suggestion-row{display:flex;flex-wrap:wrap;gap:8px;padding-left:4px}.suggestion-row button{min-width:0;border:1px solid rgba(25,159,134,.18);border-radius:999px;background:#ffffffdb;color:#137664;padding:7px 11px;font-size:12px;font-weight:700;line-height:1.1;white-space:nowrap}.suggestion-row button:hover,.suggestion-row button:focus-visible{background:#199f861f}.message--user .message__bubble{background:#111318;color:#fff}.shell--widget .message--user .message__bubble{background:#f5f8f7f2;color:#2b333b;border-color:#dde5f0e0}.inline-capture{display:grid;gap:10px;max-width:min(100%,420px);border-radius:0 0 18px 18px;padding:0 0 0 46px;background:transparent;border:0}.shell--widget .inline-capture{background:transparent;border:0;box-shadow:none;border-radius:0;padding:0 0 0 46px}.inline-capture--subtle{background:transparent;border-color:transparent;gap:8px;padding:0 0 0 46px;border-radius:0}.shell--widget .inline-capture--subtle{background:transparent;border-color:transparent;padding:0 0 0 46px;border-radius:0;box-shadow:none}.inline-capture__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.inline-capture--subtle .inline-capture__header h3{font-size:13px}.inline-capture__skip{border:0;background:transparent;color:#7b6246;font-size:12px;font-weight:600;padding:0}.inline-field{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:10px;border-radius:18px;background:#ffffffdb;border:1px solid rgba(17,19,24,.08);box-shadow:0 10px 22px #6789a01a}.inline-field__stack{display:grid;gap:6px}.inline-field input{border-radius:14px;border:1px solid rgba(17,19,24,.1);padding:11px 13px;background:#fff;width:100%}.inline-capture--subtle .inline-field input{padding:10px 12px}.inline-capture--subtle .inline-field__hint{display:block}.inline-field__hint{font-size:12px;color:#7b6246;line-height:1.35}.inline-field__hint strong{color:#574838}.inline-field button{border:0;border-radius:999px;padding:10px 14px;background:#1c604f;color:#fff;font-size:12px;font-weight:750;line-height:1}.inline-field__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.inline-field .inline-field__secondary{background:transparent;color:#66737d;padding-inline:8px}.chat-composer{margin:0;border-radius:0;border:0;border-top:1px solid rgba(17,19,24,.08);flex:0 0 auto}.shell--widget .chat-composer{background:#ffffffc2;border-top:1px solid rgba(221,229,240,.9);padding:14px 16px}.shell--widget .chat-composer textarea,.shell--widget .hero-input textarea{color:#28323a}.shell--widget .chat-composer textarea{min-height:40px;max-height:80px}.shell--widget .signup-link{background:#111318;box-shadow:0 10px 24px #0000001f}.chat-composer button:disabled,.send-button:disabled{opacity:.5;cursor:default}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1113186b;display:grid;place-items:center;padding:24px;z-index:20}.signup-modal{width:min(420px,100%);border-radius:24px;background:#fffcf8fa;border:1px solid rgba(17,19,24,.08);box-shadow:0 24px 60px #11131833;padding:24px;display:grid;gap:14px}.signup-modal p:last-of-type{line-height:1.55;color:#5c4d3d}.signup-modal__actions{display:flex;gap:10px;flex-wrap:wrap}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1080px){.shell{grid-template-columns:1fr;height:auto;min-height:100dvh;overflow:auto}.pane{min-height:auto;height:auto}.stage-cta{align-items:flex-start;flex-direction:column}}@media (max-width: 900px){.shell--widget{grid-template-columns:1fr}.shell--side-floating{width:100%}.floating-expanded-close{top:10px;right:10px}.floating-path-widget{border-radius:24px}.generation-stage{padding:12px}.generation-browser__topbar{grid-template-columns:auto minmax(0,1fr)}.generation-browser__status{grid-column:1 / -1;width:fit-content}.generation-browser__viewport{min-height:380px}.generation-browser__page{top:16px;right:16px;bottom:16px;left:16px;padding:20px}.generation-card{width:min(340px,calc(100% - 28px));padding:18px}.generation-card h3{font-size:21px}.walkthrough-callout,.walkthrough-callout.is-callout-left{left:50%;right:auto;top:calc(var(--hotspot-y) + 28px);width:min(220px,78vw);transform:translate(-50%)}.walkthrough-callout-anchor,.walkthrough-callout-anchor.is-callout-left{left:var(--hotspot-x);top:var(--hotspot-y);width:2px;height:28px;transform:translate(-50%);background:transparent}.walkthrough-callout:before,.walkthrough-callout.is-callout-left:before{left:50%;right:auto;top:-7px;transform:translate(-50%) rotate(45deg);border:0;border-left:1px solid rgba(17,19,24,.1);border-top:1px solid rgba(17,19,24,.1)}.walkthrough-stage__steps,.walkthrough-stage__controls{margin-left:0}.walkthrough-stage__steps{grid-template-columns:1fr}.stage-viewer--walkthrough,.shell--widget .stage-viewer--walkthrough{width:100%}.walkthrough-intro-slide{grid-template-columns:1fr}.walkthrough-intro-slide__copy{min-height:45%;padding:26px}.walkthrough-intro-slide__copy h3{max-width:14ch;font-size:30px}.walkthrough-intro-slide__copy p{font-size:15px}.walkthrough-intro-slide__screenshot{min-height:55%;align-items:start}.walkthrough-intro-slide__screenshot img{width:100%;height:100%;border-radius:0}}