.LandingHeader-module__PZfd0W__playgroundHeader{padding-inline:16px}.LandingHeader-module__PZfd0W__playgroundHeaderInner{max-width:1400px}@media (min-width:640px) and (max-width:1599px){.LandingHeader-module__PZfd0W__playgroundHeader{padding-inline:24px}}@media (min-width:768px) and (max-width:1599px){.LandingHeader-module__PZfd0W__playgroundHeader{padding-inline:32px}}@media (min-width:1024px) and (max-width:1599px){.LandingHeader-module__PZfd0W__playgroundHeader{padding-inline:48px}}@media (min-width:1280px) and (max-width:1599px){.LandingHeader-module__PZfd0W__playgroundHeader{padding-inline:96px}}@media (min-width:1600px){.LandingHeader-module__PZfd0W__playgroundHeader{padding-inline:200px}.LandingHeader-module__PZfd0W__playgroundHeaderInner{max-width:none}}
.WorkflowAgentPlaygroundMock-module__ucwFVq__workspace{--agent-orange:#ff5d02;--agent-orange-hover:#ef4d00;--agent-border:#e4e4e7;--agent-foreground:#3f3f46;--agent-muted:#a1a1aa;--agent-panel-left:40.515%;--agent-panel-width:calc(73.485% - 8px);--agent-panel-slot-width:calc(var(--agent-panel-width) + 8px);width:95%;max-width:100%;height:100%;color:var(--agent-foreground);font-family:var(--font-plus-jakarta), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;background:#fff;border-color:#e5e5e5;border-top-style:solid;border-top-width:1px;border-right-style:solid;border-right-width:1px;border-top-right-radius:16px;flex:none;margin-top:16px;display:block;overflow:hidden;box-shadow:8px -8px 24px #0000000d}.WorkflowAgentPlaygroundMock-module__ucwFVq__workspace button{transform-origin:50%;-webkit-tap-highlight-color:transparent}.WorkflowAgentPlaygroundMock-module__ucwFVq__workspace button[data-tooltip]{position:relative}.WorkflowAgentPlaygroundMock-module__ucwFVq__workspace button:not(:disabled){cursor:pointer;transition:background-color 75ms ease-out,border-color 75ms ease-out,box-shadow 75ms ease-out,color 75ms ease-out,opacity 75ms ease-out,transform .1s ease-out}.WorkflowAgentPlaygroundMock-module__ucwFVq__workspace button:not(:disabled):active{transform:scale(.9)}.WorkflowAgentPlaygroundMock-module__ucwFVq__workspace button:focus-visible,.WorkflowAgentPlaygroundMock-module__ucwFVq__workspace input:focus-visible{outline-offset:2px;outline:2px solid #ff5d0257}.WorkflowAgentPlaygroundMock-module__ucwFVq__workspace button:disabled,.WorkflowAgentPlaygroundMock-module__ucwFVq__workspace textarea:disabled{cursor:default}.WorkflowAgentPlaygroundMock-module__ucwFVq__workspace button[data-tooltip]:after{pointer-events:none;z-index:80;color:#fff;content:attr(data-tooltip);opacity:0;transform-origin:top;white-space:nowrap;background:#27272aeb;border-radius:7px;width:max-content;max-width:160px;padding:5px 8px;font-size:10px;font-weight:600;line-height:14px;transition:opacity .12s ease-in-out,transform .12s ease-in-out;position:absolute;top:calc(100% + 7px);left:50%;transform:translate(-50%,-2px)scale(.96);box-shadow:0 8px 22px #18181b2e}.WorkflowAgentPlaygroundMock-module__ucwFVq__workspace button[data-tooltip]:hover:after,.WorkflowAgentPlaygroundMock-module__ucwFVq__workspace button[data-tooltip]:focus-visible:after{opacity:1;transform:translate(-50%)scale(1)}.WorkflowAgentPlaygroundMock-module__ucwFVq__workflowFrame{background:#fafafa;width:100%;height:100%;position:relative;overflow:hidden}.WorkflowAgentPlaygroundMock-module__ucwFVq__canvas{z-index:0;width:var(--agent-panel-left);background-color:#fff;background-image:radial-gradient(circle,#c7cbd1 .9px,#0000 1px);background-position:24px 10px;background-size:28px 28px;position:absolute;inset:0 auto 0 0}.WorkflowAgentPlaygroundMock-module__ucwFVq__workflowChrome{pointer-events:none;z-index:20;position:absolute;inset:0}.WorkflowAgentPlaygroundMock-module__ucwFVq__topRail{width:var(--agent-panel-left);background:#fafafa;height:8px;position:absolute;top:0;left:0;right:auto}.WorkflowAgentPlaygroundMock-module__ucwFVq__panelBackdrop{top:0;bottom:0;right:auto;left:var(--agent-panel-left);width:var(--agent-panel-slot-width);background:#fafafa;position:absolute}.WorkflowAgentPlaygroundMock-module__ucwFVq__canvasCorner{top:8px;right:auto;left:calc(var(--agent-panel-left) - 16px);background:#fafafa;width:16px;height:16px;position:absolute;-webkit-mask-image:radial-gradient(circle at 0 100%,#0000 0 15px,#000 16px);mask-image:radial-gradient(circle at 0 100%,#0000 0 15px,#000 16px)}.WorkflowAgentPlaygroundMock-module__ucwFVq__canvasFrame{width:var(--agent-panel-left);box-shadow:none;border:0;border-radius:0 16px 0 0;position:absolute;inset:8px auto 0 0}.WorkflowAgentPlaygroundMock-module__ucwFVq__publishShell{top:23px;left:calc(var(--agent-panel-left) - 132px);z-index:40;border:.5px solid var(--agent-border);background:#fff;border-radius:16px;align-items:center;width:116px;height:48px;padding:8px;display:flex;position:absolute;box-shadow:0 12px 28px #18181b1c,0 2px 6px #18181b0f}.WorkflowAgentPlaygroundMock-module__ucwFVq__publishButton{background:var(--agent-orange);color:#fff;border:1px solid #c24400;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100px;height:32px;font-size:13px;font-weight:600;display:flex;box-shadow:0 1px 1px #00000029,inset 0 1px #fff6}.WorkflowAgentPlaygroundMock-module__ucwFVq__publishButton:hover{background:var(--agent-orange-hover)}.WorkflowAgentPlaygroundMock-module__ucwFVq__publishButton:active:not(:disabled){background:#dc4500}.WorkflowAgentPlaygroundMock-module__ucwFVq__publishButton svg{flex:none;width:20px;height:20px}.WorkflowAgentPlaygroundMock-module__ucwFVq__publishPopover{z-index:70;outline:.5px solid var(--agent-border);transform-origin:top;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fff;border:0;border-radius:12px;width:min(480px,100% - 16px);position:absolute;top:83px;left:102px;overflow:hidden;box-shadow:-5px 7px 28px #0f152633}.WorkflowAgentPlaygroundMock-module__ucwFVq__publishPopoverHeader{z-index:30;border-bottom:.5px solid var(--agent-border);width:100%;color:var(--agent-foreground);align-items:center;padding:12px 16px;font-size:18px;font-weight:600;line-height:140%;display:flex;position:relative}.WorkflowAgentPlaygroundMock-module__ucwFVq__publishPopoverHeader h3{font:inherit;flex:1;margin:0}.WorkflowAgentPlaygroundMock-module__ucwFVq__publishPopoverBody{flex-direction:column;flex:1;gap:12px;width:100%;padding:12px 16px;display:flex}.WorkflowAgentPlaygroundMock-module__ucwFVq__publishField{color:#696974;flex-direction:column;gap:4px;font-size:12px;font-weight:600;line-height:20px;display:flex}.WorkflowAgentPlaygroundMock-module__ucwFVq__publishField input{border:1px solid var(--agent-border);width:100%;height:40px;color:var(--agent-foreground);background:#fff;border-radius:12px;outline:0;padding:8px 12px;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;box-shadow:0 1px 2px #0000000d}.WorkflowAgentPlaygroundMock-module__ucwFVq__publishField input:focus{border-color:var(--agent-border)}.WorkflowAgentPlaygroundMock-module__ucwFVq__publishLinkSection{flex-direction:column;gap:4px;display:flex}.WorkflowAgentPlaygroundMock-module__ucwFVq__publishSectionTitle{color:#696974;align-items:center;gap:4px;padding-left:12px;font-size:12px;font-weight:600;line-height:20px;display:flex}.WorkflowAgentPlaygroundMock-module__ucwFVq__publishSectionTitle svg{color:#71717a;width:16px;height:16px}.WorkflowAgentPlaygroundMock-module__ucwFVq__publishLinkValue{border:1px solid var(--agent-border);color:#71717a;background:#fff;border-radius:12px;padding:8px 12px;font-size:14px;line-height:20px;box-shadow:0 1px 2px #0000000d}.WorkflowAgentPlaygroundMock-module__ucwFVq__publishShareLink{border:1px solid var(--agent-border);background:#fff;border-radius:12px;align-items:center;height:36px;padding-left:16px;display:flex;overflow:hidden}.WorkflowAgentPlaygroundMock-module__ucwFVq__publishShareLink input{min-width:0;color:var(--agent-foreground);text-overflow:ellipsis;-webkit-user-select:all;user-select:all;white-space:nowrap;background:0 0;border:0;outline:0;flex:1;padding-right:8px;font-family:inherit;font-size:12px;line-height:16px;overflow:hidden}.WorkflowAgentPlaygroundMock-module__ucwFVq__publishShareLinkButton{width:40px;height:36px;color:var(--agent-foreground);border-radius:0 8px 8px 0;flex:none;justify-content:center;align-items:center;display:flex}.WorkflowAgentPlaygroundMock-module__ucwFVq__publishShareLinkButton:hover{background:#f4f4f599}.WorkflowAgentPlaygroundMock-module__ucwFVq__publishShareLinkButton svg{width:16px;height:16px}.WorkflowAgentPlaygroundMock-module__ucwFVq__publishStatusCard{border:1px solid var(--agent-border);background:#fafafa;border-radius:12px;padding:12px}.WorkflowAgentPlaygroundMock-module__ucwFVq__publishStatusRow{justify-content:center;align-items:center;gap:8px;display:flex}.WorkflowAgentPlaygroundMock-module__ucwFVq__publishStatusIcon{border:.5px solid var(--agent-border);color:#71717a;background:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:4px;display:flex}.WorkflowAgentPlaygroundMock-module__ucwFVq__publishStatusIcon svg{width:24px;height:24px}.WorkflowAgentPlaygroundMock-module__ucwFVq__publishStatusIcon[data-ready=true]{color:#22c55e}.WorkflowAgentPlaygroundMock-module__ucwFVq__publishStatusContent{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.WorkflowAgentPlaygroundMock-module__ucwFVq__publishStatusCard strong{color:var(--agent-foreground);font-size:14px;font-weight:600;line-height:20px;display:block}.WorkflowAgentPlaygroundMock-module__ucwFVq__publishStatusCard p{color:#71717a;margin:0;font-size:12px;line-height:16px}.WorkflowAgentPlaygroundMock-module__ucwFVq__publishPopoverFooter{box-sizing:border-box;border-top:.5px solid var(--agent-border);justify-content:flex-end;align-items:center;gap:8px;width:100%;padding:12px;display:flex}.WorkflowAgentPlaygroundMock-module__ucwFVq__publishActionButton{background:var(--agent-orange);color:#fff;white-space:nowrap;border:1px solid #c24400;border-radius:8px;justify-content:center;align-items:center;width:auto;height:32px;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:600;display:flex;box-shadow:0 1px 1px #00000029,inset 0 1px #fff6}.WorkflowAgentPlaygroundMock-module__ucwFVq__publishActionButton:hover:not(:disabled){background:var(--agent-orange-hover)}.WorkflowAgentPlaygroundMock-module__ucwFVq__publishActionButton:disabled{cursor:default;background:#ff5d02b3;border-color:#c24400b3}.WorkflowAgentPlaygroundMock-module__ucwFVq__agentLauncher{left:calc(var(--agent-panel-left) - 72px);z-index:40;opacity:1;background:#fff;border:.5px solid #ff9e67;border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:absolute;bottom:32px;overflow:hidden;box-shadow:0 16px 32px #ff5d0226}.WorkflowAgentPlaygroundMock-module__ucwFVq__canvasEdgeShadow{pointer-events:none;z-index:35;width:var(--agent-panel-left);border:.5px solid var(--agent-border);background:0 0;border-left:0;border-radius:0 16px 0 0;position:absolute;top:8px;bottom:0;left:0;box-shadow:0 15px 30px #0f152626}.WorkflowAgentPlaygroundMock-module__ucwFVq__panelSlot{inset:0 0 0 var(--agent-panel-left);z-index:30;width:auto;height:100%;position:absolute;overflow:hidden}.WorkflowAgentPlaygroundMock-module__ucwFVq__agentPanel{background:#fafafa;width:100%;height:100%;display:flex;overflow:hidden}.WorkflowAgentPlaygroundMock-module__ucwFVq__chatColumn{background:#fafafa;flex-direction:column;flex:1;width:auto;min-width:0;height:100%;display:flex;position:relative;overflow:hidden}.WorkflowAgentPlaygroundMock-module__ucwFVq__chatHeader,.WorkflowAgentPlaygroundMock-module__ucwFVq__sidebarHeader{align-items:center;height:48px;min-height:48px;display:flex}.WorkflowAgentPlaygroundMock-module__ucwFVq__chatHeader{gap:4px;padding:0 8px 0 12px;position:relative}.WorkflowAgentPlaygroundMock-module__ucwFVq__chatTitle{min-width:0;color:var(--agent-foreground);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:600;line-height:20px;overflow:hidden}.WorkflowAgentPlaygroundMock-module__ucwFVq__headerActions{align-items:center;gap:4px;display:flex}.WorkflowAgentPlaygroundMock-module__ucwFVq__iconButton{width:32px;min-width:32px;height:32px;color:var(--agent-foreground);opacity:1;border:.5px solid #0000;border-radius:8px;justify-content:center;align-items:center;display:flex}.WorkflowAgentPlaygroundMock-module__ucwFVq__iconButton:hover:not(:disabled),.WorkflowAgentPlaygroundMock-module__ucwFVq__iconButton[aria-expanded=true]{background:#f1f1f3}.WorkflowAgentPlaygroundMock-module__ucwFVq__iconButton svg{width:16px;height:16px}.WorkflowAgentPlaygroundMock-module__ucwFVq__closeButton{border-color:var(--agent-border);background:#fff}.WorkflowAgentPlaygroundMock-module__ucwFVq__closeButton svg{width:20px;height:20px}.WorkflowAgentPlaygroundMock-module__ucwFVq__historyPopover{z-index:20;border:.5px solid var(--agent-border);transform-origin:100% 0;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffffc2;border-radius:12px;width:256px;max-height:280px;padding:4px;position:absolute;top:44px;right:8px;overflow-y:auto;box-shadow:-5px 7px 28px #0f152633}.WorkflowAgentPlaygroundMock-module__ucwFVq__historyLabel,.WorkflowAgentPlaygroundMock-module__ucwFVq__sidebarGroupLabel{color:#71717a;font-size:12px;font-weight:600}.WorkflowAgentPlaygroundMock-module__ucwFVq__historyLabel{padding:8px 12px;font-weight:500}.WorkflowAgentPlaygroundMock-module__ucwFVq__messages{scrollbar-color:#d4d4d8 transparent;scrollbar-width:thin;flex:1;min-height:0;padding:16px 8px 16px 4px;overflow:hidden auto}.WorkflowAgentPlaygroundMock-module__ucwFVq__messageList{flex-direction:column;gap:4px;min-width:0;display:flex}.WorkflowAgentPlaygroundMock-module__ucwFVq__userMessage{flex-direction:column;align-self:flex-end;align-items:flex-end;gap:4px;width:max-content;max-width:88%;display:flex}.WorkflowAgentPlaygroundMock-module__ucwFVq__userBubble{overflow-wrap:anywhere;border:.5px solid var(--agent-border);width:100%;min-width:0;color:var(--agent-foreground);background:#fff;border-radius:8px;padding:8px 12px;font-size:14px;font-weight:400;line-height:20px;box-shadow:0 1px 2px #00000017}.WorkflowAgentPlaygroundMock-module__ucwFVq__assistantMessage{width:max-content;max-width:88%;color:var(--agent-foreground);border-radius:12px;align-self:flex-start;padding:8px;font-size:14px;font-weight:400;line-height:20px;overflow:hidden}.WorkflowAgentPlaygroundMock-module__ucwFVq__assistantMessage p{margin:0}.WorkflowAgentPlaygroundMock-module__ucwFVq__copyButton{width:24px;height:24px;color:var(--agent-muted);border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex}.WorkflowAgentPlaygroundMock-module__ucwFVq__copyButton:hover{color:#71717a;background:#f1f1f3}.WorkflowAgentPlaygroundMock-module__ucwFVq__copyButton svg{width:14px;height:14px}.WorkflowAgentPlaygroundMock-module__ucwFVq__copyStatusIcon{justify-content:center;align-items:center;width:14px;height:14px;display:inline-flex;position:relative}.WorkflowAgentPlaygroundMock-module__ucwFVq__copyStatusLayer{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.WorkflowAgentPlaygroundMock-module__ucwFVq__copyStatusLayer svg{width:100%;height:100%}.WorkflowAgentPlaygroundMock-module__ucwFVq__messageMeta{height:24px;color:var(--agent-muted);align-items:center;gap:4px;margin-top:4px;font-size:12px;font-weight:500;line-height:16px;display:flex}.WorkflowAgentPlaygroundMock-module__ucwFVq__messageMeta>svg{width:12px;height:12px}.WorkflowAgentPlaygroundMock-module__ucwFVq__workingState{color:#71717a;align-self:flex-start;align-items:center;gap:2px;max-width:88%;padding:8px;font-size:12px;display:flex}.WorkflowAgentPlaygroundMock-module__ucwFVq__emptyState{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:100%;display:flex}.WorkflowAgentPlaygroundMock-module__ucwFVq__emptyState h3{margin:0;font-size:15px;font-weight:600}.WorkflowAgentPlaygroundMock-module__ucwFVq__emptyState p{color:#71717a;margin:0;font-size:12px}.WorkflowAgentPlaygroundMock-module__ucwFVq__composerArea{flex:none;padding:0 8px 24px}.WorkflowAgentPlaygroundMock-module__ucwFVq__composer{border:.5px solid var(--agent-border);background:#fff;border-radius:16px;transition:border-color .12s ease-out,box-shadow .12s ease-out;overflow:hidden;box-shadow:0 16px 32px #18181b21}.WorkflowAgentPlaygroundMock-module__ucwFVq__composer textarea{resize:none;width:100%;min-height:108px;color:var(--agent-foreground);background:0 0;border:0;outline:0;padding:14px 14px 4px;font-family:inherit;font-size:14px;line-height:20px;display:block}.WorkflowAgentPlaygroundMock-module__ucwFVq__composer textarea::placeholder{color:#8b8b95;opacity:1}.WorkflowAgentPlaygroundMock-module__ucwFVq__composerFooter{justify-content:flex-end;padding:0 8px 8px;display:flex}.WorkflowAgentPlaygroundMock-module__ucwFVq__sendButton{color:#fff;opacity:1;background:#ff8352;border:1px solid #c24400;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 1px 1px #00000029,inset 0 1px #fff6}.WorkflowAgentPlaygroundMock-module__ucwFVq__sendButton:hover:not(:disabled){background:var(--agent-orange-hover)}.WorkflowAgentPlaygroundMock-module__ucwFVq__sendButton:disabled{cursor:default;background:#ff5d02b3}.WorkflowAgentPlaygroundMock-module__ucwFVq__sendButton svg{width:20px;height:20px}.WorkflowAgentPlaygroundMock-module__ucwFVq__sidebar{border-left:.5px solid var(--agent-border);background:#fafafaf5;flex-direction:column;width:38%;min-width:128px;max-width:208px;height:100%;display:flex}.WorkflowAgentPlaygroundMock-module__ucwFVq__sidebarHeader{justify-content:space-between;padding:0 8px 0 12px}.WorkflowAgentPlaygroundMock-module__ucwFVq__sidebarHeader h2{color:var(--agent-foreground);margin:0;font-size:14px;font-weight:700;line-height:20px}.WorkflowAgentPlaygroundMock-module__ucwFVq__newChatWrap{padding:0 8px 8px}.WorkflowAgentPlaygroundMock-module__ucwFVq__newChatButton{border:.5px solid var(--agent-border);width:100%;height:32px;color:var(--agent-foreground);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.WorkflowAgentPlaygroundMock-module__ucwFVq__newChatButton:hover{background:#f4f4f5}.WorkflowAgentPlaygroundMock-module__ucwFVq__newChatButton svg{width:16px;height:16px}.WorkflowAgentPlaygroundMock-module__ucwFVq__sidebarSessions{flex:1;min-height:0;padding:0 8px 12px;overflow-y:auto}.WorkflowAgentPlaygroundMock-module__ucwFVq__sidebarSessions>.WorkflowAgentPlaygroundMock-module__ucwFVq__sessionRow+.WorkflowAgentPlaygroundMock-module__ucwFVq__sessionRow{margin-top:2px}.WorkflowAgentPlaygroundMock-module__ucwFVq__sidebarGroupLabel{padding:0 8px 8px}.WorkflowAgentPlaygroundMock-module__ucwFVq__sessionRow{border:.5px solid #0000;border-radius:8px;align-items:center;width:100%;min-width:0;padding-left:4px;padding-right:4px;display:flex}.WorkflowAgentPlaygroundMock-module__ucwFVq__sessionRowActive{border-color:var(--agent-border);background:#fff;box-shadow:0 1px 2px #00000014}.WorkflowAgentPlaygroundMock-module__ucwFVq__sessionRow:not(.WorkflowAgentPlaygroundMock-module__ucwFVq__sessionRowActive):not(.WorkflowAgentPlaygroundMock-module__ucwFVq__historySessionRow):hover{background:#f4f4f5b8}.WorkflowAgentPlaygroundMock-module__ucwFVq__sessionSelect{min-width:0;height:32px;color:var(--agent-foreground);text-align:left;flex:1;justify-content:space-between;align-items:center;padding:0 8px;display:flex}.WorkflowAgentPlaygroundMock-module__ucwFVq__sessionSelect span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:700;overflow:hidden}.WorkflowAgentPlaygroundMock-module__ucwFVq__deleteButton{width:24px;height:24px;color:var(--agent-foreground);border-radius:4px;flex:none;justify-content:center;align-items:center;display:flex}.WorkflowAgentPlaygroundMock-module__ucwFVq__sessionRow:not(.WorkflowAgentPlaygroundMock-module__ucwFVq__historySessionRow) .WorkflowAgentPlaygroundMock-module__ucwFVq__deleteButton{opacity:0}.WorkflowAgentPlaygroundMock-module__ucwFVq__sessionRow:not(.WorkflowAgentPlaygroundMock-module__ucwFVq__historySessionRow):hover .WorkflowAgentPlaygroundMock-module__ucwFVq__deleteButton,.WorkflowAgentPlaygroundMock-module__ucwFVq__sessionRow:not(.WorkflowAgentPlaygroundMock-module__ucwFVq__historySessionRow):focus-within .WorkflowAgentPlaygroundMock-module__ucwFVq__deleteButton,.WorkflowAgentPlaygroundMock-module__ucwFVq__sessionRow:not(.WorkflowAgentPlaygroundMock-module__ucwFVq__historySessionRow) .WorkflowAgentPlaygroundMock-module__ucwFVq__deleteButton:focus-visible{opacity:1}.WorkflowAgentPlaygroundMock-module__ucwFVq__sessionSelect:active,.WorkflowAgentPlaygroundMock-module__ucwFVq__deleteButton:active{transform:none!important}.WorkflowAgentPlaygroundMock-module__ucwFVq__deleteButton:hover{background:#f4f4f5}.WorkflowAgentPlaygroundMock-module__ucwFVq__deleteButton svg,.WorkflowAgentPlaygroundMock-module__ucwFVq__tinyIcon{width:16px;height:16px}.WorkflowAgentPlaygroundMock-module__ucwFVq__tinyIcon{flex:none}.WorkflowAgentPlaygroundMock-module__ucwFVq__historySessionRow{box-shadow:none;color:var(--agent-foreground);background:0 0;border:0;gap:4px;padding:4px 8px;font-size:14px;font-weight:500}.WorkflowAgentPlaygroundMock-module__ucwFVq__historySessionRow:hover,.WorkflowAgentPlaygroundMock-module__ucwFVq__historySessionRow:focus-within{background:#f4f4f599}.WorkflowAgentPlaygroundMock-module__ucwFVq__historySessionSelect{border-radius:6px;gap:8px;height:auto;min-height:28px;padding:4px}.WorkflowAgentPlaygroundMock-module__ucwFVq__historySessionSelect span{font-size:14px;font-weight:500;line-height:20px}.WorkflowAgentPlaygroundMock-module__ucwFVq__historyDeleteButton{opacity:0;width:28px;max-width:28px;height:24px;padding:0}.WorkflowAgentPlaygroundMock-module__ucwFVq__historySessionRow:hover .WorkflowAgentPlaygroundMock-module__ucwFVq__historyDeleteButton,.WorkflowAgentPlaygroundMock-module__ucwFVq__historySessionRow:focus-within .WorkflowAgentPlaygroundMock-module__ucwFVq__historyDeleteButton,.WorkflowAgentPlaygroundMock-module__ucwFVq__historyDeleteButton:focus-visible{opacity:1}@media (prefers-reduced-motion:reduce){.WorkflowAgentPlaygroundMock-module__ucwFVq__workspace,.WorkflowAgentPlaygroundMock-module__ucwFVq__workspace *{scroll-behavior:auto!important;transition:none!important;animation-duration:1ms!important}.WorkflowAgentPlaygroundMock-module__ucwFVq__workspace button:not(:disabled):active{transform:none}}
.page-module__R5UQWa__playgroundPage{--playground-page-inline-padding:16px;padding-inline:16px}.page-module__R5UQWa__playgroundContent{max-width:1400px}.page-module__R5UQWa__playgroundShell{grid-template-columns:minmax(0,1fr);gap:0;padding-bottom:112px;display:grid}.page-module__R5UQWa__playgroundSidebar{right:auto;bottom:max(12px, env(safe-area-inset-bottom));z-index:50;width:calc(100vw - (2 * var(--playground-page-inline-padding)));max-width:1400px;max-height:none;box-shadow:none;overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x proximity;background:0 0;border:0;padding:6px 22px;position:fixed;left:50%;overflow:auto hidden;transform:translate(-50%)}.page-module__R5UQWa__playgroundSidebar::-webkit-scrollbar{display:none}.page-module__R5UQWa__playgroundSidebarLabel{color:#a3a3a3;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px 8px;font-size:10px;font-weight:700;line-height:16px}.page-module__R5UQWa__playgroundSidebarList{flex-direction:row;align-items:stretch;gap:6px;width:max-content;min-width:100%;display:flex}.page-module__R5UQWa__playgroundNavItem{color:#a3a3a3;text-align:left;cursor:pointer;scroll-snap-align:start;-webkit-backdrop-filter:none;background:0 0;border:1px solid #0000;border-radius:12px;flex:0 0 260px;width:260px;padding:12px 14px;transition:color .16s,border-color .16s,background-color .16s,box-shadow .16s}.page-module__R5UQWa__playgroundNavItem:hover{color:#525252;background:#f5f5f5;transition:none}.page-module__R5UQWa__playgroundNavItem:focus-visible{outline-offset:2px;outline:2px solid #171717}.page-module__R5UQWa__playgroundNavItemSelected{color:#232323;background:#fffffff0;border-color:#ededed}.page-module__R5UQWa__playgroundNavItemSelected:hover{color:#171717;background:#fff}.page-module__R5UQWa__playgroundNavTitle{font-size:14px;font-weight:500;line-height:20px;display:block}.page-module__R5UQWa__playgroundList{container:playground-list/inline-size}.page-module__R5UQWa__playgroundArticle{scroll-margin-top:96px;display:block}.page-module__R5UQWa__playgroundDescription{align-items:flex-start;width:100%}.page-module__R5UQWa__playgroundDescriptionCopy{max-width:42rem}.page-module__R5UQWa__playgroundStage{z-index:0;isolation:isolate;scrollbar-color:#d4d4d8 transparent;scrollbar-width:thin;background:#fff;border:1px solid #e5e5e5;border-radius:16px;width:100%;min-width:0;max-width:100%;height:856px;min-height:856px;padding:48px;display:flex;position:relative;overflow:clip}.page-module__R5UQWa__playgroundStageContent{justify-content:center;align-items:center;min-width:max-content;margin:auto;display:flex}.page-module__R5UQWa__playgroundStage[data-playground-component=brand-analysis] .page-module__R5UQWa__playgroundStageContent{width:100%;min-width:0;height:100%;margin:0}.page-module__R5UQWa__playgroundStage[data-playground-component=brand-analysis] [data-brand-analysis-fit=true]{width:100%;height:100%}.page-module__R5UQWa__playgroundStage[data-playground-component=brand-analysis] [data-hero-mock=brand-analysis]{transform-origin:50%;flex:none;translate:-50% -50%;width:1240px!important;height:760px!important;scale:var(--brand-analysis-playground-scale,1)!important;position:absolute!important;inset:50% auto auto 50%!important}.page-module__R5UQWa__playgroundStage[data-playground-component=brand-analysis] [data-hero-mock=brand-analysis]>div>div{rotate:none!important;scale:1!important}.page-module__R5UQWa__playgroundStage[data-playground-component=workflow-node] [data-hero-mock=workflow-node]{flex:none;width:412px!important;height:592px!important;position:relative!important;inset:auto!important}.page-module__R5UQWa__playgroundStage[data-playground-component=workflow-node] [data-hero-mock=workflow-node]>div>div{rotate:none!important;scale:1!important}.page-module__R5UQWa__playgroundStage[data-playground-component=workflow-node] [data-cy=workflow-node]{padding-left:26px!important;padding-right:26px!important}.page-module__R5UQWa__playgroundStage[data-playground-component=workflow-node] .page-module__R5UQWa__playgroundStageContent{transform:translateY(var(--playground-center-offset-y,0px))}.page-module__R5UQWa__playgroundStage[data-playground-component=proposal-selector] [data-hero-mock=proposal-selector]{flex:none;width:448px!important;position:relative!important;inset:auto!important;rotate:none!important;scale:1!important}.page-module__R5UQWa__playgroundStage[data-playground-component=gifts-panel] [data-hero-mock=gifts-panel]{flex:none;width:386px!important;height:670px!important;position:relative!important;inset:auto!important;rotate:none!important}.page-module__R5UQWa__playgroundStage[data-playground-component=gifts-panel] [data-hero-mock=gifts-panel]>div>div>div{scale:1!important}.page-module__R5UQWa__playgroundStage[data-playground-component=assets-panel] [data-assets-panel=true]{flex:none;rotate:none!important}.page-module__R5UQWa__playgroundStage[data-playground-component=agent-trigger]{padding:0;overflow:clip}.page-module__R5UQWa__playgroundStage[data-playground-component=generate-3d],.page-module__R5UQWa__playgroundStage[data-playground-component=workspace-selector],.page-module__R5UQWa__playgroundStage[data-playground-component=roblox-upload],.page-module__R5UQWa__playgroundStage[data-playground-component=brand-assistant-homepage]{padding:0}.page-module__R5UQWa__playgroundStage[data-playground-component=generate-3d] .page-module__R5UQWa__playgroundStageContent,.page-module__R5UQWa__playgroundStage[data-playground-component=workspace-selector] .page-module__R5UQWa__playgroundStageContent,.page-module__R5UQWa__playgroundStage[data-playground-component=roblox-upload] .page-module__R5UQWa__playgroundStageContent,.page-module__R5UQWa__playgroundStage[data-playground-component=brand-assistant-homepage] .page-module__R5UQWa__playgroundStageContent{justify-content:flex-start;align-items:flex-start;width:100%;min-width:0;height:100%;margin:0}:is(.page-module__R5UQWa__playgroundStage[data-playground-component=generate-3d] [data-generate-3d-mock=true],.page-module__R5UQWa__playgroundStage[data-playground-component=workspace-selector] [data-workspace-selector-playground=true],.page-module__R5UQWa__playgroundStage[data-playground-component=roblox-upload] [data-roblox-upload-playground=true],.page-module__R5UQWa__playgroundStage[data-playground-component=brand-assistant-homepage] [data-brand-assistant-homepage-playground=true]){flex:none}.page-module__R5UQWa__playgroundStage[data-playground-component=generate-3d] .page-module__R5UQWa__playgroundStageContent,.page-module__R5UQWa__playgroundStage[data-playground-component=workspace-selector] .page-module__R5UQWa__playgroundStageContent,.page-module__R5UQWa__playgroundStage[data-playground-component=roblox-upload] .page-module__R5UQWa__playgroundStageContent,.page-module__R5UQWa__playgroundStage[data-playground-component=brand-assistant-homepage] .page-module__R5UQWa__playgroundStageContent{width:var(--playground-content-width);height:var(--playground-content-height);transform:translate(-50%, -50%) scale(var(--playground-scale,1));transform-origin:50%;margin:0;position:absolute;top:50%;left:50%}.page-module__R5UQWa__playgroundStage[data-playground-component=agent-trigger] .page-module__R5UQWa__playgroundStageContent,.page-module__R5UQWa__playgroundStage[data-playground-component=roblox-upload] .page-module__R5UQWa__playgroundStageContent{justify-content:flex-start;align-items:flex-start;width:100%;height:100%;margin:0}.page-module__R5UQWa__playgroundStage[data-playground-component=agent-trigger] [data-workflow-agent-playground=true]{flex:none;rotate:none!important}@media (max-width:1599px){.page-module__R5UQWa__playgroundStage{aspect-ratio:772.8/856;width:100%;height:auto;min-height:0;max-height:856px}.page-module__R5UQWa__playgroundStage[data-playground-component] .page-module__R5UQWa__playgroundStageContent{width:var(--playground-content-width);height:var(--playground-content-height);min-width:0;transform:translate(-50%, -50%) scale(var(--playground-scale,1)) translateY(var(--playground-center-offset-y,0px));transform-origin:50%;margin:0;position:absolute;top:50%;left:50%}.page-module__R5UQWa__playgroundStage[data-playground-component=agent-trigger] .page-module__R5UQWa__playgroundStageContent{transform:translateY(-50%) scale(var(--playground-scale,1));transform-origin:0;left:0}.page-module__R5UQWa__playgroundStage[data-playground-component=brand-analysis]{padding:16px}.page-module__R5UQWa__playgroundStage[data-playground-component=workflow-node] [data-node-floating-toolbar=true]{transform-origin:bottom;scale:.9}.page-module__R5UQWa__playgroundStage[data-playground-component=generate-3d]{aspect-ratio:1280/1032;max-height:none}}@media (min-width:1600px){.page-module__R5UQWa__playgroundPage{--playground-page-inline-padding:200px;padding-inline:200px}.page-module__R5UQWa__playgroundContent,.page-module__R5UQWa__playgroundSidebar{max-width:1800px}.page-module__R5UQWa__playgroundShell{grid-template-columns:minmax(0,1fr);gap:0}.page-module__R5UQWa__playgroundDescription{align-items:center}.page-module__R5UQWa__playgroundDescriptionCopy{width:auto;max-width:none}}.page-module__R5UQWa__playgroundExpandControl{z-index:40;position:absolute;top:12px;right:12px}.page-module__R5UQWa__playgroundExpandButton,.page-module__R5UQWa__playgroundDialogClose{color:#404040;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border:1px solid #e5e5e5;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex;box-shadow:0 6px 20px #00000014}.page-module__R5UQWa__playgroundExpandButton:hover,.page-module__R5UQWa__playgroundDialogClose:hover{color:#171717;background:#f5f5f5}.page-module__R5UQWa__playgroundExpandButton:focus-visible,.page-module__R5UQWa__playgroundDialogClose:focus-visible{outline-offset:2px;outline:2px solid #171717}.page-module__R5UQWa__playgroundExpandButton svg,.page-module__R5UQWa__playgroundDialogClose svg{width:16px;height:16px}.page-module__R5UQWa__playgroundExpandTooltip{color:#fff;opacity:0;pointer-events:none;white-space:nowrap;background:#171717;border-radius:6px;padding:4px 7px;font-size:11px;line-height:16px;transition:opacity .12s,transform .12s;position:absolute;top:calc(100% + 7px);right:0;transform:translateY(-3px)}.page-module__R5UQWa__playgroundExpandControl:focus-within .page-module__R5UQWa__playgroundExpandTooltip,.page-module__R5UQWa__playgroundExpandControl:hover .page-module__R5UQWa__playgroundExpandTooltip{opacity:1;transform:translateY(0)}.page-module__R5UQWa__playgroundDialog{color:#171717;background:#fff;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0}.page-module__R5UQWa__playgroundDialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1717172e}.page-module__R5UQWa__playgroundDialogShell{background:#fff;flex-direction:column;width:100%;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.page-module__R5UQWa__playgroundDialogClose{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));z-index:70;position:absolute}.page-module__R5UQWa__playgroundModalStage{aspect-ratio:auto;background:#fff;border:0;border-radius:0;flex:1;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:none;padding:16px;overflow:hidden}.page-module__R5UQWa__playgroundModalStage[data-playground-component] .page-module__R5UQWa__playgroundStageContent{width:var(--playground-content-width);height:var(--playground-content-height);min-width:var(--playground-content-width);transform:translate(-50%, -50%) scale(var(--playground-scale,1));transform-origin:50%;margin:0;position:absolute;inset:50% auto auto 50%}@media (min-width:900px){.page-module__R5UQWa__playgroundExpandControl{display:none}}@media (min-width:640px) and (max-width:1599px){.page-module__R5UQWa__playgroundPage{--playground-page-inline-padding:24px;padding-inline:24px}}@media (min-width:768px) and (max-width:1599px){.page-module__R5UQWa__playgroundPage{--playground-page-inline-padding:32px;padding-inline:32px}}@media (min-width:1024px) and (max-width:1599px){.page-module__R5UQWa__playgroundPage{--playground-page-inline-padding:48px;padding-inline:48px}}@media (min-width:1280px) and (max-width:1599px){.page-module__R5UQWa__playgroundPage{--playground-page-inline-padding:96px;padding-inline:96px}}@media (max-width:1599px){.page-module__R5UQWa__playgroundShell{grid-template-columns:minmax(0,1fr);gap:0;padding-bottom:72px}.page-module__R5UQWa__playgroundSidebar{top:auto;right:auto;bottom:max(12px, env(safe-area-inset-bottom));width:calc(100vw - (2 * var(--playground-page-inline-padding)));z-index:50;max-width:1400px;max-height:none;box-shadow:none;overscroll-behavior-x:contain;scroll-snap-type:x proximity;background:0 0;border:0;border-radius:0;padding:6px 0;position:fixed;left:50%;overflow:auto hidden;transform:translate(-50%)}.page-module__R5UQWa__playgroundSidebarLabel{display:none}.page-module__R5UQWa__playgroundSidebarList{flex-direction:row;align-items:stretch;gap:4px;width:max-content;min-width:100%}.page-module__R5UQWa__playgroundNavItem{scroll-snap-align:start;border-radius:8px;flex:none;width:auto;padding:10px 12px}.page-module__R5UQWa__playgroundNavItem:first-child{padding-left:0}.page-module__R5UQWa__playgroundNavItem:last-child{padding-right:0}.page-module__R5UQWa__playgroundNavItemSelected{color:#171717;background:#fff;border-color:#ededed;width:auto;box-shadow:2px 2px 4px #0000000d}.page-module__R5UQWa__playgroundNavItemSelected:hover{color:#171717;background:#efefef}.page-module__R5UQWa__playgroundNavTitle{white-space:nowrap;font-size:12px;line-height:17px}.page-module__R5UQWa__playgroundArticle{scroll-margin-top:96px}}@media (min-width:900px) and (max-width:1599px){.page-module__R5UQWa__playgroundSidebar{bottom:max(16px, env(safe-area-inset-bottom));padding-inline:0}.page-module__R5UQWa__playgroundNavItem{padding:12px 14px}.page-module__R5UQWa__playgroundNavTitle{font-size:13px;line-height:18px}}@media (max-width:639px){.page-module__R5UQWa__playgroundStage{padding:32px}.page-module__R5UQWa__playgroundStage[data-playground-component=agent-trigger],.page-module__R5UQWa__playgroundStage[data-playground-component=generate-3d],.page-module__R5UQWa__playgroundStage[data-playground-component=workspace-selector],.page-module__R5UQWa__playgroundStage[data-playground-component=roblox-upload],.page-module__R5UQWa__playgroundStage[data-playground-component=brand-assistant-homepage]{padding:0}}.page-module__R5UQWa__playgroundStage[data-playground-component=workspace-selector] .page-module__R5UQWa__playgroundStageContent{transform:scale(var(--playground-scale,1));transform-origin:100% 0;inset:0 0 auto auto}@media (max-width:1599px){.page-module__R5UQWa__playgroundStage[data-playground-component=roblox-upload] .page-module__R5UQWa__playgroundStageContent{transform:translateY(-50%) scale(var(--playground-scale,1));transform-origin:0;top:50%;left:0}}@media (min-width:1600px){.page-module__R5UQWa__playgroundStage[data-playground-component=roblox-upload] .page-module__R5UQWa__playgroundStageContent{transform-origin:0 0;top:0;left:0;transform:none}}.page-module__R5UQWa__playgroundStage.page-module__R5UQWa__playgroundModalStage{aspect-ratio:auto;border:0;border-radius:0;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:none;padding:16px;overflow:hidden}.page-module__R5UQWa__playgroundStage.page-module__R5UQWa__playgroundModalStage[data-playground-component] .page-module__R5UQWa__playgroundStageContent{width:var(--playground-content-width);height:var(--playground-content-height);min-width:var(--playground-content-width);transform:translate(-50%, -50%) scale(var(--playground-scale,1)) translateY(var(--playground-center-offset-y,0px));transform-origin:50%;margin:0;position:absolute;inset:50% auto auto 50%}.page-module__R5UQWa__playgroundStage[data-playground-component=generate-3d]{--generate-3d-preview-inline-space:clamp(64px, 14cqw, 192px);container-type:size}.page-module__R5UQWa__playgroundStage[data-playground-component=generate-3d] .page-module__R5UQWa__playgroundStageContent{transform:translateX(-50%) scale(min(1, calc((100cqw - var(--generate-3d-preview-inline-space)) / 1280px), calc(100cqh / 1032px)));transform-origin:bottom;top:auto;bottom:0}@media (min-width:1600px){.page-module__R5UQWa__playgroundShell{padding-bottom:0}.page-module__R5UQWa__playgroundSidebar{z-index:50;width:max(0px, calc(var(--playground-page-inline-padding) - 16px));overscroll-behavior:none;max-width:none;max-height:none;padding:0 8px;position:fixed;inset:80px auto 80px 0;overflow:hidden;transform:none}.page-module__R5UQWa__playgroundSidebarList{flex-direction:column;align-items:stretch;gap:6px;width:100%;min-width:0}.page-module__R5UQWa__playgroundSidebarList:before,.page-module__R5UQWa__playgroundSidebarList:after{content:"";flex:0 0 max(0px,50dvh - 80px)}.page-module__R5UQWa__playgroundNavItem{width:100%;box-shadow:none;scroll-snap-align:center;-webkit-backdrop-filter:none;background:0 0;border-color:#0000;flex:none}.page-module__R5UQWa__playgroundNavItem:hover{background:0 0}}.page-module__R5UQWa__playgroundNavItem:hover{background:0 0}.page-module__R5UQWa__playgroundNavItemSelected,.page-module__R5UQWa__playgroundNavItemSelected:hover{box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border-color:#0000}.page-module__R5UQWa__playgroundNavTitle{white-space:normal}@media (min-width:1600px){.page-module__R5UQWa__playgroundNavTitle{font-size:11px;line-height:16px}.page-module__R5UQWa__playgroundNavItemSelected .page-module__R5UQWa__playgroundNavTitle{font-size:14px;line-height:20px}}
.ComponentLibraryBanner-module__HcC9uW__banner{color:#171717;cursor:pointer;background:0 0;border:1px solid #e5e5e5;border-radius:24px;grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);min-height:740px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;position:relative;overflow:hidden}.ComponentLibraryBanner-module__HcC9uW__cardLink{z-index:10;border-radius:inherit;position:absolute;inset:0}.ComponentLibraryBanner-module__HcC9uW__cardLink:focus-visible{outline-offset:4px;outline:2px solid #171717}.ComponentLibraryBanner-module__HcC9uW__copy{z-index:5;flex-direction:column;justify-content:center;gap:8px;padding:56px;display:flex;position:relative}.ComponentLibraryBanner-module__HcC9uW__eyebrow{color:#a3a3a3;letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px;font-size:11px;font-weight:700;line-height:16px}.ComponentLibraryBanner-module__HcC9uW__copy h2{color:#262626;max-width:430px;font-size:24px;font-weight:600;line-height:1.375}.ComponentLibraryBanner-module__HcC9uW__copy p{color:#525252;max-width:500px;font-size:16px;font-weight:400;line-height:28px}.ComponentLibraryBanner-module__HcC9uW__cta{color:#262626;align-items:center;gap:7px;width:fit-content;margin-top:30px;font-size:14px;font-weight:600;display:inline-flex}.ComponentLibraryBanner-module__HcC9uW__cta svg{width:16px;height:16px;transition:transform .16s}.ComponentLibraryBanner-module__HcC9uW__banner:hover .ComponentLibraryBanner-module__HcC9uW__cta svg{transform:translate(2px,-2px)}.ComponentLibraryBanner-module__HcC9uW__visual{--reel-height:740px;min-width:0;height:740px;position:relative;overflow:hidden}.ComponentLibraryBanner-module__HcC9uW__visual:before,.ComponentLibraryBanner-module__HcC9uW__visual:after{z-index:4;content:"";pointer-events:none;height:58px;position:absolute;left:0;right:0}.ComponentLibraryBanner-module__HcC9uW__visual:before{background:linear-gradient(#fafafa 0%,#fafafa00 100%);top:0}.ComponentLibraryBanner-module__HcC9uW__visual:after{background:linear-gradient(#fafafa00 0%,#fafafa 100%);bottom:0}.ComponentLibraryBanner-module__HcC9uW__previewTrack{z-index:2;will-change:transform;flex-direction:column;width:100%;animation:90s linear infinite ComponentLibraryBanner-module__HcC9uW__componentRailVertical;display:flex;position:relative}.ComponentLibraryBanner-module__HcC9uW__previewGroup{flex-direction:column;flex:none;align-items:center;gap:64px;width:100%;padding:28px 32px;display:flex}.ComponentLibraryBanner-module__HcC9uW__preview{flex:none;width:60%;margin:0;position:relative;overflow:visible;container-type:inline-size}.ComponentLibraryBanner-module__HcC9uW__preview[data-library-component=brand-analysis]{width:76%}.ComponentLibraryBanner-module__HcC9uW__preview[data-library-component=gifts-panel]{width:45%}.ComponentLibraryBanner-module__HcC9uW__previewInner{width:var(--component-preview-width);height:var(--component-preview-height);transform:scale(calc(100cqw / var(--component-preview-width)));transform-origin:0 0;position:absolute;top:0;left:0}.ComponentLibraryBanner-module__HcC9uW__visual:focus-within .ComponentLibraryBanner-module__HcC9uW__previewTrack{animation-play-state:paused}@keyframes ComponentLibraryBanner-module__HcC9uW__componentRailVertical{0%{transform:translateY(-50%)}to{transform:translateY(0)}}@keyframes ComponentLibraryBanner-module__HcC9uW__componentRailHorizontal{0%{transform:translate(0)}to{transform:translate(-50%)}}.ComponentLibraryBanner-module__HcC9uW__preview[data-library-component=brand-analysis] [data-hero-mock=brand-analysis]{transform-origin:50%;translate:-50% -50%;width:1240px!important;height:760px!important;scale:var(--brand-analysis-playground-scale,1)!important;position:absolute!important;inset:50% auto auto 50%!important}.ComponentLibraryBanner-module__HcC9uW__preview[data-library-component=brand-analysis] [data-hero-mock=brand-analysis]>div>div{rotate:none!important;scale:1!important}.ComponentLibraryBanner-module__HcC9uW__preview[data-library-component=workflow-node] [data-hero-mock=workflow-node]{flex:none;width:412px!important;height:592px!important;position:relative!important;inset:auto!important}.ComponentLibraryBanner-module__HcC9uW__preview[data-library-component=workflow-node] [data-hero-mock=workflow-node]>div>div{rotate:none!important;scale:1!important}.ComponentLibraryBanner-module__HcC9uW__preview[data-library-component=workflow-node] [data-cy=workflow-node]{padding-left:26px!important;padding-right:26px!important}.ComponentLibraryBanner-module__HcC9uW__preview[data-library-component=proposal-selector] [data-hero-mock=proposal-selector]{flex:none;width:448px!important;position:relative!important;inset:auto!important;rotate:none!important;scale:1!important}.ComponentLibraryBanner-module__HcC9uW__preview[data-library-component=gifts-panel] [data-hero-mock=gifts-panel]{flex:none;width:386px!important;height:670px!important;position:relative!important;inset:auto!important;rotate:none!important}.ComponentLibraryBanner-module__HcC9uW__preview[data-library-component=gifts-panel] [data-hero-mock=gifts-panel]>div>div>div{scale:1!important}.ComponentLibraryBanner-module__HcC9uW__preview[data-library-component=assets-panel] [data-assets-panel=true]{flex:none;rotate:none!important}@media (max-width:1199px){.ComponentLibraryBanner-module__HcC9uW__banner{border-radius:20px;grid-template-columns:minmax(0,1fr);min-height:0}.ComponentLibraryBanner-module__HcC9uW__copy{border-bottom:.5px solid #eee;padding:clamp(34px,5vw,48px)}.ComponentLibraryBanner-module__HcC9uW__copy h2,.ComponentLibraryBanner-module__HcC9uW__copy p{max-width:620px}.ComponentLibraryBanner-module__HcC9uW__visual{height:clamp(440px,58vw,560px)}.ComponentLibraryBanner-module__HcC9uW__visual:before,.ComponentLibraryBanner-module__HcC9uW__visual:after{width:58px;height:auto;top:0;bottom:0}.ComponentLibraryBanner-module__HcC9uW__visual:before{background:linear-gradient(90deg,#fafafa 0%,#fafafa00 100%);left:0;right:auto}.ComponentLibraryBanner-module__HcC9uW__visual:after{background:linear-gradient(270deg,#fafafa 0%,#fafafa00 100%);left:auto;right:0}.ComponentLibraryBanner-module__HcC9uW__previewTrack{flex-direction:row;width:max-content;height:100%;animation:68s linear infinite ComponentLibraryBanner-module__HcC9uW__componentRailHorizontal}.ComponentLibraryBanner-module__HcC9uW__previewGroup{flex-direction:row;align-items:center;gap:clamp(28px,4vw,48px);width:max-content;height:100%;padding:24px}.ComponentLibraryBanner-module__HcC9uW__preview{width:clamp(320px,46vw,480px)}.ComponentLibraryBanner-module__HcC9uW__preview[data-library-component=brand-analysis]{width:clamp(330px,50vw,500px)}.ComponentLibraryBanner-module__HcC9uW__preview[data-library-component=workflow-node]{width:clamp(260px,34vw,360px)}.ComponentLibraryBanner-module__HcC9uW__preview[data-library-component=proposal-selector]{width:clamp(320px,50vw,520px)}.ComponentLibraryBanner-module__HcC9uW__preview[data-library-component=gifts-panel]{width:clamp(230px,28vw,300px)}.ComponentLibraryBanner-module__HcC9uW__preview[data-library-component=assets-panel]{width:clamp(360px,58vw,560px)}}@media (max-width:639px){.ComponentLibraryBanner-module__HcC9uW__banner{border-radius:16px}.ComponentLibraryBanner-module__HcC9uW__copy{padding:30px 24px 32px}.ComponentLibraryBanner-module__HcC9uW__copy h2{font-size:20px;line-height:1.375}.ComponentLibraryBanner-module__HcC9uW__copy p{margin-top:0;font-size:14px;line-height:24px}.ComponentLibraryBanner-module__HcC9uW__cta{margin-top:24px}.ComponentLibraryBanner-module__HcC9uW__visual{height:clamp(310px,82vw,340px)}.ComponentLibraryBanner-module__HcC9uW__visual:before,.ComponentLibraryBanner-module__HcC9uW__visual:after{width:44px}.ComponentLibraryBanner-module__HcC9uW__previewGroup{gap:24px;padding:18px 12px}.ComponentLibraryBanner-module__HcC9uW__preview{width:clamp(230px,68vw,290px)}.ComponentLibraryBanner-module__HcC9uW__preview[data-library-component=brand-analysis]{width:clamp(244px,72vw,294px)}.ComponentLibraryBanner-module__HcC9uW__preview[data-library-component=workflow-node]{width:clamp(170px,48vw,205px)}.ComponentLibraryBanner-module__HcC9uW__preview[data-library-component=proposal-selector]{width:clamp(240px,72vw,300px)}.ComponentLibraryBanner-module__HcC9uW__preview[data-library-component=gifts-panel]{width:clamp(142px,42vw,170px)}.ComponentLibraryBanner-module__HcC9uW__preview[data-library-component=assets-panel]{width:clamp(250px,76vw,320px)}}@media (prefers-reduced-motion:reduce){.ComponentLibraryBanner-module__HcC9uW__banner,.ComponentLibraryBanner-module__HcC9uW__cta svg{transition:none}.ComponentLibraryBanner-module__HcC9uW__banner:hover,.ComponentLibraryBanner-module__HcC9uW__banner:hover .ComponentLibraryBanner-module__HcC9uW__cta svg{transform:none}.ComponentLibraryBanner-module__HcC9uW__previewTrack{animation-play-state:paused}}