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