.demo-shell.svelte-xdx3fl{color:#ece8dc;background:#151713;border:1px solid #1e241f26;border-radius:4px;overflow:hidden;box-shadow:0 28px 80px #1c1f1a26}.demo-chrome.svelte-xdx3fl{min-height:48px;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:#ece8dc8a;border-bottom:1px solid #ffffff17;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;font-size:10px;display:grid}.window-dots.svelte-xdx3fl{gap:6px;display:flex}.window-dots.svelte-xdx3fl span:where(.svelte-xdx3fl){background:#ece8dc33;border-radius:50%;width:7px;height:7px}.session-name.svelte-xdx3fl{align-items:center;gap:8px;display:flex}.live-dot.svelte-xdx3fl{background:#9ed36d;border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 0 3px #9ed36d1f}.play-control.svelte-xdx3fl{color:#ece8dcad;font:inherit;text-transform:uppercase;cursor:pointer;background:0 0;border:0;justify-self:end}.play-control.svelte-xdx3fl:hover{color:#ece8dc}.demo-stage.svelte-xdx3fl{background:#111310;grid-template-columns:minmax(390px,1fr) 132px minmax(180px,.4fr);align-items:center;gap:clamp(18px,3vw,40px);min-height:390px;padding:54px clamp(24px,5vw,64px) 44px;display:grid}.laptop.svelte-xdx3fl{transition:filter .5s,transform .5s;position:relative}.laptop.is-offline.svelte-xdx3fl{filter:saturate(.72)brightness(.72);transform:scale(.98)}.device-label.svelte-xdx3fl{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:#ece8dc75;background:#282b25;border:1px solid #ffffff1a;border-bottom:0;border-radius:4px 4px 0 0;justify-content:space-between;padding:9px 12px;font-size:9px;display:flex}.terminal.svelte-xdx3fl{box-sizing:border-box;min-height:225px;font-family:var(--font-mono);background:#090b09;border:1px solid #ffffff1c;padding:22px;font-size:clamp(10px,1.05vw,13px);line-height:1.75}.terminal-line.svelte-xdx3fl{min-height:1.75em}.terminal-line.muted.svelte-xdx3fl{color:#ece8dc75}.terminal-line.success.svelte-xdx3fl{color:#b8d99c}.terminal-line.working.svelte-xdx3fl,.prompt.svelte-xdx3fl{color:#e2b76f}.spinner.svelte-xdx3fl{animation:1.2s linear infinite svelte-xdx3fl-spin;display:inline-block}.terminal-gap.svelte-xdx3fl{height:8px}.test-progress.svelte-xdx3fl{background:#ffffff1a;width:72%;height:2px;margin-top:10px}.test-progress.svelte-xdx3fl span:where(.svelte-xdx3fl){background:#e2b76f;width:59%;height:100%;display:block}.cursor.svelte-xdx3fl{vertical-align:-.18em;background:#ece8dcb3;width:7px;height:1.05em;animation:1s step-end infinite svelte-xdx3fl-blink;display:inline-block}.laptop-base.svelte-xdx3fl{background:#4a4c45;border-radius:0 0 50% 50%;width:calc(100% + 30px);height:7px;margin-left:-15px}.offline-card.svelte-xdx3fl{text-align:center;background:#141613f0;border:1px solid #ffffff29;border-radius:4px;justify-items:center;gap:5px;width:min(210px,70%);padding:18px;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 16px 48px #00000052}.offline-card.svelte-xdx3fl strong:where(.svelte-xdx3fl){font-family:var(--font-serif);font-size:18px;font-weight:500}.offline-card.svelte-xdx3fl small:where(.svelte-xdx3fl){color:#ece8dc80;font-size:10px}.offline-icon.svelte-xdx3fl{border:1px solid #ece8dc8c;border-radius:2px;width:16px;height:11px}.workspace-status.svelte-xdx3fl{z-index:2;text-align:center;justify-items:center;display:grid;position:relative}.cloud-mark.svelte-xdx3fl{background:#4e725326;border:1px solid #9ed36d38;border-radius:50%;place-items:center;width:62px;height:62px;margin-bottom:14px;transition:transform .5s,box-shadow .5s;display:grid;box-shadow:0 0 0 9px #4e72530f}.cloud-mark.svelte-xdx3fl span:where(.svelte-xdx3fl){background:#9ed36d;border-radius:50%;width:10px;height:10px}.cloud-mark.is-handoff.svelte-xdx3fl{transform:scale(1.08);box-shadow:0 0 0 9px #4e725314,0 0 32px #9ed36d29}.cloud-mark.is-attached.svelte-xdx3fl{box-shadow:0 0 0 9px #4e725314,0 0 38px #9ed36d3b}.status-kicker.svelte-xdx3fl{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#ece8dc61;margin-bottom:7px;font-size:9px}.workspace-status.svelte-xdx3fl strong:where(.svelte-xdx3fl){font-family:var(--font-serif);font-size:18px;font-weight:500}.workspace-status.svelte-xdx3fl small:where(.svelte-xdx3fl){color:#ece8dc70;margin-top:5px;font-size:10px}.connection-line.svelte-xdx3fl{z-index:-1;transform-origin:0;background:#9ed36d80;width:210px;height:1px;transition:transform .7s;position:absolute;top:30px;left:50%;transform:scaleX(0)}.connection-line.is-active.svelte-xdx3fl{transform:scaleX(1)}.phone.svelte-xdx3fl{opacity:.58;background:#0a0c0a;border:2px solid #484b44;border-radius:25px;width:min(100%,190px);margin:0 auto;padding:9px;transition:opacity .6s,transform .6s,border-color .6s;position:relative;transform:translateY(8px)}.phone.is-active.svelte-xdx3fl{opacity:1;border-color:#6f7569;transform:translateY(0)}.phone-speaker.svelte-xdx3fl{background:#3d403a;border-radius:4px;width:38px;height:3px;margin:0 auto 7px}.phone-screen.svelte-xdx3fl{background:#10130f;border-radius:4px;min-height:270px;overflow:hidden}.phone-head.svelte-xdx3fl{font-family:var(--font-mono);color:#ece8dc85;border-bottom:1px solid #ffffff14;align-items:center;gap:7px;padding:12px;font-size:8px;display:flex}.phone-head.svelte-xdx3fl .live-dot:where(.svelte-xdx3fl){width:5px;height:5px}.phone-terminal.svelte-xdx3fl{font-family:var(--font-mono);padding:18px 12px;font-size:8px;line-height:1.7}.phone-waiting.svelte-xdx3fl{text-align:center;align-content:center;justify-items:center;gap:8px;min-height:220px;padding:20px;display:grid}.phone-mark.svelte-xdx3fl{font-family:var(--font-mono);color:#ece8dc99;margin-bottom:6px;font-size:22px}.phone-mark.svelte-xdx3fl span:where(.svelte-xdx3fl){color:#e2b76f}.phone-waiting.svelte-xdx3fl strong:where(.svelte-xdx3fl){font-family:var(--font-serif);font-size:15px;font-weight:500}.phone-waiting.svelte-xdx3fl small:where(.svelte-xdx3fl){color:#ece8dc66;font-size:8px}.phone-home.svelte-xdx3fl{background:#3d403a;border-radius:4px;width:42px;height:3px;margin:7px auto 0}.step-copy.svelte-xdx3fl{box-sizing:border-box;background:#1b1e19;border-top:1px solid #ffffff14;grid-template-columns:50px 1fr;gap:22px;min-height:116px;padding:30px clamp(24px,5vw,64px);display:grid}.step-number.svelte-xdx3fl,.step-label.svelte-xdx3fl{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#9ed36d;font-size:10px}.step-label.svelte-xdx3fl{margin-bottom:6px}.step-copy.svelte-xdx3fl h3:where(.svelte-xdx3fl){font-family:var(--font-serif);color:#ece8dc;margin:0 0 6px;font-size:clamp(20px,2.4vw,28px);font-weight:500}.step-copy.svelte-xdx3fl p:where(.svelte-xdx3fl){color:#ece8dc85;margin:0;font-size:13px;line-height:1.5}.step-controls.svelte-xdx3fl{background:#151713;border-top:1px solid #ffffff14;grid-template-columns:repeat(3,1fr);display:grid}.step-controls.svelte-xdx3fl button:where(.svelte-xdx3fl){color:#ece8dc75;min-height:48px;font:9px var(--font-mono);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-right:1px solid #ffffff14;padding:10px 14px;transition:color .18s,background .18s}.step-controls.svelte-xdx3fl button:where(.svelte-xdx3fl):last-child{border-right:0}.step-controls.svelte-xdx3fl button:where(.svelte-xdx3fl) span:where(.svelte-xdx3fl){color:#9ed36d8c;margin-right:6px}.step-controls.svelte-xdx3fl button:where(.svelte-xdx3fl):hover,.step-controls.svelte-xdx3fl button.is-active:where(.svelte-xdx3fl){color:#ece8dc;background:#ffffff09}@keyframes svelte-xdx3fl-spin{to{transform:rotate(360deg)}}@keyframes svelte-xdx3fl-blink{50%{opacity:0}}@media (width<=840px){.demo-stage.svelte-xdx3fl{grid-template-columns:minmax(260px,1fr) 100px}.phone.svelte-xdx3fl,.connection-line.svelte-xdx3fl{display:none}}@media (width<=620px){.demo-chrome.svelte-xdx3fl{grid-template-columns:auto 1fr auto}.session-name.svelte-xdx3fl{justify-self:center;font-size:8px}.demo-stage.svelte-xdx3fl{grid-template-columns:1fr;min-height:315px;padding:32px 18px}.workspace-status.svelte-xdx3fl{display:none}.terminal.svelte-xdx3fl{min-height:210px;padding:16px;font-size:9px}.step-copy.svelte-xdx3fl{grid-template-columns:32px 1fr;gap:10px;padding:24px 20px}.step-controls.svelte-xdx3fl button:where(.svelte-xdx3fl){font-size:0}.step-controls.svelte-xdx3fl button:where(.svelte-xdx3fl) span:where(.svelte-xdx3fl){margin:0;font-size:9px}}@media (prefers-reduced-motion:reduce){.svelte-xdx3fl,.svelte-xdx3fl:before,.svelte-xdx3fl:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}