.retiflow-preview{margin-top:58px;background:#221335;color:#fff;border-radius:28px;overflow:hidden;box-shadow:0 28px 80px #321c4a2b}.retiflow-preview-bar{height:70px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20}.retiflow-preview-mark{display:flex;align-items:center;gap:10px;font-size:22px;letter-spacing:-.055em}.retiflow-preview-mark>span{display:grid;place-items:center;background:#bda0e5;color:#30164e;width:30px;height:30px;border-radius:10px;font-size:22px}.retiflow-preview-tag{border:1px solid #ffffff50;border-radius:999px;padding:7px 12px;color:#e7dcf5;font-size:11px}.retiflow-preview-body{display:grid;grid-template-columns:195px minmax(0,1fr);min-height:405px}.retiflow-preview-side{display:flex;flex-direction:column;gap:22px;padding:36px 28px;background:#2d1847;color:#d0c1e5;font-size:12px}.retiflow-preview-side>span:first-child{font-size:10px;letter-spacing:.16em;color:#ad91ce}.retiflow-preview-side strong{font-size:13px;color:#fff;font-weight:600;border-left:3px solid #d5b6ff;padding-left:13px;margin-left:-15px}.retiflow-preview-workspace{padding:32px 42px 22px;min-width:0}.retiflow-preview-footer,.retiflow-preview-topline{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:11px;color:#bca9d2}.retiflow-preview-topline>span:first-child{letter-spacing:.14em;font-size:10px}.retiflow-preview-live{display:flex;align-items:center;gap:7px;background:#ffffff12;padding:7px 10px;border-radius:999px;color:#ede1f7}.retiflow-preview-live i{width:7px;height:7px;border-radius:50%;background:#64db9d}.retiflow-preview-piece{margin:47px 0 50px}.retiflow-preview-piece>span{display:inline-block;border:1px solid #cba6f260;border-radius:999px;padding:6px 13px;color:#decbf6;font-size:11px}.retiflow-preview-piece strong{display:block;font-size:clamp(29px,3.7vw,52px);line-height:1.05;letter-spacing:-.055em;font-weight:500;margin:18px 0 9px}.retiflow-preview-piece p{font-size:14px;color:#d5c8e5}.retiflow-preview-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;border-top:1px solid #ffffff2c;padding-top:21px}.retiflow-preview-steps button{display:flex;flex-direction:column;gap:12px;align-items:flex-start;text-align:left;border:0;border-radius:12px;background:#ffffff0d;color:#bdaece;padding:13px 15px;min-height:87px;font-size:12px;transition:background .2s,color .2s,transform .2s}.retiflow-preview-steps button:hover{background:#ffffff20;transform:translateY(-2px)}.retiflow-preview-steps button[aria-current=step]{background:#e4d0fa;color:#29133f;font-weight:700}.retiflow-preview-step-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#ffffff17;font-size:10px}.retiflow-preview-steps button[aria-current=step] .retiflow-preview-step-icon{background:#a47bcf;color:#fff}.retiflow-preview-footer{margin-top:20px}.retiflow-chat-controls,.retiflow-preview-controls{display:flex;gap:7px}.retiflow-chat-controls button,.retiflow-preview-controls button{display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff60;border-radius:50%;color:#fff;background:transparent}.retiflow-chat-controls button:disabled,.retiflow-preview-controls button:disabled{opacity:.4;cursor:not-allowed}.retiflow-preview-progress{height:3px;background:#ffffff22}.retiflow-preview-progress>span{display:block;width:100%;height:100%;background:#b98de8;transform-origin:left;transform:scaleX(0)}.retiflow-preview-progress>span.is-playing{animation:retiflow-progress 2.5s linear forwards}.retiflow-preview-note{padding:11px 28px 14px;color:#cbbadf;font-size:11px}@keyframes retiflow-progress{to{transform:scaleX(1)}}.retiflow-chat{min-width:0;border:1px solid #ded3e6;border-radius:24px;overflow:hidden;background:#f8f7f5;box-shadow:0 22px 58px #3015441c}.retiflow-chat-header{display:flex;gap:12px;align-items:center;background:#33204c;color:#fff;padding:17px 20px}.retiflow-chat-avatar{display:grid;place-items:center;width:39px;height:39px;background:#a577d5;border-radius:50%;color:#fff;flex:0 0 auto}.retiflow-chat-header>div{display:flex;flex-direction:column;gap:2px}.retiflow-chat-header strong{font-size:14px}.retiflow-chat-header small{font-size:11px;color:#d4c6e3}.retiflow-chat-status{margin-left:auto;width:8px;height:8px;border-radius:50%;background:#69d499}.retiflow-chat-body{min-height:294px;padding:26px 21px;background:linear-gradient(135deg,#f5f0e9,#ece6ed);display:flex;flex-direction:column;gap:12px;animation:retiflow-message-in .32s ease both}.retiflow-chat-topic{align-self:center;border-radius:999px;padding:5px 11px;background:#e3d8e8;color:#533763;font-size:10px;font-weight:600}.retiflow-chat-body p{font-size:13px;line-height:1.45;padding:12px 15px;max-width:85%;box-shadow:0 2px 8px #2e173312}.retiflow-chat-in{align-self:flex-start;background:#fff;color:#34293a;border-radius:4px 13px 13px 13px}.retiflow-chat-out{align-self:flex-end;background:#dcf4e6;color:#213d2e;border-radius:13px 4px 13px 13px;animation:retiflow-message-in .38s ease .3s both}.retiflow-chat-ticks{display:inline-block;margin-left:9px;color:#319763;font-size:12px;letter-spacing:-3px;padding-right:3px}.retiflow-chat-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;background:#fff}.retiflow-chat-tabs{display:flex;gap:6px;min-width:0;flex-wrap:wrap}.retiflow-chat-tabs button{border-radius:999px;padding:8px 10px;background:#f1ebf5;color:#5d436a;border:1px solid transparent;font-size:11px;line-height:1.2}.retiflow-chat-tabs button[aria-current=true]{background:#4c2a85;color:#fff}.retiflow-chat-controls{flex-shrink:0}.retiflow-chat-controls button{border-color:#b8a7c5;color:#4c2a85}.retiflow-chat-note{padding:0 19px 17px;color:#665b6d;background:#fff;font-size:11px;line-height:1.4}@keyframes retiflow-message-in{0%{opacity:.2;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.retiflow-chat button:focus-visible,.retiflow-preview button:focus-visible{outline:3px solid #dbb7ff;outline-offset:3px}@media(max-width:800px){.retiflow-preview-body{grid-template-columns:1fr}.retiflow-preview-side{display:none}.retiflow-preview-workspace{padding:25px}.retiflow-preview-piece{margin:40px 0}.retiflow-preview-steps{gap:6px}.retiflow-preview-steps button{padding:10px}}@media(max-width:540px){.retiflow-preview{margin-top:36px;border-radius:20px}.retiflow-preview-bar{height:58px;padding:0 17px}.retiflow-preview-workspace{padding:21px 16px 17px}.retiflow-preview-topline{flex-wrap:wrap}.retiflow-preview-live{display:none}.retiflow-preview-piece{margin:35px 0}.retiflow-preview-piece strong{font-size:35px}.retiflow-preview-steps{grid-template-columns:repeat(2,1fr)}.retiflow-preview-steps button{min-height:68px}.retiflow-preview-note{padding-inline:16px}.retiflow-chat-body{min-height:335px}.retiflow-chat-body p{max-width:92%}.retiflow-chat-bottom{align-items:flex-start}.retiflow-chat-tabs{max-width:225px}}@media(prefers-reduced-motion:reduce){.retiflow-preview-steps button{transition:none}.retiflow-preview-steps button:hover{transform:none}.retiflow-chat-body,.retiflow-chat-out,.retiflow-preview-progress>span.is-playing{animation:none}.retiflow-preview-progress>span{transform:scaleX(1)}}