.spinner-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100%}.spinner{border:4px solid rgba(0,0,0,.1);width:36px;height:36px;border-radius:50%;border-left-color:#000;animation:spin 1s infinite linear}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app{display:flex;flex-direction:column;height:100vh}.signup-button{position:fixed;bottom:20px;right:20px;background-color:#4caf50;border:none;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer;z-index:10}.floating-button-container{position:fixed;top:0;right:0;z-index:1;display:flex;flex-direction:column;align-items:flex-end;background-color:#fffc;padding:8px;border-radius:4px;box-shadow:0 0 10px #0000001a}.portal-container{max-width:400px;margin:20px auto;padding:20px;border-radius:8px;box-shadow:0 0 12px #0000001a}.portal-container h1{margin-top:0}.form-input{width:calc(100% - 24px);padding:12px;margin-bottom:16px;border:1px solid #ccc;border-radius:4px;font-size:16px;box-sizing:border-box}.form-submit-button{padding:12px 24px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px}.form-error{color:red;font-weight:700}.login-link-button{padding:8px 16px;margin-left:10px;border-radius:4px;text-decoration:none;font-weight:700}.login-link-button{background-color:#007bff;color:#fff}.username-link{text-decoration:none;font-weight:700;color:#007bff}.username-link:hover{text-decoration:underline}.logout-button{padding:8px 16px;margin-left:10px;background-color:#ff4d4d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}*{scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}:root{--style1: linear-gradient(135deg, #0036e8, #d30909);--style2: linear-gradient(45deg, #009688, #4db6ac);--style3: linear-gradient(135deg, #ff9800, #ffc107);--style4: linear-gradient(135deg, #00ff51, #98ff07)}.dashboard-bg-element{position:fixed;height:100vh;width:100%;background:var(--dashboard-bg-color);z-index:-1}.style1{background:var(--style1)}.style2{background:var(--style2)}.style3{background:var(--style3)}.style4{background:var(--style4)}.outer-editscreen-container{width:100%;display:flex}.mini-dashboard-preview{position:sticky;width:40%;height:100%;top:0;left:0;overflow-y:auto}.mini-dashboard-preview .preview-mode{height:100vh}.mini-dashboard-preview .preview-background-container{position:sticky;top:0;margin-bottom:-100vh;height:100vh;z-index:-1}.mini-dashboard-preview .preview-background-inner-container{height:100%}.mini-dashboard-preview h3{margin-bottom:10px}.editor-wrapper{overflow-y:auto;width:60%;padding:0 25px 25px}.editor-header{font-size:24px;font-weight:700;margin-bottom:1em}.tabs{display:flex;margin:20px 0}.tabs button{flex-grow:1;padding:10px 15px;border:1px solid #ccc;background-color:#f8f8f8;cursor:pointer;transition:background-color .3s,color .3s}.tabs button:not(:first-child){border-left:none}.tabs button:hover{background-color:#e0e0e0}.active-tab{background-color:#ddd;color:#333;font-weight:700;border-bottom:2px solid #333}.layout-selector{margin-bottom:1em}.layout-selector label{font-weight:700}.button{padding:.5em 1em;margin:.5em;cursor:pointer;background-color:#007bff;color:#fff;border:none;border-radius:4px}.button:hover{background-color:#0056b3}.section-item{display:flex;justify-content:space-between;align-items:center;padding:1em;margin:.5em 0;border:1px solid #ddd;background:#f9f9f9;border-radius:4px;height:30px;cursor:grab}.row-button{padding:.5em 1em;margin-left:.5em;cursor:pointer;background-color:#2196f3;color:#fff;border:none;border-radius:4px}.chrome-picker{z-index:1}.layout-selector p{font-size:.8em;color:#888}input[type=file]+p{font-size:.8em;font-style:italic;color:#666}button.close-color-picker{background-color:#eee;border:none;cursor:pointer;font-size:.8em}.section-management{background-color:#f9f9f9;padding:1em;border-radius:5px;margin-top:1em;margin-bottom:1em}.back-button{background:none;color:#007bff;padding:.5em 1em;border:none;cursor:pointer;display:inline-flex;align-items:center;font-weight:700;text-decoration:underline}.back-button i.fas{margin-right:.5em;color:#007bff}.back-button:hover{color:#0056b3;text-decoration:none}.back-button:hover i.fas{color:#0056b3}.look-and-feel-tab{padding:20px;background-color:#f5f5f5;border-radius:8px;box-shadow:0 2px 4px #0000001a}.look-and-feel-tab div{margin-bottom:15px}.look-and-feel-tab label{display:block;font-weight:700;margin-bottom:5px}.look-and-feel-tab input[type=text],.look-and-feel-tab select{width:100%;padding:8px 10px;margin-bottom:10px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.look-and-feel-tab .layout-selector p{margin-top:0;margin-bottom:10px}.look-and-feel-tab button{background-color:#4caf50;color:#fff;padding:10px 15px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.look-and-feel-tab button:hover{background-color:#45a049}.dashboard-thumbnail-section{display:flex;flex-direction:column;width:fit-content}.layout-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.layout-item{cursor:pointer;border:2px solid transparent;padding:10px;text-align:center;transition:border-color .3s ease}.layout-item:hover,.layout-item.active{border-color:#4caf50}.layout-item img{max-width:100%;height:auto;border-radius:4px}.layout-item span{display:block;margin-top:8px}.style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.style-item{cursor:pointer;border:2px solid transparent;padding:10px;text-align:center;transition:border-color .3s ease}.style-item:hover,.style-item.active{border-color:#4caf50}.style-item img{max-width:100%;height:auto;border-radius:4px}.style-item span{display:block;margin-top:8px}.link-options-section{background-color:#f4f4f4;padding:1em;border-radius:4px;margin-top:1em}.file-uploader-section,.domain-verification-section{margin-top:1em}.section-divider{border:0;border-top:1px solid #ccc;margin:1em 0}.button-container{display:flex;flex-direction:row;align-items:center}.button-container .remove-button{background-color:red;color:#fff;border:none;padding:.3em;border-radius:50%;cursor:pointer;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.button-container .remove-button:hover{background-color:#8b0000}.button-container .arrow-buttons{display:flex;flex-direction:column;margin-left:.5em}.button-container .arrow-buttons .arrow-button{background-color:#2196f3;color:#fff;border:none;padding:.3em;border-radius:4px;cursor:pointer;margin:2px 0;width:23px;height:23px}.button-container .arrow-buttons .arrow-button:hover{background-color:#1976d2}.button-container .arrow-buttons .arrow-button.disabled-arrow{background-color:#ccc;cursor:not-allowed}.landing-page{position:relative;font-family:Arial,sans-serif}.landing-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#f8f9fa;border-bottom:1px solid #dee2e6}.landing-header ul{list-style:none;padding:0;margin:0;display:flex}.landing-header li{margin-right:1rem}.landing-header a{background-color:#007bff;color:#fff;padding:.5rem 1rem;border-radius:4px;text-decoration:none}.landing-header a:hover{background-color:#0056b3}.landing-banner{display:flex;justify-content:space-around;align-items:center;background-color:#eee}.landing-banner-content{padding:40px}.landing-features{text-align:center;background-color:#f8f9fa;padding:2rem 0}.landing-features h2{margin-bottom:1.5rem;font-size:2rem;color:#333}.landing-features .feature-cards{display:flex;justify-content:center;flex-wrap:wrap}.landing-features .feature-cards .feature-card{background-color:#fff;border:1px solid #ccc;border-radius:12px;box-shadow:0 4px 8px #0000001a;margin:1rem;padding:1.5rem;text-align:center;width:30%;transition:transform .3s ease}.landing-features .feature-cards .feature-card:hover{transform:scale(1.05)}.landing-features .feature-cards .feature-card .feature-icon{font-size:2rem;color:#007bff;margin-bottom:1rem}.landing-features .feature-cards .feature-card h3{font-size:1.2rem;margin-bottom:.5rem}.landing-features .feature-cards .feature-card p{font-size:1rem;color:#666}.three-fiber-container{width:50%;height:400px}.terms-container{max-width:800px;margin:auto;padding:20px;font-family:Arial,sans-serif}.terms-container h1{text-align:center;margin-bottom:20px}.terms-container .last-updated{text-align:center;font-style:italic;margin-bottom:20px}.terms-container h2{color:#333;margin-top:20px}.terms-container p{line-height:1.6;margin-bottom:15px}.user-manager{position:fixed;bottom:0;left:0;padding:20px;background-color:#000c;color:#fff;z-index:1000;box-sizing:border-box;overflow-y:auto;max-height:100%}.chevron{display:inline-block;margin-left:5px;transition:transform .3s ease}.chevron.open{transform:rotate(90deg)}.user-manager button{background-color:#4caf50;color:#fff;padding:10px 15px;margin:5px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.user-manager button:hover{background-color:#45a049}.dashboard-management{margin-top:20px;background-color:#ffffff1a;padding:15px;border-radius:8px}.dashboard-management div{background-color:#fff3;padding:10px;margin-bottom:8px;border-radius:5px;transition:background-color .3s ease}.dashboard-management div:hover{background-color:#ffffff4d}.dashboard-management a{color:gold;text-decoration:none;font-weight:700;transition:color .3s ease}.dashboard-management a:hover{color:orange}.dashboard-management span{color:#fff;margin-right:10px}.file-uploader-section{margin-top:20px;background-color:#ffffff1a;padding:10px;border-radius:5px}.file-uploader-section h3{margin-bottom:15px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}