body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#39ff14;--primary-color-rgb:57,255,20;--secondary-color:#6a0dad;--third-color:#007bff;--background-color:#333;--text-color:#f5f5f5;--accent-color:#ff6f61;--font-primary:"Pixel Operator 8";--font-secondary:"Gilroy",sans-serif;--spacing-small:8px;--spacing-medium:16px;--spacing-large:32px;--border-radius:15px;--box-shadow:0px 10px 30px #0003;--padding:20px;--sidebar-width:80px;--sidebar-button-size:60px;--logo-font-size:24px;--transition-duration:0.3s;--scrollbar-width:12px;--scrollbar-track-color:#f1f1f1;--scrollbar-thumb-color:#888;--scrollbar-thumb-hover-color:#555;--hover-gradient:linear-gradient(135deg,#007bffb3,#6a0dad80 25%,#39ff1466 50%,#3339 75%,#ff6f61b3)}.title{color:var(--text-color);font-family:var(--font-primary);font-size:60px;margin-bottom:80px;position:relative;text-align:center;z-index:2}.login-container{align-items:center;background:url(/static/media/noise_texture.7e288fad34ff2e3f3f79.png) 50%/cover no-repeat;display:flex;flex-direction:column;height:100vh;justify-content:center;position:relative}.login-container:before{background-color:var(--background-color);content:"";height:100%;left:0;opacity:.85;position:absolute;top:0;width:100%;z-index:1}.login-box{background:#737373;background-clip:padding-box,border-box;background-image:linear-gradient(#333333b3,#333333b3),var(--hover-gradient);background-origin:border-box;border:2px solid #0000;border-radius:20px;box-shadow:var(--box-shadow);max-width:90%;padding:var(--spacing-large);position:relative;text-align:center;width:300px;z-index:2}.login-box h2{color:var(--text-color);font-family:var(--font-secondary);text-align:center}.input-group,.login-box h2{margin-bottom:var(--spacing-medium)}.input-group{text-align:left}.input-group label{color:var(--text-color);display:block;margin-bottom:var(--spacing-small)}.input-group input{background:#fff;border:1px solid #555;border-radius:8px;color:var(--background-color);font-family:var(--font-secondary);padding:var(--spacing-small);width:100%}.forgot-password{color:var(--text-color);display:block;font-size:8px;margin-bottom:var(--spacing-medium);margin-top:var(--spacing-small);text-align:right;text-decoration:none}.btn{background-color:var(--primary-color);border:none;border-radius:8px;box-shadow:var(--box-shadow);color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:var(--spacing-medium);width:100%}.social-login{display:flex;justify-content:space-between;margin-top:var(--spacing-medium)}.social-btn{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:var(--border-radius);color:var(--text-color);cursor:pointer;display:flex;flex:1 1;font-size:16px;justify-content:center;margin:0 5px;padding:12px 0;transition:background-color .3s ease}.social-btn:hover{background-color:#f0f0f0ce;box-shadow:0 2px 5px #0000001a}.login-box p{color:#fff;margin-bottom:var(--spacing-medium);margin-top:var(--spacing-medium)}.social-logo{height:20px;width:20px}.register-text{color:#fff;font-size:8px;margin-bottom:var(--spacing-medium);margin-top:var(--spacing-medium);text-align:center}.register-link{color:var(--text-color);cursor:pointer;font-weight:700}.levelcast-title{color:#fff;font-family:var(--font-primary);font-size:20px;font-weight:700;position:absolute;top:20px;z-index:1001}.levelcast-title,.sidebar{align-items:center;flex-direction:column;height:auto;justify-content:center;width:auto}.sidebar{background:linear-gradient(180deg,#2a2a2ae6,#1a1a1ae6);border-radius:15px;box-shadow:2px 0 5px #00000080;display:flex;padding-left:10px;padding-right:10px;padding-top:10px}.sidebar-btn{align-items:center;background:none;border:none;border-radius:10px;cursor:pointer;display:flex;height:60px;justify-content:center;margin-bottom:var(--padding);padding:0;transition:background .3s ease,transform .3s ease;width:60px}.sidebar-btn img{filter:grayscale(100%);height:50px;transition:filter .3s ease;width:50px}.sidebar-btn:hover{transform:scale(1.1)}.sidebar-btn:hover img{filter:none}.background-layer{animation:subtlePan 30s ease-in-out infinite alternate;background:url(/static/media/pexels-slendyalex-3745234.7a5a5001e3eab410c300.jpg) 50%/cover no-repeat;background-blend-mode:overlay;background-color:#333;filter:brightness(.9) contrast(1.1) saturate(1.4);height:100vh;left:0;position:fixed;top:0;width:100%;z-index:-1}.background-layer:before{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);background:linear-gradient(135deg,#007bffb3,#6a0dad80 25%,#39ff1466 50%,#3339 75%,#ff6f61b3);content:"";height:100%;left:0;opacity:.45;position:absolute;top:0;width:100%;z-index:1}@keyframes subtlePan{0%{background-position:50%}to{background-position:center 10%}}.sidebar-wrapper{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;transform:translateX(0);transition:transform .8s cubic-bezier(.68,-.55,.27,1.55);width:125px;z-index:1000}.sidebar-wrapper.hidden{transform:translateX(-150px)}.sidebar-wrapper.visible{transform:translateX(0)}.content-area{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;padding-left:125px;transition:margin-left .8s cubic-bezier(.68,-.55,.27,1.55),width .8s cubic-bezier(.68,-.55,.27,1.55)}.content-area.full-width{margin-left:0;padding-left:0;width:100%}.background-episode-page{background:linear-gradient(180deg,#2a2a2ae6,#1a1a1ae6);border-radius:15px;box-shadow:2px 0 5px #00000080;height:100%;padding:2%;width:100%}.background-episode-page,.background-wrapper{box-sizing:border-box;display:flex;flex-direction:column}.background-wrapper{height:96%;justify-content:center;padding:1% 1% 1% 0;width:98%}.background-wrapper.hidden-sidebar{padding:1%}.page-title{align-items:center;align-items:flex-start;border-bottom:2px solid var(--background-color);box-sizing:border-box;display:flex;flex-shrink:0;justify-content:space-between;margin:0;padding:0 16px 16px;width:100%}.title-wrapper{align-items:center;display:flex;gap:10px}.episode-id-box{animation:glowPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#007bffb3,#6a0dadb3);border-radius:8px;box-shadow:0 2px 4px #0003;color:#fff;font-size:.8em;font-weight:700;padding:4px 8px}@keyframes glowPulse{0%{box-shadow:0 0 5px #007bffb3,0 0 10px #6a0dadb3}50%{box-shadow:0 0 10px #007bffe6,0 0 15px #6a0dade6}to{box-shadow:0 0 5px #007bffb3,0 0 10px #6a0dadb3}}.page-title h1{color:var(--text-color);font-family:var(--font-secondary);margin:0;padding:0}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.page-button{background:var(--hover-gradient);border:none;border-radius:8px;box-shadow:0 4px 15px #0000004d;color:#fff;cursor:pointer;display:inline-block;font-family:var(--font-secondary);font-size:16px;font-weight:700;overflow:hidden;padding:12px 24px;position:relative;transition:transform .3s ease,box-shadow .3s ease;z-index:1}.page-button:before{animation:rotatingHighlight 6s linear infinite;background:linear-gradient(210deg,#fff3,#fff0 70%);content:"";height:200%;left:-50%;opacity:.3;position:absolute;top:-50%;transform:rotate(45deg);transition:transform .5s ease;width:200%;z-index:0}.page-button:hover{box-shadow:0 8px 25px #0000004d;transform:scale(1.1)}.page-button:hover:before{transform:rotate(90deg)}.page-button:active{box-shadow:0 4px 15px #0003;transform:scale(.98)}@keyframes rotatingHighlight{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.toggle-sidebar-btn{align-items:center;background-color:initial;border:none;bottom:20px;cursor:pointer;display:flex;filter:grayscale(100%);justify-content:center;left:20px;padding:0;position:fixed;transition:transform .3s ease;z-index:2000}.toggle-sidebar-btn,.toggle-sidebar-btn img{height:50px;width:50px}.toggle-sidebar-btn:hover{transform:scale(1.1)}.table-container{background-color:var(--background-color);border-radius:12px;box-shadow:0 8px 20px #00000026;font-family:var(--font-secondary);height:calc(100vh - 240px);margin:20px auto;max-width:1200px;overflow:auto;width:95%}.table-container::-webkit-scrollbar{width:12px}.table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.table-container::-webkit-scrollbar-thumb{background-color:#888;border:3px solid #f1f1f1;border-radius:10px}.table-container::-webkit-scrollbar-thumb:hover{background:#555}.styled-table{border-collapse:initial;border-spacing:0;width:100%}.styled-table thead{background-color:var(--background-color);position:sticky;top:0;z-index:1}.styled-table td,.styled-table th{border-bottom:1px solid #ffffff14;padding:16px 20px;text-align:left}.styled-table th{background-color:#ffffff08;color:var(--text-color);font-size:13px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.styled-table tbody tr{transition:all .3s ease}.styled-table tbody tr:hover{background-color:#ffffff0d}.styled-table tbody td{color:#fffc;font-size:14px}.ended-reason{background-color:var(--accent-color);border-radius:5px;color:var(--background-color);display:inline-block;font-weight:700;padding:5px 10px;width:fit-content}.no-data-message{background-color:#ffffff05;border-radius:8px;color:var(--text-color);font-size:18px;padding:60px 40px;text-align:center}.status{border-radius:20px;display:inline-block;font-size:12px;font-weight:500;letter-spacing:.5px;padding:8px 14px;text-transform:uppercase}.status.generated{background-color:#4caf5026;color:#4caf50}.status.pending{align-items:center;display:inline-flex;height:30px;justify-content:center;position:relative;width:30px}.loading-circle{animation:spin 1s linear infinite,gradient 3s ease-in-out infinite;border:2px solid #fff3;border-radius:50%;border-top-color:orange;height:22px;width:22px}@keyframes gradient{0%,to{border-top-color:orange}33%{border-top-color:#ff4500}66%{border-top-color:#8a2be2}}.error,.loading{padding:60px 40px}@media (max-width:768px){.table-container{height:calc(100vh - 180px);margin:15px auto;width:100%}.styled-table td,.styled-table th{font-size:12px;padding:12px 16px}.status{font-size:10px;padding:6px 10px}}.episode-detail{overflow-y:auto;padding-right:10px;scrollbar-color:#888 #4d484800;scrollbar-width:thin}.episode-detail::-webkit-scrollbar{width:12px}.episode-detail::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.episode-detail::-webkit-scrollbar-thumb{background-color:#fff;border:3px solid #f1f1f1;border-radius:10px}.episode-detail::-webkit-scrollbar-thumb:hover{background:#fff}.error,.loading{color:var(--text-color);font-size:18px;padding:20px;text-align:center}.error{color:#ff6b6b}.no-data{color:var(--text-color);font-size:18px;padding:20px;text-align:center}.episode-detail .section-content{padding:10px}.episode-detail .section-content>*+*{margin-top:10px}.custom-block{background:linear-gradient(135deg,#6a11cb,#2575fc);border-radius:8px;color:#fff}.building-block,.custom-block{margin-bottom:10px;padding:10px}.building-block{background:#f9f9f9;border:1px solid #ddd;border-radius:4px;color:#333}.collapsible-section{border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:10px 0;overflow:hidden;position:relative;transition:background-color .3s ease,box-shadow .3s ease}.collapsible-section.custom_blocks{background:linear-gradient(135deg,#007bff4d,#6a0dad4d)}.collapsible-section.buildin_blocks{background:linear-gradient(135deg,#ff00004d,#ffa5004d)}.collapsible-section:hover{background-color:#3a3a3a;box-shadow:0 6px 12px #0003}.collapsible-header{align-items:center;background-color:#444;border-bottom:1px solid #555;border-radius:8px 8px 0 0;cursor:pointer;display:flex;justify-content:space-between;padding:15px;transition:background-color .3s ease,box-shadow .3s ease}.collapsible-header:hover{background-color:#555;background-image:var(--hover-gradient);filter:brightness(.9) contrast(1.1) saturate(1.4)}.collapsible-header h3{color:#fff;font-size:18px;font-weight:500;margin:0;text-shadow:0 0 8px #e9ecef99;transition:text-shadow .3s ease}.collapsible-header.open h3{animation:textGlow 1.5s infinite alternate}.collapsible-header .toggle-icon{color:#ccc;font-size:24px;transition:transform .3s ease,color .3s ease}.collapsible-header .toggle-icon.open{color:tomato;transform:rotate(180deg)}.collapsible-content{background-color:#2c2c2ccc;border-radius:0 0 8px 8px;border-top:1px solid #444;color:#fff;max-height:0;opacity:0;overflow:hidden;padding:0 20px;position:relative;transition:max-height .4s ease,padding .3s ease,opacity .4s ease}.collapsible-content.open{max-height:200px;opacity:1;padding:20px}.copy-button{background-color:#444;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;opacity:0;padding:5px 10px;position:absolute;right:20px;top:15px;transition:opacity .3s ease,background-color .3s ease}.copy-button:hover{background-color:#555}.collapsible-section:hover .copy-button{opacity:1}.upload-box{align-items:flex-start;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-family:var(--font-secondary);height:100%;overflow-y:auto;padding:1rem 2rem;width:100%}.upload-box h2{align-self:flex-start;color:#fff;font-size:1.8rem;margin-bottom:1.5rem}.form-content{display:flex;flex:1 1;gap:2rem;width:100%}.form-fields-container{-webkit-overflow-scrolling:touch;flex:1 1;max-width:calc(100% - 500px);padding-bottom:2rem;padding-right:2rem;will-change:transform}.form-fields{gap:.75rem;padding-bottom:2rem}.form-fields,.form-group{display:flex;flex-direction:column}.form-group{align-items:flex-start;margin-bottom:.5rem;transform:translateZ(0);will-change:transform}.form-group label{color:#ccc;font-size:.9rem;margin-bottom:.25rem}.form-group input,.form-group select,.form-group textarea{background-color:#ffffff1a;border:1px solid #fff3;border-radius:5px;color:#fff;font-size:.9rem;padding:.5rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background-color:#fff3;border-color:var(--primary-color);outline:none}.form-group textarea{min-height:80px;resize:vertical}.upload-area-container{align-items:flex-start;display:flex;flex:0 0 380px;height:100%;justify-content:center;overflow:visible;overflow:hidden}.upload-area{align-items:center;background-color:#ffffff0d;border:2px dashed #ffffff4d;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;height:auto;justify-content:center;max-height:250px;padding:1.5rem;text-align:center;transition:all .3s ease;width:100%}.upload-area:hover{background-color:#ffffff1a;border-color:var(--primary-color)}.file-loaded{background-color:#ffffff1a;border-style:solid}.browse-link{color:var(--primary-color);cursor:pointer}.formats{color:#aaa;font-size:.8rem;margin-top:.5rem}.file-input-label{color:var(--primary-color);cursor:pointer;display:inline-block;margin-top:1rem;text-decoration:underline}.progress-bar{background-color:#ffffff1a;border-radius:5px;height:10px;margin-top:1rem;overflow:hidden;width:100%}.progress{background-image:var(--hover-gradient);height:100%;transition:width .4s ease}.file-info{align-items:center;background-color:#ffffff1a;border-radius:5px;display:flex;justify-content:space-between;padding:1rem;width:100%}.remove-file-btn{background:none;border:none;color:#ff4c4c;cursor:pointer;font-size:1.2rem;transition:color .3s ease}.remove-file-btn:hover{color:#ff6c6c}.upload-btn{align-self:center;background-color:var(--primary-color);border:none;border-radius:5px;bottom:1rem;color:#fff;cursor:pointer;font-size:1rem;margin-top:1rem;opacity:1;padding:.75rem 2rem;position:sticky;transition:all .3s ease;visibility:visible;width:200px;z-index:10}.upload-btn.ready{background-color:#333;background-image:var(--hover-gradient)}.upload-btn.not-ready{background-color:#666;cursor:not-allowed;opacity:.7}.upload-btn:hover:not(:disabled){background-color:var(--primary-color-dark)}.upload-btn:disabled{pointer-events:none}.success-message{color:var(--primary-color);margin-top:1rem;text-align:center}.view-blocks-btn{background-image:var(--hover-gradient);border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:1rem;padding:.75rem 2rem;transition:opacity .3s ease}.view-blocks-btn:hover{opacity:.9}.guests-section{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.guest-form{background-color:#ffffff0d;border-radius:5px;padding:.75rem}.add-guest-btn,.remove-guest-btn{background-color:#333;background-image:var(--hover-gradient);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:700;margin-bottom:.75rem;margin-top:.75rem;padding:.4rem .8rem;transition:background-color .3s ease}.add-guest-btn:hover,.remove-guest-btn:hover{background-color:var(--primary-color-dark)}.remove-guest-btn{background-color:#ff4c4c}.remove-guest-btn:hover{background-color:#ff6c6c}@media (max-width:1200px){.form-content{flex-direction:column;height:auto;overflow:visible}.form-fields-container{margin-bottom:2rem;max-width:100%;overflow-y:visible}.upload-area-container{flex:0 0 auto;height:auto;width:100%}.upload-area{height:280px}.upload-btn{margin-bottom:1rem;position:static}}.upload-episode-view{-webkit-overflow-scrolling:touch;height:calc(100vh - 200px);overflow-y:auto;padding-right:10px;scroll-behavior:smooth;scrollbar-color:#888 #4d484800;scrollbar-width:thin}.upload-episode-view::-webkit-scrollbar{width:12px}.upload-episode-view::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.upload-episode-view::-webkit-scrollbar-thumb{background-color:#fff;border:3px solid #f1f1f1;border-radius:10px}.upload-episode-view::-webkit-scrollbar-thumb:hover{background:#fff}.upload-status-popup{background-color:#000000e6;border-radius:10px;box-shadow:0 0 20px #00000080;left:50%;max-width:90%;padding:2rem;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:400px;z-index:1000}.upload-status-popup h3{color:var(--primary-color);margin-bottom:1rem}.upload-status-popup p{color:#fff;margin-bottom:1.5rem}.status-action-btn{background-color:#00008b;background-image:var(--hover-gradient);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 2rem;transition:all .3s ease,box-shadow .3s ease}.status-action-btn:hover{box-shadow:0 8px 25px #0000004d;transform:scale(1.05)}.status-action-btn:active{box-shadow:0 4px 15px #0003;transform:scale(.98)}.upload-status-popup.success .status-action-btn{background-color:var(--primary-color)}.upload-status-popup.fail .status-action-btn{background-color:var(--accent-color)}@media (max-width:768px){.upload-status-popup{padding:1.5rem}.status-action-btn{font-size:.9rem;padding:.6rem 1.5rem}}.builders-container{height:calc(100vh - 200px);overflow-y:auto;padding:20px 30px 20px 20px;scrollbar-color:#888 #4d484800;scrollbar-width:thin}.builders-container::-webkit-scrollbar{width:12px}.builders-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.builders-container::-webkit-scrollbar-thumb{background-color:#fff;border:3px solid #f1f1f1;border-radius:10px}.builders-container::-webkit-scrollbar-thumb:hover{background:#fff}.no-builders-message{align-items:center;color:var(--text-color);display:flex;font-size:18px;height:100%;justify-content:center;text-align:center}.builders-list{display:flex;flex-direction:column;gap:20px}.builder-item-wrapper{position:relative}.builder-item-container{align-items:center;background-color:#444;border-radius:8px;display:flex;justify-content:space-between;padding:15px;position:relative;transition:background-color .3s ease,box-shadow .3s ease,transform .3s ease;z-index:1}.builder-item-container.active,.builder-item-container:hover{background-color:#555;background-image:var(--hover-gradient);box-shadow:0 6px 12px #0003;filter:brightness(.9) contrast(1.1) saturate(1.4);transform:translateY(-5px);z-index:2}.builder-item{background:none;border:none;color:#fff;cursor:pointer;flex-grow:1;margin-right:10px;padding:0;text-align:left}.builder-item h3{font-size:18px;font-weight:500;margin:0;text-shadow:0 0 8px #e9ecef99;transition:text-shadow .3s ease}.builder-item-container.active h3,.builder-item-container:hover h3{animation:textGlow 1.5s infinite alternate}.menu-button{background:none;border:none;cursor:pointer;opacity:.7;padding:5px;transition:opacity .3s ease}.builder-item-container.active .menu-button,.builder-item-container:hover .menu-button{opacity:1}.menu-button img{filter:invert(1);height:20px;width:20px}.context-menu{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:0 2px 10px #0000001a;min-width:200px;position:absolute;right:0;top:calc(100% + 5px);z-index:1002}.context-menu button{background:none;border:none;color:var(--text-color);cursor:pointer;display:block;padding:10px 15px;text-align:left;transition:background-color .3s ease;width:100%}.context-menu button:hover{background-color:#ffffff1a}.modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1002}.modal-content{background-color:var(--background-color);border-radius:var(--border-radius);max-width:400px;padding:20px;width:100%}.modal-actions{display:flex;justify-content:flex-end;margin-top:20px}.modal-actions button{border:none;border-radius:var(--border-radius);cursor:pointer;margin-left:10px;padding:8px 16px;transition:background-color .3s ease}.modal-actions button:first-child{background-color:var(--primary-color);color:var(--background-color)}.modal-actions button:last-child{background-color:var(--secondary-color);color:var(--text-color)}.modal-actions button:hover{opacity:.8}.overlay{background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes textGlow{0%{text-shadow:0 0 8px #e9ecef4d}50%{text-shadow:0 0 15px #3a96ffcc}to{text-shadow:0 0 8px #e9ecef4d}}@media (max-width:768px){.builders-container{height:calc(100vh - 180px);padding-right:20px}}.error-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.error-message{color:red;margin-bottom:1rem}.retry-button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem}.retry-button:hover{background-color:#2980b9}.loading-spinner p,.spinner{display:none}.applying-overlay{align-items:center;animation:fadeIn .3s ease-out;background-color:#000000b3;border-radius:8px;bottom:0;color:var(--text-color);display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}.applying-overlay p{font-size:18px;font-weight:700;margin-top:20px}.apply-status{animation:fadeIn .3s ease-out;border-radius:4px;font-size:18px;font-weight:700;padding:10px 20px}.apply-status.success{background-color:#0f03;color:#0f0}.apply-status.error{background-color:#f003;color:red}.loading-spinner{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.builder-section{margin-bottom:30px}.builder-section h3{font-size:18px;margin-bottom:10px}.builder-input,.builder-section h3,.builder-text{color:var(--text-color);font-family:var(--font-secondary)}.builder-input,.builder-text{background-color:#ffffff0d;border:1px solid var(--text-color);border-radius:var(--border-radius);font-size:14px;line-height:1.6;padding:10px;transition:border-color .3s ease;width:100%}.builder-input{resize:vertical}.builder-content{max-height:400px;min-height:400px;resize:none;transition:height .1s ease-out}.builder-content,.readonly-content{word-wrap:break-word;overflow-y:auto;scroll-behavior:smooth;scrollbar-color:var(--primary-color) #0000;scrollbar-width:thin;white-space:pre-wrap}.readonly-content{cursor:default;max-height:350px;-webkit-user-select:text;user-select:text}.builder-content::-webkit-scrollbar,.readonly-content::-webkit-scrollbar{width:8px}.builder-content::-webkit-scrollbar-track,.readonly-content::-webkit-scrollbar-track{background:#0000}.builder-content::-webkit-scrollbar-thumb,.readonly-content::-webkit-scrollbar-thumb{background-color:var(--primary-color);border:2px solid var(--background-color);border-radius:20px}.builder-content::-webkit-scrollbar-thumb:hover,.readonly-content::-webkit-scrollbar-thumb:hover{background-color:var(--accent-color)}.builder-input:focus{border-color:var(--primary-color);outline:none}.builder-auto-execute{align-items:center;background-color:#ffffff0d;border-radius:var(--border-radius);display:flex;justify-content:space-between;padding:10px}.builder-auto-execute span{color:var(--text-color);font-family:var(--font-secondary);font-size:14px}.switch{display:inline-block;height:34px;position:relative;width:60px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:26px;left:4px;width:26px}input:checked+.slider{background-color:var(--primary-color)}input:checked+.slider:before{transform:translateX(26px)}input:disabled+.slider{cursor:not-allowed;opacity:.5}.back-button{align-self:flex-start;background-color:var(--secondary-color);border:none;border-radius:var(--border-radius);color:var(--text-color);cursor:pointer;font-family:var(--font-secondary);font-size:14px;margin-top:20px;padding:10px 20px;transition:background-color .3s ease}.back-button:hover{background-color:var(--accent-color)}.loading{color:var(--text-color);font-family:var(--font-secondary);font-size:18px;padding:40px;text-align:center}@media (max-width:768px){.builder-detail-container{padding:15px}.builder-section h3{font-size:16px}.builder-input,.builder-text{font-size:13px}}.textarea-wrapper{align-items:flex-start;display:flex;position:relative}.builder-input.builder-content{flex-grow:1;font-size:16px;line-height:1.8;padding:15px}.builder-input.builder-content:focus{border-color:var(--primary-color)}.dynamic-button{align-items:center;background-color:var(--background-color);border:2px solid var(--primary-color);border-radius:50%;box-shadow:0 2px 10px #0000001a;cursor:pointer;display:flex;height:40px;justify-content:center;left:-45px;padding:8px;position:absolute;transition:all .3s ease;width:40px;z-index:10}.dynamic-button.active{background-color:var(--primary-color)}.dynamic-button img{filter:brightness(0) invert(1);height:20px;transition:transform .3s ease;width:20px}.dynamic-button:hover img{transform:rotate(90deg)}.dynamic-button:hover{box-shadow:0 4px 15px rgba(var(--primary-color-rgb),.3);transform:translateY(-2px)}.dynamic-button:active{box-shadow:0 2px 8px rgba(var(--primary-color-rgb),.2);transform:translateY(0)}.building-blocks-suggestions{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:rgba(var(--background-color-rgb),.95);border:none;border-radius:var(--border-radius);box-shadow:0 8px 30px #0003;color:var(--text-color);max-height:300px;overflow-y:auto;padding:10px 0;position:absolute;transition:all .3s ease;width:300px;z-index:1000}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.suggestion-item{border-left:3px solid #0000;cursor:pointer;display:flex;flex-direction:column;font-size:14px;padding:12px 16px;transition:all .2s ease}.suggestion-item:hover{background-color:rgba(var(--primary-color-rgb),.1);border-left-color:var(--primary-color)}.suggestion-item .building-block{color:var(--primary-color);font-weight:600;margin-bottom:4px}.suggestion-item .description{color:var(--text-color-secondary);font-size:12px}.highlight-block{color:var(--primary-color);font-weight:600}.editable-title{background-color:initial;border:none;border-bottom:2px solid var(--primary-color);color:var(--text-color);font-size:24px;font-weight:700;max-width:400px;padding:5px 10px;transition:border-color .3s ease;width:100%}.editable-title:focus{border-color:var(--accent-color);outline:none}.saving-overlay{align-items:center;animation:fadeIn .3s ease-out;background-color:#00000080;border-radius:var(--border-radius);bottom:0;color:var(--text-color);display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}.saving-overlay p{font-size:18px;font-weight:700;margin-top:10px}.builder-detail-container{display:flex;flex-direction:column;height:calc(100vh - 200px);padding:20px;position:relative}.unsaved-changes-warning{background-color:var(--warning-color);border-radius:var(--border-radius);color:var(--text-color);font-weight:700;margin-bottom:20px;padding:10px;text-align:center}.builder-input.builder-content.invalid{border-color:var(--error-color)}.builder-input.builder-content.valid{border-color:var(--success-color)}@media (max-width:768px){.builder-detail-container{padding:15px}.editable-title{font-size:20px;max-width:100%}.builder-auto-execute{align-items:flex-start;flex-direction:column}.builder-auto-execute span{margin-top:10px}}.back-button,.builder-input,.builder-text,.editable-title{transition:all .3s ease}.builder-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.textarea-wrapper.dark-mode .builder-input,.textarea-wrapper.dark-mode .readonly-content{background-color:#1e1e1e;border-color:#444;color:#fff}.textarea-wrapper.dark-mode .highlight-block{background-color:#2c2c2c;color:#61dafb}.textarea-wrapper.dark-mode .building-blocks-suggestions{background-color:#2c2c2c;border-color:#444}.textarea-wrapper.dark-mode .suggestion-item{border-bottom-color:#444}.textarea-wrapper.dark-mode .suggestion-item:hover{background-color:#3c3c3c}.textarea-wrapper.dark-mode .building-block{color:#61dafb}.textarea-wrapper.dark-mode .description{color:#a0a0a0}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.fdb76e7f.css.map*/