/* One persistent application window. Quiet chrome; animation carries the story. */
.product-film{border:1px solid #363638;background:#0b0b0c;border-radius:12px;overflow:hidden;box-shadow:0 30px 100px #ffffff08;text-align:left}.film-chrome{height:49px;border-bottom:1px solid #29292c;display:flex;align-items:center;gap:24px;padding:0 22px;background:#111113;font-size:12px;color:#a1a1aa}.film-chrome>span:nth-child(2){letter-spacing:-.02em}.film-concept{margin-left:auto;font:9px var(--mono);text-transform:uppercase;color:#777}.film-app{display:grid;grid-template-columns:235px minmax(0,1fr);height:670px}.film-sidebar{display:flex;flex-direction:column;border-right:1px solid #262628;padding:25px 17px;background:#101012;font-size:12px;overflow:hidden}.film-logo{display:flex;gap:12px;align-items:center;font-size:20px}.film-logo span{font-size:11px;color:#c8c8cd}.new-project{border:1px solid #3a3a3d;padding:12px;margin:27px 0 30px;border-radius:5px;color:#ddd}.film-eyebrow{font:8px/1.5 var(--mono);letter-spacing:.09em;color:#81818b}.film-sidebar>.film-eyebrow{margin-bottom:14px;padding-left:8px}.history-project{display:flex;gap:10px;position:relative;align-items:center;padding:14px 8px;margin-bottom:7px;border:1px solid transparent;border-radius:5px;color:#adadb6;transition:background .6s,border-color .6s,color .6s}.history-project>span{font-size:20px;color:#85858e}.history-project>div{font-size:11px}.history-project small{display:block;font-size:8px;color:#74747d;margin-top:7px;line-height:1.4}.history-project[data-project=website]{opacity:.45}.history-project.project-current{opacity:1;color:white;background:#232326;border-color:#39393f}.history-project.project-fetching{color:white;border-color:#777;background:linear-gradient(110deg,#222,#333,#161618);background-size:200% 100%;animation:recall-sweep 1.4s linear infinite}.history-project i{position:absolute;right:7px;top:10px;width:4px;height:4px;border-radius:50%;background:white;opacity:0}.project-fetching i{opacity:1}.memory-pocket{padding:24px 9px 0;margin-top:20px;border-top:1px solid #303034}.memory-pocket p{font-size:11px;line-height:1.65;color:#777;transition:color .5s}.memory-linked p{color:#ccc}.memory-thread{display:flex;gap:9px;align-items:center;height:45px}.memory-thread i{background:#444;border-radius:50%;width:5px;height:5px;transition:background .6s,box-shadow .6s}.memory-linked .memory-thread i{background:#ddd;box-shadow:0 0 12px #fff4}.memory-thread i:nth-child(2n){width:3px;height:3px}.film-profile{margin-top:auto;padding:20px 9px 0;display:flex;gap:10px;align-items:center}.film-profile>span{border:1px solid #555;width:26px;height:26px;display:grid;place-items:center;font-size:10px}.film-profile>div{font-size:10px;color:#ccc}.film-profile small{display:block;font-size:8px;color:#777;margin-top:5px}.film-workspace{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#19191b45,transparent 65%)}.film-workspace-top{position:absolute;inset:0 0 auto;height:50px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff08;font-size:10px;color:#999}.film-top-meta{font:8px var(--mono);color:#60606b}.film-empty{position:absolute;left:0;right:0;top:145px;text-align:center;opacity:0;transform:translateY(-12px);transition:opacity .6s,transform .7s}.film-empty.is-visible{opacity:1;transform:none}.film-empty h3{font-size:38px;line-height:1.12;letter-spacing:-.05em;margin:27px 0 15px;font-weight:400}.film-empty p{font-size:12px;color:#84848e}.seed-mark{display:grid;grid-template-columns:repeat(5,4px);gap:7px;justify-content:center}.seed-mark i{width:4px;height:4px;border-radius:50%;background:#bbb}.seed-mark i:nth-child(3n){opacity:.4}.film-composer{position:absolute;bottom:140px;left:9%;right:9%;min-height:90px;padding:25px 64px 25px 22px;display:flex;align-items:center;border:1px solid #49494d;background:#171719;border-radius:10px;box-shadow:0 15px 45px #0006;font-size:15px;line-height:1.65;opacity:0;transform:translateY(12px);transition:opacity .4s,transform .6s,bottom .6s;z-index:4}.film-composer.is-visible{opacity:1;transform:none}.film-composer:not(.composer-filled):before{content:'What would you like to build?';color:#666;font-size:13px}.composer-send{position:absolute;right:15px;bottom:17px;width:30px;height:30px;border-radius:7px;background:#ddd;color:#111;display:grid;place-items:center;font-size:18px}.typing-caret{display:inline-block;width:1px;height:18px;background:#eee;margin-left:2px;animation:caret-pulse .8s step-end infinite;flex-shrink:0}.has-started .film-composer{bottom:35px;min-height:63px;font-size:13px;padding-block:16px}.film-conversation{position:absolute;inset:78px 8% 25px;opacity:0;transition:opacity .5s}.film-conversation.is-visible{opacity:1}.film-message{opacity:0;transform:translateY(12px);transition:opacity .5s,transform .5s}.film-message.is-visible{opacity:1;transform:none}.film-user{margin-left:auto;max-width:86%;text-align:right}.film-user .film-eyebrow{display:block;margin-bottom:10px;font-size:8px}.film-user p{background:#242426;padding:15px 19px;border-radius:12px 12px 2px 12px;display:inline-block;font-size:13px;line-height:1.5;color:#f1f1f4}.film-thinking{display:flex;gap:22px;align-items:center;margin-top:40px;opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s}.film-thinking.is-visible{opacity:1;transform:none}.film-thinking strong{font-size:13px;font-weight:400;background:linear-gradient(100deg,#777 15%,#fff 45%,#777 70%);background-size:220% auto;background-clip:text;-webkit-background-clip:text;color:transparent;animation:recall-sweep 2.2s linear infinite}.film-thinking p{font-size:10px;color:#777;line-height:1.7;margin-top:8px}.thinking-orb{height:32px;width:32px;position:relative;flex-shrink:0;animation:orb-spin 5s linear infinite}.thinking-orb i{position:absolute;width:3px;height:3px;left:15px;top:15px;border-radius:50%;background:white;transform:rotate(calc(var(--i)*30deg)) translateY(-13px);opacity:calc(.2 + var(--i)*.065)}
.thinking-orb i:nth-child(1){--i:0}.thinking-orb i:nth-child(2){--i:1}.thinking-orb i:nth-child(3){--i:2}.thinking-orb i:nth-child(4){--i:3}.thinking-orb i:nth-child(5){--i:4}.thinking-orb i:nth-child(6){--i:5}.thinking-orb i:nth-child(7){--i:6}.thinking-orb i:nth-child(8){--i:7}.thinking-orb i:nth-child(9){--i:8}.thinking-orb i:nth-child(10){--i:9}.thinking-orb i:nth-child(11){--i:10}.thinking-orb i:nth-child(12){--i:11}
.retrieval-panel{position:absolute;top:200px;left:0;right:0;border:1px solid #37373a;border-radius:8px;background:#111113;padding:25px;opacity:0;transform:translateY(10px);transition:opacity .5s,transform .5s}.retrieval-panel.is-visible{opacity:1;transform:none}.retrieval-panel>div{display:flex;align-items:center;gap:15px;padding:20px 0 16px;border-bottom:1px solid #29292d;opacity:.3;transition:opacity .8s}.retrieval-panel>div.recalled{opacity:1}.retrieval-panel>div>span{font-size:24px}.retrieval-panel p{font-size:12px}.retrieval-panel small{display:block;font-size:10px;color:#999;line-height:1.6;margin-top:7px}.retrieval-panel b{margin-left:auto;font-weight:400;opacity:0}.retrieval-panel .recalled b{opacity:1}.retrieval-panel .recall-summary{font-size:10px;color:#777;margin-top:20px}.film-recommendation{position:absolute;top:110px;left:0;right:0;opacity:0;transform:translateY(15px);transition:opacity .6s,transform .6s}.film-recommendation.is-visible{opacity:1;transform:none}.teacher-heading{display:flex;align-items:center;gap:10px;margin-bottom:20px}.teacher-heading>span{font-size:25px}.teacher-heading strong{font-weight:500;font-size:12px}.teacher-heading small{font:8px var(--mono);color:#777;margin-left:auto}.film-recommendation>p{font-size:13px;color:#a8a8b1;line-height:1.8;margin-top:14px;max-width:640px}.film-recommendation .recommend-focus strong{color:#eee;font-weight:500}.film-reading{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.film-reading a{display:flex;flex-direction:column;gap:12px;padding:18px;border:1px solid #3d3d42;background:#151517;border-radius:6px;transition:background .2s}.film-reading a:hover{background:#252527}.film-reading a>span{font:8px var(--mono);color:#85858f}.film-reading strong{font-size:12px;font-weight:500}.film-reading small{font-size:9px;color:#92929c}.film-recommendation .visual-invitation{color:white;font-size:14px;margin-top:25px}.film-yes{position:absolute;right:0;bottom:15px}.film-generating{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transform:scale(.98);transition:opacity .5s,transform .8s;pointer-events:none}.film-generating.is-visible{opacity:1;transform:scale(1)}.generation-grid{display:grid;grid-template-columns:repeat(9,5px);gap:9px;transform:rotate(-8deg);margin-bottom:38px}.generation-grid i{width:5px;height:5px;background:white;border-radius:50%;animation:dot-breathe 1.5s var(--delay) infinite alternate}.film-generating h3{font-size:27px;font-weight:400;letter-spacing:-.04em}.film-generating p{font-size:11px;color:#8c8c96;margin-top:15px}.generation-line{width:150px;height:1px;background:#303033;margin-top:32px;overflow:hidden}.generation-line i{display:block;width:50%;height:100%;background:white;animation:line-scan 1.6s ease-in-out infinite}.generated-lesson{position:absolute;inset:78px 5% 30px;opacity:0;transform:translateY(15px) scale(.99);transition:opacity .9s,transform .9s}.generated-lesson.is-visible{opacity:1;transform:none}.lesson-generated-label{display:flex;justify-content:space-between;font:8px var(--mono);color:#aaa;gap:10px}.lesson-generated-label>span:last-child{color:#666}.generated-lesson h3{font-size:31px;line-height:1.1;font-weight:400;margin-top:25px;letter-spacing:-.04em}.generated-lesson h3>span{color:#8b8b95}.web-anatomy{display:grid;grid-template-columns:1fr 60px 1.2fr;align-items:center;margin-top:32px;min-height:275px}.anatomy-sources{display:flex;flex-direction:column;gap:13px}.anatomy-sources>div{border:1px solid #333;background:#111113;border-radius:5px;padding:14px;position:relative;opacity:.28;transition:opacity .7s,border-color .7s}.anatomy-sources>div>span{position:absolute;right:11px;top:12px;font:8px var(--mono);color:#777}.anatomy-sources p{display:flex;align-items:center;gap:10px}.anatomy-sources strong{font-size:13px;font-weight:500}.anatomy-sources small{font-size:9px;color:#999}.anatomy-sources code{display:block;margin-top:10px;font:8px var(--mono);color:#aaa;white-space:nowrap}.generated-lesson[data-layer=html] [data-layer=html],.generated-lesson[data-layer=css] [data-layer=html],.generated-lesson[data-layer=css] [data-layer=css],.generated-lesson[data-layer=js] .anatomy-sources>div{opacity:1;border-color:#888}.anatomy-wires{height:250px;position:relative;opacity:.5}.anatomy-wires svg{width:100%;height:100%;fill:none;stroke:#aaa;stroke-width:1}.mini-browser{height:274px;border:1px solid #777;border-radius:6px;overflow:hidden;background:#fff;color:#000;transition:background 1.1s,color 1.1s,box-shadow 1.1s}.mini-address{height:26px;background:#202023;display:flex;gap:15px;align-items:center;padding:0 10px;color:#888;font-size:8px}.mini-address span{font:7px var(--mono)}.mini-page{position:relative;padding:20px 14px;transition:padding 1s;background-size:15px 15px;min-height:248px}.mini-kicker{font:7px var(--mono);display:block;opacity:0;transition:opacity .8s}.mini-page h4{font:24px/1.05 Georgia,serif;margin:12px 0;color:inherit;transition:font-size 1s,letter-spacing 1s}.mini-page h4 br{display:none}.mini-page>p{font:10px/1.4 Georgia,serif;transition:color 1s}.mini-button{position:relative;display:inline-block;margin-top:18px;border:1px solid #aaa;padding:5px;background:#eee;color:black;font:10px Georgia,serif;transition:background 1s,color 1s,padding 1s}.mini-feedback{font-size:9px;margin-top:13px;opacity:0;transform:translateY(5px);transition:opacity .4s,transform .4s}.demo-pointer{position:absolute;left:50%;top:50%;width:18px;height:21px;opacity:0;pointer-events:none;transform-origin:1.5px 1.5px;transform:translate(42px,38px);transition:transform 1.1s ease-out,opacity .3s}.pointer-near .demo-pointer{opacity:1;transform:translate(-1.5px,-1.5px)}.click-press .demo-pointer{transform:translate(-1.5px,-1.5px) scale(.85);transition-duration:.12s}.clicked .mini-feedback{opacity:1;transform:none}.generated-lesson:not([data-layer=html]) .mini-browser{background:#151518;color:white;box-shadow:0 15px 40px #0006}.generated-lesson:not([data-layer=html]) .mini-page{padding:21px;background-image:radial-gradient(#ffffff13 1px,transparent 1px)}.generated-lesson:not([data-layer=html]) .mini-kicker{opacity:1;color:#aaa}.generated-lesson:not([data-layer=html]) .mini-page h4{font-family:var(--sans);font-size:38px;letter-spacing:-.055em;font-weight:400}.generated-lesson:not([data-layer=html]) .mini-page h4 br{display:block}.generated-lesson:not([data-layer=html]) .mini-page>p{font-family:var(--sans);color:#999}.generated-lesson:not([data-layer=html]) .mini-button{font-family:var(--sans);padding:9px 14px;background:white;border-color:white}.lesson-caption{border-top:1px solid #303034;padding-top:22px;margin-top:24px}.lesson-caption>span{font-size:13px;display:block}.lesson-caption small{font-size:10px;color:#8a8a95;display:block;margin-top:10px}.film-takeaway{font-size:12px;color:white;opacity:0;margin-top:20px;transform:translateY(8px);transition:opacity .8s,transform .8s}.film-takeaway.takeaway-visible{opacity:1;transform:none}.film-footnote{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:25px}.film-footnote p{font:9px/1.6 var(--mono);color:#777}.film-footnote a{font-size:12px}.film-transcript{font-size:12px;line-height:1.8;color:#888;margin-top:20px;max-width:900px}.film-transcript summary{cursor:pointer;width:max-content}.film-transcript p{margin-top:15px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.film-paused *,.film-paused *:before,.film-paused *:after{animation-play-state:paused!important}
@keyframes caret-pulse{50%{opacity:0}}@keyframes recall-sweep{to{background-position:-200% 0}}@keyframes orb-spin{to{transform:rotate(360deg)}}@keyframes dot-breathe{from{opacity:.12;transform:scale(.6)}to{opacity:1;transform:scale(1.2)}}@keyframes line-scan{from{transform:translateX(-100%)}to{transform:translateX(300%)}}
@media(max-width:1100px){.film-app{grid-template-columns:200px minmax(0,1fr)}.film-sidebar{padding-inline:12px}.history-project{padding-inline:6px;gap:7px}.history-project>div{font-size:10px}.film-workspace-top{padding-inline:20px}.film-top-meta{display:none}.film-conversation{inset-inline:6%}.teacher-heading small{display:none}.generated-lesson{inset-inline:4%}.anatomy-sources>div{padding:12px 9px}.anatomy-sources p{gap:6px}.anatomy-sources small{font-size:8px}.anatomy-sources code{font-size:6px}.web-anatomy{grid-template-columns:1fr 35px 1.1fr}.film-reading a{padding:15px 11px}.film-reading small{font-size:8px}}
@media(max-width:760px){.film-app{grid-template-columns:1fr;height:725px;position:relative;padding-top:112px}.film-sidebar{position:absolute;inset:0 0 auto;height:112px;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px;border-right:0;border-bottom:1px solid #303035}.film-logo,.new-project,.film-sidebar>.film-eyebrow,.history-project[data-project=website],.history-project:not([data-project]),.memory-pocket,.film-profile{display:none}.history-project{margin:0;padding:10px;align-self:center;background:#151517;min-height:70px}.history-project>div{font-size:10px}.history-project>span{font-size:19px}.history-project small{font-size:7px}.film-workspace-top{height:39px;padding:0 17px;font-size:9px}.film-chrome{padding-inline:14px;gap:15px;height:43px}.film-chrome .window-dots{font-size:8px}.film-concept{font-size:7px}.film-empty{top:130px}.film-empty h3{font-size:32px}.film-empty p{font-size:10px}.film-composer{left:6%;right:6%;bottom:135px;padding-left:16px;font-size:13px}.film-conversation{inset:62px 6% 20px}.film-user{max-width:96%}.film-user p{font-size:11px;padding:12px 14px}.film-thinking{gap:15px;margin-top:28px}.film-thinking strong{font-size:11px}.film-thinking p{font-size:9px}.retrieval-panel{top:180px;padding:20px}.retrieval-panel small{font-size:9px}.film-recommendation{top:95px}.teacher-heading{margin-bottom:12px}.teacher-heading strong{font-size:11px}.film-recommendation>p{font-size:11px;line-height:1.7;margin-top:10px}.film-reading{gap:8px;margin-top:16px}.film-reading a{padding:13px 10px;gap:10px}.film-reading a>span{font-size:6px}.film-reading strong{font-size:10px;line-height:1.5}.film-reading small{font-size:8px;line-height:1.6}.film-recommendation .visual-invitation{font-size:12px;margin-top:18px}.film-yes{bottom:18px}.has-started .film-composer{bottom:25px}.generated-lesson{inset:61px 5% 20px}.generated-lesson h3{font-size:25px;margin-top:20px}.lesson-generated-label{font-size:7px}.lesson-generated-label>span:last-child{display:none}.web-anatomy{grid-template-columns:1fr 20px 1.12fr;min-height:265px;margin-top:26px}.anatomy-sources{gap:15px}.anatomy-sources>div{padding:12px 8px}.anatomy-sources p{flex-direction:column;align-items:flex-start;gap:5px}.anatomy-sources strong{font-size:12px}.anatomy-sources small{font-size:8px}.anatomy-sources code{display:none}.mini-browser{height:248px}.mini-address{font-size:6px;padding-inline:6px;gap:5px}.mini-address span{font-size:5px}.mini-page{padding:16px 10px}.mini-page h4{font-size:19px}.generated-lesson:not([data-layer=html]) .mini-page{padding:17px 12px}.generated-lesson:not([data-layer=html]) .mini-page h4{font-size:31px}.mini-page>p{font-size:8px}.mini-kicker{font-size:5px}.mini-button{font-size:9px}.generated-lesson:not([data-layer=html]) .mini-button{padding:8px 10px}.mini-feedback{font-size:8px}.lesson-caption{margin-top:15px;padding-top:18px}.lesson-caption>span{font-size:12px;line-height:1.6}.lesson-caption small{font-size:9px;line-height:1.6}.film-takeaway{font-size:11px;line-height:1.5}.film-footnote{flex-direction:column;align-items:flex-start;gap:12px}.film-generating h3{font-size:24px}.film-generating p{font-size:10px}.film-transcript{font-size:11px}}
@media(prefers-reduced-motion:reduce){.product-film *{animation:none!important;transition:none!important}.typing-caret{opacity:1}}

/* Progress-only film footer. */
.film-player{height:3px;background:#242427;padding:0;border:0;display:block}
#film-progress{display:block;width:100%;height:3px;border:0;border-radius:0;appearance:none;-webkit-appearance:none;background:#242427;color:#d4d4d8}
#film-progress::-webkit-progress-bar{background:#242427}
#film-progress::-webkit-progress-value{background:#d4d4d8}
#film-progress::-moz-progress-bar{background:#d4d4d8}
.brand-mark,.seed-logo{display:block;flex-shrink:0}.seed-logo{margin-inline:auto}

.film-recommendation .visual-invitation{visibility:hidden;opacity:0;transition:opacity .2s}.film-recommendation .visual-invitation.is-visible{visibility:visible;opacity:1}

/* Keep the target fixed when its label changes; press after the cursor arrives. */
.mini-button{min-width:96px;text-align:center}.click-press .mini-button{background:#c4c4c8!important}