.rgs-expanded-dialog{--sheet-top:clamp(56px,14.4dvh,161px);position:fixed;inset:var(--sheet-top) 0 0;margin:0;width:100%;max-width:none;height:calc(100dvh - var(--sheet-top));max-height:none;border:1px solid #ffffff0d;border-bottom:0;border-radius:24px 24px 0 0;padding:0;background:#0d0d0d;color:#fff;overflow:hidden;font-family:var(--font-sans)}.rgs-expanded-dialog[open]{display:flex;flex-direction:column;animation:flow-sheet-in .42s cubic-bezier(.22,1,.36,1)}.rgs-expanded-dialog[open].closing{animation:flow-sheet-out .18s ease-in forwards}.rgs-expanded-dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.flow-player-header{position:relative;height:94px;min-height:72px;display:flex;align-items:center;justify-content:center;padding:18px 84px;flex:none}.flow-player-title{display:flex;align-items:center;justify-content:center;gap:12px;font-size:20px;line-height:28px;font-weight:500}.flow-player-title h2{font:inherit}.flow-brand-icon{width:40px;height:40px;border-radius:12px;background:#7a33ed;display:grid;place-items:center;font-size:21px;font-weight:600;font-style:normal;color:white}.flow-close{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#ffffff14;position:absolute;right:32px;top:29px;transition:background .18s}.flow-close:hover{background:#ffffff24}.flow-player-layout{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:16px;padding:0 30px 30px;min-height:0;flex:1}.rgs-expanded-stage{position:relative;min-height:0;min-width:0;border-radius:20px;overflow:hidden;background:white;border:1px solid #ffffff12}.rgs-demo-frame{border:0;display:block;width:100%;height:100%;background:#10111c}.rgs-demo-frame[hidden]{display:none}.flow-info{min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#444 transparent;background:#ffffff0d;border-radius:20px;padding:28px 24px;animation:flow-info-in .45s .08s cubic-bezier(.22,1,.36,1) both}.flow-info-content{display:flex;flex-direction:column;min-height:100%}.flow-kicker{font-size:11px;line-height:16px;color:#777;margin-bottom:12px}.flow-info h3{font-size:21px;line-height:28px;letter-spacing:-.35px;font-weight:500;margin:0 0 12px}.flow-description{font-size:13px;line-height:20px;color:#a3a3a3;margin:0 0 30px}.flow-guide-heading{display:flex;justify-content:space-between;gap:16px;font-size:11px;line-height:16px;color:#777;margin-bottom:18px}.flow-guide-steps{list-style:none;padding:0;margin:0}.flow-guide-steps li{position:relative;padding-bottom:18px}.flow-guide-steps li:not(:last-child)::before{content:'';position:absolute;left:12px;top:28px;bottom:4px;width:1px;background:#303030}.flow-guide-steps button{display:flex;align-items:flex-start;gap:12px;width:100%;text-align:left;color:#888;font-size:13px;line-height:20px;padding:0}.flow-guide-steps button i{display:grid;place-items:center;font-style:normal;font-size:11px;line-height:24px;flex:none;width:26px;height:26px;background:#262626;border:1px solid #373737;border-radius:50%;transition:background .2s,color .2s}.flow-guide-steps button span{padding-top:3px}.flow-guide-steps button[aria-current]{color:#fff}.flow-guide-steps button[aria-current] i{background:#fff;color:#111;border-color:white}.flow-guide-steps button:hover{color:#fff}.flow-guide-steps p{font-size:12px;line-height:19px;color:#9d9d9d;margin:10px 0 0 38px;animation:flow-info-in .22s ease both}.flow-guide-controls{display:flex;justify-content:space-between;gap:10px;margin:4px 0 24px}.flow-guide-controls button{border:1px solid #ffffff18;border-radius:10px;padding:10px 13px;font-size:12px;color:#aaa}.flow-guide-controls button:last-child{background:#eee;color:#111;margin-left:auto;border-color:transparent;display:flex;gap:20px;align-items:center}.flow-guide-controls button:hover{filter:brightness(.85)}.flow-guide-controls button:disabled{opacity:.3;cursor:default}.flow-info-bottom{margin-top:auto;padding-top:24px;border-top:1px solid #ffffff0c}.flow-info-bottom p{font-size:11px;line-height:17px;color:#6e6e6e;margin-bottom:14px}.flow-info-bottom>div{display:flex;gap:16px;justify-content:space-between}.flow-info-bottom button{font-size:11px;line-height:18px;color:#888;text-decoration:underline;text-underline-offset:4px;padding:4px 0}.flow-info-bottom button:hover{color:#fff}.flow-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;background:#10111c;color:#aaa;font-size:14px;z-index:2}.flow-loading[hidden]{display:none}.flow-loader{width:24px;height:24px;border:2px solid #333;border-top-color:#ddd;border-radius:50%;animation:flow-loader .8s linear infinite}.flow-loading:has([data-flow-error]:not([hidden])) .flow-loader{display:none}.flow-loading button{background:#eee;color:#111;padding:10px 18px;border-radius:999px}.rgs-expanded-dialog button:focus-visible{outline:2px solid #fff;outline-offset:3px}.flow-info-toggle{display:none}body.rgs-expanded{overflow:hidden}
@keyframes flow-sheet-in{from{opacity:0;transform:translateY(48px)}to{opacity:1;transform:none}}@keyframes flow-sheet-out{to{opacity:0;transform:translateY(24px)}}@keyframes flow-info-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes flow-loader{to{transform:rotate(360deg)}}
@media(max-width:1400px){.flow-player-layout{grid-template-columns:minmax(0,1fr) 310px;padding:0 20px 20px;gap:14px}.flow-info{padding:24px 20px}.flow-player-header{height:80px}.flow-close{top:22px}.flow-description{margin-bottom:24px}}
@media(max-width:900px){.rgs-expanded-dialog{--sheet-top:0px;border-radius:0;border:0}.flow-player-header{height:64px;min-height:64px;padding:12px 60px 12px 16px;justify-content:flex-start}.flow-player-title{font-size:16px;gap:10px}.flow-brand-icon{width:32px;height:32px;border-radius:10px;font-size:17px}.flow-close{right:16px;top:14px}.flow-player-layout{display:flex;flex-direction:column;padding:0 12px 12px;gap:10px;overflow:auto}.rgs-expanded-stage{flex:none;height:61dvh;min-height:360px;border-radius:14px}.flow-info{flex:none;border-radius:14px;padding:16px 20px;overflow:visible;animation:none}.flow-info-toggle{display:flex;width:100%;justify-content:space-between;font-size:14px;line-height:22px;color:#ddd;text-align:left}.flow-info-toggle::after{content:'−'}.flow-info.collapsed .flow-info-toggle::after{content:'+'}.flow-info-content{padding-top:18px}.flow-info.collapsed .flow-info-content{display:none}.flow-info h3{font-size:19px}.flow-description{max-width:580px}.flow-info-bottom{padding-top:16px}.flow-guide-steps li{padding-bottom:14px}.flow-guide-controls{margin-bottom:16px}.flow-kicker{display:none}}
@media(prefers-reduced-motion:reduce){.rgs-expanded-dialog[open],.rgs-expanded-dialog[open].closing,.flow-info,.flow-guide-steps p,.flow-loader{animation:none}.flow-guide-steps button i{transition:none}}