.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 button,.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 button:hover,.builder-form .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 30px #ff4b2b99}.builder-form button:active,.builder-form .btn-primary:active{transform:translateY(0)}.builder-form button:disabled,.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 .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:pre;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;text-shadow:0 0 1px #000,0 0 2px #000,0 0 3px #000,0 0 4px #000,0 0 5px #000}[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 .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}.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}