.sd-hero-art.lc-art{aspect-ratio:1.15;min-width:0}.lc-stage{position:relative;width:110%;transform:translateY(var(--shift)) rotate(var(--turn));transition:transform .4s ease}.lc-stage .lc-notebook{display:block;position:relative;width:100%;max-width:none;height:auto;filter:drop-shadow(0 8px 8px #00000012)}.lc-interface{position:absolute;left:0;top:0;width:600px;height:340px;transform-origin:0 0;overflow:hidden;background:#fafafa;color:#171717;border:1px solid #777;line-height:1.4;font-size:17px;isolation:isolate;pointer-events:none}.lc-bar{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #ddd;background:#f0f0f0;font-size:16px;font-weight:600}.lc-window-controls{display:flex;gap:7px}.lc-window-controls i{width:6px;height:6px;border:1px solid #666;border-radius:50%}.lc-app{display:grid;grid-template-columns:74px minmax(0,1fr);height:300px}.lc-sidebar{padding:18px 10px;border-right:1px solid #ddd;color:#555;text-align:center;font-size:11px;display:flex;flex-direction:column;gap:21px;background:#f5f5f5}.lc-sidebar span:before{content:'';display:block;width:17px;height:13px;border:1px solid #555;border-radius:2px;margin:0 auto 6px}.lc-content{padding:18px 22px;display:flex;flex-direction:column;min-width:0;gap:13px}.lc-content h3{font:600 24px/1.2 Sora,sans-serif;letter-spacing:-.04em;margin:0}.lc-label{font-size:11px;color:#707070;letter-spacing:.06em;text-transform:uppercase}.lc-message{font-size:15px;line-height:1.5;margin:0;max-width:45ch}.lc-response{border-left:2px solid #666;padding-left:14px}.lc-response p{font-size:15px;margin:0 0 6px}.lc-response span{font-size:13px;color:#555;display:block}.lc-input{display:flex;align-items:center;gap:9px;margin-top:auto;border:1px solid #888;border-radius:4px;min-height:47px;padding:9px 12px;background:#fff;font-size:16px;line-height:1.35}.lc-input-prompt{flex:1;min-width:0}.lc-type-caret{display:inline-block;width:1px;height:1em;background:#222;vertical-align:-.15em;animation:lc-blink 1.1s steps(1,end) infinite;margin-left:2px}.lc-send{display:block;width:20px;height:20px;border:1px solid #999;border-radius:3px;position:relative}.lc-send:before{content:'';position:absolute;top:8px;left:4px;width:10px;border-top:1px solid #333}.lc-send:after{content:'';position:absolute;top:5px;left:8px;width:6px;height:6px;border-top:1px solid #333;border-right:1px solid #333;transform:rotate(45deg)}@keyframes lc-blink{0%,48%{opacity:1}49%,100%{opacity:0}}
.lc-workspace{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lc-workspace section{border:1px solid #bbb;border-radius:3px;padding:11px;background:#fff}.lc-workspace h4{font-size:15px;margin:0 0 9px}.lc-workspace p{font-size:12px;color:#555;line-height:1.4;margin:0 0 5px}.lc-code-line{display:block;height:1px;background:#ccc;margin-top:8px;width:90%}.lc-code-line.short{width:64%}.lc-interface-2 .lc-content{gap:10px}.lc-interface-2 h3{font-size:23px}.lc-scenarios{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.lc-scenario{border:1px solid #aaa;border-radius:3px;padding:10px;background:#fff}.lc-scenario b{font-size:19px;display:block;margin-bottom:7px}.lc-scenario p{font-size:12px;color:#555;margin:0 0 8px;line-height:1.4}.lc-mini-chart{display:block;width:100%;height:35px;border-left:1px solid #aaa;border-bottom:1px solid #aaa;position:relative;margin-top:12px}.lc-mini-chart:after{content:'';position:absolute;left:12px;right:6px;bottom:10px;height:12px;border-top:2px solid #666;transform:skewY(-12deg)}.lc-scenario:nth-child(2) .lc-mini-chart:after{transform:skewY(0)}.lc-scenario:nth-child(3) .lc-mini-chart:after{transform:skewY(12deg)}
:is(#site-font,html) body .lc-interface :is(.lc-input,.lc-input *,.lc-code-line,.lc-label){font-family:'IBM Plex Mono',monospace!important}.lc-caption{font:11px/1.6 Sora,sans-serif;color:#5c7d6e;max-width:55ch;text-align:center;margin:18px auto 0}.lc-change{display:block;margin:14px auto 0;background:transparent;border:0;border-bottom:1px solid #82b19b;color:#3a6752;font-size:11px;padding:6px 0}.lc-art .sd-replay{display:none}.notebook-comparison .sd-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.laptop-beige{--sd-bg:#181815;--sd-line:#4d4d42;--sd-muted:#c8c4b9;--sd-mint:#c9c8a6;--sd-lilac:#c4bba9;--sd-orange:#d6bb9f}.laptop-beige.quiet-heading-3 .sd-hero{background:radial-gradient(ellipse at 15% 35%,#f4eddf 0,transparent 62%),#e7dece;color:#575346}.laptop-beige .sd-lead{color:#575346}.laptop-beige .sd-hero .sd-button{background:#505548;border-color:#505548;color:#f7f3e8}.laptop-beige .lc-art::before{background:#aaa597;opacity:.2}.laptop-beige .lc-caption,.laptop-beige .lc-change{color:#716957}.laptop-beige .lc-change{border-color:#b6ad9b}.laptop-beige .sd-lab{background:#292923}.laptop-beige .sd-experiment{background:#1e1e19;box-shadow:12px 12px 0 #cfc4a918}.laptop-beige .sd-learning-card:nth-child(1){background:#30352d}.laptop-beige .sd-learning-card:nth-child(2){background:#35332f}.laptop-beige .sd-learning-card:nth-child(3){background:#3a3128}.laptop-beige .sd-square{background:#e8dfce;color:#504d41;--sd-muted:#726c5b;--sd-line:#b8ae98;--sd-mint:#605b49}.laptop-beige .square-block{--glass:#fffbef80;--roof:#f5efe2;--side:#d7cfbb}.laptop-beige .square-block.active{--glass:#c8cead80;--roof:#c7cfb1;--side:#cab79d}.laptop-beige .sd-closing{background:#24241e;--sd-mint:#c9c8a6}
@media(max-width:760px){.sd-hero-art.lc-art{aspect-ratio:1.05}.lc-stage{width:110%}.lc-caption{font-size:10px;margin:12px auto 0}.lc-change{font-size:10px}.notebook-comparison .sd-gallery-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.lc-stage{transition:none}.lc-type-caret{animation:none}}