.wn-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;overflow-y:auto;padding:16px;background:rgba(15,20,32,.45);backdrop-filter:blur(6px);animation:wn-fade .25s ease-out}.wn-modal{position:relative;width:100%;max-width:560px;padding:28px 28px 24px;border-radius:20px;background:hsl(var(--background));color:hsl(var(--foreground));box-shadow:0 24px 80px rgba(23,31,64,.28),0 0 0 1px rgba(91,123,255,.08);animation:wn-pop .35s cubic-bezier(.2,.8,.2,1)}.wn-modal:focus{outline:none}@keyframes wn-fade{0%{opacity:0}to{opacity:1}}@keyframes wn-pop{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.wn-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:8px;color:hsl(var(--muted-foreground));font-size:20px;line-height:1}.wn-close:hover{background:hsl(var(--secondary))}.wn-head{display:flex;align-items:flex-start;gap:14px}.wn-badge{display:grid;flex:0 0 44px;height:44px;place-items:center;border-radius:12px;background:var(--rubic-gradient-icon);box-shadow:0 6px 18px rgba(91,123,255,.35)}.wn-title{margin:2px 0 6px;color:#1d2333;font-size:22px;font-weight:700;letter-spacing:-.02em}.wn-text{margin:0;font-size:15px;line-height:1.6}.wn-body{margin-top:14px}.wn-body .wn-text+.wn-text{margin-top:10px}.wn-body strong,.wn-steps code{color:#1d2333;font-weight:700}.wn-steps{display:grid;gap:8px;margin:18px 0 16px;padding:0;list-style:none}.wn-step{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid hsl(var(--border));border-radius:12px;font-size:14.5px;transition:all .3s ease}.wn-step code{font-family:inherit}.wn-step-n{display:grid;flex:0 0 24px;height:24px;place-items:center;border-radius:50%;background:hsl(var(--secondary));color:hsl(var(--muted-foreground));font-size:12.5px;font-weight:700;transition:all .3s ease}.wn-step[data-state=active]{border-color:rgba(91,123,255,.45);background:rgba(91,123,255,.06);color:#1d2333}.wn-step[data-state=active] .wn-step-n{background:var(--rubic-gradient-icon);color:#fff}.wn-step[data-state=done] .wn-step-n{background:#22c55e;color:#fff}.wn-demo-label{display:flex;align-items:center;justify-content:space-between;margin:4px 0 8px;color:hsl(var(--muted-foreground));letter-spacing:.06em;text-transform:uppercase}.wn-demo-label,.wn-replay{font-size:12px;font-weight:600}.wn-replay{color:var(--rubic-indigo);letter-spacing:0;text-transform:none}.wn-screen{position:relative;overflow:hidden;padding:18px;border-radius:12px;background:#1b2a3d}.wn-ss{position:relative;display:flex;flex-direction:column;min-height:248px;padding:22px 26px 20px;background:#0067b8;color:#fff;font-family:Segoe UI,Segoe UI Variable,system-ui,sans-serif;box-shadow:0 10px 30px rgba(0,0,0,.35)}.wn-ss-x{position:absolute;top:8px;right:12px;font-size:16px;opacity:.9}.wn-ss-title{margin:4px 0 14px;font-size:26px;font-weight:300;letter-spacing:-.01em}.wn-ss-text{max-width:420px;margin:0;font-size:13.5px;line-height:1.45}.wn-ss-more{align-self:flex-start;margin-top:12px;font-size:13.5px;text-decoration:underline;text-underline-offset:2px}.wn-ss-details{max-height:0;overflow:hidden;opacity:0;font-size:13.5px;line-height:1.7;transition:max-height .45s ease,opacity .35s ease}.wn-ss-key{display:inline-block;width:74px}.wn-ss-publisher{font-weight:600}.wn-ss[data-expanded=true] .wn-ss-more{display:none}.wn-ss[data-expanded=true] .wn-ss-details{max-height:80px;margin-top:12px;opacity:1}.wn-ss-buttons{display:flex;justify-content:flex-end;gap:8px;margin-top:auto;padding-top:22px}.wn-ss-btn{min-width:96px;padding:6px 16px;border:2px solid rgba(255,255,255,.9);font-size:13.5px;text-align:center;transition:background .15s}.wn-ss-run{display:none}.wn-ss[data-expanded=true] .wn-ss-run{display:block}.wn-ss [data-pressed=true]{background:rgba(255,255,255,.22)}.wn-installing{position:absolute;inset:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border-radius:4px;background:#fff;opacity:0;pointer-events:none;transition:opacity .35s ease}.wn-installing[data-visible=true]{opacity:1}.wn-installing-logo{display:grid;width:48px;height:48px;place-items:center;border-radius:12px;background:var(--rubic-gradient-icon)}.wn-installing b{color:#1d2333;font-size:15px}.wn-installing span{color:hsl(var(--muted-foreground));font-size:13px}.wn-bar{width:180px;height:6px;overflow:hidden;border-radius:999px;background:hsl(210 40% 94%)}.wn-bar i{display:block;width:0;height:100%;background:var(--rubic-gradient);transition:width 1.6s ease}.wn-installing[data-visible=true] .wn-bar i{width:100%}.wn-cursor{position:absolute;top:0;left:0;z-index:5;width:22px;height:22px;pointer-events:none;transition:transform .9s cubic-bezier(.45,.05,.25,1)}.wn-cursor[data-instant=true]{transition:none}.wn-cursor svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}.wn-click-ring{position:absolute;top:-12px;left:-12px;width:26px;height:26px;border:2px solid rgba(255,255,255,.9);border-radius:50%;opacity:0}.wn-click-ring[data-play=true]{animation:wn-ring .45s ease-out}@keyframes wn-ring{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.6)}}.wn-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}.wn-retry{color:hsl(var(--muted-foreground));font-size:13.5px}.wn-retry:hover{color:var(--rubic-indigo)}@media (max-width:520px){.wn-modal{padding:22px 18px 18px}.wn-ss{padding:18px}.wn-ss-title{font-size:21px}}