.builder{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.builder-wrapper{height:100vh;display:flex;overflow:hidden}.builder-form{background:#0a0a0a;flex:1 0 45%;min-width:45%;height:100vh;padding:2rem 3rem;overflow-y:auto}.builder-form::-webkit-scrollbar{width:10px}.builder-form::-webkit-scrollbar-track{background:#0a0a0a}.builder-form::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ff4b2b,#ff416c);border-radius:5px}.builder-preview{background:#000;flex:1 0 55%;min-width:55%;height:100vh;position:relative;overflow:hidden}.builder-form label{color:#fff;letter-spacing:.3px;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.builder-form input[type=text],.builder-form input[type=number]{color:#fff;background:#0f0f0f;border:2px solid #ffffff26;border-radius:.5rem;width:100%;padding:.75rem 1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:1rem;font-weight:500;transition:all .2s}.builder-form input[type=text]::placeholder,.builder-form input[type=number]::placeholder{color:#777}.builder-form input[type=text]:focus,.builder-form input[type=number]:focus{background:#141414;border-color:#ff4b2b;outline:none;box-shadow:0 0 0 3px #ff4b2b1a}.builder-form input[type=text]:disabled,.builder-form input[type=number]:disabled{opacity:.5;cursor:not-allowed}.builder-form select{color:#fff;cursor:pointer;background:#0f0f0f;border:2px solid #ffffff26;border-radius:.5rem;width:100%;padding:.75rem 1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:1rem;font-weight:500;transition:all .2s}.builder-form select option{color:#fff;background:#0f0f0f;padding:.5rem}.builder-form select:focus{background:#141414;border-color:#ff4b2b;outline:none;box-shadow:0 0 0 3px #ff4b2b1a}.builder-form select:disabled{opacity:.5;cursor:not-allowed}.builder-form input[type=range]{-webkit-appearance:none;cursor:pointer;background:#0a0a0a;border-radius:4px;outline:none;width:100%;height:8px}.builder-form input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:linear-gradient(135deg,#ff4b2b,#ff416c);border-radius:50%;width:20px;height:20px;transition:all .2s;box-shadow:0 2px 8px #ff4b2b66}.builder-form input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 2px 12px #ff4b2b99}.builder-form input[type=range]::-moz-range-thumb{cursor:pointer;background:linear-gradient(135deg,#ff4b2b,#ff416c);border:none;border-radius:50%;width:20px;height:20px;transition:all .2s;box-shadow:0 2px 8px #ff4b2b66}.builder-form input[type=range]::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 2px 12px #ff4b2b99}.builder-form input[type=range]:disabled{opacity:.5;cursor:not-allowed}.builder-form .slider-value{text-align:right;color:#fff;background:#0f0f0f;border:2px solid #ffffff26;border-radius:.5rem;min-width:3rem;padding:.5rem .75rem;font-size:1rem;font-weight:700;display:inline-block}.builder-form .btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff4b2b,#ff416c);border:none;border-radius:9999px;padding:.625rem 1.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:.875rem;font-weight:600;transition:all .3s;box-shadow:0 4px 20px #ff4b2b66}.builder-form .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 30px #ff4b2b99}.builder-form .btn-primary:active{transform:translateY(0)}.builder-form .btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.builder-form .btn-secondary{color:#fff;cursor:pointer;background:0 0;border:2px solid #ffffff26;border-radius:9999px;padding:.625rem 1.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:.875rem;font-weight:600;transition:all .3s}.builder-form .btn-secondary:hover{background:#ff4b2b1a;border-color:#ff4b2b}.builder-form .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.builder-form .block-button{color:#fff;cursor:pointer;background:0 0;border:2px solid #ffffff26;border-radius:9999px;padding:.5rem 1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:.875rem;font-weight:600;transition:all .3s}.builder-form .block-button.active{background:linear-gradient(135deg,#ff4b2b,#ff416c);border-color:#0000;box-shadow:0 2px 12px #ff4b2b66}.builder-form .block-button:hover:not(.active){background:#ff4b2b1a;border-color:#ff4b2b}.builder-form .btn-icon{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff4b2b,#ff416c);border:none;border-radius:9999px;justify-content:center;align-items:center;padding:.5rem;transition:all .3s;display:inline-flex;box-shadow:0 2px 8px #ff4b2b66}.builder-form .btn-icon:hover{transform:scale(1.1);box-shadow:0 2px 12px #ff4b2b99}.builder-form .builder-title-icon,.builder-form .builder-icon-button{color:#a0a0a0;width:2rem;height:2rem;box-shadow:none;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.375rem;flex:none;justify-content:center;align-items:center;padding:0;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.builder-form .builder-title-icon:hover:not(:disabled),.builder-form .builder-icon-button:hover:not(:disabled){color:#fff;background:#ffffff0f;border-color:#ffffff24}.builder-form .builder-title-icon:disabled,.builder-form .builder-icon-button:disabled{opacity:.45;cursor:not-allowed}.builder-form .builder-icon-button-danger{color:#ff7a7a}.builder-form .builder-icon-button-danger:hover:not(:disabled){color:#fff;background:#ff4b2b29;border-color:#ff4b2b6b}.builder-form .builder-section-header{border-bottom:1px solid #ffffff26;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.builder-form .builder-section-kicker{color:#777;text-transform:uppercase;font-size:.75rem;font-weight:700;line-height:1}.builder-form .builder-section-title{color:#fff;overflow-wrap:anywhere;margin-top:.375rem;font-size:1rem;font-weight:700;line-height:1.25}.builder-form .builder-color-picker{align-items:center;display:inline-flex;position:relative}.builder-form .builder-color-trigger{cursor:pointer;background:#0f0f0f;border:2px solid #ffffff26;border-radius:.5rem;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;padding:.25rem;transition:border-color .2s,background-color .2s;display:inline-flex}.builder-form .builder-color-trigger span{border:1px solid #ffffff73;border-radius:.25rem;width:100%;height:100%;box-shadow:inset 0 0 0 1px #00000038}.builder-form .builder-color-trigger:hover{background:#141414;border-color:#ff4b2b80}.builder-form .builder-color-popover{z-index:20;position:absolute;top:calc(100% + .5rem);left:0}.builder-form .builder-color-backdrop{position:fixed;inset:0}.builder-form .builder-segmented{background:#0f0f0f;border:1px solid #ffffff26;border-radius:.5rem;grid-template-columns:1fr 1fr;gap:.25rem;padding:.25rem;display:grid}.builder-form .builder-segmented button{color:#a0a0a0;cursor:pointer;background:0 0;border:0;border-radius:.375rem;min-height:2.25rem;font-size:.875rem;font-weight:700}.builder-form .builder-segmented button.active{color:#fff;background:#ff4b2b2e}.builder-form .builder-data-presets{flex-wrap:wrap;gap:.5rem;display:flex}.builder-form .builder-data-chip{color:#a0a0a0;cursor:pointer;background:#0f0f0f;border:1px solid #ffffff26;border-radius:.5rem;min-height:2.25rem;padding:0 .75rem;font-size:.875rem;font-weight:700}.builder-form .builder-data-chip.active,.builder-form .builder-data-chip:hover{color:#fff;background:#ff4b2b1f;border-color:#ff4b2b80}.builder-form .builder-checkbox-row{color:#a0a0a0;cursor:pointer;align-items:center;gap:.625rem;font-size:.875rem;font-weight:600;display:inline-flex}.builder-form .builder-checkbox-row input{accent-color:#ff4b2b;width:1rem;height:1rem}.builder-form .builder-field-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;margin-bottom:1rem;display:grid}.builder-form .builder-field-control{position:relative}.builder-form .builder-field-control input{text-overflow:ellipsis;white-space:nowrap;min-height:2.75rem;font-size:.875rem;overflow:hidden}.builder-form .builder-field-actions{align-items:center;gap:.125rem;display:inline-flex;position:absolute;top:50%;right:.375rem;transform:translateY(-50%)}.builder-form .builder-link-actions,.builder-form .builder-form-actions{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.builder-form .builder-link-action{flex:12rem;justify-content:space-between;min-width:0}.builder-form .builder-modal-action{justify-content:space-between;min-width:8.5rem}@media (max-width:900px){.builder-form .builder-field-grid{grid-template-columns:1fr}}.builder-form .form-field{margin-bottom:1.5rem}.builder-form .card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1ab3;border:1px solid #ffffff26;border-radius:.75rem;margin-bottom:1.5rem;padding:1.5rem}.alertbox{width:80%;height:50%;position:absolute}.alertbox[data-layout=left]{display:table}.alertbox-wrapper{width:100%;height:100%;position:relative}[data-layout=bottom] .alertbox-wrapper{display:table}[data-layout=left] .alertbox-wrapper{display:table-row}[data-layout=bottom] .alertbox-media-wrapper{text-align:center;display:table-row}[data-layout=left] .alertbox-media-wrapper{width:35%;height:100%;display:table-cell}[data-layout=center] .alertbox-media-wrapper{text-align:center;width:100%;height:100%;display:table;position:absolute;top:0;left:0}.alertbox-text-wrapper{z-index:5;position:relative}[data-layout=bottom] .alertbox-text-wrapper{display:table-row}[data-layout=left] .alertbox-text-wrapper{vertical-align:middle;text-align:left;width:65%;height:100%;display:table-cell}[data-layout=center] .alertbox-text-wrapper{width:100%;height:100%;display:table;position:absolute;top:0;left:0}.alertbox-text{z-index:5;white-space:normal;overflow-wrap:anywhere;position:relative}[data-layout=left] .alertbox-text{display:inline-block}[data-layout=bottom] .alertbox-text{text-align:center;display:table-cell}[data-layout=center] .alertbox-text{vertical-align:middle;text-align:center;width:100%;height:100%;display:table-cell}[data-layout=bottom] .alertbox-message{margin-top:20px}.alertbox-message,.alertbox-user-message{text-align:center;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;text-shadow:0 0 1px #000,0 0 2px #000,0 0 3px #000,0 0 4px #000,0 0 5px #000;max-width:min(100%,56rem);margin-left:auto;margin-right:auto}[data-layout=left] .alertbox-message,[data-layout=left] .alertbox-user-message{text-align:left}[data-layout=center] .alertbox-message,[data-layout=center] .alertbox-user-message,[data-layout=bottom] .alertbox-message,[data-layout=bottom] .alertbox-user-message{text-align:center}.alertbox-image{z-index:5;position:relative}[data-layout=bottom] .alertbox-image{background-position:bottom;background-repeat:no-repeat;background-size:contain;height:100%;display:table-cell}[data-layout=left] .alertbox-image{background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:100%}[data-layout=center] .alertbox-image{z-index:4;vertical-align:middle;text-align:center;background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:100%;display:table-cell}.modal-overlay{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1af2;border:1px solid #ffffff26;border-radius:1rem;width:90%;max-width:28rem;margin:1rem;padding:1.5rem;position:relative;box-shadow:0 8px 40px #000c}.modal-content h2{color:#fff;margin-bottom:1rem;font-size:1.25rem;font-weight:600}.modal-content p{color:#a0a0a0;margin-bottom:.5rem;font-size:.875rem}.modal-content pre{color:#fff;background:#0f0f0f;border:1px solid #ffffff26;border-radius:.5rem;margin-top:.5rem;padding:.75rem;font-size:.75rem;overflow-x:auto}.modal-content .hook-payload-editor{resize:vertical;color:#fff;background:#0f0f0f;border:1px solid #ffffff26;border-radius:.5rem;outline:none;width:100%;min-height:13rem;margin-top:.75rem;padding:.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8125rem;line-height:1.45}.modal-content .hook-payload-editor:focus{border-color:#ff4b2b80}.modal-content .hook-payload-error{color:#ff4b2b;margin-top:.5rem}.modal-content .modal-actions{justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}.preview-toggle{z-index:50;cursor:pointer;color:#fff;background:linear-gradient(135deg,#ff4b2b,#ff416c);border:none;border-radius:9999px;padding:.75rem;transition:all .3s;position:absolute;top:1rem;right:1rem;box-shadow:0 4px 20px #ff4b2b66}.preview-toggle:hover{transform:scale(1.1);box-shadow:0 4px 25px #ff4b2b99}.reaction-emoji{filter:drop-shadow(0 4px 8px #0006);animation-duration:2s;animation-timing-function:ease-out;animation-fill-mode:forwards;position:absolute}.reaction-emoji.reaction-left{left:10%}.reaction-emoji.reaction-center{left:50%;transform:translate(-50%)}.reaction-emoji.reaction-right{right:10%}.reaction-emoji.reaction-direction-up{animation-name:reactionMoveUp;bottom:0}.reaction-emoji.reaction-direction-down{animation-name:reactionMoveDown;top:0}.reaction-emoji.reaction-direction-left{animation-name:reactionMoveLeft;top:50%;right:0}.reaction-emoji.reaction-direction-right{animation-name:reactionMoveRight;top:50%;left:0}.reaction-emoji.reaction-direction-diagonal-up-left{animation-name:reactionMoveDiagonalUpLeft;bottom:0;right:0}.reaction-emoji.reaction-direction-diagonal-up-right{animation-name:reactionMoveDiagonalUpRight;bottom:0;left:0}.reaction-emoji.reaction-direction-diagonal-down-left{animation-name:reactionMoveDiagonalDownLeft;top:0;right:0}.reaction-emoji.reaction-direction-diagonal-down-right{animation-name:reactionMoveDiagonalDownRight;top:0;left:0}@keyframes reactionMoveUp{0%{opacity:0;bottom:0;transform:translate(-50%)translateY(0)scale(.5)}50%{opacity:1;transform:translate(-50%)translateY(-40vh)scale(1)}to{opacity:0;bottom:100vh;transform:translate(-50%)translateY(-80vh)scale(.8)}}@keyframes reactionMoveDown{0%{opacity:0;top:0;transform:translate(-50%)translateY(0)scale(.5)}50%{opacity:1;transform:translate(-50%)translateY(40vh)scale(1)}to{opacity:0;top:100vh;transform:translate(-50%)translateY(80vh)scale(.8)}}@keyframes reactionMoveLeft{0%{opacity:0;right:0;transform:translateY(-50%)translate(0)scale(.5)}50%{opacity:1;transform:translateY(-50%)translate(-40vw)scale(1)}to{opacity:0;right:100vw;transform:translateY(-50%)translate(-80vw)scale(.8)}}@keyframes reactionMoveRight{0%{opacity:0;left:0;transform:translateY(-50%)translate(0)scale(.5)}50%{opacity:1;transform:translateY(-50%)translate(40vw)scale(1)}to{opacity:0;left:100vw;transform:translateY(-50%)translate(80vw)scale(.8)}}@keyframes reactionMoveDiagonalUpLeft{0%{opacity:0;bottom:0;right:0;transform:translate(0)scale(.5)}50%{opacity:1;transform:translate(-30vw,-30vh)scale(1)}to{opacity:0;bottom:100vh;right:100vw;transform:translate(-60vw,-60vh)scale(.8)}}@keyframes reactionMoveDiagonalUpRight{0%{opacity:0;bottom:0;left:0;transform:translate(0)scale(.5)}50%{opacity:1;transform:translate(30vw,-30vh)scale(1)}to{opacity:0;bottom:100vh;left:100vw;transform:translate(60vw,-60vh)scale(.8)}}@keyframes reactionMoveDiagonalDownLeft{0%{opacity:0;top:0;right:0;transform:translate(0)scale(.5)}50%{opacity:1;transform:translate(-30vw,30vh)scale(1)}to{opacity:0;top:100vh;right:100vw;transform:translate(-60vw,60vh)scale(.8)}}@keyframes reactionMoveDiagonalDownRight{0%{opacity:0;top:0;left:0;transform:translate(0)scale(.5)}50%{opacity:1;transform:translate(30vw,30vh)scale(1)}to{opacity:0;top:100vh;left:100vw;transform:translate(60vw,60vh)scale(.8)}}.message-notification{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;background:#0a0a0ad9;border:1px solid #ff4b2b80;border-radius:10px;padding:1rem 1.5rem;font-size:1rem;position:absolute;top:1.5rem;right:1.5rem;box-shadow:0 8px 32px #0006}.formatted-notification{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow-wrap:anywhere;border:1px solid #ff4b2b80;border-radius:10px;flex-direction:column;align-items:center;gap:.875rem;min-width:280px;padding:1.25rem 1.5rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 32px #0006}.formatted-notification-media{justify-content:center;width:100%;display:flex}.formatted-notification-media img,.formatted-notification-media video{object-fit:contain;border-radius:8px;width:auto;height:auto;display:block}.formatted-notification-lines{width:100%}.formatted-notification-line{white-space:pre-wrap;margin-top:.25rem;line-height:1.25}.formatted-notification-line:first-child{margin-top:0}.chat-bubble-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0ad9;border:1px solid #ffffff1a;border-radius:10px;width:400px;max-width:calc(100% - 4rem);padding:1rem;position:absolute;bottom:2rem;left:2rem}.chat-bubble-message{opacity:0;align-items:center;gap:.7rem;margin-bottom:.7rem;animation:.5s forwards chatBubbleFadeIn;display:flex}.chat-bubble-message:last-child{margin-bottom:0}@keyframes chatBubbleFadeIn{to{opacity:1}}.chat-bubble-badge{white-space:nowrap;background:linear-gradient(135deg,#ff4b2b,#ff416c);border-radius:5px;flex-shrink:0;padding:.2rem .5rem;font-size:.7rem;font-weight:600}.chat-bubble-username{white-space:nowrap;flex-shrink:0;font-weight:700}.chat-bubble-text{color:#fff;text-overflow:ellipsis;line-height:1.4;overflow:hidden}.hidden{opacity:0;pointer-events:none}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.items-center{align-items:center}.space-y-6>*+*{margin-top:1.5rem}
