/* Lookout 0.2.1. Native reference: 660px open island; 400 × 46px bar. */
[data-native-preview],#demo-content{container-type:inline-size;width:100%}
.np-island,.np-bar{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:-.02em;font-weight:400;line-height:1.35;color:#ebebeb;background:#080808;--np-muted:#a4a4a4;--np-inset:#ffffff06;--np-line:#ffffff12;--np-selection:#ffffff24;--np-accent:#d97757;--np-green:#34c759;box-sizing:border-box}
.np-island *,.np-bar *{box-sizing:border-box}
.np-island{width:100%;border-radius:3.33cqw;padding:1.8cqw 2.4cqw 1.2cqw;border:1px solid #ffffff21;box-shadow:0 14px 40px #181a1825;container-type:inline-size;text-align:left}
.np-icon{width:2.1cqw;height:2.1cqw;stroke:currentColor;fill:none;stroke-width:1.5;flex-shrink:0}
.np-header{min-height:6.4cqw;display:flex;align-items:center;gap:.8cqw;white-space:nowrap;font-size:1.8cqw;line-height:1}
.np-all,.np-provider{width:4.55cqw;height:4.55cqw;border:0;border-radius:50%;display:grid;place-items:center;color:var(--np-muted);flex-shrink:0;background:#ffffff06}
.np-providers{display:flex;gap:.75cqw;align-items:center}
.np-provider{padding:.9cqw}.np-provider img{width:100%;height:100%;object-fit:contain}.np-provider.selected{background:var(--np-selection)}
.np-divider{height:3cqw;width:1px;background:var(--np-line);margin-inline:.2cqw;flex-shrink:0}
.np-tabs{display:flex;padding:.35cqw;background:var(--np-inset);border:1px solid var(--np-line);border-radius:8cqw;color:var(--np-muted);font-weight:600;font-size:1.8cqw}
.np-tabs>span,.np-tabs>button{padding:1.1cqw 1.25cqw;border:0;background:none;font:inherit;color:inherit;line-height:1}
.np-tabs .on{border-radius:6cqw;background:var(--np-selection);color:#efefef}
.np-header-tools{display:flex;align-items:center;gap:1.2cqw;margin-left:auto;color:var(--np-muted);font-size:2.3cqw}
.np-usage{font-size:1.65cqw;background:var(--np-inset);padding:.9cqw 1.1cqw;border:1px solid var(--np-line);border-radius:5cqw}
.np-settings-tools{display:flex;align-items:center;gap:1.5cqw;color:var(--np-muted);margin-left:auto}
.np-body{padding:1.3cqw .6cqw 0}.np-hero{min-height:9.4cqw}.np-caption{font-size:1.8cqw;color:var(--np-muted);font-weight:600}
.np-island .np-hero h3{display:flex;align-items:center;gap:1.3cqw;font-size:3.65cqw;line-height:1.2;letter-spacing:-.07cqw;font-weight:600;margin:1cqw 0 .4cqw;color:inherit}
.np-island .np-folder{font-size:1.85cqw;color:var(--np-muted);margin:0;line-height:1.5}
.np-dot{display:inline-block;width:1cqw;height:1cqw;border-radius:50%;background:var(--np-green);flex-shrink:0}
.np-composer{border:1px solid #ffffff30;border-radius:1.6cqw;background:var(--np-inset);padding:1.5cqw;margin-top:1.5cqw}
.np-prompt,.np-composer textarea,.np-custom textarea{font-family:ui-monospace,SFMono-Regular,monospace;font-size:1.95cqw;color:inherit;line-height:1.5;display:block;width:100%;min-height:5.1cqw;resize:vertical;background:none;border:0;padding:0;margin:0;outline:none}
.np-prompt,.np-composer textarea::placeholder,.np-custom textarea::placeholder{color:var(--np-muted)}
.np-composer:focus-within,.np-custom:focus-within{border-color:var(--np-accent);box-shadow:0 0 0 1px var(--np-accent)}
.np-input-tools{display:flex;align-items:center;justify-content:space-between;margin-top:1.2cqw;min-height:4cqw}
.np-input-tools>span{display:flex;align-items:center;gap:1.7cqw;font-size:1.6cqw;color:var(--np-muted)}
.np-primary{display:inline-block;border:0;border-radius:1cqw;padding:1cqw 1.8cqw;background:var(--np-accent);color:#17120e;font:600 1.85cqw/1.3 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;text-align:center;flex-shrink:0}
.np-composer-tools{display:flex;align-items:center;gap:2.1cqw;min-height:4.3cqw;white-space:nowrap;color:var(--np-muted);font-size:1.8cqw;padding:.7cqw 0}
.np-composer-tools>span{display:flex;align-items:center;gap:.7cqw}.np-option-spacer{flex:1}.np-model{background:var(--np-inset);border:1px solid var(--np-line);padding:.6cqw 1cqw;border-radius:5cqw}
.np-section-label{display:flex;gap:1.2cqw;align-items:center;font-size:1.85cqw;font-weight:600;padding:1.5cqw 0 1cqw}
.np-section-label b{font-size:1.65cqw;background:var(--np-selection);border-radius:3cqw;padding:.1cqw .8cqw;font-weight:500}
.np-section-label>span{font-size:1.7cqw;font-weight:400;color:var(--np-muted)}
.np-list{background:var(--np-inset);border:1px solid var(--np-line);border-radius:1.8cqw;padding:.4cqw 1.6cqw}
.np-live-row{display:flex;align-items:center;gap:1.5cqw;min-height:8.2cqw}
.np-live-row strong{display:block;font-size:1.95cqw;font-weight:600}.np-live-row small{display:block;color:var(--np-muted);font-family:ui-monospace,monospace;font-size:1.7cqw;margin-top:.6cqw}.np-row-meta{margin-left:auto;color:var(--np-muted);font-size:1.8cqw}
.np-island p.np-empty{font-size:1.8cqw;color:var(--np-muted);line-height:1.5;margin:0;padding:2cqw 0}
.np-search{display:grid;grid-template-columns:1fr 2.5fr;gap:2cqw;font-size:1.8cqw;align-items:center;margin:.5cqw 0 1.2cqw}
.np-search>span{display:flex;align-items:center;gap:.8cqw;white-space:nowrap}.np-search>span+span{color:var(--np-muted);padding:.9cqw 1.3cqw;border:1px solid var(--np-line);background:var(--np-inset);border-radius:1.2cqw}
.np-recent>div{display:flex;align-items:center;justify-content:space-between;gap:1.5cqw;min-height:6.1cqw;font-size:1.85cqw}.np-recent>div+div{border-top:1px solid var(--np-line)}.np-recent small{color:var(--np-muted);font-size:1.6cqw;white-space:nowrap}
.np-bottom,.np-close-strip{display:flex;align-items:center;justify-content:center;position:relative;min-height:6.7cqw;margin-top:1cqw;color:var(--np-muted)}
.np-version{position:absolute;left:.6cqw;font-size:1.6cqw}.np-collapse{background:var(--np-selection);border:1px solid var(--np-line);border-radius:5cqw;display:grid;place-items:center;color:inherit;width:6.5cqw;height:4.5cqw;padding:0}.np-collapse .np-icon{width:2.4cqw;height:2.4cqw}.np-close-strip .np-collapse{background:none;border:0}.np-close-strip{min-height:3.5cqw;margin-top:1.5cqw}
.np-wing{display:flex;align-items:center;gap:1.3cqw;min-height:6.8cqw;padding-inline:.6cqw}.np-wing strong{display:block;font-size:1.95cqw;font-weight:600}.np-wing small{display:block;color:var(--np-muted);font-size:1.7cqw;margin-top:.3cqw}
.np-session-glyph{width:3.5cqw;height:3.5cqw;display:grid;place-items:center;color:#f5a524;border:1px solid currentColor;border-radius:50%;font-size:2cqw;flex-shrink:0}.np-session-glyph.complete{color:var(--np-green)}
.np-request{padding-top:1.5cqw}.np-island h3.np-tool-title{font-size:2cqw;font-weight:600;line-height:1.3;letter-spacing:0;color:var(--np-accent);margin:0 0 1.2cqw}
.np-command{font:2cqw/1.5 ui-monospace,SFMono-Regular,monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--np-inset);border:1px solid var(--np-line);padding:2.1cqw;border-radius:1.4cqw;margin:0 0 1.5cqw;color:inherit}.np-command code{font:inherit;color:inherit;background:none;padding:0}
.np-island p.np-permission-question{font-size:2cqw;line-height:1.5;margin:1.3cqw 0;color:inherit}
.np-options{display:grid;gap:.3cqw}.np-option{display:flex;align-items:flex-start;gap:1cqw;text-align:left;width:100%;padding:1.1cqw .8cqw;background:none;border:1px solid transparent;border-radius:1cqw;color:inherit;font:2cqw/1.5 ui-monospace,SFMono-Regular,monospace}
.np-option-chevron{width:1.3cqw;flex-shrink:0;color:var(--np-accent);opacity:0}.np-option-number{color:var(--np-muted)}.np-option.chosen{background:#d977571a}.np-option.chosen .np-option-chevron{opacity:1}.np-option small{display:block;font:1.75cqw/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--np-muted);margin-top:.2cqw}
.np-island p.np-keyboard-hint{font:1.7cqw/1.5 ui-monospace,SFMono-Regular,monospace;color:var(--np-muted);margin:1.8cqw 0 .4cqw}
.np-question-tab{font:1.8cqw/1.4 ui-monospace,SFMono-Regular,monospace;color:var(--np-accent)}
.np-island h3.np-question-title{font-size:2.35cqw;line-height:1.4;letter-spacing:0;margin:1.2cqw 0;font-weight:600;color:inherit}
.np-question-actions{display:flex;align-items:center;justify-content:space-between;gap:2cqw;font-size:1.85cqw;margin-top:1.6cqw}.np-question-actions>span:first-child{color:var(--np-muted);opacity:.5}.np-question-actions>span:first-child>span{margin-left:2cqw}.np-question-actions>button{border:0;background:var(--np-selection);color:inherit;border-radius:1cqw;padding:1cqw 1.4cqw;font:inherit}
.np-island p.np-answer{font:1.8cqw/1.5 ui-monospace,SFMono-Regular,monospace;color:var(--np-muted);margin:1cqw 0 0;overflow-wrap:anywhere}
.np-custom{display:flex;gap:1.5cqw;align-items:end;border:1px solid var(--np-line);border-radius:1.4cqw;padding:1.5cqw;margin-top:1.3cqw}.np-custom textarea{flex:1;min-width:0}
.np-done>p{font-size:2.1cqw;line-height:1.6;margin:.5cqw 0 1.5cqw;color:inherit}.np-done>div{display:flex;justify-content:flex-end}
.np-bar{position:relative;width:100%;aspect-ratio:400/46;border:1px solid #ffffff26;border-radius:6cqw;display:flex;align-items:center;justify-content:space-between;padding:0 1.5%;box-shadow:0 5px 16px #18201926;container-type:inline-size;line-height:1}
.np-brand{display:flex;align-items:center;justify-content:center;gap:1.75cqw;width:33.333%;font-size:3.25cqw;letter-spacing:-.05cqw;font-weight:500}.np-brand>svg{width:3.5cqw;height:4cqw}.np-bar>.np-providers{width:33.333%;justify-content:center;gap:2cqw}.np-bar .np-provider{width:7.5cqw;height:7.5cqw;padding:1.5cqw}
.np-status{display:flex;align-items:center;justify-content:center;gap:1.75cqw;width:33.333%;font-size:3.25cqw;font-weight:600;color:var(--np-green);white-space:nowrap}.np-bar .np-dot{width:1.8cqw;height:1.8cqw}.np-bar[data-status=waiting] .np-status{color:#e7e7e7}.np-bar[data-status=waiting] .np-dot{background:#f5a524}
.np-grip{position:absolute;left:50%;top:calc(100% - 1cqw);transform:translateX(-50%);width:9cqw;height:3.75cqw;border-radius:0 0 1.75cqw 1.75cqw;background:inherit;border:1px solid #ffffff21;border-top:0;display:grid;grid-template-columns:repeat(3,.7cqw);grid-template-rows:repeat(2,.7cqw);place-content:center;gap:.65cqw;padding-top:1cqw}.np-grip i{background:var(--np-muted);border-radius:50%}
.np-wave{display:inline-flex;align-items:center;gap:.3cqw;width:3.2cqw;height:2.4cqw;flex-shrink:0;color:var(--np-green)}.np-wave i{width:.4cqw;height:85%;border-radius:1cqw;background:currentColor;transform:scaleY(.6)}.np-wave i:nth-child(2){transform:scaleY(.3)}.np-wave i:nth-child(3){transform:scaleY(.75)}.np-wave i:nth-child(4){transform:scaleY(.4)}.np-bar .np-wave{width:5.2cqw;height:3.5cqw;gap:.55cqw}.np-bar .np-wave i{width:.65cqw}
.np-bar[data-status=working] .np-wave i,.np-island[data-phase=working] .np-wave i{animation:np-wave-motion 1.1s ease-in-out infinite alternate}.np-wave i:nth-child(2){animation-delay:-.4s}.np-wave i:nth-child(3){animation-delay:-.8s}.np-wave i:nth-child(4){animation-delay:-.2s}.np-wave i:nth-child(5){animation-delay:-.6s}
@keyframes np-wave-motion{from{transform:scaleY(.25)}to{transform:scaleY(.95)}}
/* Preserve the app's proportions in every marketing preview. */
.hero .hero-expanded.current-shot{width:46%;top:13%;aspect-ratio:auto;border-radius:0;background:transparent;box-shadow:none;overflow:visible;container-type:inline-size}.hero .hero-expanded.current-shot .np-island{border-radius:3.33cqw}.hero-island{width:28%!important;top:3%!important}.hero-island .np-bar{box-shadow:none}.platform-label{display:flex;align-items:center;gap:7px;color:#252624}
.story-frames{min-height:390px}.story-frame{padding:0}.story-frame [data-native-preview]{max-width:660px;margin:auto}.story-frame[data-frame="1"],.story-frame[data-frame="2"]{align-self:center}.story-stage-bottom{margin-top:10px}
.demo-island{display:block;padding:0;min-height:0;width:min(400px,100%);border:0;background:none;box-shadow:none;border-radius:30px;backdrop-filter:none}.demo-island>[data-native-bar]{display:block;width:100%}
.demo-panel{width:100%;padding:0;margin-top:0;background:none;border:0;box-shadow:none;backdrop-filter:none;border-radius:0}.demo-panel [hidden]{display:none!important}.demo-interaction{width:min(660px,100%);min-height:580px;display:grid;grid-template-areas:"surface";align-content:start;align-items:start;justify-items:center}.demo-desktop{min-height:620px;align-items:start;padding:36px 36px 56px}.demo-hint{margin:0;position:absolute;top:82px;left:50%;transform:translateX(-50%);width:max-content;max-width:100%}.playground{--demo-surface:#080808}.playground .np-island{min-height:0}.playground[data-theme] .demo-panel,.playground[data-theme] .demo-island{box-shadow:none;border:0;background:none}
.playground[data-theme=light] .np-island,.playground[data-theme=light] .np-bar{background:#fafafa;color:#292929;--np-muted:#666;--np-inset:#00000004;--np-line:#00000013;--np-selection:#00000015;--np-green:#127833;border-color:#d2d2cd}.playground[data-theme=light] .np-composer{border-color:#bcbcb7}.playground[data-theme=light] .np-provider img[src*=chatgpt]{filter:invert(1)}.playground[data-theme=light] .np-tabs .on,.playground[data-theme=light] .np-bar[data-status=waiting] .np-status{color:#292929}
.np-interactive button{cursor:pointer}.np-interactive button:disabled{cursor:default;opacity:.4}.np-interactive button:focus-visible{outline:2px solid #e6a180;outline-offset:2px}.np-interactive .np-primary:active{transform:scale(.98)}.np-interactive .np-option:hover{background:#d977571a}.np-interactive .np-option:hover .np-option-chevron{opacity:1}
.demo-options{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 24px;border-bottom:1px solid #ddd6ca;background:#f9f7f1;color:#565f4d;font-size:12px}.demo-scenarios{display:flex;align-items:center;gap:7px}.demo-scenarios>span{margin-right:5px}.demo-scenarios button{font:inherit;color:inherit;padding:7px 12px;min-height:34px;border:1px solid #d5cfc2;border-radius:18px;background:transparent}.demo-scenarios button[aria-pressed=true]{background:#394631;color:#fffdf6;border-color:#394631}
.demo-steps{gap:15px;flex-wrap:wrap}.demo-steps li{white-space:nowrap}.demo-footer{gap:15px}.demo-helper{font-size:11px;color:#717769;margin:0}
.billing-toggle{display:flex;gap:4px;background:#e9e6de;padding:4px;border-radius:12px;margin-top:28px}.billing-toggle button{flex:1;border:0;background:none;padding:12px 8px;border-radius:9px;color:#5d6256;font:500 13px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;min-height:44px}.billing-toggle button[aria-pressed=true]{background:#fffdf6;color:#2d3429;box-shadow:0 2px 6px #3c352612}.billing-toggle button>span{font-size:10px;margin-left:5px;color:#446a3c}.billing-summary{font-size:12px;color:#68715f;min-height:20px;margin-top:-8px}
@media(max-width:760px){.story-mobile-image{padding:18px 12px}.demo-desktop{padding:28px 12px 45px;min-height:520px}.demo-interaction{min-height:550px}.demo-options{padding:10px 12px;flex-wrap:wrap;font-size:11px}.demo-scenarios{gap:5px}.demo-scenarios button{padding-inline:10px}.demo-helper{max-width:180px;text-align:right;line-height:1.5}.demo-steps{gap:8px 14px}.demo-footer{align-items:start}.demo-reset{margin-left:0}.billing-toggle button{font-size:12px}
/* Keep the interactive recreation readable on phones; static previews scale as a whole. */
.np-interactive .np-header{flex-wrap:wrap;gap:5px;padding-bottom:6px}.np-interactive .np-all,.np-interactive .np-provider{width:30px;height:30px;min-width:30px;font-size:11px}.np-interactive .np-provider{padding:6px}.np-interactive .np-providers{gap:4px}.np-interactive .np-divider{display:none}.np-interactive .np-header-tools{font-size:16px;gap:8px}.np-interactive .np-usage{display:none}.np-interactive .np-settings-tools{gap:10px}.np-interactive .np-settings-tools .np-icon{width:13px;height:13px}.np-interactive .np-tabs{order:3;font-size:11px;margin:2px 0 0}.np-interactive .np-tabs>button{padding:9px 13px}.np-interactive .np-body{padding:10px 3px 0}.np-interactive .np-caption{font-size:11px}.np-interactive .np-hero h3{font-size:22px;margin:7px 0 3px}.np-interactive .np-hero{min-height:70px}.np-interactive .np-folder{font-size:12px}.np-interactive .np-composer{padding:10px;margin-top:8px;border-radius:10px}.np-interactive .np-composer textarea,.np-interactive .np-custom textarea{font-size:14px;min-height:48px}.np-interactive .np-input-tools{margin-top:7px;min-height:34px}.np-interactive .np-input-tools>span{font-size:10px;gap:12px}.np-interactive .np-icon{width:13px;height:13px}.np-interactive .np-primary{font-size:12px;padding:9px 14px;border-radius:7px;min-height:36px}.np-interactive .np-composer-tools{font-size:10px;min-height:30px;gap:8px;flex-wrap:wrap;white-space:normal}.np-interactive .np-model{padding:4px 6px}.np-interactive .np-option-spacer{min-width:0}.np-interactive .np-section-label{font-size:12px;padding:13px 0 8px;gap:8px}.np-interactive .np-section-label b{font-size:10px}.np-interactive .np-section-label>span{font-size:10px}.np-interactive p.np-empty{font-size:11px;padding:13px 6px}.np-interactive .np-search{font-size:10px;margin:2px 0 8px;gap:8px;grid-template-columns:1fr 1.7fr}.np-interactive .np-search>span+span{padding:7px}.np-interactive .np-recent>div{font-size:11px;min-height:38px;gap:8px}.np-interactive .np-recent small{font-size:9px}.np-interactive .np-live-row{min-height:50px}.np-interactive .np-live-row strong{font-size:12px}.np-interactive .np-live-row small,.np-interactive .np-row-meta{font-size:10px}.np-interactive .np-bottom{min-height:42px}.np-interactive .np-version{font-size:9px}.np-interactive .np-collapse{width:40px;height:30px}.np-interactive .np-collapse .np-icon{width:16px;height:16px}.np-interactive .np-wing{min-height:50px;gap:8px}.np-interactive .np-wing strong{font-size:12px}.np-interactive .np-wing small{font-size:10px;margin-top:3px}.np-interactive .np-session-glyph{width:20px;height:20px;font-size:12px}.np-interactive .np-wing .np-settings-tools .np-icon:not(:last-child){display:none}.np-interactive h3.np-tool-title{font-size:12px;margin-bottom:8px}.np-interactive .np-command{font-size:13px;padding:14px;margin-bottom:12px;border-radius:8px}.np-interactive p.np-permission-question{font-size:13px;margin:10px 0}.np-interactive .np-option{font-size:13px;padding:10px 5px;gap:7px;min-height:40px;border-radius:6px}.np-interactive .np-option-chevron{width:9px}.np-interactive .np-option small{font-size:11px;margin-top:3px}.np-interactive p.np-keyboard-hint{font-size:10px;margin-top:14px}.np-interactive .np-question-tab{font-size:11px}.np-interactive h3.np-question-title{font-size:15px;margin:10px 0}.np-interactive .np-question-actions{font-size:11px;margin-top:12px}.np-interactive .np-question-actions>button{padding:10px;min-height:38px;border-radius:6px}.np-interactive p.np-answer{font-size:11px;margin-top:7px}.np-interactive .np-custom{padding:10px;border-radius:8px;margin-top:10px}.np-interactive .np-close-strip{min-height:30px;margin-top:10px}}
@media(prefers-reduced-motion:reduce){.np-wave i{animation:none!important}}

/* Guided demo: layers share one anchor and remain mounted until exit ends. */
.demo-panel,.demo-island{grid-area:surface;align-self:start;transform-origin:50% 0}
.demo-panel{position:relative;isolation:isolate}
#demo-content{position:relative;z-index:1;transform-origin:50% 0}
.demo-panel:focus{outline:none}
.demo-outgoing{position:absolute;inset:0 0 auto;z-index:2;width:100%;container-type:inline-size;pointer-events:none;transform-origin:50% 0}
.demo-panel[inert],.demo-island[inert]{pointer-events:none}
.demo-island[aria-disabled=true]{cursor:default}
.np-interactive .np-replay-prompt{color:inherit;white-space:pre-wrap;overflow-wrap:anywhere;min-height:5.1cqw;cursor:default}
.np-type-cursor{display:none;width:1px;height:1.15em;background:var(--np-accent);vertical-align:-.18em;margin-left:2px}
[data-typing=true] .np-type-cursor{display:inline-block;animation:np-type-blink .8s steps(1,end) infinite}
.np-replay-prompt[data-typing=true]:has([data-demo-typed]:empty){color:var(--np-muted)}
@keyframes np-type-blink{0%,55%{opacity:1}56%,100%{opacity:0}}
@media(hover:hover) and (pointer:fine){.demo-island:hover{transform:none}.demo-island[aria-disabled=false]:hover .np-bar{border-color:#ffffff50}}
@media(max-width:760px){.np-interactive .np-replay-prompt{font-size:14px;min-height:48px}.demo-helper{font-size:10px}.demo-hint{font-size:11px}}
@media(prefers-reduced-motion:reduce){.np-type-cursor{animation:none!important}.demo-island,.demo-panel,#demo-content{transition:none!important}}

/* Let the product demonstration stand on its own. */
.demo-desktop{padding-top:72px}
.demo-desktop>.demo-theme{position:absolute;top:16px;right:16px;z-index:3;background:#f9f7f1e6;border-color:#d4cfc3;color:#4d5547}
@media(max-width:760px){.demo-desktop{padding-top:68px}.demo-desktop>.demo-theme{top:12px;right:12px}}