.sd{--sd-loop:30s}.sd-stage{aspect-ratio:16/9;background:var(--shell-bg);color:var(--shell-fg);font-size:2cqw;line-height:1.3;position:relative;overflow:hidden;container-type:inline-size}.sd-scene{opacity:0;animation:var(--sd-loop) linear infinite;flex-direction:column;justify-content:center;align-items:center;gap:2.5cqw;padding:4cqw 6cqw 3cqw;display:flex;position:absolute;inset:0}.sd-title{gap:1.5cqw;animation-name:sd-scene-title}.sd-catalog{animation-name:sd-scene-catalog}.sd-item{animation-name:sd-scene-item}.sd-chat{animation-name:sd-scene-chat}.sd-result{animation-name:sd-scene-result}.sd-caption{letter-spacing:-.01em;text-align:center;text-wrap:balance;font-size:max(2.4cqw,.75rem);font-weight:500}.sd-wordmark{font-size:7cqw;line-height:1}.sd-wordmark b{color:var(--shell-accent);font-weight:inherit}.sd-promise{color:var(--shell-muted);text-align:center;text-wrap:balance;font-size:2.8cqw}.sd-browser,.sd-terminal{border:.15cqw solid var(--shell-border-strong);background:var(--shell-panel);border-radius:1.4cqw;width:100%;max-width:76cqw;overflow:hidden;box-shadow:0 3cqw 6cqw -3cqw #0009}.sd-browser-bar,.sd-terminal-bar{border-bottom:.15cqw solid var(--shell-border);background:var(--shell-elevated);align-items:center;gap:.7cqw;padding:1cqw 1.4cqw;display:flex}.sd-dot{background:var(--shell-muted);opacity:.45;border-radius:999px;width:.9cqw;height:.9cqw}.sd-url,.sd-terminal-title{background:var(--shell-bg);color:var(--shell-muted);font-family:var(--font-mono), ui-monospace, monospace;border-radius:999px;margin-left:1cqw;padding:.35cqw 1.2cqw;font-size:1.5cqw}.sd-terminal-title{background:0 0}.sd-browser-body{min-height:38cqw;padding:2cqw}.sd-line{background:color-mix(in oklab, var(--shell-fg) 22%, transparent);border-radius:999px;height:.9cqw;display:block}.sd-line-title{background:color-mix(in oklab, var(--shell-fg) 60%, transparent);width:70%;height:1.6cqw}.sd-line-w40{width:40%}.sd-line-w60{width:60%}.sd-line-w80{width:80%}.sd-hero{background:radial-gradient(60% 80% at 50% 0%, color-mix(in oklab, var(--shell-accent) 28%, transparent), transparent 70%), var(--shell-bg);border-radius:1cqw;flex-direction:column;align-items:center;gap:1.3cqw;width:100%;padding:6.5cqw 6cqw;display:flex;position:relative;overflow:hidden}.sd-hero:before{content:"";background-image:linear-gradient(color-mix(in oklab, var(--shell-fg) 6%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklab, var(--shell-fg) 6%, transparent) 1px, transparent 1px);background-size:4cqw 4cqw;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 70% at 50% 30%,#000,#0000);mask-image:radial-gradient(70% 70% at 50% 30%,#000,#0000)}.sd-hero>*{max-width:100%;position:relative}.sd-hero-pill{border:.12cqw solid var(--shell-accent-line);background:var(--shell-accent-soft);border-radius:999px;width:14cqw;height:1.6cqw}.sd-hero-title{background:color-mix(in oklab, var(--shell-fg) 82%, transparent);border-radius:999px;width:30cqw;height:2.6cqw}.sd-hero-title.is-second{width:22cqw}.sd-hero-lead{background:color-mix(in oklab, var(--shell-fg) 30%, transparent);border-radius:999px;width:26cqw;height:1cqw}.sd-hero-actions{gap:1cqw;margin-top:.6cqw;display:flex}.sd-hero-btn{border:.12cqw solid var(--shell-border-strong);border-radius:999px;width:9cqw;height:2.6cqw}.sd-hero-btn.is-primary{border-color:var(--shell-accent);background:var(--shell-accent)}.sd-hero.is-compact{justify-content:center;gap:.6cqw;height:11.5cqw;padding:0 2cqw}.sd-hero.is-compact .sd-hero-title{width:12cqw}.sd-hero.is-compact .sd-hero-title.is-second{width:9cqw}.sd-hero.is-compact .sd-hero-lead{width:10cqw}.sd-hero.is-compact .sd-hero-pill{width:6cqw;height:.8cqw}.sd-hero.is-compact .sd-hero-title{height:1.2cqw}.sd-hero.is-compact .sd-hero-lead{height:.5cqw}.sd-hero.is-compact .sd-hero-btn{width:4cqw;height:1.2cqw}.sd-hero.is-compact:before{background-size:2cqw 2cqw}.sd-grid{grid-template-columns:repeat(3,1fr);gap:1.6cqw;display:grid}.sd-card{border:.15cqw solid var(--shell-card-border);background:var(--shell-bg);border-radius:.9cqw;overflow:hidden}.sd-card-abstract{flex-direction:column;justify-content:center;gap:.9cqw;height:11.5cqw;padding:0 2.4cqw;display:flex}.sd-card-foot{border-top:.15cqw solid var(--shell-border);padding:1cqw 1.2cqw}.sd-card.is-target{animation:sd-card-target var(--sd-loop) linear infinite}.sd-item-layout{grid-template-columns:1.7fr 1fr;align-items:start;gap:2cqw;display:grid}.sd-panel{flex-direction:column;gap:1.4cqw;padding-top:1cqw;display:flex}.sd-copy{background:var(--shell-accent);height:4.2cqw;color:var(--shell-accent-fg);animation:sd-copy-press var(--sd-loop) linear infinite;border-radius:.8cqw;place-items:center;margin-top:1.4cqw;font-size:1.7cqw;font-weight:600;display:grid;position:relative}.sd-copy>span{animation:var(--sd-loop) linear infinite;grid-area:1/1}.sd-copy-idle{animation-name:sd-copy-idle}.sd-copy-done{opacity:0;animation-name:sd-copy-done}.sd-terminal-body{min-height:30cqw;font-family:var(--font-mono), ui-monospace, monospace;flex-direction:column;gap:1.6cqw;padding:2.4cqw 2.6cqw;font-size:max(1.9cqw,.6rem);display:flex}.sd-user{align-items:baseline;gap:1cqw;min-height:2.6cqw;display:flex}.sd-prompt{color:var(--shell-accent);font-weight:700}.sd-typed{white-space:nowrap;vertical-align:bottom;width:0;max-width:100%;animation:sd-typed var(--sd-loop) steps(var(--sd-chars,56), end) infinite;display:inline-block;overflow:hidden}.sd-link{color:var(--shell-accent-text);text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklab, var(--shell-accent) 50%, transparent);text-decoration-color:color-mix(in oklab, var(--shell-accent) 50%, transparent);text-underline-offset:.3cqw}.sd-caret{background:var(--shell-fg);width:.8cqw;height:2cqw;animation:sd-caret var(--sd-loop) linear infinite;display:inline-block}.sd-agent{color:var(--shell-muted);opacity:0;animation:var(--sd-loop) linear infinite;gap:1cqw;display:flex}.sd-agent[data-step="0"]{animation-name:sd-agent-0}.sd-agent[data-step="1"]{animation-name:sd-agent-1}.sd-agent[data-step="2"]{color:var(--shell-fg);animation-name:sd-agent-2}.sd-tick{color:var(--shell-ok)}.sd-result .sd-browser{animation:sd-result-frame var(--sd-loop) linear infinite}.sd-result-page{flex-direction:column;gap:2cqw;display:flex;position:relative}.sd-result-rest{grid-template-columns:repeat(3,1fr);gap:1.6cqw;display:grid}.sd-result-rest>span{border:.15cqw solid var(--shell-card-border);border-radius:.9cqw;flex-direction:column;gap:.8cqw;padding:1.6cqw;display:flex}.sd-badge{background:var(--shell-ok);width:4cqw;height:4cqw;color:var(--shell-bg);opacity:0;animation:sd-badge var(--sd-loop) linear infinite;border-radius:999px;place-items:center;font-size:2.2cqw;font-weight:700;display:grid;position:absolute;top:1.4cqw;right:1.4cqw}.sd-cursor{opacity:0;width:2.6cqw;height:2.6cqw;animation:sd-cursor var(--sd-loop) linear infinite;position:absolute;top:80%;left:70%}.sd-cursor svg{filter:drop-shadow(0 .25cqw .5cqw #00000073);transform-origin:15% 10%;width:100%;height:100%;animation:sd-cursor-press var(--sd-loop) linear infinite;display:block;overflow:visible}.sd-cursor-ring{border:.25cqw solid var(--shell-fg);opacity:0;width:3.6cqw;height:3.6cqw;animation:sd-cursor-ring var(--sd-loop) linear infinite;border-radius:999px;margin:-1.8cqw 0 0 -1.8cqw;position:absolute;top:0;left:0;transform:scale(.3)}.sd[data-paused=true] .sd-stage *{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.sd .sd-stage *{animation:none!important}.sd-result,.sd-result .sd-badge{opacity:1}}@keyframes sd-scene-title{0%,9%{opacity:1}10.5%,95.5%{opacity:0}97%,to{opacity:1}}@keyframes sd-scene-catalog{0%,9.5%{opacity:0}11%,29%{opacity:1}30.5%,to{opacity:0}}@keyframes sd-scene-item{0%,29.5%{opacity:0}31%,52%{opacity:1}53.5%,to{opacity:0}}@keyframes sd-scene-chat{0%,52.5%{opacity:0}54%,79%{opacity:1}80.5%,to{opacity:0}}@keyframes sd-scene-result{0%,79.5%{opacity:0}81%,95.5%{opacity:1}97%,to{opacity:0}}@keyframes sd-cursor{0%,13%{opacity:0;top:78%;left:72%}14.5%{opacity:1;animation-timing-function:cubic-bezier(.3,0,.15,1)}20%,31.5%{opacity:1;animation-timing-function:cubic-bezier(.3,0,.15,1);top:34%;left:50%}37%,44%{opacity:1;top:41%;left:72%}46%,to{opacity:0;top:41%;left:72%}}@keyframes sd-cursor-press{0%,21.3%,22.4%,38.1%,39.2%,to{transform:scale(1)}21.7%,38.5%{transform:scale(.82)}}@keyframes sd-cursor-ring{0%,21.5%,24.5%,38.3%,41.3%,to{opacity:0;transform:scale(.3)}21.8%,38.6%{opacity:.9;transform:scale(.4)}24%,40.8%{opacity:0;transform:scale(1.4)}}@keyframes sd-card-target{0%,19%{border-color:var(--shell-card-border);transform:translateY(0)}21.3%{border-color:var(--shell-accent);transform:translateY(-.4cqw)}21.8%{transform:translateY(.2cqw)scale(.985)}22.6%,to{border-color:var(--shell-accent);transform:translateY(-.4cqw)}}@keyframes sd-copy-press{0%,38%{transform:scale(1)}38.6%{transform:scale(.96)}39.3%,to{transform:scale(1)}}@keyframes sd-copy-idle{0%,38.6%{opacity:1}39.3%,to{opacity:0}}@keyframes sd-copy-done{0%,38.6%{opacity:0}39.3%,to{opacity:1}}@keyframes sd-typed{0%,55%{width:0}66.5%,to{width:calc(var(--sd-chars,56) * 1ch)}}@keyframes sd-caret{0%,54.5%{opacity:0}55%,67%{opacity:1}67.5%,to{opacity:0}}@keyframes sd-agent-0{0%,69.5%{opacity:0;transform:translateY(.6cqw)}71%,to{opacity:1;transform:translateY(0)}}@keyframes sd-agent-1{0%,73%{opacity:0;transform:translateY(.6cqw)}74.5%,to{opacity:1;transform:translateY(0)}}@keyframes sd-agent-2{0%,76.5%{opacity:0;transform:translateY(.6cqw)}78%,to{opacity:1;transform:translateY(0)}}@keyframes sd-result-frame{0%,80%{transform:scale(.96)}84%,to{transform:scale(1)}}@keyframes sd-badge{0%,86.5%{opacity:0;transform:scale(.6)}88%,to{opacity:1;transform:scale(1)}}
.start-fade{animation:start-fade var(--motion-slow,.46s) var(--ease-out) both}@keyframes start-fade{0%{opacity:0;transform:translateY(.35rem)}}.start-pulse{position:relative}.start-pulse:after{content:"";border:2px solid var(--shell-accent);opacity:0;pointer-events:none;border-radius:.75rem;animation:2.4s ease-out infinite start-pulse;position:absolute;inset:-.35rem}.start-pulse[data-copied=true]:after{animation:none}@keyframes start-pulse{0%{opacity:.7;transform:scale(.9)}60%,to{opacity:0;transform:scale(1.25)}}.start-glow{background:radial-gradient(60% 55% at 50% 0%, color-mix(in oklab, var(--shell-accent) 18%, transparent), transparent 70%), transparent}.start-glow-bottom{background:radial-gradient(55% 60% at 50% 100%, color-mix(in oklab, var(--shell-accent) 16%, transparent), transparent 70%), transparent}.start-index{letter-spacing:-.04em;color:color-mix(in oklab, var(--shell-fg) 5%, transparent);pointer-events:none;-webkit-user-select:none;user-select:none;transition:color var(--motion-base,.22s) ease;font-size:4.5rem;font-weight:700;line-height:1;position:absolute;top:-.6rem;right:.5rem}.acc-lift:hover .start-index{color:color-mix(in oklab, var(--shell-accent) 22%, transparent)}@media (prefers-reduced-motion:reduce){.start-fade,.start-pulse:after{animation:none}}