@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Orbitron:wght@500;600&display=swap);body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#0057ff;--secondary-color:#00c8ff;--bg-dark:#020208;--text-light:#e0e6ff;--text-accent:#00c8ff;--glow-effect:0 0 10px #0057ff80,0 0 20px #00c8ff4d}.landing-container{background:#020208;background:var(--bg-dark);color:#e0e6ff;color:var(--text-light);font-family:Chakra Petch,Rajdhani,sans-serif;min-height:100vh;position:relative}.landing-container .hero-section{align-items:center;background:linear-gradient(180deg,#4a0e9a33,#040428cc 30%,#020208f2 70%,#010104);display:flex;height:100vh;justify-content:center;overflow:hidden;padding-top:80px;position:relative}.landing-container .nebula-bg{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.landing-container .nebula-bg:before{animation:nebula-move 60s linear infinite;background:url(https://images.unsplash.com/photo-1534796636912-3b95b3ab5986?ixlib=rb-1.2.1&auto=format&fit=crop&w=1351&q=80) no-repeat 50%;background-size:cover;content:"";filter:blur(4px) brightness(.3) contrast(1.2) saturate(1.2);height:200%;mix-blend-mode:screen;opacity:.6;position:absolute;width:200%}.landing-container .nebula-bg:after{background:radial-gradient(circle at center,#0000 0,#020208cc 60%,#020208 100%);content:"";height:100%;position:absolute;width:100%;z-index:1}.landing-container .hero-section:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4d5eXlzc3OLi4ubm5uVlZWPj4+NjY19fX2JiYl/f39ra2uRkZGZmZlpaWmXl5dvb29xcXGTk5NnZ2c8TV1mAAAAG3RSTlNAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAvEOwtAAAFVklEQVR4XpWWB67c2BUFb3g557T/hRo9/WUMZHlgr4Bg8Z4qQgQJlHI4A8SzFVrapvmTF9O7dmYRFZ60YiBhJRCgh1FYhiLAmdvX0CzTOpNE77ME0Zty/nWWzchDtiqrmQDeuv3powQ5ta2eN0FY0InkqDD73lT9c9lEzwUNqgFHs9VQce3TVClFCQrSTfOiYkVJQBmpbq2L6iZavPnAPcoU0dSw0SUTqz/GtrGuXfbyyBniKykOWQWGqwwMA7QiYAxi+IlPdqo+hYHnUt5ZPfnsHJyNiDtnpJyayNBkF6cWoYGAMY92U2hXHF/C1M8uP/ZtYdiuj26UdAdQQSXQErwSOMzt/XWRWAz5GuSBIkwG1H3FabJ2OsUOUhGC6tK4EMtJO0ttC6IBD3kM0ve0tJwMdSfjZo+EEISaeTr9P3wYrGjXqyC1krcKdhMpxEnt5JetoulscpyzhXN5FRpuPHvbeQaKxFAEB6EN+cYN6xD7RYGpXpNndMmZgM5Dcs3YSNFDHUo2LGfZuukSWyUYirJAdYbF3MfqEKmjM+I2EfhA94iG3L7uKrR+GdWD73ydlIB+6hgref1QTlmgmbM3/LeX5GI1Ux1RWpgxpLuZ2+I+IjzZ8wqE4nilvQdkUdfhzI5QDWy+kw5Wgg2pGpeEVeCCA7b85BO3F9DzxB3cdqvBzWcmzbyMiqhzuYqtHRVG2y4x+KOlnyqla8AoWWpuBoYRxzXrfKuILl6SfiWCbjxoZJUaCBj1CjH7GIaDbc9kqBY3W/Rgjda1iqQcOJu2WW+76pZC9QG7M00dffe9hNnseupFL53r8F7YHSwJWUKP2q+k7RdsxyOB11n0xtOvnW4irMMFNV4H0uqwS5ExsmP9AxbDTc9JwgneAT5vTiUSm1E7BSflSt3bfa1tv8Di3R8n3Af7MNWzs49hmauE2wP+ttrq+AsWpFG2awvsuOqbipWHgtuvuaAE+A1Z/7gC9hesnr+7wqCwG8c5yAg3AL1fm8T9AZtp/bbJGwl1pNrE7RuOX7PeMRUERVaPpEs+yqeoSmuOlokqw49pgomjLeh7icHNlG19yjs6XXOMedYm5xH2YxpV2tc0Ro2jJfxC50ApuxGob7lMsxfTbeUv07TyYxpeLucEH1gNd4IKH2LAg5TdVhlCafZvpskfncCfx8pOhJzd76bJWeYFnFciwcYfubRc12Ip/ppIhA1/mSZ/RxjFDrJC5xifFjJpY2Xl5zXdguFqYyTR1zSp1Y9p+tktDYYSNflcxI0iyO4TPBdlRcpeqjK/piF5bklq77VSEaA+z8qmJTFzIWiitbnzR794USKBUaT0NTEsVjZqLaFVqJoPN9ODG70IPbfBHKK+/q/AWR0tJzYHRULOa4MP+W/HfGadZUbfw177G7j/OGbIs8TahLyynl4X4RinF793Oz+BU0saXtUHrVBFT/DnA3ctNPoGbs4hRIjTok8i+algT1lTHi4SxFvONKNrgQFAq2/gFnWMXgwffgYMJpiKYkmW3tTg3ZQ9Jq+f8XN+A5eeUKHWvJWJ2sgJ1Sop+wwhqFVijqWaJhwtD8MNlSBeWNNWTa5Z5kPZw5+LbVT99wqTdx29lMUH4OIG/D86ruKEauBjvH5xy6um/Sfj7ei6UUVk4AIl3MyD4MSSTOFgSwsH/QJWaQ5as7ZcmgBZkzjjU1UrQ74ci1gWBCSGHtuV1H2mhSnO3Wp/3fEV5a+4wz//6qy8JxjZsmxxy5+4w9CDNJY09T072iKG0EnOS0arEYgXqYnXcYHwjTtUNAcMelOd4xpkoqiTYICWFq0JSiPfPDQdnt+4/wuqcXY47QILbgAAAABJRU5ErkJggg==);content:"";height:100%;left:0;opacity:.05;position:absolute;top:0;width:100%;z-index:1}.landing-container .hero-section:after{background:linear-gradient(180deg,#4a0e9a33 0,#0000);content:"";height:200px;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}@keyframes nebula-move{0%{transform:translate(-25%,-25%) rotate(0deg) scale(1.1)}50%{transform:translate(-25%,-25%) rotate(180deg) scale(1)}to{transform:translate(-25%,-25%) rotate(1turn) scale(1.1)}}.landing-container .content{animation:fadeIn 1.5s ease-out;max-width:800px;padding:2rem;text-align:center;z-index:1}.landing-container .glitch-text{color:#e0e6ff;color:var(--text-light);font-size:5rem;font-weight:700;letter-spacing:5px;margin-bottom:1rem;position:relative;text-shadow:0 0 10px #0057ff80,0 0 20px #00c8ff4d;text-shadow:var(--glow-effect)}.landing-container .glitch-text span{color:#00c8ff;color:var(--secondary-color)}.landing-container .glitch-text:after,.landing-container .glitch-text:before{content:"COSMIC";height:100%;left:0;opacity:.8;position:absolute;top:0;width:100%}.landing-container .glitch-text:before{animation:glitch 2s cubic-bezier(.25,.46,.45,.94) infinite;color:#ff00ea;z-index:-1}.landing-container .glitch-text:after{animation:glitch 2s cubic-bezier(.25,.46,.45,.94) infinite reverse;color:#0078ff;z-index:-2}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.landing-container .slogan{animation:fadeInUp .8s ease-out .5s forwards;font-size:1.5rem;margin-bottom:2rem;opacity:0}.landing-container .cta-buttons{animation:fadeInUp .8s ease-out 1s forwards;display:flex;gap:1.5rem;justify-content:center;opacity:0}.landing-container .primary-btn,.landing-container .secondary-btn{border:none;border-radius:4px;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:1px;overflow:hidden;padding:.8rem 2rem;transition:all .3s ease}.landing-container .primary-btn{background-color:#0057ff;background-color:var(--primary-color);box-shadow:0 0 15px #0057ff80;color:#fff}.landing-container .primary-btn:hover{background-color:#0045ff;box-shadow:0 0 20px #0057ffb3;transform:translateY(-2px)}.landing-container .secondary-btn{background-color:initial;border:2px solid #00c8ff;border:2px solid var(--secondary-color);box-shadow:0 0 10px #00c8ff4d;color:#e0e6ff;color:var(--text-light)}.landing-container .secondary-btn:hover{background-color:#00c8ff1a;box-shadow:0 0 15px #00c8ff80;transform:translateY(-2px)}.landing-container .features-section{background:linear-gradient(135deg,#020208,#4a0e9a26 50%,#020208);padding:8rem 2rem;position:relative;text-align:center}.landing-container .features-section:before{background:linear-gradient(180deg,#020208 0,#0000);top:0}.landing-container .features-section:after,.landing-container .features-section:before{content:"";height:150px;left:0;pointer-events:none;position:absolute;width:100%;z-index:1}.landing-container .features-section:after{background:linear-gradient(0deg,#020208 0,#0000);bottom:0}.landing-container .features-section h2{color:#00c8ff;color:var(--secondary-color);font-size:2.5rem;letter-spacing:2px;margin-bottom:3rem;text-shadow:0 0 10px #00c8ff80}.landing-container .features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px;position:relative;z-index:2}.landing-container .feature-card{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a102899;border:1px solid #0057ff33;border-radius:8px;box-shadow:0 5px 15px #0000004d;padding:2rem;transition:all .3s ease}.landing-container .feature-card:hover{border-color:#0057ff;border-color:var(--primary-color);box-shadow:0 15px 30px #0006,0 0 15px #0057ff4d;transform:translateY(-5px)}.landing-container .feature-icon{font-size:2.5rem;margin-bottom:1rem}.landing-container .feature-card h3{color:#00c8ff;color:var(--text-accent);font-size:1.3rem;margin-bottom:1rem}.landing-container .feature-card p{color:#e0e6ff;color:var(--text-light);line-height:1.6;opacity:.8}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.landing-container .loaded .content>*{animation:fadeInUp .8s ease-out forwards}@media (max-width:768px){.landing-container .glitch-text{font-size:3.5rem}.landing-container .cta-buttons{flex-direction:column;gap:1rem}.landing-container .features-grid{grid-template-columns:1fr}}.landing-container .navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050822cc;border-bottom:1px solid #0057ff33;box-shadow:0 2px 15px #00000080;box-sizing:border-box;justify-content:space-between;left:0;padding:1rem 2rem;position:fixed;top:0;width:100%;z-index:100}.landing-container .nav-logo,.landing-container .navbar{align-items:center;display:flex}.landing-container .logo-text{color:#e0e6ff;color:var(--text-light);font-size:1.8rem;font-weight:700;letter-spacing:2px;text-shadow:0 0 8px #0057ff80}.landing-container .logo-text span{color:#00c8ff;color:var(--secondary-color)}.landing-container .nav-links{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;list-style:none;margin:0;padding:0}.landing-container .nav-links li a{color:#e0e6ff;color:var(--text-light);font-size:1.1rem;font-weight:500;letter-spacing:1px;padding:.3rem 0;position:relative;text-decoration:none;transition:all .3s ease}.landing-container .nav-links li a:after{background:#00c8ff;background:var(--secondary-color);bottom:0;box-shadow:0 0 8px #00c8ff80;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.landing-container .nav-links li a:hover{color:#00c8ff;color:var(--secondary-color)}.landing-container .nav-links li a:hover:after{width:100%}.landing-container .nav-auth a{border-radius:4px;padding:.5rem 1.2rem!important;transition:all .3s ease!important;white-space:nowrap}.landing-container .nav-auth.signin a{margin-left:.5rem}.landing-container .nav-auth.signup a{background:#0057ff;background:var(--primary-color);box-shadow:0 0 10px #0057ff80;color:#fff!important}.landing-container .nav-auth.signup a:hover{background:#0045ff;box-shadow:0 0 15px #0057ffb3;transform:translateY(-2px)}.landing-container .nav-toggle{cursor:pointer;display:none;margin-left:1rem;min-width:30px;z-index:101}.landing-container .hamburger{display:flex;flex-direction:column;height:24px;justify-content:space-between;position:relative;width:30px}.landing-container .hamburger span{background-color:#e0e6ff;background-color:var(--text-light);border-radius:2px;display:block;height:2px;transition:all .3s ease;width:100%}.landing-container .hamburger.active span:first-child{background-color:#00c8ff;background-color:var(--secondary-color);transform:rotate(45deg) translate(8px,8px)}.landing-container .hamburger.active span:nth-child(2){opacity:0}.landing-container .hamburger.active span:nth-child(3){background-color:#00c8ff;background-color:var(--secondary-color);transform:rotate(-45deg) translate(8px,-8px)}@media (max-width:1024px){.landing-container .nav-toggle{display:block}.landing-container .nav-links{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080a28f2;border-left:1px solid #0057ff33;box-shadow:-5px 0 20px #00000080;flex-direction:column;gap:0;height:100vh;justify-content:center;max-width:350px;padding:2rem;position:fixed;right:-100%;top:0;transition:right .5s ease;width:70%;z-index:99}.landing-container .nav-links.active{right:0}.landing-container .nav-links li{margin:1.5rem 0;text-align:center;width:100%}.landing-container .nav-links li a{display:block;font-size:1.3rem;padding:.5rem 0}.landing-container .nav-auth{margin-left:0!important;margin-top:0!important}.landing-container .nav-auth.signin,.landing-container .nav-auth.signup{margin-top:1.5rem!important}.landing-container .nav-auth{box-sizing:border-box;padding:0 1rem;width:100%}.landing-container .nav-auth a{border-radius:4px;box-sizing:border-box;display:block;font-size:1.3rem;padding:.7rem 0!important;text-align:center;width:100%}.landing-container .nav-auth.signin a{background:#00c8ff0d;border:1px solid #00c8ff;border:1px solid var(--secondary-color);box-shadow:0 0 8px #00c8ff4d;color:#00c8ff!important;color:var(--secondary-color)!important;margin-left:0;width:100%}.landing-container .nav-auth.signup a{margin:0;width:100%}.landing-container .nav-links{box-sizing:border-box;overflow-x:hidden;overflow-y:auto;padding:2rem 1rem}}@media (max-width:350px){.landing-container .nav-links{padding:2rem .5rem;width:85%}.landing-container .nav-auth a{font-size:1.1rem;padding:.6rem 0!important}}@media (max-width:576px){.landing-container .navbar{flex-wrap:nowrap;padding:.8rem 1rem}.landing-container .logo-text{font-size:1.4rem;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.landing-container .nav-toggle{margin-left:auto}}.landing-container .testimonials-section{background:linear-gradient(225deg,#020208,#00c8ff26 50%,#020208);padding:8rem 2rem;position:relative;text-align:center}.landing-container .testimonials-section:before{background:radial-gradient(circle at 80% 40%,#00c8ff1a 0,#0000 60%);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.landing-container .testimonials-section h2{color:#00c8ff;color:var(--secondary-color);font-size:2.5rem;letter-spacing:2px;margin-bottom:3rem;text-shadow:0 0 10px #00c8ff80}.landing-container .testimonials-grid{grid-gap:5rem 2rem;display:grid;gap:5rem 2rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin:0 auto;max-width:1200px}.landing-container .testimonial-card{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a102899;border:1px solid #0057ff33;border-radius:12px;box-shadow:0 5px 15px #0000004d;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:2rem;text-align:left;transition:all .3s ease}.landing-container .testimonial-card:hover{border-color:#0057ff;border-color:var(--primary-color);box-shadow:0 10px 25px #0006,0 0 15px #0057ff4d;transform:translateY(-5px)}.landing-container .testimonial-text{color:#e0e6ff;color:var(--text-light);flex-grow:1;font-size:1.15rem;line-height:1.6;margin-bottom:1.5rem}.landing-container .testimonial-author{align-items:center;display:flex;gap:1rem}.landing-container .author-avatar{border:2px solid #0057ff;border:2px solid var(--primary-color);border-radius:50%;box-shadow:0 0 10px #0057ff80;height:48px;overflow:hidden;width:48px}.landing-container .author-avatar img{height:100%;object-fit:cover;width:100%}.landing-container .author-info{display:flex;flex-direction:column}.landing-container .author-info h4{color:#e0e6ff;color:var(--text-light);font-size:1.1rem;letter-spacing:.5px;margin:0}.landing-container .author-username{color:#00c8ff;color:var(--secondary-color);font-size:.9rem;margin:0;opacity:.9}.landing-container .testimonial-card{transition:all .3s cubic-bezier(.25,.46,.45,.94)}.landing-container .testimonial-card:hover{box-shadow:0 15px 30px #0006,0 0 20px #0057ff66;transform:translateY(-8px)}@media (max-width:768px){.landing-container .testimonials-grid{grid-template-columns:1fr;margin:0 auto;max-width:500px}.landing-container .testimonial-card{padding:1.5rem}.landing-container .testimonial-text{font-size:1rem}}.landing-container .grid-overlay{animation:grid-pulse 4s ease-in-out infinite;background-image:linear-gradient(90deg,#00c8ff1a 1px,#0000 0),linear-gradient(180deg,#00c8ff1a 1px,#0000 0);background-size:50px 50px;height:100%;left:0;opacity:.3;position:absolute;top:0;transform:perspective(500px) rotateX(60deg);transform-origin:center top;width:100%;z-index:1}@keyframes grid-pulse{0%,to{opacity:.2}50%{opacity:.4}}.landing-container .floating-elements{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.landing-container .floating-element{animation:appear-float 1s ease-out forwards,float 15s ease-in-out infinite;opacity:0;position:absolute}.landing-container .planet-1{animation-delay:.2s,1s;background:radial-gradient(circle at 30% 30%,#9442fe,#4a0e9a);border-radius:50%;box-shadow:0 0 30px #0057ffb3;height:80px;left:15%;top:25%;width:80px}.landing-container .planet-1:after{background:#0057ff4d;border-radius:50%;bottom:-10px;content:"";filter:blur(5px);height:20px;position:absolute;transform:rotateX(80deg);width:100%}.landing-container .planet-2{animation-delay:.4s,1.5s;animation-duration:20s;background:radial-gradient(circle at 60% 40%,#00c8ff,#00805a);border-radius:50%;box-shadow:0 0 30px #00c8ff80;height:120px;right:15%;top:65%;width:120px}.landing-container .spacecraft{animation-delay:.6s,2s;animation-duration:25s;background:conic-gradient(from 135deg,#e0e0ff,#0057ff,#e0e0ff);border-radius:50% 50% 0 0;box-shadow:0 0 20px #e0e0ffb3;height:30px;right:30%;top:30%;transform:rotate(-30deg);width:60px}.landing-container .spacecraft:before{animation:engine-glow 2s ease-in-out infinite;background:linear-gradient(180deg,#0057ff,#0000);border-radius:50%;bottom:-5px;content:"";filter:blur(5px);height:15px;left:50%;position:absolute;transform:translateX(-50%);width:10px}@keyframes engine-glow{0%,to{height:15px;opacity:.7}50%{height:25px;opacity:1}}.landing-container .star-cluster-1,.landing-container .star-cluster-2{animation-delay:.3s,1.2s;background-image:radial-gradient(circle at center,#fff 1px,#0000 0);background-size:15px 15px;border-radius:50%;height:150px;opacity:.5;width:150px}.landing-container .star-cluster-1{left:60%;top:20%}.landing-container .star-cluster-2{animation-duration:30s;left:20%;top:70%}@keyframes appear-float{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.landing-container .orbital-ring{animation:rotate 30s linear infinite;border:1px solid #0057ff4d;border-radius:50%;position:absolute;transform:rotateX(70deg);z-index:1}.landing-container .ring-1{height:300px;left:calc(50% - 150px);top:calc(50% - 150px);width:300px}.landing-container .ring-2{animation-direction:reverse;animation-duration:40s;border-color:#00c8ff33;height:500px;left:calc(50% - 250px);top:calc(50% - 250px);width:500px}.landing-container .particles{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:2}.landing-container .particle{animation:particle-float 20s linear infinite;background-color:#fff;border-radius:50%;height:2px;opacity:0;position:absolute;width:2px}.landing-container .particles .particle:nth-child(odd){background-color:#00c8ff;background-color:var(--secondary-color)}.landing-container .particles .particle:nth-child(3n+1){height:1px;width:1px}.landing-container .particles .particle:nth-child(4n+3){box-shadow:0 0 5px #0057ff;box-shadow:0 0 5px var(--primary-color);height:3px;width:3px}.landing-container .particles .particle:first-child{animation-delay:0s;animation-duration:15s;left:5%}.landing-container .particles .particle:nth-child(2){animation-delay:1s;animation-duration:18s;left:10%}.landing-container .particles .particle:nth-child(3){animation-delay:2s;animation-duration:20s;left:15%}.landing-container .particles .particle:nth-child(4){animation-delay:.5s;animation-duration:17s;left:20%}.landing-container .particles .particle:nth-child(5){animation-delay:1.5s;animation-duration:19s;left:25%}.landing-container .cosmic-insignia{align-items:center;animation:pulse 3s ease-in-out infinite;animation:fadeInUp .8s ease-out .2s forwards;border:2px solid #00c8ff;border:2px solid var(--secondary-color);border-radius:50%;box-shadow:0 0 15px #00c8ff80;display:flex;height:60px;justify-content:center;margin:0 auto 2rem;opacity:0;position:relative;width:60px}.landing-container .cosmic-insignia:after,.landing-container .cosmic-insignia:before{background:linear-gradient(90deg,#0000,#00c8ff,#0000);background:linear-gradient(to right,#0000,var(--secondary-color),#0000);content:"";height:2px;position:absolute;width:80px}.landing-container .cosmic-insignia:before{transform:rotate(45deg)}.landing-container .cosmic-insignia:after{transform:rotate(-45deg)}.landing-container .insignia-inner{animation:rotate 10s linear infinite;background:linear-gradient(135deg,#0057ff,#0000);background:linear-gradient(135deg,var(--primary-color),#0000);border-radius:50%;height:30px;width:30px}.landing-container .cosmic-mockup{animation:fadeInUp .8s ease-out .7s forwards;height:200px;margin:2rem auto;opacity:0;perspective:1000px;position:relative;width:300px}.landing-container .mockup-screen{background:#0a102899;border:2px solid #0057ff;border:2px solid var(--primary-color);border-radius:8px;box-shadow:0 0 20px #0057ff80;height:100%;overflow:hidden;position:absolute;transform:rotateX(10deg);transition:all .3s ease;width:100%}.landing-container .mockup-screen:hover{box-shadow:0 0 30px #0057ffb3;transform:rotateX(0deg)}.landing-container .mockup-content{box-sizing:border-box;height:100%;padding:15px;position:relative;width:100%}.landing-container .mockup-lines{display:flex;flex-direction:column;height:100%;justify-content:space-around;width:100%}.landing-container .mockup-lines:after,.landing-container .mockup-lines:before{background:linear-gradient(90deg,#0057ff,#0000);background:linear-gradient(to right,var(--primary-color),#0000);border-radius:2px;content:"";height:10px;margin:5px 0;opacity:.5;width:80%}.landing-container .mockup-circles{display:flex;gap:5px;position:absolute;right:10px;top:10px}.landing-container .mockup-circles:after,.landing-container .mockup-circles:before{background:#00c8ff;background:var(--secondary-color);border-radius:50%;content:"";height:10px;opacity:.8;width:10px}.landing-container .mockup-base{background:linear-gradient(90deg,#0057ff,#00c8ff);background:linear-gradient(to right,var(--primary-color),var(--secondary-color));border-radius:0 0 10px 10px;bottom:-10px;box-shadow:0 5px 15px #0000004d;height:20px;left:50%;position:absolute;transform:translateX(-50%);width:120px}.landing-container .floating-code{animation:float-code 8s ease-in-out infinite;background:#0a102899;border:1px solid #0057ff;border:1px solid var(--primary-color);border-radius:5px;height:80px;opacity:0;position:absolute;width:150px;z-index:1}.landing-container .code-left{animation-delay:.5s;animation:fadeIn .8s ease-out 1.2s forwards,float-code 8s ease-in-out 1.2s infinite;left:-180px;opacity:0;top:50%}.landing-container .code-right{animation-delay:.8s;animation:fadeIn .8s ease-out 1.4s forwards,float-code 8s ease-in-out 1.4s infinite;opacity:0;right:-180px;top:30%}.landing-container .code-line{background:linear-gradient(90deg,#0057ff,#0000);background:linear-gradient(to right,var(--primary-color),#0000);border-radius:2px;height:10px;margin:10px auto;opacity:.5;width:80%}@keyframes float-code{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(5px,-15px) rotate(1deg)}50%{transform:translate(10px) rotate(0deg)}75%{transform:translate(5px,15px) rotate(-1deg)}}.landing-container .primary-btn,.landing-container .secondary-btn{overflow:visible;position:relative}.landing-container .btn-glow{background:#0000;border-radius:4px;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:-1}.landing-container .primary-btn:hover .btn-glow{animation:btn-pulse 2s infinite;box-shadow:0 0 20px 5px #0057ffb3;opacity:1}.landing-container .secondary-btn:hover .btn-glow{animation:btn-pulse 2s infinite;box-shadow:0 0 20px 5px #00c8ff80;opacity:1}@keyframes btn-pulse{0%,to{box-shadow:0 0 20px 5px #0057ffb3}50%{box-shadow:0 0 30px 8px #0057ff80}}.landing-container .content{align-items:center;display:flex;flex-direction:column;position:relative;z-index:10}@media (max-width:992px){.landing-container .cosmic-mockup{height:170px;width:250px}.landing-container .floating-code{display:none}.landing-container .orbital-ring.ring-2{height:400px;left:calc(50% - 200px);top:calc(50% - 200px);width:400px}}@media (max-width:768px){.landing-container .cosmic-mockup{height:140px;width:200px}.landing-container .planet-1,.landing-container .planet-2{transform:scale(.7)}.landing-container .orbital-ring.ring-1{height:200px;left:calc(50% - 100px);top:calc(50% - 100px);width:200px}.landing-container .orbital-ring.ring-2{height:300px;left:calc(50% - 150px);top:calc(50% - 150px);width:300px}}@media (max-width:576px){.landing-container .cosmic-mockup{height:120px;width:180px}.landing-container .planet-1,.landing-container .planet-2,.landing-container .spacecraft{transform:scale(.6)}.landing-container .cosmic-insignia{height:50px;width:50px}.landing-container .insignia-inner{height:25px;width:25px}}.landing-container .faq-section{background:linear-gradient(315deg,#020208,#0057ff26 50%,#020208);overflow:hidden;padding:8rem 2rem;position:relative}.landing-container .faq-section:before{background:radial-gradient(circle at 70% 30%,#00c8ff1a 0,#0000 60%);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.landing-container .faq-background{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:0}.landing-container .star{animation:twinkle 4s ease-in-out infinite;background:#fff;border-radius:50%;filter:blur(1px);opacity:.6;position:absolute}.landing-container .star1{animation-delay:0s;height:2px;left:10%;top:15%;width:2px}.landing-container .star2{animation-delay:1s;height:3px;right:20%;top:30%;width:3px}.landing-container .star3{animation-delay:2s;bottom:20%;height:2px;left:30%;width:2px}.landing-container .planet-small{background:radial-gradient(circle at 30% 30%,#0057ff,#3d007e);background:radial-gradient(circle at 30% 30%,var(--primary-color),#3d007e);border-radius:50%;bottom:5%;box-shadow:0 0 20px #0057ff80;height:50px;opacity:.5;position:absolute;right:5%;width:50px}.landing-container .faq-section h2{color:#00c8ff;color:var(--secondary-color);font-size:2.5rem;letter-spacing:2px;margin-bottom:3rem;position:relative;text-shadow:0 0 10px #00c8ff80;z-index:1}.landing-container .faq-container{margin:0 auto;max-width:800px;position:relative;z-index:1}.landing-container .faq-item{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a102899;border:1px solid #0057ff33;border-radius:8px;box-shadow:0 5px 15px #0003;cursor:pointer;margin-bottom:1.5rem;overflow:hidden;text-align:left;transition:all .3s ease}.landing-container .faq-item:hover{border-color:#0057ff;border-color:var(--primary-color);box-shadow:0 8px 20px #0000004d,0 0 15px #0057ff33}.landing-container .faq-item.open{border-color:#00c8ff;border-color:var(--secondary-color);box-shadow:0 10px 25px #0006,0 0 20px #00c8ff33}.landing-container .faq-question{align-items:center;display:flex;justify-content:space-between;padding:1.5rem}.landing-container .faq-question h3{color:#e0e6ff;color:var(--text-light);font-size:1.2rem;font-weight:500;letter-spacing:.5px;margin:0}.landing-container .faq-icon{flex-shrink:0;height:20px;margin-left:1rem;position:relative;width:20px}.landing-container .faq-icon span{background-color:#00c8ff;background-color:var(--secondary-color);position:absolute;transition:all .3s ease}.landing-container .faq-icon span:first-child{height:2px;left:0;top:50%;transform:translateY(-50%);width:100%}.landing-container .faq-icon span:last-child{height:100%;left:50%;top:0;transform:translateX(-50%);width:2px}.landing-container .faq-item.open .faq-icon span:last-child{transform:translateX(-50%) scaleY(0)}.landing-container .faq-answer{max-height:0;overflow:hidden;transition:max-height .5s ease,padding .3s ease}.landing-container .faq-item.open .faq-answer{max-height:500px;padding:0 1.5rem 1.5rem}.landing-container .faq-answer p{color:#e0e6ff;color:var(--text-light);line-height:1.6;margin:0;opacity:.9}.landing-container .faq-cta{margin-top:3rem;position:relative;text-align:center;z-index:1}.landing-container .faq-cta p{color:#e0e6ff;color:var(--text-light);font-size:1.2rem;margin-bottom:1rem}.landing-container .contact-btn{background:linear-gradient(45deg,#0057ff,#9500ff);background:linear-gradient(45deg,var(--primary-color),#9500ff);border-radius:4px;box-shadow:0 0 15px #0057ff80;color:#fff;display:inline-block;font-size:1.1rem;font-weight:600;padding:.8rem 2rem;text-decoration:none;transition:all .3s ease}.landing-container .contact-btn:hover{box-shadow:0 0 20px #0057ffb3;transform:translateY(-3px)}.landing-container .footer{background:linear-gradient(180deg,#020208f2 0,#010104);color:#e0e6ff;color:var(--text-light);overflow:hidden;position:relative}.landing-container .footer-content{margin:0 auto;max-width:1200px;padding:4rem 2rem 2rem;position:relative;z-index:2}.landing-container .footer-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr 1fr 1fr;margin-bottom:3rem}.landing-container .footer-column h4{color:#00c8ff;color:var(--secondary-color);font-size:1.2rem;letter-spacing:1px;margin-bottom:1.5rem}.landing-container .brand-column .footer-logo{margin-bottom:1rem}.landing-container .footer-logo .logo-text{font-size:1.8rem;font-weight:700;letter-spacing:2px}.landing-container .footer-tagline{color:#e0e6ff;color:var(--text-light);margin-bottom:1.5rem;opacity:.8}.landing-container .social-links{display:flex;gap:1rem;margin-top:1.5rem}.landing-container .social-link{align-items:center;background:#0057ff1a;border:1px solid #0057ff4d;border-radius:50%;color:#e0e6ff;color:var(--text-light);display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.landing-container .social-link:hover{background:#0057ff;background:var(--primary-color);border-color:#0057ff;border-color:var(--primary-color);box-shadow:0 5px 15px #0057ff66;color:#fff;transform:translateY(-3px)}.landing-container .footer-links{list-style:none;margin:0;padding:0}.landing-container .footer-links li{margin-bottom:.8rem}.landing-container .footer-links a{color:#e0e6ff;color:var(--text-light);font-size:1rem;opacity:.8;text-decoration:none;transition:all .3s ease}.landing-container .footer-links a:hover{color:#00c8ff;color:var(--secondary-color);opacity:1;padding-left:5px}.landing-container .footer-bottom{align-items:center;border-top:1px solid #0057ff26;display:flex;justify-content:space-between;padding-top:2rem}.landing-container .copyright{color:#e0e6ff;color:var(--text-light);font-size:.9rem;opacity:.6}.landing-container .legal-links{display:flex;gap:1.5rem}.landing-container .legal-links a{color:#e0e6ff;color:var(--text-light);font-size:.9rem;opacity:.6;text-decoration:none;transition:all .3s ease}.landing-container .legal-links a:hover{color:#00c8ff;color:var(--secondary-color);opacity:1}.landing-container .footer-glow{background:linear-gradient(90deg,#0057ff,#00c8ff,#0057ff);background:linear-gradient(90deg,var(--primary-color),var(--secondary-color),var(--primary-color));bottom:0;filter:blur(5px);height:5px;left:0;opacity:.7;position:absolute;width:100%;z-index:1}@media (max-width:992px){.landing-container .footer-grid{gap:2rem;grid-template-columns:1fr 1fr}.landing-container .brand-column{grid-column:1/-1;text-align:center}.landing-container .social-links{justify-content:center}}@media (max-width:768px){.landing-container .faq-question h3{font-size:1.1rem}.landing-container .footer-grid{grid-template-columns:1fr;text-align:center}.landing-container .footer-links{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.landing-container .footer-links li{margin-bottom:.5rem;margin-right:1rem}.landing-container .footer-bottom{flex-direction:column;gap:1rem}}@media (max-width:576px){.landing-container .faq-section h2,.landing-container .footer h4{font-size:1.8rem}.landing-container .faq-question{padding:1.2rem}.landing-container .faq-item.open .faq-answer{padding:0 1.2rem 1.2rem}.landing-container .footer-content{padding:3rem 1.5rem 1.5rem}.landing-container .legal-links{align-items:center;flex-direction:column;gap:.5rem}}.landing-container .pricing-section{background:linear-gradient(45deg,#020208,#9500ff26 50%,#020208);overflow:hidden;padding:6rem 2rem;position:relative;text-align:center}.landing-container .pricing-section:before{background:radial-gradient(circle at 30% 70%,#0057ff26 0,#0000 70%);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.landing-container .pricing-stars{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.landing-container .shooting-star{animation:shooting 6s ease-in infinite;background:linear-gradient(90deg,#fff0,#fffc);border-radius:50%;box-shadow:0 0 5px #ffffff80;height:1px;opacity:0;position:absolute;width:150px}.landing-container .shooting-star:first-child{animation-delay:0s;left:10%;top:20%;transform:rotate(35deg)}.landing-container .shooting-star:nth-child(2){animation-delay:3s;right:20%;top:35%;transform:rotate(-25deg)}.landing-container .shooting-star:nth-child(3){animation-delay:5s;bottom:15%;left:30%;transform:rotate(15deg)}@keyframes shooting{0%{opacity:0;transform:translateX(0) rotate(35deg)}5%{opacity:1}15%{opacity:0;transform:translateX(500px) rotate(35deg)}to{opacity:0;transform:translateX(500px) rotate(35deg)}}.landing-container .pricing-section h2{color:#00c8ff;color:var(--secondary-color);font-size:2.5rem;letter-spacing:2px;margin-bottom:1rem;position:relative;text-shadow:0 0 10px #00c8ff80;z-index:1}.landing-container .pricing-subtitle{color:#e0e6ff;color:var(--text-light);font-size:1.2rem;margin-bottom:3rem;opacity:.8;position:relative;z-index:1}.landing-container .pricing-toggle{align-items:center;display:flex;justify-content:center;margin-bottom:3rem;position:relative;z-index:1}.landing-container .toggle-option{color:#e0e6ff;color:var(--text-light);margin:0 1rem;opacity:.7;position:relative;transition:all .3s ease}.landing-container .toggle-option.active{color:#00c8ff;color:var(--secondary-color);opacity:1}.landing-container .save-badge{background:#0057ff;background:var(--primary-color);border-radius:10px;box-shadow:0 0 10px #0057ff80;color:#fff;font-size:.7rem;font-weight:700;padding:.2rem .5rem;position:absolute;right:-20px;top:-15px}.landing-container .switch{display:inline-block;height:24px;position:relative;width:50px}.landing-container .switch input{height:0;opacity:0;width:0}.landing-container .slider{background-color:#0057ff4d;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.landing-container .slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.4s;width:18px}.landing-container .switch input:checked+.slider{background-color:#0057ff;background-color:var(--primary-color)}.landing-container .switch input:checked+.slider:before{transform:translateX(26px)}.landing-container .pricing-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto 4rem;max-width:1200px;position:relative;z-index:1}.landing-container .pricing-card{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a102899;border:1px solid #0057ff33;border-radius:12px;box-shadow:0 5px 15px #0000004d;overflow:hidden;padding:2.5rem 2rem;position:relative;text-align:left;transition:all .3s ease}.landing-container .pricing-card:hover{border-color:#0057ff;border-color:var(--primary-color);box-shadow:0 15px 30px #0006,0 0 15px #0057ff4d;transform:translateY(-10px)}.landing-container .pricing-card.popular{border-color:#00c8ff;border-color:var(--secondary-color);box-shadow:0 10px 25px #0006,0 0 20px #00c8ff33;transform:scale(1.05);z-index:2}.landing-container .pricing-card.popular:hover{transform:scale(1.05) translateY(-10px)}.landing-container .popular-badge{background:#00c8ff;background:var(--secondary-color);box-shadow:0 0 10px #00c8ff80;color:#070a2c;font-size:.8rem;font-weight:700;padding:.5rem 3rem;position:absolute;right:-35px;top:15px;transform:rotate(45deg);z-index:5}.landing-container .pricing-card-header{margin-bottom:2rem}.landing-container .plan-name{color:#e0e6ff;color:var(--text-light);font-size:1.8rem;font-weight:700;letter-spacing:1px;margin-bottom:1rem}.landing-container .plan-price{align-items:baseline;display:flex;margin-bottom:1rem}.landing-container .currency{color:#e0e6ff;color:var(--text-light);font-size:J1.3rem;margin-right:.2rem}.landing-container .amount{color:#00c8ff;color:var(--secondary-color);font-size:3.5rem;font-weight:700;line-height:1;margin-right:.5rem;text-shadow:0 0 10px #00c8ff80}.landing-container .period{color:#e0e6ff;color:var(--text-light);font-size:1rem;opacity:.7}.landing-container .plan-description{color:#e0e6ff;color:var(--text-light);font-size:1rem;line-height:1.5;margin-bottom:0;opacity:.8}.landing-container .pricing-card-features{margin-bottom:2.5rem}.landing-container .pricing-card-features ul{list-style:none;margin:0;padding:0}.landing-container .pricing-card-features li{align-items:center;color:#e0e6ff;color:var(--text-light);display:flex;font-size:1rem;margin-bottom:.8rem}.landing-container .pricing-card-features li.not-included{opacity:.5}.landing-container .feature-icon{align-items:center;border-radius:50%;display:inline-flex;flex-shrink:0;font-size:.9rem;height:22px;justify-content:center;margin-right:10px;width:22px}.landing-container .pricing-card-features li:not(.not-included) .feature-icon{color:#00c8ff;color:var(--secondary-color)}.landing-container .pricing-card-cta{text-align:center}.landing-container .pricing-btn{border:none;border-radius:4px;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:1px;overflow:hidden;padding:.8rem 2rem;position:relative;transition:all .3s ease;width:100%}.landing-container .pricing-btn.primary-btn{background-color:#0057ff;background-color:var(--primary-color);box-shadow:0 0 15px #0057ff80;color:#fff}.landing-container .pricing-btn.primary-btn:hover{background-color:#0045ff;box-shadow:0 0 20px #0057ffb3;transform:translateY(-2px)}.landing-container .pricing-btn.outline-btn{background-color:initial;border:2px solid #0057ff;border:2px solid var(--primary-color);box-shadow:0 0 10px #0057ff4d;color:#e0e6ff;color:var(--text-light)}.landing-container .pricing-btn.outline-btn:hover{background-color:#0057ff1a;box-shadow:0 0 15px #0057ff80;transform:translateY(-2px)}.landing-container .card-glow{background:#00c8ff;background:var(--secondary-color);bottom:-10px;filter:blur(10px);height:10px;left:0;opacity:.5;position:absolute;width:100%;z-index:-1}.landing-container .enterprise-box{background:#0a1028cc;border:1px solid #0057ff4d;border-radius:12px;box-shadow:0 10px 30px #00000080;margin:0 auto;max-width:1000px;overflow:hidden;padding:3rem;position:relative;z-index:1}.landing-container .enterprise-bg{background:radial-gradient(circle at bottom right,#0057ff33,#0000 70%);height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.landing-container .enterprise-content{align-items:center;display:flex;gap:2rem;justify-content:space-between;position:relative;z-index:1}.landing-container .enterprise-text{text-align:left}.landing-container .enterprise-text h3{color:#e0e6ff;color:var(--text-light);font-size:1.8rem;margin-bottom:1rem;margin-top:0}.landing-container .enterprise-text p{color:#e0e6ff;color:var(--text-light);font-size:1.1rem;line-height:1.6;margin-bottom:0;opacity:.8}.landing-container .enterprise-cta{background:linear-gradient(45deg,#0057ff,#9500ff);background:linear-gradient(45deg,var(--primary-color),#9500ff);border-radius:4px;box-shadow:0 0 15px #0057ff80;color:#fff;display:inline-block;flex-shrink:0;font-size:1.1rem;font-weight:600;padding:1rem 2.5rem;text-decoration:none;transition:all .3s ease;white-space:nowrap}.landing-container .enterprise-cta:hover{box-shadow:0 0 20px #0057ffb3;transform:translateY(-3px)}@media (max-width:992px){.landing-container .pricing-card.popular{transform:scale(1)}.landing-container .pricing-card.popular:hover{transform:translateY(-10px)}.landing-container .enterprise-content{flex-direction:column;text-align:center}.landing-container .enterprise-text{text-align:center}}@media (max-width:768px){.landing-container .pricing-grid{grid-template-columns:1fr;max-width:500px}.landing-container .pricing-section h2{font-size:2.2rem}.landing-container .enterprise-box{padding:2rem}}@media (max-width:576px){.landing-container .pricing-toggle{flex-direction:column;gap:1rem}.landing-container .toggle-option{margin:.5rem 0}.landing-container .save-badge{right:-40px;top:-5px}.landing-container .pricing-section{padding:4rem 1.5rem}.landing-container .enterprise-box{padding:1.5rem}.landing-container .enterprise-text h3{font-size:1.5rem}.landing-container .enterprise-text p{font-size:1rem}.landing-container .enterprise-cta{font-size:1rem;padding:.8rem 1.5rem}}.landing-container .faq-section,.landing-container .features-section,.landing-container .pricing-section,.landing-container .testimonials-section{overflow:hidden;padding:8rem 2rem;position:relative}.landing-container .faq-section:after,.landing-container .features-section:after,.landing-container .pricing-section:after,.landing-container .testimonials-section:after{background:linear-gradient(0deg,#020208 0,#0000);bottom:0;content:"";height:150px;left:0;pointer-events:none;position:absolute;width:100%;z-index:1}.landing-container .faq-section:before,.landing-container .features-section:before,.landing-container .pricing-section:before,.landing-container .testimonials-section:before{background:linear-gradient(180deg,#020208 0,#0000);content:"";height:150px;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.landing-container .faq-container,.landing-container .features-grid,.landing-container .pricing-grid,.landing-container .testimonials-grid{position:relative;z-index:2}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:.8}}.section-stars{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.section-stars:after,.section-stars:before,.star{animation:twinkle 3s ease-in-out infinite;background:#fff;border-radius:50%;height:2px;position:absolute;width:2px}.section-stars:after,.section-stars:before{box-shadow:0 0 10px #fffc,0 0 20px #fff6;content:""}.auth-page{background-color:#070b1a}.auth-page,.auth-page .auth-container{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.auth-page .auth-container{padding:30px;width:100%}.auth-page .auth-bg{bottom:0;left:0;opacity:.6;position:absolute;right:0;top:0;z-index:-1}.auth-page .auth-card{animation:modalSlideIn .4s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d1228d9;border:1px solid #6784ff4d;border-radius:12px;box-shadow:0 0 30px #6784ff66;color:#fff;max-width:520px;overflow:hidden;padding:2.5rem;position:relative;width:100%;z-index:5}.auth-page .auth-card:before{background:linear-gradient(90deg,#5e72eb,#ff9190);content:"";height:4px;left:0;position:absolute;right:0;top:0}.auth-page .auth-logo{display:block;margin-bottom:1.5rem;text-align:center;text-decoration:none}.auth-page .auth-logo .logo-text{color:#fff;font-family:Orbitron,sans-serif;font-size:1.8rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.auth-page .auth-logo .logo-text span{color:#5e72eb}.auth-page .auth-card h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#8a9cff);-webkit-background-clip:text;font-size:2rem;margin:0 0 .5rem;text-align:center}.auth-page .auth-subtitle{color:#8a9cff;font-size:1rem;margin-bottom:2rem;text-align:center}.auth-page .auth-form{margin-bottom:1.5rem;width:100%}.auth-page .form-group-auth{margin-bottom:1.2rem}.auth-page .form-group-auth label{color:#8a9cff;display:block;font-size:.9rem;margin-bottom:.5rem}.auth-page .form-group-auth input{background:#0d122899;border:1px solid #6784ff4d;border-radius:6px;color:#fff;font-size:1rem;padding:12px 16px;transition:border-color .3s,box-shadow .3s;width:100%}.auth-page .form-group-auth input:focus{border-color:#5e72eb;box-shadow:0 0 0 2px #5e72eb4d;outline:none}.auth-page .form-options{font-size:.85rem;justify-content:space-between;margin-bottom:1.5rem}.auth-page .form-options,.auth-page .remember-me,.auth-page .terms-agreement{align-items:center;display:flex}.auth-page .remember-me input,.auth-page .terms-agreement input{cursor:pointer;margin-right:8px}.auth-page .forgot-password,.auth-page .terms-agreement a{color:#8a9cff;text-decoration:none;transition:color .2s}.auth-page .forgot-password:hover,.auth-page .terms-agreement a:hover{color:#fff;text-decoration:underline}.auth-page .terms-agreement{flex-wrap:wrap;max-width:100%}.auth-page .auth-submit-btn{background:linear-gradient(90deg,#5e72eb,#ff9190);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:12px;position:relative;transition:transform .3s;width:100%}.auth-page .auth-submit-btn:hover{transform:translateY(-2px)}.auth-page .auth-submit-btn .btn-glow{background:radial-gradient(circle,#ffffff4d 0,#0000 70%);height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transition:opacity .3s;width:200%}.auth-page .auth-submit-btn:hover .btn-glow{opacity:1}.auth-page .auth-separator{align-items:center;display:flex;margin:1.5rem 0;text-align:center}.auth-page .auth-separator:after,.auth-page .auth-separator:before{border-bottom:1px solid #6784ff4d;content:"";flex:1 1}.auth-page .auth-separator span{color:#8a9cff;font-size:.8rem;padding:0 10px}.auth-page .social-auth{display:flex;flex-direction:column;gap:10px;margin-bottom:1.5rem}.auth-page .social-btn{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;justify-content:center;padding:10px;transition:opacity .3s}.auth-page .social-btn:hover{opacity:.9}.auth-page .social-btn i{margin-right:8px}.auth-page .social-btn.google{background:#fff;border:none;color:#333}.auth-page .social-btn.github{background:#333;border:none;color:#fff}.auth-page .auth-redirect{font-size:.9rem;text-align:center}.auth-page .auth-redirect a{color:#8a9cff;margin-left:5px;text-decoration:none;transition:color .2s}.auth-page .auth-redirect a:hover{color:#fff;text-decoration:underline}.auth-page .auth-floating{z-index:1}.auth-page .planet-small{animation:float 15s ease-in-out infinite;background:radial-gradient(circle at 30% 30%,#8a9cff,#5e72eb);border-radius:50%;box-shadow:0 0 30px #5e72eb99;height:80px;position:absolute;right:15%;top:20%;width:80px}.auth-page .star-cluster-small{animation:float 20s ease-in-out infinite reverse;background:radial-gradient(circle,#fffc 1%,#0000 8%),radial-gradient(circle,#fffc 1%,#0000 6%),radial-gradient(circle,#fffc 1%,#0000 4%);background-size:30px 30px;height:120px;left:10%;opacity:.7;position:absolute;top:60%;width:120px}.auth-page .auth-particles{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.auth-page .auth-particles .particle{animation:particle-float 15s linear infinite;background-color:#fff;border-radius:50%;height:2px;opacity:.6;position:absolute;width:2px}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(3deg)}}@keyframes particle-float{0%{opacity:0;transform:translateY(0) translateX(0)}10%{opacity:.6}90%{opacity:.6}to{opacity:0;transform:translateY(-100vh) translateX(30px)}}@media (max-width:576px){.auth-page .auth-card{max-width:100%;padding:1.5rem}.auth-page .form-options{align-items:flex-start;flex-direction:column;gap:10px}.auth-page .auth-card h1{font-size:1.5rem}.auth-page .auth-subtitle{font-size:.9rem}}.auth-error{align-items:center;animation:fadeIn .3s ease-out;background-color:#ff575726;border-left:3px solid #ff5757;border-radius:4px;color:#f99;display:flex;font-size:.9rem;margin-bottom:20px;padding:10px 15px}.auth-error i{color:#ff5757;margin-right:8px}.auth-submit-btn.loading{background:linear-gradient(90deg,#5e72eb,#8a9cff);cursor:not-allowed;opacity:.8}.auth-submit-btn:disabled{cursor:not-allowed;opacity:.7}.social-btn:disabled{cursor:not-allowed;opacity:.6}.auth-submit-btn.loading{animation:pulse 1.5s infinite}.auth-success{align-items:center;animation:fadeIn .3s ease-out;background-color:#57ffad26;border-left:3px solid #57ffad;border-radius:4px;color:#99ffd6;display:flex;font-size:.9rem;margin-bottom:20px;padding:10px 15px}.auth-success i{color:#57ffad;margin-right:8px}.form-emails-container{color:var(--text-primary);padding:20px}.form-emails-container[data-theme=dark]{--email-details-header-bg:#1e283a80}.form-emails-container[data-theme=light]{--email-details-header-bg:#fff}.form-emails-container .workspace-tabs{align-items:center;border-bottom:1px solid var(--border-color);display:flex;margin-bottom:28px;padding-bottom:8px;position:relative}.form-emails-container .workspace-tab{border-bottom:2px solid #0000;color:var(--text-primary);cursor:pointer;font-weight:500;margin-right:1.5rem;opacity:.7;padding:5px 0;transition:all .2s ease}.form-emails-container .workspace-tab:hover{opacity:1}.form-emails-container .workspace-tab.active{border-bottom-color:var(--accent-color);color:var(--text-primary);opacity:1}.form-emails-container .emails-toolbar{margin-bottom:20px;padding:12px}.form-emails-container .email-bulk-actions{gap:10px}.form-emails-container .toolbar-btn{background:none;border-radius:4px;gap:5px;padding:6px 10px}.form-emails-container .toolbar-btn:hover{background-color:var(--bg-tertiary)}.form-emails-container .toolbar-btn.delete-btn{color:#ff6b6b}.form-emails-container .email-filters{gap:10px}.form-emails-container .filter-btn{background:none;border:none;border-radius:4px}.form-emails-container .filter-btn.active,.form-emails-container .filter-btn:hover{background-color:var(--bg-tertiary)}.form-emails-container .email-search-input{border-radius:4px;padding:8px 8px 8px 35px;width:250px}.form-emails-container .email-select,.form-emails-container .email-star{margin-right:10px}.form-emails-container .email-star .starred{color:gold}.form-emails-container .email-status{color:var(--text-tertiary);margin-right:15px}.form-emails-container .email-project-tag{background-color:var(--bg-tertiary);color:var(--text-secondary);margin-right:15px;padding:4px 8px}.form-emails-container .email-form{width:120px}.form-emails-container .email-sender{font-weight:500;width:200px}.form-emails-container .email-subject{flex:1 1}.form-emails-container .email-date{width:100px}.form-emails-container .email-actions{text-align:right;width:40px}.form-emails-container .email-details-container{padding:20px}.form-emails-container .email-details-header{align-items:center;background-color:var(--email-details-header-bg);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px}.form-emails-container .back-button{background:none;gap:5px}.form-emails-container .back-button:hover{background-color:var(--bg-tertiary)}.form-emails-container .email-details-meta{margin-bottom:30px}.form-emails-container .email-details-subject{margin-bottom:15px}.form-emails-container .meta-info{gap:10px}.form-emails-container .meta-row{color:var(--text-secondary);gap:10px}.form-emails-container .meta-label{gap:5px}.form-emails-container .meta-email{color:var(--text-tertiary)}.form-emails-container .form-data-title{margin-bottom:20px}.form-emails-container .form-data-grid{grid-gap:15px;gap:15px}.form-emails-container .form-data-row{grid-gap:20px;border-bottom:1px solid var(--border-color);gap:20px}.form-emails-container .form-field-name{font-weight:500}.form-emails-container .form-value-list li{margin-bottom:5px}.form-emails-container .project-selector-container{gap:10px}.form-emails-container .project-selector-dropdown{border-radius:4px;gap:5px}.form-emails-container .project-dropdown-menu{border-radius:4px;box-shadow:0 2px 8px #0000001a;margin-top:5px;width:200px}.form-emails-container .project-dropdown-item{align-items:center;color:var(--text-primary);display:flex;gap:8px;justify-content:space-between;padding:8px 12px}.form-emails-container .project-dropdown-item .project-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-emails-container .project-dropdown-item .submission-count{color:var(--text-tertiary);font-size:.9em;min-width:fit-content}.form-emails-container .project-dropdown-item.active .submission-count{color:var(--accent-color)}.form-emails-container .workspace-metrics{display:flex;gap:20px;margin-left:auto}.form-emails-container .workspace-metric{align-items:center;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;display:flex;padding:6px 12px}.form-emails-container .metric-label{color:var(--text-tertiary);font-size:12px;margin-right:10px}.form-emails-container .metric-value-small{color:var(--text-primary);font-size:14px;font-weight:600}.form-emails-container .no-emails{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:50px 20px}.form-emails-container .no-data-message{text-align:center}.form-emails-container .no-data-icon{color:#2a3548}.form-emails-container .no-data-message h3{color:#c7d3e3;font-size:18px}.form-emails-container .no-data-message p{color:#6a7a94;font-size:14px}.form-emails-container .email-pagination{margin-bottom:30px;padding:0 8px}.form-emails-container .pagination-info{color:#6a7a94;font-size:13px}.form-emails-container .pagination-controls{gap:4px}.form-emails-container .pagination-btn{background-color:initial;border:1px solid #2a3548;border-radius:4px;color:#a3b1c6;font-size:13px;padding:5px 10px}.form-emails-container .pagination-btn:not(:disabled):hover{background-color:#2a354880;color:#fff}.form-emails-container .pagination-btn.active{background-color:#5893ff26;border-color:#5893ff4d;color:#5893ff}.form-emails-container .content-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#151c28b3;border:1px solid #2a3548;border-radius:10px;box-shadow:0 8px 20px #0006;color:#c7d3e3;padding:24px}.form-emails-container .content-card h2{color:#fff;font-size:24px;margin:0 0 16px;text-shadow:0 0 10px #5893ff4d}.form-emails-container .content-card p{color:#a3b1c6;font-size:16px}.form-emails-container .email-details-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#151c28b3;border:1px solid #2a3548;border-radius:10px;box-shadow:0 8px 20px #0006;display:flex;flex-direction:column;height:calc(100vh - 200px)}.form-emails-container .back-button{background-color:initial;border:none;border-radius:4px;color:#a3b1c6}.form-emails-container .back-button:hover{background-color:#2a3548b3;color:#fff}.form-emails-container .email-details-actions{display:flex;gap:8px}.form-emails-container .email-details-content{flex:1 1;overflow-y:auto}.form-emails-container .email-details-meta{border-bottom:1px solid #2a3548;padding-bottom:24px}.form-emails-container .email-details-subject{color:#fff;font-size:22px;margin:0 0 16px;text-shadow:0 0 10px #5893ff4d}.form-emails-container .meta-row{align-items:flex-start}.form-emails-container .meta-label{color:#6a7a94;font-size:14px;width:100px}.form-emails-container .meta-value{color:#c7d3e3;flex:1 1;font-size:14px}.form-emails-container .meta-email{color:#5893ff}.form-emails-container .form-data-container{background-color:#1e283a4d;border:1px solid #2a3548}.form-emails-container .form-data-title{border-bottom:1px solid #2a3548;color:#fff;padding-bottom:10px}.form-emails-container .form-data-grid{display:flex;flex-direction:column}.form-emails-container .form-data-row{align-items:flex-start;border-bottom:1px solid #2a354880;display:flex;padding-bottom:10px}.form-emails-container .form-data-row:last-child{border-bottom:none}.form-emails-container .form-field-name{color:#6a7a94;padding-right:16px;width:180px}.form-emails-container .form-field-value{word-wrap:break-word;color:#c7d3e3;flex:1 1;line-height:1.5}.form-emails-container .form-value-list{padding-left:20px}.form-emails-container .email-details-content::-webkit-scrollbar{width:6px}.form-emails-container .email-details-content::-webkit-scrollbar-track{background:#151c284d}.form-emails-container .email-details-content::-webkit-scrollbar-thumb{background-color:#5893ff4d;border-radius:3px}.form-emails-container .email-details-content::-webkit-scrollbar-thumb:hover{background-color:#5893ff80}.form-emails-container .project-selector-container{margin-bottom:10px}.form-emails-container .project-selector-label{color:#a3b1c6;margin-right:10px}.form-emails-container .project-selector{width:250px;z-index:10}.form-emails-container .project-selector-dropdown{background-color:#151c28b3;border:1px solid #2a3548;color:#c7d3e3;font-size:14px;justify-content:space-between;padding:9px 12px}.form-emails-container .project-selector-dropdown:hover{background-color:#1e283ab3;border-color:#5893ff4d}.form-emails-container .project-dropdown-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#151c28f2;border:1px solid #2a3548;box-shadow:0 6px 16px #00000080;margin-top:4px;overflow:hidden;top:100%;width:100%;z-index:100}.form-emails-container .project-dropdown-item{border-bottom:1px solid #2a354880;color:#a3b1c6;transition:all .15s ease}.form-emails-container .project-dropdown-item:last-child{border-bottom:none}.form-emails-container .project-dropdown-item:hover{background-color:#1e283ab3;color:#fff}.form-emails-container .project-dropdown-item.active{background-color:#5893ff26;color:#5893ff}.form-emails-container .email-project-tag{background-color:#5893ff1a;border:1px solid #5893ff33;border-radius:4px;color:#5893ff;font-size:12px;margin-right:10px;overflow:hidden;padding:2px 8px;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:110px}.form-emails-container .project-badge{background-color:#5893ff26;border:1px solid #5893ff4d;border-radius:4px;color:#5893ff;font-size:12px;letter-spacing:.5px;padding:4px 10px;text-shadow:0 0 10px #5893ff4d}.form-emails-container .project-selector-container{align-items:center;display:flex;gap:12px}.form-emails-container .project-selector-label{color:var(--text-secondary);font-size:14px}.form-emails-container .project-selector{position:relative}.form-emails-container .project-selector-dropdown{align-items:center;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-weight:500;gap:8px;padding:8px 12px;transition:all .2s ease}.form-emails-container .project-selector-dropdown:hover{background-color:var(--bg-secondary);border-color:var(--accent-color)}.form-emails-container .project-dropdown-menu{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 12px #00000014;left:0;min-width:200px;position:absolute;top:calc(100% + 5px);z-index:10}.form-emails-container .project-dropdown-item{color:var(--text-secondary);cursor:pointer;padding:10px 12px;transition:all .2s ease}.form-emails-container .project-dropdown-item:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.form-emails-container .project-dropdown-item.active{background-color:var(--bg-tertiary);color:var(--accent-color)}.form-emails-container .emails-toolbar{align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;margin:20px 0;padding:16px}.form-emails-container .email-toolbar-left{align-items:center;display:flex;gap:20px}.form-emails-container .email-bulk-actions{align-items:center;display:flex;gap:8px}.form-emails-container .select-all-checkbox{accent-color:var(--accent-color);cursor:pointer;height:18px;width:18px}.form-emails-container .toolbar-btn{align-items:center;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.form-emails-container .toolbar-btn:hover{background-color:var(--bg-secondary);border-color:var(--accent-color);color:var(--text-primary)}.form-emails-container .toolbar-btn.delete-btn{color:var(--error-text)}.form-emails-container .toolbar-btn.delete-btn:hover{background-color:var(--error-bg);border-color:var(--error-border)}.form-emails-container .email-filters{display:flex;gap:8px}.form-emails-container .filter-btn{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:6px 12px;transition:all .2s ease}.form-emails-container .filter-btn:hover{background-color:var(--bg-secondary);border-color:var(--accent-color);color:var(--text-primary)}.form-emails-container .filter-btn.active{background-color:var(--bg-secondary);border-color:var(--accent-color);color:var(--accent-color)}.form-emails-container .email-toolbar-right{align-items:center;display:flex;gap:12px}.form-emails-container .email-search{position:relative;width:300px}.form-emails-container .email-search-input{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;padding:8px 12px 8px 36px;transition:all .2s ease;width:100%}.form-emails-container .email-search-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.1);outline:none}.form-emails-container .email-search-input::placeholder{color:var(--text-tertiary)}.form-emails-container .search-icon{color:var(--text-tertiary);font-size:18px;left:10px;position:absolute;top:50%;transform:translateY(-50%)}.form-emails-container .emails-list{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.form-emails-container .email-item{align-items:center;border-bottom:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;display:flex;gap:12px;padding:12px 16px;position:relative;transition:all .2s ease}.form-emails-container .email-item:hover{background-color:var(--bg-tertiary)}.form-emails-container .email-item.unread{background-color:rgba(var(--accent-color-rgb),.05);position:relative}.form-emails-container .email-item.unread:before{background-color:var(--accent-color);bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.form-emails-container .email-item.unread .email-sender,.form-emails-container .email-item.unread .email-subject{color:var(--text-primary);font-weight:600}.form-emails-container .email-item.unread .email-date{color:var(--accent-color);font-weight:500}.form-emails-container .email-item.unread:hover{background-color:rgba(var(--accent-color-rgb),.1)}.form-emails-container .email-select input[type=checkbox]{accent-color:var(--accent-color);cursor:pointer;height:16px;width:16px}.form-emails-container .email-star{align-items:center;color:var(--text-tertiary);cursor:pointer;display:flex}.form-emails-container .email-star .starred{fill:var(--accent-color);color:var(--accent-color)}.form-emails-container .email-status{align-items:center;display:flex}.form-emails-container .email-icon{color:var(--text-tertiary);font-size:18px}.form-emails-container .email-icon.unread-icon{color:var(--accent-color)}.form-emails-container .email-project-tag{color:var(--text-tertiary);font-size:13px;min-width:120px}.form-emails-container .email-form{color:var(--text-secondary);font-size:13px;min-width:100px}.form-emails-container .email-sender{color:var(--text-primary);flex:1 1;font-size:14px}.form-emails-container .email-subject{color:var(--text-primary);flex:2 1;font-size:14px}.form-emails-container .email-date{color:var(--text-tertiary);font-size:13px;min-width:100px;text-align:right}.form-emails-container .email-actions{border-radius:4px;color:var(--text-tertiary);cursor:pointer;padding:4px;transition:all .2s ease}.form-emails-container .email-actions:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.form-emails-container .email-details-container{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.form-emails-container .back-button{align-items:center;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .2s ease}.form-emails-container .back-button:hover{background-color:var(--bg-secondary);border-color:var(--accent-color);color:var(--text-primary)}.form-emails-container .email-details-content{padding:24px}.form-emails-container .email-details-meta{margin-bottom:24px}.form-emails-container .email-details-subject{color:var(--text-primary);font-size:24px;margin:0 0 12px}.form-emails-container .project-badge{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--accent-color);display:inline-block;font-size:13px;margin-bottom:16px;padding:4px 12px}.form-emails-container .meta-info{display:flex;flex-direction:column;gap:8px}.form-emails-container .meta-row{align-items:center;display:flex;gap:12px}.form-emails-container .meta-label{align-items:center;color:var(--text-tertiary);display:flex;gap:6px;min-width:80px}.form-emails-container .meta-value{color:var(--text-primary)}.form-emails-container .meta-email{color:var(--text-secondary)}.form-emails-container .form-data-container{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:20px}.form-emails-container .form-data-title{color:var(--text-primary);font-size:18px;margin:0 0 16px}.form-emails-container .form-data-grid{grid-gap:16px;display:grid;gap:16px}.form-emails-container .form-data-row{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:200px 1fr}.form-emails-container .form-field-name{color:var(--text-tertiary);font-size:14px}.form-emails-container .form-field-value{color:var(--text-primary);font-size:14px}.form-emails-container .form-value-list{list-style:none;margin:0;padding:0}.form-emails-container .form-value-list li{color:var(--text-primary);margin-bottom:4px}.form-emails-container .no-emails{padding:40px;text-align:center}.form-emails-container .no-data-message{color:var(--text-tertiary)}.form-emails-container .no-data-icon{font-size:48px;margin-bottom:16px}.form-emails-container .no-data-message h3{color:var(--text-primary);margin:0 0 8px}.form-emails-container .no-data-message p{color:var(--text-secondary);margin:0}.form-emails-container .email-pagination{align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;margin-top:20px;padding:16px}.form-emails-container .pagination-info{color:var(--text-secondary);font-size:14px}.form-emails-container .pagination-controls{display:flex;gap:8px}.form-emails-container .pagination-btn{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;padding:6px 12px;transition:all .2s ease}.form-emails-container .pagination-btn:hover:not(:disabled){background-color:var(--bg-secondary);border-color:var(--accent-color);color:var(--text-primary)}.form-emails-container .pagination-btn:disabled{cursor:not-allowed;opacity:.5}.form-emails-container .pagination-btn.active{background-color:var(--bg-secondary);border-color:var(--accent-color);color:var(--accent-color)}.form-emails-container .refresh-btn{margin-right:10px}.form-emails-container .refresh-btn.refreshing{cursor:not-allowed;opacity:.7}.form-emails-container .refresh-btn svg{font-size:1.2em;transition:transform .2s ease}.form-emails-container .refresh-btn:hover svg{transform:rotate(-45deg)}.form-emails-container .refresh-btn svg.spin{animation:spin 1s linear infinite}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.delete-confirmation-modal{background-color:var(--bg-secondary);box-shadow:0 4px 20px #0003}.delete-confirmation-modal .modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px}.delete-confirmation-modal .modal-header h3{color:var(--text-primary);font-size:18px;margin:0}.delete-confirmation-modal .close-modal{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:24px;line-height:1;padding:0}.delete-confirmation-modal .close-modal:hover{color:var(--text-primary)}.delete-confirmation-modal .modal-content{color:var(--text-primary);padding:20px}.delete-confirmation-modal .warning-text{color:var(--error-text);font-size:14px;margin-top:8px}.delete-confirmation-modal .modal-actions{border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:16px}.delete-confirmation-modal .cancel-btn{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;padding:8px 16px;transition:all .2s ease}.delete-confirmation-modal .cancel-btn:hover{background-color:var(--bg-secondary);border-color:var(--accent-color)}.delete-confirmation-modal .delete-btn{background-color:var(--error-bg);border:1px solid var(--error-border);border-radius:4px;color:var(--error-text);cursor:pointer;padding:8px 16px;transition:all .2s ease}.delete-confirmation-modal .delete-btn:hover{background-color:var(--error-text);border-color:var(--error-text);color:#fff}.orders-container{color:var(--text-primary);margin:0 auto;max-width:1200px;padding:20px}.orders-container[data-theme=dark]{--metric-card-bg:#1e283a80;--metric-value-color:#fff;--metric-label-color:#94a3b8;--table-header-bg:#1e283a80;--table-row-hover:#1e283acc;--table-border-color:#2a3548;--filter-dropdown-bg:#1e283a;--filter-hover-bg:#2a3548;--details-header-bg:#1e283a80;--section-bg:#1e283a4d;--details-container-bg:#151c28b3;--details-border-color:#2a3548;--details-text-primary:#fff;--details-text-secondary:#a3b1c6;--details-text-tertiary:#6a7a94;--details-shadow:#0006;--btn-bg:#1e283a99;--btn-hover-bg:#28324699;--btn-text:#a3b1c6;--btn-hover-text:#fff;--btn-border:#2a3548;--btn-hover-border:#5893ff4d;--status-dropdown-bg:#1e283af2;--status-dropdown-shadow:#00000080;--status-dropdown-border:#2a3548;--status-option-text:#a3b1c6;--status-option-hover-bg:#28324699;--status-option-hover-text:#fff}.orders-container[data-theme=light]{--metric-card-bg:#fff;--metric-value-color:#000;--metric-label-color:#64748b;--table-header-bg:#f8fafc;--table-row-hover:#f1f5f9;--table-border-color:#e2e8f0;--filter-dropdown-bg:#fff;--filter-hover-bg:#f1f5f9;--details-header-bg:#f8fafc;--section-bg:#fff;--details-container-bg:#fff;--details-border-color:#e2e8f0;--details-text-primary:#1a2234;--details-text-secondary:#475569;--details-text-tertiary:#64748b;--details-shadow:#0000001a;--btn-bg:#f8fafc;--btn-hover-bg:#f1f5f9;--btn-text:#475569;--btn-hover-text:#1a2234;--btn-border:#e2e8f0;--btn-hover-border:#cbd5e1;--status-dropdown-bg:#fff;--status-dropdown-shadow:#0000001a;--status-dropdown-border:#e2e8f0;--status-option-text:#475569;--status-option-hover-bg:#f1f5f9;--status-option-hover-text:#1a2234}.orders-container .content-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#151c28b3;border:1px solid #2a3548;border-radius:10px;box-shadow:0 8px 20px #0006;color:#c7d3e3;padding:24px}.orders-container .content-card h2{color:#fff;font-size:24px;margin:0 0 16px;text-shadow:0 0 10px #5893ff4d}.orders-container .content-card p{color:#a3b1c6;font-size:16px}.orders-container .order-metrics{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:30px}.orders-container .metric-card{align-items:center;background-color:var(--bg-secondary);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;display:flex;gap:15px;padding:20px}.orders-container .metric-card:hover{border-color:#5893ff4d;box-shadow:0 8px 16px #0006;transform:translateY(-3px)}.orders-container .metric-card:before{background:linear-gradient(90deg,#0000,#5893ff80,#0000);box-shadow:0 0 10px #5893ff4d;content:"";height:2px;left:0;position:absolute;right:0;top:0}.orders-container .metric-icon{align-items:center;border-radius:8px;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.orders-container .metric-icon.completed{background-color:#34d3991a;color:#34d399}.orders-container .metric-icon.pending{background-color:#fbbf241a;color:#fbb224}.orders-container .metric-icon.revenue{background-color:#5893ff1a;color:var(--accent-color)}.orders-container .metric-icon.total{background-color:#8b5cf61a;color:#8b5cf6}.orders-container .metric-content{flex:1 1}.orders-container .metric-label{color:var(--text-tertiary);font-size:14px;margin-bottom:5px}.orders-container .metric-value{color:var(--metric-value-color);font-size:24px;font-weight:600}.orders-container .order-filters{align-items:center;background-color:var(--bg-secondary);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px}.orders-container .filters-left,.orders-container .filters-right{align-items:center;display:flex;gap:20px}.orders-container .filter-group{align-items:center;display:flex;gap:10px}.orders-container .filter-label{color:var(--text-tertiary);font-size:14px}.orders-container .filter-dropdown-container{position:relative}.orders-container .filter-dropdown{align-items:center;background-color:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;display:flex;gap:8px;min-width:150px;padding:8px 12px}.orders-container .dropdown-menu,.orders-container .filter-dropdown{border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:4px}.orders-container .dropdown-menu{background-color:var(--bg-secondary);left:0;margin-top:5px;position:absolute;top:100%;width:100%;z-index:100}.orders-container .dropdown-item{color:var(--text-primary);cursor:pointer;padding:8px 12px}.orders-container .dropdown-item:hover{background-color:var(--bg-tertiary)}.orders-container .dropdown-item.active{background-color:var(--bg-tertiary);color:var(--accent-color)}.orders-container .filters-right{display:flex;gap:15px}.orders-container .order-search{position:relative}.orders-container .search-icon{color:var(--text-tertiary);left:10px;position:absolute;top:50%;transform:translateY(-50%)}.orders-container .search-input{background-color:var(--input-bg);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);padding:8px 8px 8px 35px;width:250px}.orders-container .sort-container{align-items:center;background-color:var(--bg-tertiary);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:4px;display:flex;gap:8px;padding:8px 12px}.orders-container .sort-icon{color:var(--text-tertiary)}.orders-container .sort-select{background:none;border:none;color:var(--text-primary);cursor:pointer;padding-right:8px}.orders-container .orders-table-container{background-color:var(--bg-secondary);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;margin-bottom:20px;overflow:hidden}.orders-container .orders-table{border-collapse:collapse;width:100%}.orders-container .orders-table th{background-color:var(--bg-tertiary);color:var(--text-tertiary);font-weight:500;text-align:left}.orders-container .orders-table td,.orders-container .orders-table th{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);padding:12px 15px}.orders-container .orders-table td{color:var(--text-primary)}.orders-container .orders-table tr:hover{background-color:var(--bg-tertiary)}.orders-container .order-id{color:var(--accent-color);font-weight:500}.orders-container .customer-info{line-height:1.4}.orders-container .customer-email{color:var(--text-tertiary);font-size:13px}.orders-container .order-date{line-height:1.4}.orders-container .order-time{color:var(--text-tertiary);font-size:13px}.orders-container .order-status{align-items:center;border-radius:4px;display:inline-flex;font-size:13px;gap:5px;padding:6px 10px}.orders-container .status-completed{background-color:#34d3991a;color:#34d399}.orders-container .status-processing{background-color:#fbbf241a;color:#fbb224}.orders-container .status-pending{background-color:#5893ff1a;color:var(--accent-color)}.orders-container .status-cancelled{background-color:#ef44441a;color:#ef4444}.orders-container .payment-status{border-radius:4px;display:inline-block;font-size:13px;padding:4px 8px}.orders-container .payment-paid{background-color:#34d3991a;color:#34d399}.orders-container .payment-unpaid{background-color:#ef44441a;color:#ef4444}.orders-container .payment-refunded{background-color:#9ca3af1a;color:#9ca3af}.orders-container .order-amount{font-weight:500}.orders-container .order-actions{display:flex;gap:8px}.orders-container .action-btn{align-items:center;background:none;border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:4px;color:#666;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.orders-container .action-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.orders-container .print-btn:hover,.orders-container .view-btn:hover{color:#5893ff}.orders-container .no-orders td{padding:40px 20px}.orders-container .no-data{align-items:center;display:flex;flex-direction:column;text-align:center}.orders-container .no-data-icon{color:#2a3548;font-size:40px;margin-bottom:16px}.orders-container .no-data h3{color:#c7d3e3;font-size:18px;margin:0 0 8px}.orders-container .no-data p{color:#6a7a94;font-size:14px;margin:0}.orders-container .table-footer{align-items:center;background-color:var(--bg-secondary);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;padding:15px}.orders-container .showing-info{color:var(--text-tertiary);font-size:14px}.orders-container .pagination{display:flex;gap:5px}.orders-container .pagination-btn{background:none;border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:4px;color:#666;color:var(--text-secondary);cursor:pointer;padding:6px 12px}.orders-container .pagination-btn:hover:not(:disabled){background-color:var(--bg-tertiary);color:var(--text-primary)}.orders-container .pagination-btn.active{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff}.orders-container .pagination-btn:disabled{cursor:not-allowed;opacity:.5}.orders-container .order-details-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--details-container-bg);border:1px solid var(--details-border-color);border-radius:10px;box-shadow:0 8px 20px var(--details-shadow);overflow:hidden}.orders-container .order-details-header{align-items:center;background-color:var(--details-header-bg);border-bottom:1px solid var(--details-border-color);display:flex;justify-content:space-between;padding:16px 20px}.orders-container .back-button{align-items:center;background-color:initial;border:none;border-radius:4px;color:var(--details-text-secondary);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px;transition:all .2s ease}.orders-container .back-button:hover{background-color:var(--filter-hover-bg);color:var(--details-text-primary)}.orders-container .back-icon{transform:rotate(180deg)}.orders-container .order-details-actions{display:flex;gap:12px}.orders-container .order-details-actions .toolbar-btn{align-items:center;background-color:var(--btn-bg);border:1px solid var(--btn-border);border-radius:4px;color:var(--btn-text);cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 12px;transition:all .2s ease}.orders-container .order-details-actions .toolbar-btn:hover{background-color:var(--btn-hover-bg);border-color:var(--btn-hover-border);color:var(--btn-hover-text)}.orders-container .order-details-content{padding:24px}.orders-container .order-details-summary{border-bottom:1px solid var(--details-border-color);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:24px}.orders-container .order-details-summary h2{color:var(--details-text-primary);font-size:24px;margin:0 0 12px}.orders-container .order-details-status{align-items:center;border-radius:4px;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:6px 12px}.orders-container .summary-info{align-items:center;display:flex;font-size:14px;margin-bottom:10px}.orders-container .summary-label{align-items:center;color:var(--details-text-tertiary);display:flex;gap:6px;width:100px}.orders-container .summary-value{color:var(--details-text-secondary)}.orders-container .order-details-sections{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.orders-container .details-section{background-color:var(--section-bg);border:1px solid var(--details-border-color);border-radius:8px;padding:20px}.orders-container .details-section.full-width{grid-column:span 2}.orders-container .section-title{border-bottom:1px solid var(--details-border-color);color:var(--details-text-primary);font-size:16px;font-weight:500;margin-bottom:16px;padding-bottom:8px}.orders-container .address-line,.orders-container .customer-detail,.orders-container .payment-detail{color:var(--details-text-secondary);font-size:14px;line-height:1.5;margin-bottom:8px}.orders-container .customer-detail strong,.orders-container .payment-detail strong{color:var(--details-text-tertiary);display:inline-block;width:100px}.orders-container .order-items-table{border-collapse:collapse;font-size:14px;width:100%}.orders-container .order-items-table th{border-bottom:1px solid var(--details-border-color);color:var(--details-text-tertiary);font-weight:500;padding:10px;text-align:left}.orders-container .order-items-table td{border-bottom:1px solid var(--details-border-color);color:var(--details-text-secondary);padding:10px}.orders-container .order-items-table tr:last-child td{border-bottom:none}.orders-container .order-totals{margin-top:12px}.orders-container .total-row{border-bottom:1px solid var(--details-border-color);display:flex;justify-content:space-between;padding:8px 0}.orders-container .total-row:last-child{border-bottom:none}.orders-container .total-label{color:var(--details-text-tertiary)}.orders-container .total-value{color:var(--details-text-secondary);font-weight:500}.orders-container .grand-total{border-top:1px solid var(--details-border-color);margin-top:8px;padding-top:12px}.orders-container .grand-total .total-label,.orders-container .grand-total .total-value{color:var(--details-text-primary);font-size:16px;font-weight:600}@media (max-width:1200px){.orders-container .order-metrics{grid-template-columns:repeat(2,1fr)}.orders-container .order-details-sections{grid-template-columns:1fr}.orders-container .details-section.full-width{grid-column:auto}}@media (max-width:768px){.orders-container .order-filters{align-items:stretch;flex-direction:column;gap:16px}.orders-container .filters-left,.orders-container .filters-right,.orders-container .order-search,.orders-container .sort-container{width:100%}.orders-container .order-details-summary{flex-direction:column;gap:16px}}.orders-container .status-cell{position:relative}.orders-container .order-status{cursor:pointer;padding-right:24px;position:relative}.orders-container .status-dropdown-icon{font-size:12px;opacity:.7;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.orders-container .status-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--status-dropdown-bg);border:1px solid var(--status-dropdown-border);border-radius:6px;box-shadow:0 6px 16px var(--status-dropdown-shadow);left:0;margin-top:4px;overflow:hidden;position:absolute;top:100%;width:180px;z-index:100}.orders-container .status-option{align-items:center;border-bottom:1px solid var(--details-border-color);color:var(--status-option-text);cursor:pointer;display:flex;gap:8px;padding:10px 12px;transition:all .15s ease}.orders-container .status-option:last-child{border-bottom:none}.orders-container .status-option:hover{color:var(--status-option-hover-text)}.orders-container .status-option.active,.orders-container .status-option:hover{background-color:var(--status-option-hover-bg)}.orders-container .status-option-icon{align-items:center;border-radius:50%;display:flex;font-size:12px;height:20px;justify-content:center;width:20px}.orders-container .status-option-icon.status-completed{background-color:#00b09b26;color:#00b09b}.orders-container .status-option-icon.status-processing{background-color:#ffb34726;color:#ffb347}.orders-container .status-option-icon.status-pending{background-color:#7868e626;color:#7868e6}.orders-container .status-option-icon.status-cancelled{background-color:#ff525226;color:#ff5252}.orders-container .order-details-summary-left{position:relative}.orders-container .status-actions{margin-top:12px;position:relative}.orders-container .change-status-btn{align-items:center;background-color:var(--btn-bg);border:1px solid var(--btn-border);border-radius:4px;color:var(--btn-text);cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 12px;transition:all .2s ease}.orders-container .change-status-btn:hover{background-color:var(--btn-hover-bg);border-color:var(--btn-hover-border);color:var(--btn-hover-text)}.orders-container .detail-status-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--status-dropdown-bg);border:1px solid var(--status-dropdown-border);border-radius:6px;box-shadow:0 8px 24px var(--status-dropdown-shadow);left:0;margin-top:8px;overflow:hidden;position:absolute;top:100%;width:200px;z-index:100}.orders-container .order-status,.orders-container .payment-status{transition:all .3s ease}.orders-container .status-notification{align-items:center;animation:slideIn .3s ease-out;background-color:var(--bg-secondary);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;bottom:20px;box-shadow:0 4px 12px #0000001a;display:flex;gap:10px;padding:15px 20px;position:fixed;right:20px}.orders-container .notification-icon{color:#34d399;font-size:20px}.orders-container .notification-message{color:var(--text-primary)}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.loading-spinner{align-items:center;color:#666;display:flex;font-size:1.2em;height:200px;justify-content:center}.orders-container .project-selector-container{align-items:center;display:flex;gap:10px}.orders-container .project-selector-label{color:#333;color:var(--text-color);font-size:14px}.orders-container .project-selector{position:relative}.orders-container .project-selector-dropdown{align-items:center;background-color:#fff;background-color:var(--background-color);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;display:flex;gap:8px;min-width:200px;padding:8px 12px}.orders-container .project-selector-dropdown:hover{background-color:#f5f5f5;background-color:var(--hover-color)}.orders-container .project-dropdown-menu{background-color:#fff;background-color:var(--background-color);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:4px;box-shadow:0 2px 8px #0000001a;left:0;margin-top:4px;position:absolute;top:100%;width:100%;z-index:1000}.orders-container .project-dropdown-item{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:8px 12px}.orders-container .project-dropdown-item:hover{background-color:#f5f5f5;background-color:var(--hover-color)}.orders-container .project-dropdown-item.active{background-color:#e8e8e8;background-color:var(--active-color)}.orders-container .project-name{font-size:14px}.orders-container .submission-count{background-color:#f0f0f0;background-color:var(--count-background);border-radius:10px;color:#666;color:var(--text-secondary);font-size:12px;padding:2px 6px}.orders-container .orders-list{display:flex;flex-direction:column;gap:20px}.orders-container .order-item{background-color:#fff;background-color:var(--background-color);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;padding:20px}.orders-container .order-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.orders-container .order-header h3{color:#333;color:var(--text-color);font-size:18px;margin:0}.orders-container .order-date{color:#666;color:var(--text-secondary);font-size:14px}.orders-container .order-details{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.orders-container .customer-info p{color:#333;color:var(--text-color);font-size:14px;margin:5px 0}.orders-container .order-items h4{color:#333;color:var(--text-color);font-size:16px;margin:0 0 10px}.orders-container .order-item-detail{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.orders-container .order-item-detail:last-child{border-bottom:none}.orders-container .order-total{color:#333;color:var(--text-color);font-size:16px;font-weight:700;text-align:right}:root{--text-color:#333;--text-secondary:#666;--background-color:#fff;--border-color:#e0e0e0;--hover-color:#f5f5f5;--active-color:#e8e8e8;--count-background:#f0f0f0}.custom-fonts-container{padding:20px;width:100%}.custom-fonts-container .custom-fonts-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.custom-fonts-container .custom-fonts-header h1{font-size:1.8rem;margin:0}.custom-fonts-container .custom-fonts-toolbar{align-items:center;display:flex;gap:15px}.custom-fonts-container .search-container{position:relative;width:250px}.custom-fonts-container .search-icon{color:#888;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.custom-fonts-container .search-input{background-color:var(--bg-secondary)!important;border:1px solid #ccc!important;border-radius:6px!important;color:var(--text-primary)!important;padding:10px 10px 10px 40px!important;width:auto!important}.custom-fonts-container .category-filter select{background-color:var(--bg-secondary);border:1px solid #ccc;border-radius:6px;color:var(--text-primary);padding:10px}.custom-fonts-container .add-font-btn{align-items:center;background-color:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 16px;transition:background-color .2s}.custom-fonts-container .add-font-btn:hover{background-color:#000076}.custom-fonts-container .error-message{align-items:center;background-color:#ff00001a;border-left:4px solid #ff3b30;color:var(--text-primary);display:flex;justify-content:space-between;margin-bottom:20px;padding:15px}.custom-fonts-container .error-message button{background:none;border:1px solid #ccc;border-radius:4px;color:var(--text-primary);cursor:pointer;padding:5px 10px}.custom-fonts-container .preview-controls{background-color:var(--bg-secondary);border-radius:8px;display:flex;gap:20px;margin-bottom:20px;padding:15px}.custom-fonts-container .preview-controls label{display:block;font-weight:500;margin-bottom:5px}.custom-fonts-container .preview-text-control{flex:3 1}.custom-fonts-container .preview-text-control input{background-color:var(--bg-primary);border:1px solid #ccc;border-radius:4px;color:var(--text-primary);padding:8px;width:100%}.custom-fonts-container .preview-size-control,.custom-fonts-container .preview-style-control{flex:1 1}.custom-fonts-container .preview-controls select{background-color:var(--bg-primary);border:1px solid #ccc;border-radius:4px;color:var(--text-primary);padding:8px;width:100%}.custom-fonts-container .loading-container{align-items:center;display:flex;flex-direction:column;height:300px;justify-content:center}.custom-fonts-container .spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-left:4px solid var(--primary-color);border-radius:50%;height:40px;margin-bottom:15px;width:40px}.custom-fonts-container .spinner-small{animation:spin 1s linear infinite;border:3px solid #0000001a;border-left:3px solid var(--primary-color);border-radius:50%;display:inline-block;height:20px;margin-right:10px;width:20px}.custom-fonts-container .button-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-left-color:#fff;border-radius:50%;display:inline-block;height:14px;margin-right:6px;vertical-align:middle;width:14px}.custom-fonts-container .loading-indicator{align-items:center;background-color:var(--bg-secondary);border-radius:6px;display:flex;justify-content:center;margin-bottom:20px;padding:20px}.custom-fonts-container .loading-indicator p{font-size:.9rem;margin:0}.custom-fonts-container .fonts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:30px}.custom-fonts-container .font-card{background-color:var(--bg-secondary);border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden;transition:transform .2s,box-shadow .2s}.custom-fonts-container .font-card:hover{box-shadow:0 5px 15px #00000026;transform:translateY(-5px)}.custom-fonts-container .font-card-header{align-items:center;border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;padding:15px}.custom-fonts-container .font-card-header h3{font-size:1.2rem;margin:0}.custom-fonts-container .font-category{background-color:var(--primary-color);border-radius:4px;color:#fff;font-size:.8rem;font-weight:500;padding:4px 8px}.custom-fonts-container .font-preview{align-items:center;background-color:var(--bg-primary);border-bottom:1px solid #0000001a;display:flex;min-height:100px;padding:20px}.custom-fonts-container .font-preview p{margin:0;overflow-wrap:break-word;text-align:center;width:100%;word-break:break-word}.custom-fonts-container .font-info{border-bottom:1px solid #0000001a;padding:15px}.custom-fonts-container .font-info p{font-size:.9rem;margin:5px 0}.custom-fonts-container .font-type{margin-top:10px!important}.custom-fonts-container .custom-font-badge,.custom-fonts-container .system-font-badge{border-radius:4px;display:inline-block;font-size:.8rem;font-weight:500;padding:4px 8px}.custom-fonts-container .system-font-badge{background-color:#34c759;color:#fff}.custom-fonts-container .custom-font-badge{background-color:#5856d6;color:#fff}.custom-fonts-container .font-card-actions{border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;padding:15px}.custom-fonts-container .font-delete-btn,.custom-fonts-container .font-link-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:.85rem;gap:5px;padding:8px 12px;transition:background-color .2s}.custom-fonts-container .font-link-btn{background-color:#007aff;color:#fff}.custom-fonts-container .font-link-btn:hover{background-color:#0062cc}.custom-fonts-container .font-delete-btn{background-color:#ff3b30;color:#fff}.custom-fonts-container .font-delete-btn:hover{background-color:#d63530}.custom-fonts-container .font-project-actions{padding:15px}.custom-fonts-container .project-select{background-color:var(--bg-primary);border:1px solid #ccc;border-radius:4px;color:var(--text-primary);padding:8px;width:100%}.custom-fonts-container .pagination{align-items:center;display:flex;gap:15px;justify-content:center;margin-top:30px}.custom-fonts-container .pagination-btn{background-color:var(--bg-secondary);border:1px solid #ccc;border-radius:4px;color:var(--text-primary);cursor:pointer;padding:8px 16px;transition:background-color .2s}.custom-fonts-container .pagination-btn:hover:not(:disabled){background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.custom-fonts-container .pagination-btn:disabled{cursor:not-allowed;opacity:.5}.custom-fonts-container .page-info{font-size:.9rem}.custom-fonts-container .modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.custom-fonts-container .modal{background-color:var(--bg-primary)!important;border:none!important;border-radius:8px!important;box-shadow:0 5px 20px #0000004d!important;max-height:90vh!important;max-width:600px!important;overflow-y:auto!important;width:90%!important}.custom-fonts-container .modal-header{align-items:center;border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;padding:15px 20px}.custom-fonts-container .modal-header h2{font-size:1.5rem;margin:0}.custom-fonts-container .close-modal{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.5rem}.custom-fonts-container .form-group{margin-bottom:15px;padding:0 20px}.custom-fonts-container .form-group label{display:block;font-weight:500;margin-bottom:5px}.custom-fonts-container .form-group input,.custom-fonts-container .form-group select{background-color:var(--bg-secondary)!important;border:1px solid #ccc!important;border-radius:4px!important;color:var(--text-primary)!important;padding:10px!important;width:90%!important}.custom-fonts-container .form-group select[multiple]{height:150px}.custom-fonts-container .form-group small{color:var(--text-secondary);display:block;font-size:.8rem;margin-top:5px}.custom-fonts-container .google-font-help{background-color:#007aff1a;border-left:3px solid #007aff;border-radius:4px;margin-top:10px;padding:10px}.custom-fonts-container .help-steps{color:var(--text-primary);font-size:.85rem;margin:0;padding-left:20px}.custom-fonts-container .help-steps li{margin-bottom:4px}.custom-fonts-container .help-steps a{color:#007aff;text-decoration:none}.custom-fonts-container .help-steps a:hover{text-decoration:underline}.custom-fonts-container .modal-actions{border-top:1px solid #0000001a;display:flex;gap:10px;justify-content:flex-end;padding:15px 20px}.custom-fonts-container .cancel-btn,.custom-fonts-container .close-btn,.custom-fonts-container .submit-btn{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:10px 20px;transition:background-color .2s}.custom-fonts-container .cancel-btn{background-color:var(--bg-secondary);color:var(--text-primary)}.custom-fonts-container .submit-btn{background-color:var(--primary-color);color:#fff}.custom-fonts-container .close-btn{background-color:var(--bg-secondary);color:var(--text-primary)}.custom-fonts-container .submit-btn:hover{background-color:var(--primary-color-dark)}.custom-fonts-container .cancel-btn:hover,.custom-fonts-container .close-btn:hover{background-color:#d9d9d9}.custom-fonts-container .project-fonts-container{padding:0 20px}.custom-fonts-container .project-fonts-container h3{font-size:1.2rem;margin:20px 0 15px}.custom-fonts-container .no-fonts-message{background-color:var(--bg-secondary);border-radius:6px;margin-bottom:20px;padding:20px;text-align:center}.custom-fonts-container .available-fonts-list,.custom-fonts-container .project-fonts-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.custom-fonts-container .available-font-item,.custom-fonts-container .project-font-item{align-items:center;background-color:var(--bg-secondary);border-radius:6px;display:flex;justify-content:space-between;padding:15px}.custom-fonts-container .available-font-info,.custom-fonts-container .project-font-info{flex:1 1}.custom-fonts-container .available-font-info h4,.custom-fonts-container .project-font-info h4{font-size:1rem;margin:0 0 5px}.custom-fonts-container .available-font-info p,.custom-fonts-container .project-font-info p{font-size:1.1rem;margin:0}.custom-fonts-container .default-badge{background-color:#34c759;border-radius:4px;color:#fff;display:inline-block;font-size:.8rem;font-weight:500;margin-top:8px;padding:4px 8px}.custom-fonts-container .available-font-actions,.custom-fonts-container .project-font-actions{display:flex;gap:8px}.custom-fonts-container .add-to-project-btn,.custom-fonts-container .remove-font-btn,.custom-fonts-container .set-default-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:.85rem;gap:5px;padding:6px 12px;transition:background-color .2s}.custom-fonts-container .set-default-btn{background-color:#34c759;color:#fff}.custom-fonts-container .set-default-btn:hover{background-color:#2da84c}.custom-fonts-container .add-to-project-btn:disabled,.custom-fonts-container .remove-font-btn:disabled,.custom-fonts-container .set-default-btn:disabled{cursor:not-allowed;opacity:.7}.custom-fonts-container .remove-font-btn{background-color:#ff3b30;color:#fff}.custom-fonts-container .add-to-project-btn{background-color:#007aff;color:#fff}.custom-fonts-container .remove-font-btn:hover{background-color:#d63530}.custom-fonts-container .add-to-project-btn:hover{background-color:#0062cc}[data-theme=dark] .custom-fonts-container .font-card{box-shadow:0 2px 10px #0000004d}[data-theme=dark] .custom-fonts-container .font-card:hover{box-shadow:0 5px 15px #0006}[data-theme=dark] .custom-fonts-container .font-card-actions,[data-theme=dark] .custom-fonts-container .font-card-header,[data-theme=dark] .custom-fonts-container .font-info,[data-theme=dark] .custom-fonts-container .font-preview,[data-theme=dark] .custom-fonts-container .modal-header{border-color:#ffffff1a}@media (max-width:768px){.custom-fonts-container .custom-fonts-header{align-items:flex-start;flex-direction:column;gap:15px}.custom-fonts-container .custom-fonts-toolbar{flex-wrap:wrap;width:100%}.custom-fonts-container .search-container{width:100%}.custom-fonts-container .preview-controls{flex-direction:column;gap:10px}.custom-fonts-container .fonts-grid{grid-template-columns:1fr}.custom-fonts-container .font-card-actions{flex-direction:column;gap:10px}.custom-fonts-container .available-font-item,.custom-fonts-container .project-font-item{align-items:flex-start;flex-direction:column;gap:15px}.custom-fonts-container .available-font-actions,.custom-fonts-container .project-font-actions{width:100%}}.dashboard-container[data-theme=dark]{--bg-primary:#0a0f18;--bg-secondary:#121722;--bg-tertiary:#1c263980;--text-primary:#c7d3e3;--text-secondary:#a3b1c6;--text-tertiary:#6a7a94;--border-color:#2a3548;--accent-color:#5893ff;--accent-hover:#699fff;--card-bg:#151c28b3;--header-bg:#0e141fb3;--sidebar-bg:#12172280;--input-bg:#151c2880;--modal-bg:#10172d;--error-bg:#ff575726;--error-border:#ff57574d;--error-text:#f99;--accent-color-rgb:88,147,255}.dashboard-container[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--text-primary:#0f172a;--text-secondary:#334155;--text-tertiary:#64748b;--border-color:#e2e8f0;--accent-color:#2563eb;--accent-hover:#1d4ed8;--card-bg:#fff;--header-bg:#fffffff2;--sidebar-bg:#fff;--input-bg:#f8fafc;--modal-bg:#fff;--error-bg:#ef44441a;--error-border:#ef444433;--error-text:#dc2626;--accent-color-rgb:37,99,235}.dashboard-container{background-color:var(--bg-primary);background-image:radial-gradient(circle at 10% 20%,#5893ff0d,#0000 30%),radial-gradient(circle at 90% 80%,#5893ff0d,#0000 30%);color:var(--text-primary);display:flex;font-family:Roboto,sans-serif;min-height:100vh}.theme-toggle{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;margin-right:12px;padding:8px;transition:all .2s ease}.theme-toggle:hover{background-color:var(--bg-tertiary);color:var(--accent-color)}.theme-toggle .icon{font-size:20px}.dashboard-container .dashboard-sidebar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);box-shadow:0 0 30px #0000001a;height:100vh;overflow-y:auto;padding:20px 0;position:sticky;top:0;width:240px;z-index:5}.dashboard-container .logo{color:var(--accent-color);font-size:26px;font-weight:700;letter-spacing:4px;margin:20px 0 30px;position:relative;text-align:center;text-shadow:0 0 15px #5893ffb3}.dashboard-container .logo:after{background:linear-gradient(90deg,#0000,#5893ff,#0000);bottom:-10px;box-shadow:0 0 10px #5893ffcc;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:40px}.dashboard-container .workspace-selector{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 12px #0003;cursor:pointer;display:flex;margin:0 15px 20px;padding:12px;transition:all .2s ease}.dashboard-container .workspace-selector:hover{background-color:var(--bg-secondary);border-color:var(--accent-color);box-shadow:0 4px 6px #0000000d}.dashboard-container .workspace-icon{align-items:center;background-color:#5893ff;border-radius:4px;box-shadow:0 0 10px #5893ff80;color:#151c28;display:flex;font-size:12px;height:26px;justify-content:center;margin-right:10px;width:26px}.dashboard-container .workspace-name{color:var(--text-primary);font-weight:500}.dashboard-container .sidebar-nav{display:flex;flex-direction:column}.dashboard-container .sidebar-item{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;margin-bottom:2px;padding:12px 20px;text-decoration:none;transition:all .2s ease}.dashboard-container .sidebar-item:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.dashboard-container .sidebar-item.active{background-color:var(--bg-secondary);border-left:3px solid #5893ff;color:#5893ff}.dashboard-container .sidebar-icon{display:flex;font-size:18px;justify-content:center;margin-right:12px;opacity:.8;width:20px}.dashboard-container .sidebar-section{margin-top:24px}.dashboard-container .sidebar-section-title{color:#6a7a94;font-size:11px;letter-spacing:1px;margin:0;padding:0 20px 8px;text-transform:uppercase}.dashboard-container .dashboard-main{background-color:#0a0f18;background-image:radial-gradient(circle at 50% 0,#5893ff1a,#0000 35%),linear-gradient(90deg,#0000,#00000080);display:flex;flex:1 1;flex-direction:column;overflow:hidden;position:relative}.dashboard-container .dashboard-main:before{background:linear-gradient(90deg,#0000,#5893ffb3,#0000);box-shadow:0 0 15px #5893ff80;content:"";height:1px;left:0;position:absolute;right:0;top:0;z-index:1}.dashboard-container .dashboard-header{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--header-bg);border-bottom:1px solid var(--border-color);box-shadow:0 1px 3px #0000000d;display:flex;height:70px;justify-content:space-between;padding:0 1.5rem;position:sticky;top:0;z-index:100}.dashboard-container .main-nav{display:flex;height:100%}.dashboard-container .nav-item{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;font-weight:500;height:70px;padding:0 1.2rem;position:relative;text-decoration:none;transition:all .2s ease}.dashboard-container .nav-item:hover{color:var(--text-primary)}.dashboard-container .nav-icon{font-size:18px;margin-right:8px}.dashboard-container .nav-item.active{color:var(--accent-color)}.dashboard-container .nav-item.active:after{background-color:var(--accent-color);bottom:0;box-shadow:0 0 8px rgba(var(--accent-color-rgb),.2);content:"";height:2px;left:0;position:absolute;width:100%}.dashboard-container .header-right{align-items:center;display:flex}.dashboard-container .notifications{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:20px;margin-right:12px;transition:all .2s ease}.dashboard-container .notifications:hover{color:var(--text-primary)}.dashboard-container .user-avatar{background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));border:2px solid var(--bg-secondary);box-shadow:0 2px 4px #0000001a;color:#fff;font-weight:600;margin:0 12px}.dashboard-container .account-dropdown{border-radius:6px;color:var(--text-secondary);font-size:14px;font-weight:500;transition:all .2s ease}.dashboard-container .account-dropdown:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.dashboard-container .dropdown-icon{color:var(--text-tertiary)}.dashboard-container .dropdown-icon.open{color:var(--text-primary)}.dashboard-container .dashboard-content{background-color:var(--bg-primary);flex:1 1;padding:28px}.dashboard-container .workspace-tabs{align-items:center;border-bottom:1px solid var(--border-color);display:flex;margin-bottom:28px;padding-bottom:8px;position:relative}.dashboard-container .workspace-tab{border-bottom:2px solid #0000;color:var(--text-primary);cursor:pointer;font-weight:500;margin-right:1.5rem;opacity:.7;padding:5px 0;transition:all .2s ease}.dashboard-container .workspace-tab:hover{opacity:1}.dashboard-container .workspace-tab.active{border-bottom-color:var(--accent-color);color:var(--text-primary);opacity:1}.dashboard-container .workspace-tab.starter{color:var(--accent-color)}.dashboard-container .workspace-metrics{display:flex;gap:20px;margin-left:auto}.dashboard-container .workspace-metric{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;display:flex;padding:6px 12px}.dashboard-container .metric-label{color:var(--text-tertiary);font-size:12px;margin-right:10px}.dashboard-container .small-progress{background-color:var(--bg-tertiary);border-radius:2px;height:4px;margin-left:10px;overflow:hidden;width:50px}.dashboard-container .small-progress-bar{background-color:var(--accent-color);border-radius:2px;height:100%}.dashboard-container .sites-toolbar{align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:28px;padding:14px 18px}.dashboard-container .search-container{background:#0000;position:relative;width:300px}.dashboard-container .search-icon{color:var(--text-tertiary);font-size:18px;left:10px;position:absolute;top:50%;transform:translateY(-50%)}.dashboard-container .search-input{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;padding:10px 12px 10px 38px;transition:all .2s ease;width:100%}.dashboard-container .search-input::placeholder{color:var(--text-tertiary)}.dashboard-container .search-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.1);outline:none}.dashboard-container .toolbar-actions{align-items:center;display:flex;gap:16px}.dashboard-container .sort-dropdown select{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:14px;padding:8px 12px}.dashboard-container .view-controls{border:1px solid var(--border-color);border-radius:4px;display:flex;overflow:hidden}.dashboard-container .view-btn{align-items:center;background:var(--bg-tertiary);border:none;color:var(--text-tertiary);cursor:pointer;display:flex;justify-content:center;padding:8px 12px}.dashboard-container .view-btn:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.dashboard-container .view-btn.active{background-color:var(--bg-secondary);color:var(--accent-color)}.dashboard-container .new-site-btn{align-items:center;background-color:var(--accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 18px;transition:all .2s ease}.dashboard-container .new-site-btn:hover{background-color:var(--accent-hover)}.dashboard-container .sites-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:30px}.dashboard-container .sites-grid.list-view{display:flex;flex-direction:column;gap:12px}.dashboard-container .sites-grid.list-view .site-card{align-items:center;display:flex;height:80px}.dashboard-container .sites-grid.list-view .site-thumbnail{height:70px;margin-right:16px;width:120px}.dashboard-container .sites-grid.list-view .site-actions{margin-left:auto;margin-right:20px}.dashboard-container .site-card{background-color:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:all .3s ease}.dashboard-container .site-card:hover{border-color:var(--accent-color);box-shadow:0 10px 20px #0000001a,0 4px 6px #0000000f;transform:translateY(-4px)}.dashboard-container .site-thumbnail{height:160px;overflow:hidden;position:relative;width:100%}.dashboard-container .site-thumbnail:after{background:linear-gradient(180deg,#0000,#000000b3);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.dashboard-container .site-thumbnail img{filter:saturate(.8) brightness(.9);height:100%;object-fit:cover;transition:all .5s ease;width:100%}.dashboard-container .site-card:hover .site-thumbnail img{filter:saturate(1.2) brightness(1.1) contrast(1.1);transform:scale(1.05)}.dashboard-container .site-info{padding:16px}.dashboard-container .site-name{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 6px;text-shadow:none}.dashboard-container .site-url{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:4px;margin:0 0 10px}.dashboard-container .site-url:before{color:#5893ff;content:"•";font-size:18px}.dashboard-container .site-badge{background-color:#5893ff26;border:1px solid #5893ff4d;border-radius:4px;box-shadow:0 0 8px #5893ff33;color:#5893ff;display:inline-block;font-size:11px;letter-spacing:.5px;padding:3px 10px;text-shadow:0 0 10px #5893ff80}.dashboard-container .site-actions{display:flex;gap:8px;padding:0 16px 16px}.dashboard-container .site-action-btn{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);flex:1 1;font-size:13px;font-weight:500;gap:6px;padding:8px 10px}.dashboard-container .site-action-btn,.dashboard-container .site-options{align-items:center;cursor:pointer;display:flex;justify-content:center;transition:all .2s ease}.dashboard-container .site-options{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0a0f18b3;border:1px solid #2a354880;border-radius:6px;box-shadow:0 4px 8px #0000004d;color:#a3b1c6;font-weight:700;height:30px;position:absolute;right:10px;top:10px;width:30px;z-index:2}.dashboard-container .site-options:hover{background-color:#2a3548e6;border-color:#5893ff66;box-shadow:0 0 10px #5893ff4d;color:#fff}.dashboard-container .quick-metrics{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:15px}.dashboard-container .metric-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#151c2899;border:1px solid #2a3548;border-radius:10px;box-shadow:0 8px 20px #0000004d;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.dashboard-container .metric-box:hover{border-color:#5893ff4d;box-shadow:0 12px 25px #0006,0 0 15px #5893ff33;transform:translateY(-5px)}.dashboard-container .metric-box:before{background:linear-gradient(90deg,#0000,#5893ff99,#0000);box-shadow:0 0 15px #5893ff80;content:"";height:2px;left:0;position:absolute;right:0;top:0}.dashboard-container .progress-bar{background-color:#1c263999;border-radius:3px;box-shadow:inset 0 1px 3px #0000004d;height:6px;margin-top:10px;overflow:hidden}.dashboard-container .progress{background:linear-gradient(90deg,#5893ff,#83abff);box-shadow:0 0 10px #5893ffb3;height:100%;overflow:hidden;position:relative}.dashboard-container .progress:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#fff0,#fff3 50%,#fff0);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.dashboard-container .status-indicator{align-items:center;display:flex;margin-top:5px}.dashboard-container .status-dot{background-color:#4caf50;border-radius:50%;box-shadow:0 0 8px #4caf5099;height:8px;margin-right:8px;width:8px}.dashboard-container .status-text{color:#a3b1c6;font-size:12px}.dashboard-container .backup-info,.dashboard-container .uptime-info{color:#a3b1c6;font-size:12px;margin-top:5px}.dashboard-container .account-dropdown-container{position:relative}.dashboard-container .account-dropdown{align-items:center;border-radius:5px;cursor:pointer;display:flex;padding:6px 10px;transition:background-color .2s}.dashboard-container .account-dropdown:hover{background-color:#ffffff1a}.dashboard-container .dropdown-icon{margin-left:5px;transition:transform .2s ease}.dashboard-container .dropdown-icon.open{transform:rotate(180deg)}.dashboard-container .dropdown-menu{animation:dropdown-appear .2s ease-out;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000014;min-width:240px;overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);z-index:100}.dashboard-container .dropdown-header{background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color);padding:15px}.dashboard-container .dropdown-user-info{display:flex;flex-direction:column}.dashboard-container .user-name{color:var(--text-primary);font-weight:600;margin-bottom:3px}.dashboard-container .user-email{color:var(--text-secondary);font-size:.8rem}.dashboard-container .dropdown-items{background-color:var(--bg-secondary);padding:8px 0}.dashboard-container .dropdown-item{align-items:center;color:var(--text-secondary);display:flex;padding:10px 15px;text-decoration:none;transition:all .2s ease}.dashboard-container .dropdown-item:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.dashboard-container .dropdown-item-icon{color:var(--text-tertiary);font-size:1.1rem;margin-right:10px}.dashboard-container .dropdown-item:hover .dropdown-item-icon{color:var(--text-primary)}.dashboard-container .dropdown-item.signout{color:var(--error-text)}.dashboard-container .dropdown-item.signout:hover{background-color:var(--error-bg)}.dashboard-container .dropdown-item.signout .dropdown-item-icon{color:var(--error-text)}.dashboard-container .dropdown-divider{background-color:var(--border-color);height:1px;margin:8px 0}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dashboard-container .user-avatar{background:linear-gradient(135deg,#5e72eb,#ff9190);border-radius:50%;font-weight:700;height:36px;margin-right:10px;width:36px}.dashboard-container .user-avatar,.dashboard-loading{align-items:center;display:flex;justify-content:center}.dashboard-loading{background-color:#0a0f18;background-image:radial-gradient(circle at 10% 20%,#5893ff0d,#0000 30%),radial-gradient(circle at 90% 80%,#5893ff0d,#0000 30%);color:#c7d3e3;min-height:100vh;overflow:hidden;position:relative}.dashboard-loading:before{animation:pulse 4s ease-in-out infinite;background-image:radial-gradient(circle at center,#5893ff33 0,#0000 30%);content:"";height:200%;left:-50%;opacity:.5;position:absolute;top:-50%;width:200%;z-index:1}.loading-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#151c28b3;border:1px solid #6784ff4d;border-radius:12px;box-shadow:0 0 30px #6784ff66;max-width:500px;overflow:hidden;padding:2rem;position:relative;text-align:center;z-index:2}.loading-content:before{background:linear-gradient(90deg,#5e72eb,#ff9190);content:"";height:4px;left:0;position:absolute;right:0;top:0}.loading-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#8a9cff);-webkit-background-clip:text;font-size:1.8rem;margin:1.5rem 0 .5rem}.loading-content p{animation:fadeInOut 2s ease-in-out infinite;color:#8a9cff;margin-bottom:.5rem;opacity:.8}.cosmic-loader{height:100px;margin:0 auto;position:relative;width:100px}.cosmic-loader-ring{animation:rotate 1.5s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#5e72eb;height:100%;position:absolute;width:100%}.cosmic-loader-ring:first-child{animation-delay:0s}.cosmic-loader-ring:nth-child(2){animation-delay:.2s;animation-direction:reverse;border-top-color:#7580f0;height:80%;left:10%;top:10%;width:80%}.cosmic-loader-ring:nth-child(3){animation-delay:.4s;border-top-color:#ff9190;height:60%;left:20%;top:20%;width:60%}@keyframes fadeInOut{0%,to{opacity:.5}50%{opacity:1}}.dashboard-loading:after{background-image:radial-gradient(#fff,#fff3 2px,#0000 3px),radial-gradient(#fff,#ffffff26 1px,#0000 2px),radial-gradient(#fff,#ffffff1a 2px,#0000 3px);background-position:0 0,40px 60px,130px 270px;background-size:550px 550px,350px 350px,250px 250px;content:"";height:100%;position:absolute;width:100%;z-index:0}.dashboard-container .api-error{align-items:center;background-color:var(--error-bg);border:1px solid var(--error-border);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px}.dashboard-container .api-error p{color:var(--error-text);margin:0}.dashboard-container .api-error button{background:none;border:1px solid var(--error-border);border-radius:4px;color:var(--error-text);cursor:pointer;font-size:12px;padding:5px 10px;transition:all .2s}.dashboard-container .api-error button:hover{background-color:#ff575733}.dashboard-container .page-loading{align-items:center;color:#8a9cff;display:flex;flex-direction:column;justify-content:center;padding:50px 0}.dashboard-container .spinner{animation:spin 1s ease-in-out infinite;border:3px solid #8a9cff33;border-radius:50%;border-top-color:#8a9cff;height:40px;margin-bottom:15px;width:40px}.dashboard-container .no-projects{align-items:center;display:flex;justify-content:center;padding:50px 0}.dashboard-container .empty-state{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;max-width:500px;padding:40px;text-align:center}.dashboard-container .empty-icon{font-size:40px;margin-bottom:20px}.dashboard-container .empty-state h3{color:var(--text-primary);font-size:24px;margin-bottom:10px}.dashboard-container .empty-state p{color:var(--text-secondary);margin-bottom:25px}.dashboard-container .modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.dashboard-container .modal{animation:scaleIn .3s ease-out;background-color:var(--modal-bg);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 5px 30px #00000080;max-width:500px;overflow:hidden;width:90%}.dashboard-container .modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px}.dashboard-container .modal-header h2{color:var(--text-primary);font-size:20px;margin:0}.dashboard-container .close-modal{background:none;border:none;color:#a3b1c6;cursor:pointer;font-size:24px;transition:color .2s}.dashboard-container .close-modal:hover{color:#fff}.dashboard-container .form-group-modal{margin-bottom:20px;padding:0 20px}.dashboard-container .form-group-modal:first-child{margin-top:20px}.dashboard-container .form-group-modal label{color:#a3b1c6;display:block;margin-bottom:8px}.dashboard-container .form-group-modal input,.dashboard-container .form-group-modal textarea{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:5px;color:var(--text-primary);font-family:inherit;font-size:14px;padding:12px;transition:border-color .2s,box-shadow .2s;width:95%}.dashboard-container .form-group-modal input:focus,.dashboard-container .form-group-modal textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.1);outline:none}.dashboard-container .modal-actions{border-top:1px solid var(--border-color);display:flex;gap:10px;justify-content:flex-end;padding:20px}.dashboard-container .cancel-btn,.dashboard-container .submit-btn{border-radius:5px;cursor:pointer;font-size:14px;padding:10px 16px;transition:all .2s}.dashboard-container .cancel-btn{background-color:initial;border:1px solid var(--border-color);color:#a3b1c6}.dashboard-container .cancel-btn:hover{background-color:#2a354880;color:#fff}.dashboard-container .submit-btn{background-color:#5893ff;border:none;color:#0c1119;font-weight:500}.dashboard-container .submit-btn:hover{background-color:#699fff;box-shadow:0 0 15px #5893ff4d;transform:translateY(-2px)}.dashboard-container .submit-btn:disabled{background-color:#506da9;box-shadow:none;cursor:not-allowed;transform:none}.dashboard-container .site-card .site-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:13px;margin-bottom:8px;margin-top:8px;overflow:hidden;text-overflow:ellipsis}.dashboard-container .site-card .site-date{color:var(--text-tertiary);font-size:12px;margin-top:5px}.dashboard-container .site-card .site-actions{display:flex;gap:8px;padding:0 16px 16px}.dashboard-container .site-action-btn.edit{background-color:var(--bg-secondary);border-color:var(--accent-color);color:var(--accent-color);flex:2 1}.dashboard-container .site-action-btn.view{background-color:var(--bg-tertiary);color:var(--text-secondary);flex:2 1}.dashboard-container .site-action-btn.delete{align-items:center;background-color:var(--bg-tertiary);border-color:var(--error-border);color:var(--error-text);display:flex;flex:0 1;justify-content:center;width:40px}.dashboard-container .site-action-btn.edit:hover{background-color:var(--accent-color);border-color:var(--accent-hover);box-shadow:0 0 15px rgba(var(--accent-color-rgb),.2);color:#fff}.dashboard-container .site-action-btn.view:hover{background-color:var(--bg-secondary);border-color:var(--accent-color);color:var(--text-primary)}.dashboard-container .site-action-btn.delete:hover{background-color:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.dashboard-container .site-email{align-items:center;display:flex;flex-wrap:wrap;font-size:.9rem;margin-top:8px}.dashboard-container .site-email span{margin-right:8px}.dashboard-container .email-set{color:#4caf50;color:var(--success-color);font-weight:500}.dashboard-container .email-not-set{color:var(--text-secondary);font-style:italic}.dashboard-container .email-action-btn{background-color:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;margin-left:auto;padding:3px 8px;transition:background-color .2s}.dashboard-container .email-action-btn:hover{background-color:var(--accent-hover)}.dashboard-container .modal-icon{margin-right:8px;vertical-align:middle}.dashboard-container .site-context{color:var(--text-secondary);margin-bottom:16px;margin-top:10px;text-align:center}.dashboard-container .form-hint{color:var(--text-secondary);font-size:.8rem;margin-top:4px}.dashboard-container .delete-btn{background-color:#f44336;background-color:var(--danger-color);border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px;transition:background-color .2s}.dashboard-container .delete-btn:hover{background-color:#d32f2f;background-color:var(--danger-hover)}:root{--success-color:#4caf50;--danger-color:#f44336;--danger-hover:#d32f2f}.site-action-btn.dns{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.site-action-btn.dns:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.custom-domains-info{border-top:1px solid var(--border-color);margin-top:12px;padding:8px 0}.custom-domain-badge{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;color:#fff;display:inline-flex;font-size:11px;font-weight:500;gap:4px;margin-bottom:8px;padding:4px 8px}.custom-domains-list{display:flex;flex-direction:column;gap:4px}.custom-domain-item{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:4px;display:flex;font-size:12px;justify-content:space-between;padding:4px 8px}.domain-name{color:var(--text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-weight:500}.domain-status{border-radius:8px;font-size:10px;font-weight:500;padding:2px 6px;text-transform:uppercase}.domain-status.active{background:#d1fae5;color:#065f46}.domain-status.pending{background:#fef3c7;color:#92400e}.domain-status.error{background:#fee2e2;color:#991b1b}*{margin:0;padding:0}.app-container{display:flex;min-height:100vh;position:relative}.code-section,.preview-section{border:1px solid #ccc;flex:1 1;min-width:300px}.preview-element.selected{outline:2px solid #007bff;z-index:5000}.preview-element .preview-element{box-sizing:border-box}.code-container{display:flex;flex-direction:column;gap:20px}.code-block{margin-top:10px}.code-preview{background-color:#f8f9fa;border-radius:4px;font-family:monospace;font-size:14px;overflow-x:auto;padding:15px;white-space:pre-wrap}h3{color:#333;margin-bottom:10px}.sidebar-controls{display:flex;flex-direction:column;gap:10px;position:fixed;right:20px;top:20px;z-index:1000}.sidebar-btn{align-items:center;background:#fff;border:none;border-radius:4px;box-shadow:0 2px 5px #0000001a;cursor:pointer;display:flex;gap:5px;padding:10px}.sidebar-btn.active{background:#007bff;color:#fff}.sidebar{background:#fff;bottom:0;box-shadow:-2px 0 5px #0000001a;overflow-y:auto;padding:80px 20px 20px;position:fixed;right:0;top:0;width:300px}.properties-panel{gap:15px}.properties-panel,.property-group{display:flex;flex-direction:column}.property-group{gap:5px}.property-group label{color:#666;font-size:14px}.property-group input{border:1px solid #ddd;padding:5px}.app-container:not(:has(.sidebar)){padding-right:20px}.text-input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px;width:100%}.text-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff1a;outline:none}.class-name-input{display:flex;gap:8px}.class-name-input input{flex:1 1}.apply-btn{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:4px 12px}.apply-btn:hover{background-color:#45a049}.left-toolbar{background-color:#1e1e1e;display:flex;flex-direction:column;gap:8px;left:0;padding:10px 0;position:fixed;top:40px;z-index:900}.toolbar-btn{align-items:center;background-color:initial;border:none;border-radius:4px;color:#b0b0b0;cursor:pointer;display:flex;height:40px;justify-content:center;margin:0 4px;position:relative;transition:all .2s ease;width:40px}.toolbar-btn i{font-size:16px;transition:all .15s ease}.toolbar-btn:hover{background-color:#2a2a2a;color:#fff}.toolbar-btn:active{background-color:#333;transform:scale(.95)}.toolbar-btn.active{background-color:#0078d4;box-shadow:0 0 8px #0078d466;color:#fff}.toolbar-btn.active i{transform:scale(1.1)}.toolbar-btn .tooltip{background-color:#252525;border:1px solid #333;border-radius:4px;box-shadow:0 2px 5px #0003;color:#fff;font-size:12px;left:50px;opacity:0;padding:4px 8px;position:absolute;transition:all .2s ease;visibility:hidden;white-space:nowrap}.toolbar-btn:hover .tooltip{opacity:1;visibility:visible}.element-sidebar,.hierarchy-sidebar{background-color:#131313;border-right:1px solid #333;color:#fff;font-size:11px;height:calc(100vh - 32px);left:48px;overflow-y:auto;padding:8px 4px;position:fixed;top:32px;width:200px;z-index:900}.element-sidebar h3,.hierarchy-sidebar h3{border-bottom:1px solid #333;color:#fff;font-size:12px;margin:0 0 8px;padding-bottom:6px}.element-sidebar button{background-color:#2a2a2a;border:1px solid #333;border-radius:3px;color:#fff;cursor:pointer;display:block;font-size:11px;margin:3px 0;padding:4px 6px;text-align:left;transition:background-color .2s;width:100%}.element-sidebar button:hover{background-color:#363636}:root{--right-sidebar-width:200px}.properties-container{display:flex;flex-direction:column;gap:16px}.property-section{margin-bottom:16px}.root-container{display:flex;flex-direction:column;min-height:100vh}.main-container{width:100%}.left-section,.main-container{background-color:#1e1e1e;display:flex;height:100%}.left-section{flex-shrink:0;min-width:48px}.preview-wrapper{flex:1 1;height:100vh;overflow:hidden}.preview-popup,.preview-wrapper{display:flex;justify-content:center}.preview-popup{align-items:center;background:#000000b3;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.preview-popup-content{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:400px;padding:24px;text-align:center;width:90%}.preview-popup-content h3{color:#333;margin:0 0 16px}.preview-popup-content p{color:#666;margin:0 0 8px}.preview-popup-content a{background:#f5f5f5;border-radius:4px;color:#007bff;display:block;margin:16px 0;padding:12px;text-decoration:none;word-break:break-all}.preview-popup-content button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 24px;transition:background .2s}.preview-popup-content button:hover{background:#0056b3}.publish-popup{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.publish-popup-content{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:500px;padding:24px;text-align:center;width:90%}.publish-popup-content h3{color:#333;margin:0 0 16px}.publish-popup-content p{color:#666;margin:0 0 16px}.site-url-container{display:flex;gap:8px;margin-bottom:24px}.site-url-container input{border:1px solid #ddd;border-radius:4px;color:#333;flex:1 1;font-size:14px;padding:8px 12px}.popup-buttons{display:flex;gap:12px;justify-content:center}.popup-buttons button{border-radius:4px;cursor:pointer;font-size:14px;padding:8px 24px;transition:all .2s}.popup-buttons button:first-child{background:#007bff;border:none;color:#fff}.popup-buttons button:first-child:hover{background:#0056b3}.popup-buttons button:last-child{background:#f8f9fa;border:1px solid #ddd}.popup-buttons button:last-child:hover{background:#e9ecef}.cms-sidebar{background:#1a1b1e;border-right:1px solid #333;bottom:0;height:95vh;left:48px;overflow-y:auto;position:absolute;top:30px;width:600px;z-index:100}.toolbar-btn[title="Content Management"] .icon{font-size:18px}.toolbar-btn[title="Content Management"]:hover{background-color:#2d2d2d}.editor-loading{align-items:center;background-color:#0a0f18;color:#c7d3e3;display:flex;flex-direction:column;height:100vh;justify-content:center}.loading-spinner{border:4px solid #5893ff4d;border-top-color:#5893ff;height:50px;margin-bottom:20px;width:50px}.site-info-bar{align-items:center;background-color:#151c28e6;border-bottom:1px solid #2a3548;box-shadow:0 2px 10px #0003;display:flex;justify-content:space-between;padding:10px 20px}.site-info-bar button{background-color:#1f2c45;border:1px solid #5893ff4d;border-radius:4px;color:#5893ff;cursor:pointer;padding:8px 16px;transition:all .2s ease}.site-info-bar button:hover{background-color:#2a3855;border-color:#5893ff80;box-shadow:0 0 15px #5893ff33}.elements-container{background-color:#1e1e1e;color:#fff;height:100%;overflow-y:auto}.elements-container .elements-search{margin-bottom:20px}.elements-container .elements-search input{background-color:#2d2d2d;border:1px solid #333;border-radius:6px;color:#fff;font-size:14px;padding:8px 12px;transition:all .2s ease;width:100%}.elements-container .elements-search input::placeholder{color:#888}.elements-container .elements-search input:focus{border-color:#06c;box-shadow:0 0 0 2px #06c3;outline:none}.elements-container .element-category{margin-bottom:24px}.elements-container .category-title{border-bottom:1px solid #333;color:#fff;font-size:14px;font-weight:600;margin-bottom:12px;padding-bottom:8px}.elements-container .elements-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.elements-container .element-item{align-items:center;background-color:#2d2d2d;border:1px solid #333;border-radius:6px;cursor:grab;display:flex;flex-direction:column;gap:4px;min-width:0;padding:8px 6px;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none}.elements-container .element-item:hover{background-color:#363636;border-color:#06c;box-shadow:0 2px 8px #0000004d;transform:translateY(-2px)}.elements-container .element-item:active{cursor:grabbing}.elements-container .element-item.dragging{background-color:#363636;border-color:#06c;opacity:.5}.elements-container .element-icon{align-items:center;color:#888;display:flex;font-size:16px;justify-content:center;transition:color .2s ease}.elements-container .element-item:hover .element-icon{color:#06c}.elements-container .element-name{color:#ccc;font-size:11px;overflow:hidden;padding:0 4px;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.elements-container .element-item[data-tooltip]:after{background-color:#000000e6;border-radius:4px;bottom:-30px;box-shadow:0 2px 6px #0003;color:#fff;content:attr(data-tooltip);font-size:11px;left:50%;opacity:0;padding:6px 10px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s,visibility .2s;visibility:hidden;white-space:nowrap;z-index:1000}.elements-container .element-item[data-tooltip]:hover:after{opacity:1;visibility:visible}.elements-container::-webkit-scrollbar{width:8px}.elements-container::-webkit-scrollbar-track{background:#1e1e1e}.elements-container::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.elements-container::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:768px){.elements-container .elements-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.elements-container .elements-grid{grid-template-columns:1fr}}.elements-container [data-tooltip]{position:relative}.elements-container [data-tooltip]:before{background:#000;border-radius:4px;bottom:-25px;color:#fff;content:attr(data-tooltip);font-size:11px;left:50%;opacity:0;padding:5px 8px;position:absolute;transform:translateX(-50%);transition:opacity .2s ease;visibility:hidden;white-space:nowrap}.elements-container [data-tooltip]:hover:before{opacity:1;visibility:visible}.drag-preview{-webkit-font-smoothing:subpixel-antialiased;backface-visibility:hidden;background:#2d2d2d;border:1px solid #06c;border-radius:4px;box-shadow:0 2px 8px #0003;opacity:.9;padding:8px 12px;pointer-events:none;position:fixed;transform-origin:center center;-webkit-user-select:none;user-select:none;will-change:transform;z-index:999999!important}.drag-preview-content{color:#fff;font-size:12px;gap:8px;white-space:nowrap}.drag-preview-content,.preview-icon{align-items:center;display:flex;pointer-events:none;position:relative;z-index:999999!important}.preview-icon svg{color:#06c;height:16px;pointer-events:none;width:16px}.preview-type{font-weight:500;pointer-events:none;position:relative;z-index:999999!important}.builder-section{border:1px solid #ccc;border-radius:8px;display:flex;flex:1 1;flex-direction:column;min-width:300px;padding:20px}.builder-buttons{display:flex;gap:10px;margin-bottom:20px}.builder-buttons button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}.builder-buttons button:hover{background-color:#0056b3}.hierarchy-view{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;height:100%;min-height:100px;position:relative}.hierarchy-list{display:flex;flex-direction:column;gap:2px;min-height:inherit;padding:4px;position:relative}.hierarchy-list.root-drop-target{background:#2563eb08;border:1px dashed #2563eb33;border-radius:4px;min-height:100%}.hierarchy-list,.hierarchy-view{min-height:50px}.hierarchy-list:empty:after{border:1px dashed #0000001a;border-radius:4px;color:#9ca3af;content:"Drop elements here";display:block;font-size:12px;margin:8px;padding:20px;text-align:center}.hierarchy-item-wrapper{margin:1px 0;position:relative}.hierarchy-item{align-items:center;border:1px solid #0000;border-radius:4px;color:#bfbfbf;cursor:pointer;display:flex;font-size:11px;padding:2px 4px;position:relative;transition:all .2s ease}.hierarchy-item.selected{background:#002db030;border:1px solid #2563eb4d;color:#25eb7a;font-weight:500}.hierarchy-item.selected-parent{background:#002d9026;border-radius:0;margin:0}.hierarchy-item:hover{background:#00000008;border:1px solid #00000014}.hierarchy-item.selected:hover{background:#2563eb1a;border:1px solid #2563eb59}.hierarchy-item.selected-parent:hover{background:#2563eb0d;border:1px solid #2563eb26}.delete-button{display:none}.element-icon{align-items:center;color:#4b5563;display:inline-flex;flex-shrink:0;font-size:12px;height:14px;justify-content:center;margin-right:4px;opacity:.9;width:14px}.element-icon.container,.element-icon.content,.element-icon.media{background:none;color:inherit}.children-container{border-left:1px solid #0000001a;position:relative;transition:height .2s ease}.drop-before{position:relative}.drop-before:before{background:#2563eb;border-radius:4px;content:"";height:2px;left:0;position:absolute;right:0;top:-2px}.drop-after{position:relative}.drop-after:after{background:#2563eb;border-radius:4px;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.drop-target{background:#2563eb0d;border:1px dashed #2563eb!important}.invalid-drop-target{background:#ef44440d;border:1px dashed #ef4444!important}.element-name{font-weight:400;margin-left:4px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.hierarchy-view{scrollbar-color:#0003 #0000;scrollbar-width:thin}.hierarchy-view::-webkit-scrollbar{width:6px}.hierarchy-view::-webkit-scrollbar-track{background:#0000}.hierarchy-view::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px}.element-type-badge{display:none}.expand-collapse-icon{align-items:center;color:#6b7280;cursor:pointer;display:inline-flex;font-size:10px;height:12px;justify-content:center;margin-right:2px;transition:transform .15s ease;-webkit-user-select:none;user-select:none;width:12px}.expand-collapse-icon.expanded{transform:rotate(90deg)}.expand-collapse-icon:hover,.hierarchy-item.selected .expand-collapse-icon{color:#2563eb}.context-menu{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1f2937;border:1px solid #ffffff1a;border-radius:6px;box-shadow:0 4px 20px #0000004d;min-width:180px;padding:4px;position:fixed;z-index:1000}.context-menu-item{align-items:center;border-radius:4px;color:#e5e7eb;cursor:pointer;display:flex;font-size:12px;margin:2px 0;padding:8px 12px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.context-menu-item:hover{background-color:#3b82f633;color:#60a5fa}.context-menu-item:active{transform:scale(.98)}.context-menu-item+.context-menu-item{border-top:none}.context-menu-item:before{color:#e5e7eb;content:"";display:inline-block;font-family:monospace;height:16px;margin-right:8px;opacity:.7;width:16px}.context-menu-item:first-child:before{content:"✄"}.context-menu-item:nth-child(2):before{content:"⎘"}.context-menu-item:nth-child(3):before{content:"⎗"}.context-menu-item:nth-child(4):before{content:"⎖"}.context-menu-item:nth-child(5):before{content:"⌫"}.context-menu-item:nth-child(6):before{content:"⤴"}.context-menu-item:nth-child(3),.context-menu-item:nth-child(5){border-top:1px solid #ffffff1a;margin-top:4px;padding-top:8px}.context-menu-item.disabled{cursor:default;opacity:.5;pointer-events:none}.context-menu-item.disabled:hover{background-color:initial;color:#e5e7eb}.preview-section{align-items:flex-start;background-color:#dbdbdb;display:flex;flex:1 1;height:calc(100vh - 32px);justify-content:center;margin-top:24px;max-width:100%;min-width:0;overflow:visible;padding:16px 0;position:relative;z-index:1}.preview-container{background-color:#fff;box-shadow:0 0 10px #0000001a;flex-grow:0;flex-shrink:0;height:100%;overflow-x:hidden;overflow-y:auto;transform:translateZ(0);width:100%;will-change:width}.preview-content{background-color:#fff;box-sizing:border-box;display:flow-root;margin:0;padding:0;width:98%;z-index:1}.preview-content:empty{align-items:center;background:linear-gradient(45deg,#f5f5f5 25%,#0000 0),linear-gradient(-45deg,#f5f5f5 25%,#0000 0),linear-gradient(45deg,#0000 75%,#f5f5f5 0),linear-gradient(-45deg,#0000 75%,#f5f5f5 0);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border:3px dashed #ccc;display:flex;justify-content:center;min-height:200px;transition:all .3s ease}.preview-content:empty.drag-over{animation:pulse 2s infinite;background:#007bff0d;box-shadow:inset 0 0 30px #007bff1a}.preview-content:empty:after{color:#666;content:"Drag elements here";font-size:18px;font-weight:500;text-shadow:1px 1px 2px #0000001a;transition:all .3s ease}.preview-content:empty.drag-over:after{font-size:20px;transform:scale(1.1)}.preview-content:empty.drag-over{background-color:#007bff0d;border-color:#007bff;border-style:solid}.preview-content:empty.drag-over:after{color:#007bff;font-weight:500}.preview-content>*{box-sizing:border-box;max-width:100%}.resize-handles-container{height:0;left:0;pointer-events:none;position:sticky;right:0;top:30%;transform:translateY(-50%);z-index:100}.resize-handle{align-items:center;background-color:initial;background-color:#007bff1a;cursor:col-resize;display:flex;height:200px;justify-content:center;pointer-events:auto;position:absolute;top:0;transition:background-color .2s ease;width:12px;z-index:100}.resize-handle.right{right:0}.resize-handle:after{background-color:#666;border-radius:2px;content:"";height:24px;transition:all .2s ease;width:4px}.resize-handle:hover{background-color:#007bff1a}.resize-handle:hover:after{background-color:#007bff;height:32px;width:6px}.resize-handle.left{left:0}.resize-handle:active{cursor:grabbing}.resize-handle:active:after{background-color:#0056b3}.selected-element{margin-left:0;margin-right:0;outline:2px solid #007bff!important}.builder-element,.selected-element{outline-offset:-1px;position:relative}.preview-element{cursor:pointer;pointer-events:auto!important;z-index:1}.preview-element:not(.selected):hover{outline:2px solid #007bff66!important;outline-offset:-2px}.preview-element.selected,.preview-element.selected:hover{outline:2px solid #007bff!important;outline-offset:-2px}.builder-element:not(.selected):hover,.preview-element[draggable=true]:not(.selected):hover{outline:2px solid #007bff66!important;outline-offset:-2px}.selected-element:after{background:#007bff;border-radius:3px;color:#fff;content:attr(data-element-type);font-size:12px;left:0;padding:2px 6px;position:absolute;top:-20px;z-index:1000}.builder-element[data-element-type=listItem].selected-element{outline:2px solid #007bff;outline-offset:2px;position:relative}.builder-element[data-element-type=listItem]:empty{border:1px dashed #ccc;border-radius:4px;margin:4px 0;padding:4px 8px}.builder-element[data-element-type=listItem]:not(:empty){padding:4px 0}.builder-element[data-element-type=listItem]:empty.selected-element,.builder-element[data-element-type=listItem]:empty:hover{border-color:#007bff;border-style:solid}@media (max-width:768px){.preview-content [data-builder-id^=builder-] [data-builder-id^=builder-]{transition:all .3s ease}}.preview-element *{pointer-events:none}.preview-element.drag-over{background-color:#007bff0d;position:relative!important}.preview-element.drag-over:before{background:linear-gradient(90deg,#007bff,#00c6ff);box-shadow:0 0 10px #007bff80;content:"";height:4px;left:-20px;opacity:1!important;pointer-events:none;position:absolute;right:-20px;visibility:visible!important;z-index:999999}.preview-element.drag-over[data-drop-position=before]{padding-top:20px}.preview-element.drag-over[data-drop-position=after]{padding-bottom:20px}.preview-element.drag-over[data-drop-position=before]:before{border-radius:4px;top:8px}.preview-element.drag-over[data-drop-position=after]:before{border-radius:4px;bottom:8px}.preview-element.drag-over:after{background:#007bff;border-radius:3px;color:#fff;content:attr(data-drop-position);font-size:10px;font-weight:700;left:-60px;padding:2px 8px;pointer-events:none;position:absolute;text-transform:uppercase;z-index:999999}.preview-element.drag-over[data-drop-position=before]:after{top:0}.preview-element.drag-over[data-drop-position=after]:after{bottom:0}@keyframes glow{0%{box-shadow:0 0 5px #007bff80}to{box-shadow:0 0 15px #007bffcc}}.preview-element.drag-over:before{animation:glow 1.5s ease-in-out infinite alternate}.preview-container{position:relative;z-index:1}.preview-content{position:relative;z-index:2}.preview-container,.preview-content,.preview-section{transform:none}#root,.root-container{isolation:isolate}.cms-content-container{min-height:100px;position:relative;width:100%}.cms-content-container.list{display:flex;flex-direction:column;gap:16px}.cms-content-container.grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.cms-content-container.cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.cms-content-list-item{border:1px solid #ddd;border-radius:4px;margin-bottom:16px;padding:16px}.cms-content-grid-item{border:1px solid #ddd;border-radius:4px;padding:12px}.cms-content-card{border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:16px}.cms-field{margin-bottom:12px}.cms-field-label{color:#666;font-size:12px;margin-bottom:4px}.cms-field-value{font-size:14px}.cms-field img{border-radius:4px;height:auto;max-width:100%}.cms-content-empty,.cms-content-loading{color:#666;padding:24px;text-align:center}.cms-content-item{background:#0000;border-radius:8px;margin-bottom:20px;padding:16px;position:relative}.cms-content-item.list{width:100%}.cms-content-item.grid{display:flex;flex-direction:column}.cms-content-item.cards{background:#fff;box-shadow:0 2px 4px #0000001a;height:100%}.cms-content-item h1,.cms-content-item h2,.cms-content-item h3,.cms-content-item h4,.cms-content-item h5,.cms-content-item h6{margin-bottom:.5em}.cms-content-item img{display:block;height:auto;max-width:100%}.cms-content-item p{margin-bottom:1em}.cms-content-item button{cursor:pointer}.cms-content-item .preview-element{margin:inherit;padding:inherit}.cms-content-container.grid .cms-content-item{margin-bottom:0}.cms-content-container.cards .cms-content-item{height:100%}.cms-content-editable{position:relative;transition:outline .2s ease}.cms-content-editable:hover{outline:2px solid #4a9eff80;outline-offset:2px}.cms-content-empty{background:#0000000d;border-radius:4px;color:#666;font-size:14px;margin:10px;padding:20px;text-align:center}[data-content-type]{position:relative}[data-content-type]:hover:after{background:#333;border-radius:3px;color:#fff;content:attr(data-content-type);font-size:12px;left:0;padding:2px 6px;pointer-events:none;position:absolute;top:-20px;z-index:1000}.cms-content-container:empty:after{color:#666;content:"Select content type to display content";font-size:14px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.element-settings-popup{animation:popupEnter .3s cubic-bezier(.22,1,.36,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0f1116,#151820);border:1px solid #376edc26;border-radius:12px;box-shadow:0 10px 40px #00000080,0 0 30px #0050ff26;color:#e0e0ff;font-family:Inter,-apple-system,sans-serif;overflow:hidden;padding:0;position:fixed;transform-origin:center;width:360px;z-index:10000}@keyframes popupEnter{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.popup-header-settings{align-items:center;background:#0c0f16b3;border-bottom:1px solid #376edc33;display:flex;justify-content:space-between;padding:16px 10px;position:relative}.popup-header-settings:after{background:linear-gradient(90deg,#06f0,#0066ff80 50%,#06f0);bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.popup-header-drag{cursor:grab;-webkit-user-select:none;user-select:none}.popup-header-settings h4{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#00a2ff,#06f);-webkit-background-clip:text;background-clip:text;color:#fff;font-family:Orbitron,sans-serif;font-size:14px;font-weight:600;letter-spacing:2px;margin:0 0 0 18px;text-transform:uppercase}.popup-close-btn{align-items:center;background:#0066ff14;border:none;border-radius:50%;color:#00a2ff;cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;line-height:1;overflow:hidden;padding:0;position:relative;transition:all .2s;width:28px}.popup-close-btn:before{background:radial-gradient(circle at center,#0066ff4d 0,#06f0 70%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s}.popup-close-btn:hover{color:#fff;transform:scale(1.1)}.popup-close-btn:hover:before{opacity:1}.popup-setting-group{background:#14192380;border-bottom:1px solid #376edc1a;padding:10px}.popup-setting-group label{color:#8a9eff;display:block;font-size:13px;font-weight:500;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.popup-setting-group input{background:#080c14b3;border:1px solid #376edc33;border-radius:6px;box-shadow:inset 0 1px 2px #0000001a;color:#fff;font-size:14px;padding:12px 5px;transition:all .3s;width:96%}.popup-setting-group input:focus{border-color:#06fc;box-shadow:0 0 0 3px #0066ff26,inset 0 1px 2px #0000001a;outline:none}.popup-actions{background:#0c0f16b3;display:flex;justify-content:center;padding:16px 20px}.popup-actions .show-all-settings{background:linear-gradient(135deg,#04c,#06f);border:1px solid #00a2ff66;border-radius:6px;box-shadow:0 2px 8px #0052ff4d;color:#fff;cursor:pointer;font-size:13px;font-weight:500;letter-spacing:1px;overflow:hidden;padding:12px 18px;position:relative;text-transform:uppercase;transition:all .2s;width:100%}.popup-actions .show-all-settings:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#fff0,#ffffff1a,#fff0);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.popup-actions .show-all-settings:hover{background:linear-gradient(135deg,#05f,#00a2ff);box-shadow:0 4px 12px #0052ff66;transform:translateY(-1px)}.popup-actions .show-all-settings:active{box-shadow:0 2px 4px #0052ff4d;transform:translateY(1px)}.element-settings-popup:active .popup-header-drag{cursor:grabbing}.popup-header-settings:before{animation:pulse 3s infinite;background:#00a2ff;border-radius:50%;box-shadow:0 0 8px #00a2ffcc;content:"";height:6px;left:8px;position:absolute;top:50%;transform:translateY(-50%);width:6px}@keyframes pulse{0%{box-shadow:0 0 5px #00a2ffcc}50%{box-shadow:0 0 15px #00a2ff}to{box-shadow:0 0 5px #00a2ffcc}}.element-settings-popup p{background:#14192380;color:#9aa8ff;font-size:14px;line-height:1.6;margin:0;padding:20px}.element-settings-popup[style*="cursor: grabbing"]{box-shadow:0 15px 50px #0009,0 0 30px #0052ff33;transition:transform .15s,box-shadow .15s}.element-settings-popup:after{background:linear-gradient(180deg,#00142800 0,#00142800 50%,#0014280a 0,#00142800 51%);background-size:100% 8px;bottom:0;content:"";left:0;opacity:.4;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.image-preview{align-items:center;background:#1419234d;display:flex;flex-direction:column;padding:10px 0}.image-replace-btn{margin-top:10px;padding:8px 16px}.image-preview-horizontal{align-items:center;background:#1419234d;border-radius:4px;display:flex;justify-content:space-between;padding:10px}.image-container{flex:0 0 60%;margin-right:10px;min-height:100px}.image-actions{flex:0 0 38%;flex-direction:column;justify-content:center}.image-replace-btn{background:#0066ff1a;border:1px solid #0066ff4d;border-radius:4px;color:#00a2ff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 12px;transition:all .2s;white-space:nowrap}.image-replace-btn:hover{background:#06f3;border-color:#0066ff80;color:#fff}.content-type-select{-webkit-appearance:none;appearance:none;background:#080c14b3;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%2300a2ff' d='M6 8.825 1.175 4 2.8 2.375l3.2 3.2 3.2-3.2L10.825 4z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #376edc33;border-radius:6px;box-shadow:inset 0 1px 2px #0000001a;color:#fff;font-size:14px;padding:12px 32px 12px 8px;transition:all .3s;width:100%}.content-type-select:focus{border-color:#06fc;box-shadow:0 0 0 3px #0066ff26,inset 0 1px 2px #0000001a;outline:none}.content-type-select option{background-color:#0f1116;color:#fff}.cart-settings-note{color:#8a9eff;font-size:14px;font-style:italic;margin:15px 0;padding:0;text-align:center}.rich-text-popup{display:flex;flex-direction:column;max-height:80vh;max-width:90vw;width:500px}.rich-text-popup-body{flex:1 1;margin:0;overflow:hidden;padding:0}.rich-text-popup-editor{border:none;height:100%;width:100%}.rich-text-popup-editor .editor-content{height:300px}.rich-text-popup .popup-actions{border-top:1px solid #3d3d3d;margin-top:0}.element-settings-popup button{background-color:#2d2d2d;border:1px solid #3d3d3d;border-radius:4px;color:#e0e0e0;cursor:pointer;padding:8px 12px;transition:all .2s}.element-settings-popup button:hover{background-color:#3d3d3d;border-color:#4a4a4a}.rich-text-editor{background:#2d2d2d;border:1px solid #3d3d3d;border-radius:4px;margin-bottom:10px;overflow:hidden}.editor-toolbar{align-items:center;background:#2a2a2a;border-bottom:1px solid #3d3d3d;display:flex;flex-wrap:wrap;gap:4px;padding:8px}.editor-toolbar button{align-items:center;background:#0000;border:1px solid #0000;border-radius:4px;color:#e0e0e0;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.editor-toolbar button:hover{background:#3d3d3d;border-color:#4a4a4a}.editor-toolbar button.active{background:#4a9eff;border-color:#4a9eff;color:#fff}.toolbar-divider{background:#3d3d3d;height:24px;margin:0 4px;width:1px}.format-select{background:#2d2d2d;border:1px solid #3d3d3d;border-radius:4px;color:#e0e0e0;cursor:pointer;font-size:14px;height:32px;padding:4px 8px}.format-select:hover{border-color:#4a4a4a}.format-select option{background:#2d2d2d;color:#e0e0e0}.editor-content{color:#e0e0e0;font-size:14px;line-height:1.5;max-height:500px;min-height:200px;overflow-y:auto;padding:12px}.editor-content:focus{outline:none}.editor-content h1{font-size:24px;margin:16px 0}.editor-content h2{font-size:20px;margin:14px 0}.editor-content h3{font-size:18px;margin:12px 0}.editor-content h4{font-size:16px;margin:10px 0}.editor-content h5{font-size:14px;font-weight:700;margin:8px 0}.editor-content h6{font-size:12px;font-weight:700;margin:6px 0}.editor-content p{margin:8px 0;min-height:1em}.editor-content blockquote{background:#4a9eff1a;border-left:4px solid #4a9eff;margin:10px 0;padding:10px 20px}.editor-content pre{background:#1d1d1d;border-radius:4px;font-family:monospace;overflow-x:auto;padding:10px}.editor-content ol,.editor-content ul{margin:10px 0;padding-left:24px;padding-right:0}.editor-content li{margin-bottom:5px}.editor-content a{color:#4a9eff;text-decoration:underline}.editor-content::-webkit-scrollbar{width:8px}.editor-content::-webkit-scrollbar-track{background:#2d2d2d}.editor-content::-webkit-scrollbar-thumb{background:#3d3d3d;border-radius:4px}.editor-content::-webkit-scrollbar-thumb:hover{background:#4a4a4a}@media (max-width:768px){.editor-toolbar{flex-wrap:wrap}.format-select{margin-top:8px;width:100%}}.color-picker-container{align-items:center;display:flex;flex-direction:column;margin:0 4px}.color-picker{background:#0000;border:none;border-radius:4px}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:1px solid #3d3d3d;border-radius:3px}.color-picker-label{color:#e0e0e0;font-size:10px;margin-top:2px}.top-bar{background-color:#1e1e1e;border-bottom:1px solid #494949;box-shadow:0 1px 3px #0003;font-size:11px;height:40px;left:0;padding:0 12px;position:fixed;right:0;top:0;z-index:1000}.ai-generate-btn,.top-bar{align-items:center;color:#fff;display:flex;justify-content:center}.ai-generate-btn{animation:gradientShift 8s ease infinite;background:linear-gradient(90deg,#7b4397,#2483dc,#4a00e0);background-size:200% 100%;border:none;border-radius:4px;box-shadow:0 2px 10px #7b43974d;cursor:pointer;font-size:12px;font-weight:600;gap:8px;height:28px;letter-spacing:.3px;margin:0 20px;min-width:160px;overflow:hidden;padding:0 20px;position:relative;transition:all .3s ease}.ai-generate-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .6s ease;width:100%}.ai-generate-btn:hover{box-shadow:0 4px 15px #7b439780;transform:translateY(-1px)}.ai-generate-btn:hover:before{animation:shine 3s ease-in-out infinite}.ai-generate-btn:active{box-shadow:0 2px 5px #7b43974d;transform:translateY(1px)}.ai-generate-btn i{font-size:14px}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes shine{0%{left:-100%}20%{left:100%}to{left:100%}}.topbar-left-section{align-items:center;display:flex;left:12px;position:absolute}.top-bar-right-section{position:absolute!important;right:12px!important}.hamburger-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;height:26px;justify-content:center;transition:all .2s ease;width:26px}.hamburger-btn:hover{background-color:#333}.hamburger-btn i{font-size:16px}.menu-dropdown{background-color:#252525;border:1px solid #333;border-radius:4px;box-shadow:0 4px 12px #0000004d;left:0;min-width:180px;overflow:hidden;position:absolute;top:38px;z-index:1001}.menu-dropdown ul{list-style:none}.menu-dropdown li,.menu-dropdown ul{margin:0;padding:0}.menu-item{align-items:center;background:#0000;border:none;color:#e0e0e0;cursor:pointer;display:flex;font-size:12px;gap:10px;padding:10px 14px;text-align:left;transition:all .15s ease;width:100%}.menu-item:hover{background-color:#333}.menu-item i{font-size:14px;text-align:center;width:16px}.divider{background-color:#333;height:1px;margin:4px 0}.device-switcher{background-color:#2a2a2a;border:1px solid #333;border-radius:4px;display:flex;overflow:hidden;padding:2px;position:relative}.device-btn{background:#0000;border:none;border-radius:3px;color:#b0b0b0;height:24px;justify-content:center;position:relative;transition:all .2s ease;width:32px}.device-btn i{font-size:14px;transition:all .15s ease}.device-btn.active,.device-btn:hover{color:#fff}.device-btn.active i{transform:scale(1.1)}.right-buttons{position:absolute;right:12px}.action-btn,.right-buttons{align-items:center;display:flex;gap:6px}.action-btn{background-color:#2a2a2a;border:1px solid #333;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;font-weight:500;height:26px;padding:0 10px;transition:all .2s ease}.action-btn:hover{background-color:#363636;border-color:#444}.action-btn i{font-size:12px}.code-btn{background-color:#2a2a2a}.code-btn:hover{background-color:#363636}.preview-btn{background-color:#2a2a2a}.preview-btn:hover{background-color:#363636}.preview-btn.active{background-color:#1565c0;border-color:#0d47a1;color:#fff}.save-btn{background-color:#2a2a2a}.save-btn:hover{background-color:#363636}.publish-btn{background-color:#0078d4;border-color:#0063b1;color:#fff}.publish-btn:hover{background-color:#0086f0;border-color:#0078d4}.screen-btn,.screen-size-buttons{display:flex;gap:4px}.screen-btn{align-items:center;background:#2a2a2a;border:1px solid #333;border-radius:3px;color:#fff;cursor:pointer;font-size:11px;height:20px;margin:0 4px;padding:4px 12px;transition:all .2s ease}.screen-btn:hover{background:#363636;border-color:#444}.screen-btn.active{background:#007bff;border-color:#0056b3;color:#fff}.screen-btn span{font-size:12px}.code-display-btn{background-color:#2a2a2a;border:1px solid #333;border-radius:3px;color:#fff;cursor:pointer;font-size:11px;height:20px;padding:2px 6px;position:absolute;right:12px;transition:background-color .2s}.code-display-btn:hover{background-color:#363636}.content-selector-wrapper{margin:0 12px;position:relative}.content-selector-btn{align-items:center;background-color:#2a2a2a;border:1px solid #333;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:8px;height:28px;min-width:180px;padding:0 12px;transition:all .2s ease}.content-selector-btn i:first-child{color:#64b5f6;font-size:12px}.content-selector-btn i:last-child{font-size:10px;margin-left:auto;opacity:.7}.content-selector-btn:hover{background-color:#363636;border-color:#444}.content-dropdown{background-color:#252525;border:1px solid #333;border-radius:4px;box-shadow:0 4px 12px #0000004d;left:0;overflow:hidden;position:absolute;top:34px;width:240px;z-index:1001}.content-dropdown-header{align-items:center;background-color:#1e1e1e;border-bottom:1px solid #333;display:flex;font-size:12px;font-weight:500;gap:8px;padding:10px 12px}.content-dropdown-header i{color:#64b5f6}.content-dropdown-items{max-height:240px;overflow-y:auto}.content-item-btn{align-items:center;background:#0000;border:none;border-bottom:1px solid #333;color:#e0e0e0;cursor:pointer;display:flex;font-size:12px;justify-content:space-between;padding:8px 12px;text-align:left;transition:all .15s ease;width:100%}.content-item-btn:hover{background-color:#333}.content-item-btn.active{background-color:#1e3a5f}.content-item-btn i{color:#4caf50;font-size:12px}.content-dropdown-items::-webkit-scrollbar{width:6px}.content-dropdown-items::-webkit-scrollbar-track{background:#1e1e1e}.content-dropdown-items::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.content-dropdown-items::-webkit-scrollbar-thumb:hover{background:#555}.zoom-controls{background-color:#2a2a2a;border:1px solid #333;border-radius:4px;margin:0 12px;padding:2px}.zoom-btn,.zoom-controls{align-items:center;display:flex}.zoom-btn{background:#0000;border:none;border-radius:3px;color:#b0b0b0;cursor:pointer;font-size:12px;justify-content:center;padding:4px 8px;transition:all .2s ease}.zoom-btn:hover{background-color:#363636;color:#fff}.zoom-btn:active{background-color:#222}.zoom-level-display{align-items:center;background-color:#1e1e1e;border:1px solid #444;border-radius:2px;color:#e0e0e0;display:flex;font-size:11px;font-weight:500;height:22px;justify-content:center;margin:0 2px;min-width:44px;padding:0 6px;text-align:center;-webkit-user-select:none;user-select:none}.reset-zoom{color:#9e9e9e;font-size:10px;margin-left:2px}.reset-zoom:hover{color:#fff}.publish-modal-overlay .existing-deployments-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:25px;padding:20px}.publish-modal-overlay .existing-deployments-section h3{align-items:center;color:#333;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 15px}.publish-modal-overlay .existing-deployments-section h3 i{color:#6c757d}.publish-modal-overlay .existing-deployments{display:flex;flex-direction:column;gap:12px}.publish-modal-overlay .existing-deployment{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:6px;display:flex;justify-content:space-between;padding:15px}.publish-modal-overlay .deployment-info{align-items:center;display:flex;flex:1 1;gap:12px}.publish-modal-overlay .deployment-icon{align-items:center;border-radius:50%;display:flex;font-size:16px;height:36px;justify-content:center;width:36px}.publish-modal-overlay .existing-deployment.production .deployment-icon{background:#d1ecf1;color:#0c5460}.publish-modal-overlay .existing-deployment.staging .deployment-icon{background:#fff3cd;color:#856404}.publish-modal-overlay .deployment-details h4{color:#333;font-size:14px;font-weight:600;margin:0 0 4px}.publish-modal-overlay .deployment-details p{color:#007bff;font-family:Courier New,monospace;font-size:13px;margin:0 0 4px}.publish-modal-overlay .deployment-details small{color:#6c757d;font-size:11px}.publish-modal-overlay .redeploy-btn{align-items:center;background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:8px 16px;transition:background-color .2s ease}.publish-modal-overlay .redeploy-btn:hover{background:#0056b3}.publish-modal-overlay .redeploy-btn i{font-size:11px}.publish-modal-overlay .text-info{color:#17a2b8}.publish-modal-overlay .deployments-loader{background:#fff;border:1px solid #dee2e6;border-radius:6px;padding:30px 20px;text-align:center}.publish-modal-overlay .loader-content{align-items:center;display:flex;flex-direction:column;gap:12px}.publish-modal-overlay .loader-content i{color:#007bff;font-size:24px}.publish-modal-overlay .loader-content p{color:#6c757d;font-size:14px;font-weight:500;margin:0}.publish-modal-overlay .no-deployments{background:#fff;border:1px solid #dee2e6;border-radius:6px;padding:40px 20px;text-align:center}.publish-modal-overlay .no-deployments-content{align-items:center;display:flex;flex-direction:column;gap:12px}.publish-modal-overlay .no-deployments-content i{color:#6c757d;font-size:32px;opacity:.7}.publish-modal-overlay .no-deployments-content p{color:#495057;font-size:16px;font-weight:500;margin:0}.publish-modal-overlay .no-deployments-content small{color:#6c757d;font-size:13px}.publish-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.publish-modal-overlay .publish-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow:hidden;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.publish-modal-overlay .publish-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e5e7eb;color:#fff;display:flex;justify-content:space-between;padding:24px}.publish-modal-overlay .publish-modal-header h2{align-items:center;display:flex;font-size:20px;font-weight:600;gap:12px;margin:0}.publish-modal-overlay .close-btn{align-items:center;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background-color .2s;width:32px}.publish-modal-overlay .close-btn:hover{background:#ffffff4d}.publish-modal-overlay .publish-modal-content{max-height:calc(90vh - 80px);overflow-y:auto;padding:24px}.publish-modal-overlay .publish-option{border:2px solid #e5e7eb;border-radius:8px;margin-bottom:16px;overflow:hidden;transition:all .2s}.publish-modal-overlay .publish-option:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a}.publish-modal-overlay .option-header{align-items:center;cursor:pointer;display:flex;padding:20px}.publish-modal-overlay .option-icon{align-items:center;border-radius:8px;display:flex;font-size:20px;height:48px;justify-content:center;margin-right:16px;width:48px}.publish-modal-overlay .preview-icon{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}.publish-modal-overlay .cloudflare-icon{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.publish-modal-overlay .option-info{flex:1 1}.publish-modal-overlay .option-info h3{color:#111827;font-size:16px;font-weight:600;margin:0 0 4px}.publish-modal-overlay .option-info p{color:#6b7280;font-size:14px;margin:0}.publish-modal-overlay .option-toggle{position:relative}.publish-modal-overlay .option-toggle input[type=radio]{-webkit-appearance:none;appearance:none;border:2px solid #d1d5db;border-radius:50%;cursor:pointer;height:20px;position:relative;transition:all .2s;width:20px}.publish-modal-overlay .option-toggle input[type=radio]:checked{background:#4f46e5;border-color:#4f46e5}.publish-modal-overlay .option-toggle input[type=radio]:checked:after{background:#fff;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.publish-modal-overlay .cloudflare-deployment-section{border:2px solid #e5e7eb;border-radius:8px;margin-bottom:16px;overflow:hidden}.publish-modal-overlay .section-header{align-items:center;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;display:flex;padding:20px}.publish-modal-overlay .section-icon{align-items:center;background:#fff3;border-radius:8px;display:flex;font-size:20px;height:48px;justify-content:center;margin-right:16px;width:48px}.publish-modal-overlay .section-info h3{font-size:18px;font-weight:600;margin:0 0 4px}.publish-modal-overlay .section-info p{font-size:14px;margin:0;opacity:.9}.publish-modal-overlay .cloudflare-options{background:#f9fafb;padding:20px}.publish-modal-overlay .subdomain-section{margin-bottom:24px}.publish-modal-overlay .subdomain-section label{color:#374151;display:block;font-weight:500;margin-bottom:8px}.publish-modal-overlay .subdomain-input-group{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:8px;display:flex;position:relative;transition:border-color .2s}.publish-modal-overlay .subdomain-input-group:focus-within{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.publish-modal-overlay .subdomain-input{background:#0000;border:none;flex:1 1;font-size:14px;outline:none;padding:12px 16px}.publish-modal-overlay .subdomain-input.available{border-color:#10b981}.publish-modal-overlay .subdomain-input.error,.publish-modal-overlay .subdomain-input.taken{border-color:#ef4444}.publish-modal-overlay .subdomain-input.invalid{border-color:#f59e0b}.publish-modal-overlay .domain-suffix{background:#f9fafb;border-left:1px solid #e5e7eb;color:#6b7280;font-size:14px;padding:12px 16px}.publish-modal-overlay .availability-indicator{align-items:center;display:flex;justify-content:center;min-width:48px;padding:12px 16px}.publish-modal-overlay .availability-message{align-items:center;border-radius:6px;display:flex;font-size:13px;gap:8px;margin-top:8px;padding:8px 12px}.publish-modal-overlay .availability-message.available{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.publish-modal-overlay .availability-message.error,.publish-modal-overlay .availability-message.taken{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.publish-modal-overlay .availability-message.invalid{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.publish-modal-overlay .subdomain-help{margin-top:8px}.publish-modal-overlay .subdomain-help small{align-items:center;color:#6b7280;display:flex;gap:6px}.publish-modal-overlay .environment-section{border-bottom:1px solid #e5e7eb;border-top:1px solid #e5e7eb;margin:24px 0;padding:20px 0}.publish-modal-overlay .environment-section>label{color:#374151;display:block;font-weight:500;margin-bottom:16px}.publish-modal-overlay .environment-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:12px}.publish-modal-overlay .environment-option{position:relative}.publish-modal-overlay .environment-option input[type=radio]{opacity:0;pointer-events:none;position:absolute}.publish-modal-overlay .environment-label{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;height:100%;padding:16px;transition:all .2s}.publish-modal-overlay .environment-option input[type=radio]:checked+.environment-label{background:#f0f4ff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.publish-modal-overlay .environment-label:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000001a}.publish-modal-overlay .env-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:16px;height:40px;justify-content:center;margin-right:12px;width:40px}.publish-modal-overlay .staging-icon{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff}.publish-modal-overlay .production-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.publish-modal-overlay .env-info{flex:1 1;min-width:0}.publish-modal-overlay .env-info h4{color:#111827;font-size:14px;font-weight:600;margin:0 0 4px}.publish-modal-overlay .env-info p{color:#6b7280;font-size:12px;line-height:1.4;margin:0 0 4px}.publish-modal-overlay .env-info small{color:#9ca3af;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:11px}.publish-modal-overlay .environment-help{margin-top:12px}.publish-modal-overlay .environment-help small{align-items:flex-start;color:#6b7280;display:flex;font-size:12px;gap:6px;line-height:1.4}.publish-modal-overlay .environment-help i{flex-shrink:0;margin-top:2px}.publish-modal-overlay .custom-domain-section{border-top:1px solid #e5e7eb;margin-top:20px;padding-top:20px}.publish-modal-overlay .custom-domain-toggle{align-items:center;display:flex;gap:8px;margin-bottom:16px}.publish-modal-overlay .custom-domain-toggle input[type=checkbox]{accent-color:#4f46e5;height:16px;width:16px}.publish-modal-overlay .custom-domain-toggle label{color:#374151;cursor:pointer;font-size:14px}.publish-modal-overlay .custom-domain-input{margin-left:24px}.publish-modal-overlay .custom-domain-input label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.publish-modal-overlay .domain-input{border:2px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px 50px 12px 16px;transition:border-color .2s;width:100%}.publish-modal-overlay .domain-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.publish-modal-overlay .publish-actions{border-top:1px solid #e5e7eb;margin-top:32px;padding-top:24px}.publish-modal-overlay .publish-btn{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;margin-bottom:50px;padding:16px 24px;transition:all .2s;width:100%}.publish-modal-overlay .publish-btn:hover:not(:disabled){background:linear-gradient(135deg,#4338ca,#6d28d9);box-shadow:0 8px 25px #4f46e54d;transform:translateY(-1px)}.publish-modal-overlay .publish-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.publish-modal-overlay .publishing-status{padding:40px 20px;text-align:center}.publish-modal-overlay .publishing-animation{animation:bounce 2s infinite;color:#4f46e5;margin-bottom:24px}.publish-modal-overlay .publishing-status h3{color:#111827;font-size:20px;margin:0 0 8px}.publish-modal-overlay .publishing-status p{color:#6b7280;margin:0 0 24px}.publish-modal-overlay .progress-bar{background:#e5e7eb;border-radius:2px;height:4px;overflow:hidden;width:100%}.publish-modal-overlay .progress-fill{animation:progress 2s ease-in-out infinite;background:linear-gradient(90deg,#4f46e5,#7c3aed);height:100%}@keyframes progress{0%{width:0}50%{width:70%}to{width:100%}}.publish-modal-overlay .publish-success{padding:40px 20px;text-align:center}.publish-modal-overlay .success-icon{color:#10b981;margin-bottom:24px}.publish-modal-overlay .publish-success h3{color:#111827;font-size:20px;margin:0 0 24px}.publish-modal-overlay .published-urls{margin-bottom:32px}.publish-modal-overlay .url-item{margin-bottom:16px;text-align:left}.publish-modal-overlay .url-item label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.publish-modal-overlay .url-display{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:8px;padding:12px 16px}.publish-modal-overlay .url-display span{color:#374151;flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;word-break:break-all}.publish-modal-overlay .copy-btn,.publish-modal-overlay .visit-btn{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;text-decoration:none;transition:all .2s;width:32px}.publish-modal-overlay .copy-btn:hover,.publish-modal-overlay .visit-btn:hover{background:#e5e7eb;color:#374151}.publish-modal-overlay .success-actions{display:flex;gap:12px;justify-content:center}.publish-modal-overlay .primary-btn,.publish-modal-overlay .secondary-btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;text-decoration:none;transition:all .2s}.publish-modal-overlay .secondary-btn{background:#f9fafb;border:1px solid #d1d5db;color:#374151}.publish-modal-overlay .secondary-btn:hover{background:#f3f4f6}.publish-modal-overlay .primary-btn{background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;color:#fff}.publish-modal-overlay .primary-btn:hover{background:linear-gradient(135deg,#4338ca,#6d28d9);box-shadow:0 4px 12px #4f46e54d;transform:translateY(-1px)}.publish-modal-overlay .publish-error{padding:40px 20px;text-align:center}.publish-modal-overlay .error-icon{color:#ef4444;margin-bottom:24px}.publish-modal-overlay .publish-error h3{color:#111827;font-size:20px;margin:0 0 16px}.publish-modal-overlay .publish-error p{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#6b7280;margin:0 0 32px;padding:16px;text-align:left}.publish-modal-overlay .error-actions{display:flex;gap:12px;justify-content:center}.publish-modal-overlay .text-success{color:#10b981}.publish-modal-overlay .text-error{color:#ef4444}.publish-modal-overlay .text-warning{color:#f59e0b}@media (max-width:640px){.publish-modal-overlay .publish-modal{margin:20px;width:95%}.publish-modal-overlay .publish-modal-content,.publish-modal-overlay .publish-modal-header{padding:20px}.publish-modal-overlay .option-header{padding:16px}.publish-modal-overlay .environment-options{gap:8px;grid-template-columns:1fr}.publish-modal-overlay .environment-label{padding:12px}.publish-modal-overlay .env-icon{font-size:14px;height:32px;margin-right:8px;width:32px}.publish-modal-overlay .error-actions,.publish-modal-overlay .success-actions{flex-direction:column}.publish-modal-overlay .primary-btn,.publish-modal-overlay .secondary-btn{justify-content:center;width:100%}}.publish-modal-overlay .domain-input-group{align-items:center;display:flex;margin-bottom:8px;position:relative}.publish-modal-overlay .domain-input-group .domain-input{padding-right:50px}.publish-modal-overlay .domain-input.valid{border-color:#10b981}.publish-modal-overlay .domain-input.invalid{border-color:#ef4444}.publish-modal-overlay .domain-validation-indicator{align-items:center;display:flex;height:20px;justify-content:center;position:absolute;right:16px;top:50%;transform:translateY(-50%);width:20px}.publish-modal-overlay .domain-validation-message{align-items:center;border-radius:4px;display:flex;font-size:12px;gap:6px;margin-bottom:8px;padding:6px 12px}.publish-modal-overlay .domain-validation-message.valid{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.publish-modal-overlay .domain-validation-message.invalid{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.publish-modal-overlay .custom-domain-help{margin-top:8px}.publish-modal-overlay .custom-domain-help small{align-items:center;color:#64748b;display:flex;font-size:13px;gap:6px}.publish-modal-overlay .dns-instructions{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin:24px 0;padding:20px;text-align:left}.publish-modal-overlay .dns-instructions h4{align-items:center;color:#1e293b;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 12px}.publish-modal-overlay .dns-instructions h4 i{color:#3b82f6}.publish-modal-overlay .dns-instructions p{color:#64748b;font-size:14px;margin:0 0 16px}.publish-modal-overlay .dns-records{margin-bottom:16px}.publish-modal-overlay .dns-record{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px}.publish-modal-overlay .record-info{display:flex;flex:1 1;gap:16px}.publish-modal-overlay .record-field{display:flex;flex-direction:column;gap:2px}.publish-modal-overlay .record-field label{color:#64748b;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.publish-modal-overlay .record-value{background:#f1f5f9;border-radius:3px;color:#1e293b;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;padding:2px 6px}.publish-modal-overlay .copy-record-btn{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s;width:28px}.publish-modal-overlay .copy-record-btn:hover{background:#e5e7eb;color:#374151}.publish-modal-overlay .dns-help{gap:8px}.publish-modal-overlay .help-item{color:#64748b}.publish-modal-overlay .help-item i{color:#3b82f6}.publish-modal-overlay .dns-preview{background:#f8fafc;border:1px solid #e2e8f0;border-left:4px solid #3b82f6;border-radius:8px;margin:16px 0;padding:16px}.publish-modal-overlay .dns-preview h4{align-items:center;color:#1e293b;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 12px}.publish-modal-overlay .dns-preview h4 i{color:#3b82f6}.publish-modal-overlay .dns-preview p{color:#64748b;font-size:13px;margin:0 0 16px}.publish-modal-overlay .dns-preview-records{margin-bottom:16px}.publish-modal-overlay .dns-preview-record{background:#fff;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:8px;padding:12px}.publish-modal-overlay .record-preview-info{display:flex;gap:16px}.publish-modal-overlay .record-preview-field{display:flex;flex-direction:column;gap:2px;min-width:80px}.publish-modal-overlay .record-preview-field label{color:#64748b;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.publish-modal-overlay .record-preview-field span{background:#f1f5f9;border-radius:3px;color:#1e293b;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;padding:2px 6px}.publish-modal-overlay .dns-preview-help{display:flex;flex-direction:column;gap:8px}.publish-modal-overlay .dns-preview-help .help-item{align-items:center;color:#64748b;display:flex;font-size:12px;gap:8px}.publish-modal-overlay .dns-preview-help .help-item i{color:#3b82f6;font-size:11px}.publish-modal-overlay .dns-setup-guide{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin:24px 0;padding:20px}.publish-modal-overlay .dns-setup-guide h5{align-items:center;color:#1e293b;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px}.publish-modal-overlay .dns-setup-guide h5 i{color:#3b82f6}.publish-modal-overlay .setup-steps{display:flex;flex-direction:column;gap:16px}.publish-modal-overlay .setup-step{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:16px;padding:16px}.publish-modal-overlay .step-number{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.publish-modal-overlay .step-content h6{color:#1e293b;font-size:14px;font-weight:600;margin:0 0 8px}.publish-modal-overlay .step-content p{color:#64748b;font-size:13px;line-height:1.5;margin:0}.publish-modal-overlay .provider-guides{background:#fefefe;border:1px solid #e2e8f0;border-radius:8px;margin:24px 0;padding:20px}.publish-modal-overlay .provider-guides h5{align-items:center;color:#1e293b;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px}.publish-modal-overlay .provider-guides h5 i{color:#10b981}.publish-modal-overlay .provider-tabs{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.publish-modal-overlay .provider-guide{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:16px;transition:all .2s ease}.publish-modal-overlay .provider-guide:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.publish-modal-overlay .provider-guide h6{align-items:center;color:#1e293b;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 8px}.publish-modal-overlay .provider-guide h6 i{color:#3b82f6;font-size:12px}.publish-modal-overlay .provider-guide p{color:#64748b;font-size:12px;line-height:1.4;margin:0}.publish-modal-overlay .dns-troubleshooting{background:#fef7f0;border:1px solid #fed7aa;border-left:4px solid #f97316;border-radius:8px;margin:24px 0;padding:20px}.publish-modal-overlay .dns-troubleshooting h5{align-items:center;color:#1e293b;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px}.publish-modal-overlay .dns-troubleshooting h5 i{color:#f97316}.publish-modal-overlay .troubleshooting-items{display:flex;flex-direction:column;gap:16px}.publish-modal-overlay .troubleshooting-item{align-items:flex-start;background:#fff;border:1px solid #fed7aa;border-radius:6px;display:flex;gap:12px;padding:16px}.publish-modal-overlay .troubleshooting-item i{color:#f97316;flex-shrink:0;font-size:16px;margin-top:2px}.publish-modal-overlay .troubleshooting-item strong{color:#1e293b;display:block;font-size:13px;margin-bottom:4px}.publish-modal-overlay .troubleshooting-item p{color:#64748b;font-size:12px;line-height:1.4;margin:0}.publish-modal-overlay .troubleshooting-item a{color:#3b82f6;text-decoration:none}.publish-modal-overlay .troubleshooting-item a:hover{text-decoration:underline}.publish-modal-overlay .dns-help{background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;display:flex;flex-direction:column;gap:12px;margin-top:20px;padding:16px}.publish-modal-overlay .help-item{align-items:center;color:#0c4a6e;display:flex;font-size:13px;gap:8px}.publish-modal-overlay .help-item i{color:#0284c7;flex-shrink:0;font-size:12px}@media (max-width:640px){.publish-modal-overlay .provider-tabs{grid-template-columns:1fr}.publish-modal-overlay .setup-step{flex-direction:column;text-align:center}.publish-modal-overlay .step-number{align-self:center}.publish-modal-overlay .record-info,.publish-modal-overlay .record-preview-info{flex-direction:column;gap:8px}.publish-modal-overlay .troubleshooting-item{flex-direction:column;text-align:center}.publish-modal-overlay .troubleshooting-item i{align-self:center}}.publish-modal-overlay .dns-instructions-link{align-items:center;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;display:flex;gap:16px;justify-content:space-between;margin:20px 0;padding:16px}.publish-modal-overlay .link-info{align-items:flex-start;display:flex;flex:1 1;gap:12px}.publish-modal-overlay .link-info i{color:#0284c7;flex-shrink:0;font-size:18px;margin-top:2px}.publish-modal-overlay .link-info strong{color:#0c4a6e;display:block;font-size:14px;font-weight:600;margin-bottom:4px}.publish-modal-overlay .link-info p{color:#0369a1;font-size:13px;line-height:1.4;margin:0}.publish-modal-overlay .dns-guide-btn{align-items:center;background:linear-gradient(135deg,#0284c7,#0369a1);border:none;border-radius:6px;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;text-decoration:none;transition:all .2s ease}.publish-modal-overlay .dns-guide-btn:hover{background:linear-gradient(135deg,#0369a1,#075985);box-shadow:0 4px 12px #0284c74d;transform:translateY(-1px)}.publish-modal-overlay .dns-guide-btn i{font-size:13px}@media (max-width:640px){.publish-modal-overlay .dns-instructions-link{align-items:flex-start;flex-direction:column;gap:12px}.publish-modal-overlay .dns-guide-btn{justify-content:center;width:100%}}.publish-modal-overlay .dns-provider-warning{background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;margin:12px 0;padding:12px}.publish-modal-overlay .warning-content{align-items:flex-start;color:#92400e;display:flex;font-size:13px;gap:8px}.publish-modal-overlay .warning-link{color:#1d4ed8;margin-left:4px;text-decoration:underline}.publish-modal-overlay .warning-link:hover{color:#1e40af}.right-section{background-color:#1e1e1e;border-left:1px solid #333;color:#fff;font-size:11px;height:calc(100vh - 16px);padding:8px;right:0;top:32px;width:250px;z-index:900}.no-selection{color:#666;font-style:italic;margin-top:20px;text-align:center}.property-section{margin-bottom:12px}.property-section h4{border-bottom:1px solid #333;color:#fff;font-size:11px;margin:0 0 8px;padding-bottom:4px}.property-group{background-color:#272727;border:1px solid #333;border-radius:3px;margin-bottom:8px;padding:4px}.property-group label{color:#ccc;font-size:10px}.property-group input,.property-group select{background-color:#363636;border:1px solid #444;border-radius:2px;color:#fff;font-size:10px;padding:3px 4px;width:100%}.property-group input[type=color]{cursor:pointer;height:24px;padding:0}.property-group input[type=number]{width:60px}.property-group select{cursor:pointer;height:22px}.property-group input:focus,.property-group select:focus{border-color:#666;outline:none}.view-toggle-buttons{background-color:#1e1e1e;display:flex;gap:4px;justify-content:space-between;padding:4px 0;top:0;z-index:1}.view-toggle-buttons button{background-color:#2a2a2a;border:1px solid #444;border-radius:4px;color:#ccc;cursor:pointer;flex:1 1;font-size:10px;padding:6px;transition:background-color .2s,color .2s;white-space:nowrap}.view-toggle-buttons button.active{background-color:#007bff;border-color:#0056b3;color:#fff}.view-toggle-buttons button:hover:not(.active){background-color:#363636}.right-section::-webkit-scrollbar{width:8px}.right-section::-webkit-scrollbar-track{background:#1e1e1e}.right-section::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.right-section::-webkit-scrollbar-thumb:hover{background:#555}.section-title-basic-properties{font-size:12px!important;font-weight:600!important;margin:0!important;padding:8px 6px!important}.class-name-group{display:flex;flex-direction:column;gap:8px}.class-names-container{gap:8px}.class-tag{background-color:#007bff;color:#fff;padding:2px 6px;position:relative}.class-tag input{color:#fff;font-size:12px}.display-property{align-items:center;background:#2a2a2a;border:1px solid #444;border-radius:4px;display:flex;gap:8px;margin-bottom:12px;padding:0 0 0 8px}.display-label{color:#cfcfcf;font-size:9px;white-space:nowrap}.display-options{grid-gap:0;background:#0000;border:none;border-left:1px solid #444;display:grid;flex:1 1;gap:0;grid-template-columns:repeat(3,minmax(40px,1fr)) minmax(50px,auto);margin-bottom:0}.display-option{align-items:center;background:#0000;border:none;border-right:1px solid #444;color:#fff;cursor:pointer;display:flex;font-size:9px;height:24px;justify-content:center;min-width:0;overflow:hidden;padding:4px 2px;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap;width:100%}.display-option:last-child{border-right:none;width:100%}.display-option:hover{background:#363636}.display-option.active{background:#2b5876;color:#fff}.display-dropdown-content button{background:#0000;border:none;color:#fff;cursor:pointer;font-size:9px;padding:6px 8px;text-align:left;transition:background .2s ease;white-space:nowrap;width:100%}.display-dropdown-content button:hover{background:#363636}.dropdown-arrow{color:#666;font-size:8px;margin-left:4px;transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.class-input-container{position:relative;width:100%}.class-input{background:#363636;border:1px solid #444;border-radius:3px;color:#fff;font-size:11px;padding:4px 8px;width:100%}.class-suggestions{background:#2a2a2a;border:1px solid #444;border-radius:4px;left:0;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.suggestion-item{background:#0000;border:none;color:#fff;cursor:pointer;font-size:11px;padding:6px 8px;text-align:left;transition:background .2s ease;width:100%}.suggestion-item:hover{background:#363636}.class-dropdown{background:#2a2a2a;border:1px solid #444;border-radius:4px;margin-top:4px;min-width:120px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.class-dropdown button{background:#0000;border:none;color:#fff;cursor:pointer;font-size:11px;padding:6px 8px;text-align:left;transition:background .2s ease;width:100%}.class-dropdown button:hover{background:#363636}.display-option-dropdown{min-width:0;position:relative;width:100%}.display-option-dropdown .display-option{justify-content:space-between;padding:4px 8px}.display-option-dropdown .display-option.active{background:#2b5876}.display-dropdown-content{background:#2a2a2a;border:1px solid #444;border-radius:4px;box-shadow:0 4px 6px #0000004d;left:auto;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%;z-index:9999}.flex-properties{margin-top:12px}.flex-property{align-items:center;background:#2a2a2a;border:1px solid #444;border-radius:4px;display:flex;gap:8px;margin-bottom:12px;padding:0 0 0 8px}.flex-label{color:#cfcfcf;font-size:9px;white-space:nowrap}.flex-options{grid-gap:0;background:#0000;border:none;border-left:1px solid #444;display:grid;flex:1 1;gap:0;grid-template-columns:repeat(2,minmax(40px,1fr)) minmax(50px,auto);margin-bottom:0}.flex-option{align-items:center;background:#0000;border:none;border-right:1px solid #444;color:#fff;cursor:pointer;display:flex;font-size:9px;height:24px;justify-content:center;min-width:0;overflow:hidden;padding:4px 2px;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap;width:100%}.flex-option:last-child{border-right:none}.flex-option:hover{background:#363636}.flex-option.active{background:#2b5876;color:#fff}.flex-option-dropdown{min-width:0;position:relative;width:100%}.flex-option-dropdown .flex-option{justify-content:space-between;padding:4px 8px}.flex-dropdown-content{background:#2a2a2a;border:1px solid #444;border-radius:4px;box-shadow:0 4px 6px #0000004d;left:auto;margin-top:4px;min-width:100%;overflow:hidden;position:absolute;right:0;top:100%;z-index:9999}.flex-dropdown-content button{background:#0000;border:none;color:#fff;cursor:pointer;font-size:9px;padding:6px 8px;text-align:left;transition:background .2s ease;white-space:nowrap;width:100%}.flex-dropdown-content button:hover{background:#363636}.flex-align-options{grid-gap:8px;background:#0000;border:none;border-left:1px solid #444;display:grid;flex:1 1;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:0;padding:4px 8px}.flex-align-dropdown{position:relative;width:100%}.flex-align-button{align-items:center;background:#0000;border:1px solid #444;border-radius:3px;color:#fff;cursor:pointer;display:flex;font-size:9px;justify-content:space-between;padding:4px 8px;transition:all .2s ease;width:100%}.flex-align-button:hover{background:#363636}.align-axis-label{color:#cfcfcf;margin-right:8px}.align-value{flex:1 1;margin:0 4px;text-align:left}.flex-align-dropdown-content{background:#2a2a2a;border:1px solid #444;border-radius:4px;box-shadow:0 4px 6px #0000004d;left:0;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%;z-index:9999}.flex-align-dropdown-content button{background:#0000;border:none;color:#fff;cursor:pointer;font-size:9px;padding:6px 8px;text-align:left;transition:background .2s ease;white-space:nowrap;width:100%}.flex-align-dropdown-content button:hover{background:#363636}.flex-gap-control{align-items:center;background:#0000;border:none;border-left:1px solid #444;display:flex;flex:1 1;gap:12px;justify-content:space-between;margin-bottom:0;padding:4px 8px;position:relative}.flex-gap-slider{-webkit-appearance:none;background:#444;border-radius:1px;flex:0.7 1;height:2px;margin-right:4px;outline:none;width:60px}.flex-gap-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:12px;-webkit-transition:background .2s ease;transition:background .2s ease;width:12px}.flex-gap-slider::-webkit-slider-thumb:hover{background:#007bff}.flex-gap-input{align-items:center;background:#363636;border:1px solid #444;border-radius:3px;display:flex;flex:0.3 1;padding:2px 6px;width:100px}.flex-gap-input input{-moz-appearance:textfield;background:#0000;border:none;color:#fff;font-size:9px;padding:2px;width:calc(100% - 32px)}.flex-gap-input input::-webkit-inner-spin-button,.flex-gap-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.flex-gap-input{position:relative}.unit-label{color:#cfcfcf;font-size:9px;margin-left:4px;margin-right:16px;white-space:nowrap}.grid-properties{margin-top:12px}.grid-property{align-items:center;background:#2a2a2a;border:1px solid #444;border-radius:4px;display:flex;gap:8px;margin-bottom:12px;padding:0 0 0 8px}.grid-label{color:#cfcfcf;font-size:9px;white-space:nowrap}.grid-inputs{grid-gap:16px;border-left:1px solid #444;display:grid;flex:1 1;gap:16px;grid-template-columns:repeat(2,auto);justify-content:space-around;padding:4px 8px}.grid-input-group{display:flex;flex-direction:column;gap:4px;position:relative}.grid-input-wrapper{align-items:center;display:flex;position:relative;width:fit-content}.grid-input-group input{-moz-appearance:textfield;background:#363636;border:1px solid #444;border-radius:3px;color:#fff;font-size:9px;padding:6px 16px 6px 6px;width:60px}.grid-input-group input::-webkit-inner-spin-button,.grid-input-group input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.grid-input-arrows{bottom:0;display:flex;flex-direction:column;pointer-events:all;position:absolute;right:0;top:0;width:16px}.grid-arrow-btn{align-items:center;background:#0000;border:none;color:#007bff;cursor:pointer;display:flex;flex:1 1;font-size:8px;height:50%;justify-content:center;padding:0;transition:color .2s ease}.grid-arrow-btn:hover{color:#2b5876}.grid-arrow-btn:active{color:#0056b3}.grid-arrow-up{padding-top:2px}.grid-arrow-down{padding-bottom:2px}.grid-direction-options{grid-gap:0;border-left:1px solid #444;display:grid;flex:1 1;gap:0;grid-template-columns:1fr 1fr}.grid-option{align-items:center;background:#0000;border:none;border-right:1px solid #444;color:#fff;cursor:pointer;display:flex;font-size:9px;height:24px;justify-content:center;padding:4px 2px;transition:all .2s ease}.grid-option:last-child{border-right:none}.grid-option:hover{background:#363636}.grid-option.active{background:#2b5876;color:#fff}.grid-align-options{grid-gap:8px;border-left:1px solid #444;display:grid;flex:1 1;gap:8px;grid-template-columns:1fr 1fr;padding:4px 8px}.grid-align-dropdown{position:relative;width:100%}.grid-align-button{align-items:center;background:#0000;border:1px solid #444;border-radius:3px;color:#fff;cursor:pointer;display:flex;font-size:9px;justify-content:space-between;padding:4px 8px;transition:all .2s ease;width:100%}.grid-align-button:hover{background:#363636}.grid-align-dropdown-content{background:#2a2a2a;border:1px solid #444;border-radius:4px;box-shadow:0 4px 6px #0000004d;left:0;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%;z-index:9999}.grid-align-dropdown-content button{background:#0000;border:none;color:#fff;cursor:pointer;font-size:9px;padding:6px 8px;text-align:left;transition:background .2s ease;white-space:nowrap;width:100%}.grid-align-dropdown-content button:hover{background:#363636}.grid-gap-control{align-items:center;border-left:1px solid #444;display:flex;flex:1 1;gap:12px;justify-content:space-between;padding:4px 8px;position:relative}.grid-gap-slider{-webkit-appearance:none;background:#444;border-radius:1px;flex:0.7 1;height:2px;margin-right:4px;outline:none;width:60px}.grid-gap-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:12px;-webkit-transition:background .2s ease;transition:background .2s ease;width:12px}.grid-gap-slider::-webkit-slider-thumb:hover{background:#007bff}.grid-gap-input{align-items:center;background:#363636;border:1px solid #444;border-radius:3px;display:flex;flex:0.3 1;padding:2px 6px;position:relative;width:100px}.grid-gap-input input{-moz-appearance:textfield;background:#0000;border:none;color:#fff;font-size:9px;padding:2px;width:calc(100% - 32px)}.grid-gap-input input::-webkit-inner-spin-button,.grid-gap-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.spacing-controls{display:flex;flex-direction:column;gap:8px}.spacing-box-wrapper{background:#2a2a2a;border:1px solid #444;border-radius:4px;padding:8px}.margin-box{background:#2b587626;border:1px dashed #4c9eff;box-shadow:inset 0 0 15px #4c9eff1a;height:100px;width:90%}.margin-box,.padding-box{align-items:center;display:flex;justify-content:center;position:relative}.padding-box{background:#4e437626;border:1px dashed #9f7aea;box-shadow:inset 0 0 15px #9f7aea1a;height:70px;width:70%}.element-box{align-items:center;border:1px solid #555;box-shadow:0 0 10px #0003;display:flex;height:40px;justify-content:center;width:50%}.element-box,.spacing-input{background:#2a2a2a;color:#fff;font-size:9px}.spacing-input{-moz-appearance:textfield;border:1px solid #444;border-radius:2px;height:18px;padding:1px 4px;position:absolute;text-align:center;transition:all .2s ease;width:32px}.margin-right{right:-9px;top:50%;transform:translateY(-50%)}.margin-bottom{bottom:-9px;left:50%;transform:translateX(-50%)}.margin-left{left:-9px;top:50%;transform:translateY(-50%)}.padding-top{left:50%;top:6px;transform:translateX(-50%)}.padding-right{right:6px;top:50%;transform:translateY(-50%)}.padding-bottom{bottom:6px;left:50%;transform:translateX(-50%)}.padding-left{left:6px;top:50%;transform:translateY(-50%)}.margin-label,.padding-label{background:#2a2a2a;font-size:9px;left:8px;padding:0 4px;position:absolute;top:-6px}.margin-label{color:#4c9eff;font-weight:500;text-shadow:0 0 8px #4c9eff4d}.padding-label{color:#9f7aea;font-weight:500;text-shadow:0 0 8px #9f7aea4d}.spacing-input::-webkit-inner-spin-button,.spacing-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.spacing-input:focus{background:#363636;border-color:#2b5876;outline:none;z-index:1}.spacing-input:hover{background:#404040;border-color:#2b5876}.margin-box .spacing-input:focus,.margin-box .spacing-input:hover{background:#363636;border-color:#4c9eff;box-shadow:0 0 0 1px #4c9eff4d}.padding-box .spacing-input:focus,.padding-box .spacing-input:hover{background:#363636;border-color:#9f7aea;box-shadow:0 0 0 1px #9f7aea4d}.spacing-number{background:#2a2a2a;border:1px solid #444;border-radius:2px;color:#fff;cursor:col-resize;font-size:9px;height:18px;min-width:24px;padding:0 4px;position:absolute;text-align:center;transition:all .2s ease;-webkit-user-select:none;user-select:none}.spacing-number.negative{color:#f44}.spacing-number:hover{background:#363636;border-color:#2b5876}.margin-top{left:50%;top:-9px;transform:translateX(-50%)}.number-popup{animation:popupFadeIn .2s ease;background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff1a;left:50%;max-width:340px;min-width:300px;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:9999}.number-popup:before{background:linear-gradient(145deg,#ffffff1a,#0000);border-radius:12px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute}.number-popup-content{gap:20px}.popup-header{border-bottom:1px solid #ffffff1a;padding-bottom:12px}.property-name{color:#fff;font-size:14px;font-weight:500;letter-spacing:.5px;text-shadow:0 0 10px #ffffff4d}.value-display{margin-bottom:12px;text-align:center}.current-value{color:#fff;font-size:24px;font-weight:600;text-shadow:0 0 10px #0077ff80}.unit{color:#fff9;font-size:14px;margin-left:4px}.slider-container{padding:0 12px}.slider-container input[type=range]{-webkit-appearance:none;background:linear-gradient(90deg,#1a1a1a,#2a2a2a);border-radius:2px;height:4px;outline:none;width:100%}.slider-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#007bff;border:2px solid #fffc;border-radius:50%;box-shadow:0 0 10px #0077ff80;cursor:pointer;height:16px;-webkit-transition:all .2s ease;transition:all .2s ease;width:16px}.slider-container input[type=range]::-webkit-slider-thumb:hover{background:#0056b3;transform:scale(1.1)}.slider-markers{color:#fff6;display:flex;font-size:11px;justify-content:space-between;margin-top:8px}.input-group{display:flex;gap:8px}.number-input-wrapper{flex:1 1;position:relative}.number-input-wrapper input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;font-size:13px;padding:8px 32px 8px 12px;transition:all .2s ease;width:100%}.number-input-wrapper input:focus{background:#ffffff1a;border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.auto-button{background:linear-gradient(145deg,#2d2d2d,#1d1d1d);border:1px solid #ffffff1a;border-radius:6px;font-size:13px;padding:8px 16px;transition:all .2s ease}.auto-button:hover{background:linear-gradient(145deg,#333,#222);border-color:#007bff;box-shadow:0 0 10px #0077ff4d}.popup-close{background:none;border:none;color:#fff9;cursor:pointer;font-size:20px;line-height:1;padding:4px;transition:all .2s ease}.popup-close:hover{color:#fff;transform:scale(1.1)}.popup-overlay{align-items:center;animation:overlayFadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;justify-content:center;left:0;z-index:9998}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.popup-overlay-inspector{align-items:center;animation:overlayFadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;height:calc(200vh - 32px);justify-content:center;left:0;position:absolute;right:0;top:0;width:100%;z-index:10000}.number-popup-spacing{animation:popupFadeIn .2s ease;background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff1a;left:calc(100% - 140px);max-width:80%;padding:12px;position:fixed;top:50vh;transform:translate(-50%,-50%);width:200px;z-index:10001}@keyframes popupFadeIn{0%{opacity:0;transform:translate(-50%,-48%) scale(.98)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.spacing-visual{align-items:center;display:flex;height:120px;justify-content:center;overflow:visible;position:relative;width:100%}.number-popup-spacing:before{background:linear-gradient(145deg,#ffffff1a,#0000);border-radius:12px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute}.right-section{height:92vh}.class-dropdown,.class-suggestions,.display-dropdown-content,.flex-dropdown-content{z-index:1}.number-popup-content{display:flex;flex-direction:column;gap:12px}.popup-header{padding-bottom:8px}.current-value{font-size:16px}.slider-container{padding:0 4px}.input-group{gap:6px;margin-top:20px}.number-input-wrapper input{padding:4px 24px 4px 8px;width:50%}.auto-button{font-size:12px;padding:4px 8px}.popup-close{font-size:16px;padding:2px}::-webkit-scrollbar{background:#0000;height:0;width:0}*{-ms-overflow-style:none;scrollbar-width:none}.right-section{overflow-y:auto;position:relative;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin;z-index:1}.right-section::-webkit-scrollbar{width:6px}.right-section::-webkit-scrollbar-track{background:#0000}.right-section::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:3px}.right-section::-webkit-scrollbar-thumb:hover{background-color:#fff3}.device-tabs{background:#0003;border-radius:4px;display:flex;gap:4px;margin-bottom:12px;padding:4px}.device-tabs button{background:#0000;border:none;border-radius:2px;color:#fff;cursor:pointer;flex:1 1;font-size:11px;padding:4px 8px;transition:all .2s ease}.device-tabs button:hover{background:#ffffff1a}.device-tabs button.active{background:#007bff}.property-section{width:100%}.size-properties{display:flex;flex-direction:row;gap:8px;width:100%}.size-property{align-items:center;background:#2a2a2a;border:1px solid #444;border-radius:4px;display:flex;flex:1 1;gap:8px;height:26px;min-width:0;padding:0 0 0 8px}.size-label{flex-shrink:0;white-space:nowrap;width:25px}.size-input-group{align-items:center;border-left:1px solid #444;height:100%;min-width:0}.size-input-group input{font-size:11px;height:100%;min-width:0;padding:0 32px 0 8px;width:60px}.unit-dropdown{border-left:none;position:absolute;right:0;top:0;width:32px}.unit-button{align-items:center;background:#0000;border:none;color:#888;cursor:pointer;display:flex;font-size:9px;gap:2px;height:100%;justify-content:center;min-width:0;padding:0 4px;width:100%}.unit-button:hover{background:#363636}.unit-dropdown-content{background:#2a2a2a;border:1px solid #444;border-radius:4px;box-shadow:0 4px 6px #0000004d;margin-top:4px;min-width:60px;overflow:hidden;position:absolute;right:0;top:100%;z-index:9999}.unit-dropdown-content button{background:#0000;border:none;color:#fff;cursor:pointer;font-size:9px;padding:6px 12px;text-align:left;transition:background .2s ease;white-space:nowrap;width:100%}.unit-dropdown-content button:hover{background:#363636}.overflow-properties{display:flex;flex-direction:column;gap:8px}.overflow-property{align-items:center;background:#2a2a2a;border:1px solid #444;border-radius:4px;display:flex;gap:8px;height:32px;width:100%}.overflow-options{grid-gap:0;border-left:1px solid #444;display:grid;flex:1 1;gap:0;grid-template-columns:repeat(5,1fr);height:100%}.overflow-option{align-items:center;background:#0000;border:none;border-right:1px solid #444;color:#fff;cursor:pointer;display:flex;font-size:9px;height:100%;justify-content:center;min-width:0;overflow:hidden;padding:4px 2px;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}.overflow-option:last-child{border-right:none}.overflow-option:hover{background:#363636}.overflow-option.active{background-color:#2b5876!important;color:#fff}.overflow-option.active i{color:#fff!important}.overflow-label{color:#cfcfcf;flex-shrink:0;font-size:9px;padding-left:8px;white-space:nowrap;width:35px}.object-fit-property{align-items:center;background:#2a2a2a;border:1px solid #444;border-radius:4px;display:flex;flex:1 1;gap:8px;height:26px;min-width:0;padding:0 0 0 8px}.object-fit-label{color:#cfcfcf;flex-shrink:0;font-size:9px;white-space:nowrap;width:45px}.object-fit-button{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-size:9px;height:100%;justify-content:space-between;padding:0 8px;transition:background .2s ease;width:100%}.object-fit-button:hover{background:#363636}.object-fit-dropdown-content{background:#2a2a2a;border:1px solid #444;border-radius:4px;box-shadow:0 4px 6px #0000004d;left:0;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%;z-index:9999}.object-fit-dropdown-content button{background:#0000;border:none;color:#fff;cursor:pointer;font-size:9px;padding:6px 12px;text-align:left;transition:background .2s ease;white-space:nowrap;width:100%}.object-fit-dropdown-content button:hover{background:#363636}.class-names-container{background:#363636;border-radius:4px;padding:8px}.class-tags{border:1px solid #0000;flex-wrap:wrap;gap:6px;padding:4px}.class-tag,.class-tags{border-radius:3px;display:flex;transition:all .2s ease}.class-tag{align-items:center;font-size:12px;gap:4px;padding:4px 8px}.class-tag input{background:#0000;border:none;color:inherit;font-size:inherit;outline:none;width:100%}.class-tag:hover{opacity:.9}.property-group{margin-bottom:12px}.property-group-header{margin-bottom:4px;padding:4px 0}.property-group-title{color:#888;font-size:10px;letter-spacing:.5px}.class-names-container{display:flex;flex-direction:column;gap:4px}.class-input-wrapper{position:relative;width:100%}.class-input.modern{background:#1a1a1a;border:1px solid #333;border-radius:3px;color:#fff;font-size:11px;padding:6px 8px;transition:all .2s ease;width:91%}.class-input.modern:focus{background:#2a2a2a;border-color:#007bff;outline:none}.class-suggestions.modern{background:#1a1a1a;border:1px solid #333;border-radius:3px;box-shadow:0 4px 8px #0000004d;left:0;margin-top:2px;max-height:150px;overflow:hidden;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.suggestion-item.modern{background:#0000;border:none;color:#fff;cursor:pointer;font-size:11px;padding:6px 8px;text-align:left;transition:background .2s ease;width:100%}.suggestion-item.modern:hover{background:#2a2a2a}.class-tags-wrapper{background:#1a1a1a;border:1px solid #333;border-radius:3px;display:flex;flex-wrap:wrap;gap:4px;min-height:28px;padding:4px}.class-tag.modern{align-items:center;background:#006ed1;border-radius:3px;color:#fff;display:flex;font-size:11px;gap:4px;height:20px;padding:2px 6px;transition:all .2s ease}.class-tag.modern:hover{background:#0059a8}.class-tag-text{cursor:text;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.class-tag-input{background:#0000;border:none;color:#fff;font-size:11px;max-width:120px;min-width:40px;outline:none;padding:0;width:100%}.class-tag-delete{align-items:center;background:none;border:none;color:#ffffff80;cursor:pointer;display:flex;font-size:14px;justify-content:center;line-height:1;margin-left:2px;padding:0;transition:color .2s ease}.class-tag-delete:hover{color:#fff}.class-tags-wrapper.empty{background:#0000;border:none;min-height:auto;padding:0}.class-input.modern.empty-state{background:#1a1a1a;border:1px solid #333;margin:0;width:100%}.class-input.modern.empty-state:focus{background:#2a2a2a;border-color:#007bff}.state-section-header{border:none!important;border-radius:4px 4px 0 0!important}.state-section-header[data-state=default]{background:linear-gradient(270deg,#2b58768b,#00213473)!important;width:100%!important}.state-section-header[data-state=hover]{background:linear-gradient(270deg,#4a00e0aa,#8e2de2aa)!important;width:100%!important}.state-section-header[data-state=pressed]{background:linear-gradient(270deg,#972b2baa,#4f0000aa)!important;width:100%!important}.state-section-header[data-state=focused]{background:linear-gradient(270deg,#2b9747aa,#004f1faa)!important;width:100%!important}.popup-unit-dropdown{border-left:1px solid #444;height:100%;min-width:36px;position:relative}.popup-unit-dropdown .unit-button{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-size:10px;height:100%;justify-content:center;padding:0 4px;width:100%}.popup-unit-dropdown .dropdown-arrow{color:#999;font-size:8px;margin-left:2px}.popup-unit-dropdown .unit-dropdown-content{background:#2a2a2a;border:1px solid #444;border-radius:3px;box-shadow:0 4px 12px #0009;max-height:150px;overflow-y:auto;padding:4px 0;position:fixed;width:80px;z-index:100000}.popup-unit-dropdown .unit-dropdown-content button{background:#0000;border:none;color:#fff;cursor:pointer;font-size:11px;padding:6px 12px;text-align:left;transition:background .15s ease;width:100%}.popup-unit-dropdown .unit-dropdown-content button:hover{background:#3a3a3a}.popup-unit-dropdown .unit-dropdown-content button:active{background:#444}.number-input-wrapper{align-items:stretch;background:#363636;border:1px solid #444;border-radius:3px;display:flex;overflow:hidden}.number-input-wrapper input{background:#0000;border:none;color:#fff;flex:1 1;font-size:12px;padding:4px 8px}.auto-button{background:#4c9eff;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:10px;padding:4px 10px;transition:background .2s}.auto-button:hover{background:#3a8be7}.popup-unit-select{appearance:none;-webkit-appearance:none;background-color:#363636;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 4 5%27%3E%3Cpath fill=%27rgba%28255, 255, 255, 0.4%29%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3E%3C/svg%3E");background-position:right 6px center;background-repeat:no-repeat;background-size:8px;border:none;border-left:1px solid #444;color:#fff;cursor:pointer;font-size:11px;height:100%;min-width:40px;outline:none;padding:0 15px 0 4px}.popup-unit-select:hover{background-color:#444}.popup-unit-select option{background-color:#2a2a2a;color:#fff;padding:4px}.position-unit-select{appearance:none;-webkit-appearance:none;background-color:#363636;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 4 5%27%3E%3Cpath fill=%27rgba%28255, 255, 255, 0.4%29%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3E%3C/svg%3E");background-position:right 6px center;background-repeat:no-repeat;background-size:8px;border:none;border-left:1px solid #444;color:#fff;cursor:pointer;font-size:11px;height:100%;min-width:40px;outline:none;padding:0 15px 0 4px}.position-unit-select:hover{background-color:#444}.position-unit-select option{background-color:#2a2a2a;color:#fff;padding:4px}.empty-value::placeholder{color:#ffffff4d;opacity:1}.position-input-group input.empty-value,.z-index-input-group input.empty-value{color:#ffffff4d}.position-input-group input::placeholder,.z-index-input-group input::placeholder{color:#ffffff4d;opacity:1}.position-type-select{appearance:none;-webkit-appearance:none;background-color:initial;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 4 5%27%3E%3Cpath fill=%27rgba%28255, 255, 255, 0.4%29%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:8px;border:none;color:#fff;cursor:pointer;font-size:11px;height:100%;min-height:26px;padding:0 24px 0 8px;width:100%}.clear-select:hover,.float-select:hover,.position-type-select:hover{background-color:#363636}.clear-select:focus,.float-select:focus,.position-type-select:focus{outline:none}.clear-select option,.float-select option,.position-type-select option{background-color:#2a2a2a;color:#fff;padding:4px}.clear-select,.float-select{background-color:initial;color:#fff}.clear-select,.float-select,.font-select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 4 5%27%3E%3Cpath fill=%27rgba%28255, 255, 255, 0.4%29%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:8px;border:none;cursor:pointer;font-size:11px;height:100%;min-height:26px;padding:0 24px 0 8px;width:100%}.font-select,.font-select option{background-color:#2a2a2a!important;color:#fff!important}.font-select option{padding:8px!important}.font-select optgroup{background-color:#333!important;border-bottom:1px solid #444!important;border-top:1px solid #444!important;color:#fff!important;font-weight:700!important;padding:6px!important}.font-weight-select{appearance:none;-webkit-appearance:none;background-color:initial;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 4 5%27%3E%3Cpath fill=%27rgba%28255, 255, 255, 0.4%29%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:8px;border:none;color:#fff;cursor:pointer;font-size:11px;height:100%;min-height:26px;padding:0 24px 0 8px;width:100%}.font-weight-select option{background-color:#2a2a2a;color:#fff;padding:4px}.typography-unit-select{appearance:none;-webkit-appearance:none;background-color:#363636;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 4 5%27%3E%3Cpath fill=%27rgba%28255, 255, 255, 0.4%29%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3E%3C/svg%3E");background-position:right 6px center;background-repeat:no-repeat;background-size:8px;border:none;border-left:1px solid #444;color:#fff;cursor:pointer;font-size:11px;height:100%;min-width:40px;outline:none;padding:0 15px 0 4px}.typography-unit-select:hover{background-color:#444}.typography-unit-select option{background-color:#2a2a2a;color:#fff;padding:4px}.object-fit-select,.unit-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#0000;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 4 5%27%3E%3Cpath fill=%27rgba%28255, 255, 255, 0.4%29%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3E%3C/svg%3E");background-position:right 6px center;background-repeat:no-repeat;background-size:8px;border:none;color:#fff;cursor:pointer;font-size:10px;height:100%;padding:0 15px 0 4px;width:100%}.object-fit-select:focus,.unit-select:focus{background-color:#363636;outline:none}.object-fit-select:hover,.unit-select:hover{background-color:#444}.object-fit-select option,.unit-select option{background-color:#2a2a2a;color:#fff;padding:4px}.unit-dropdown{flex:0 0 auto;width:45px}.object-fit-dropdown,.unit-dropdown{border-left:1px solid #444;height:100%;position:relative}.object-fit-dropdown{flex:1 1}select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill=%27white%27 height=%2724%27 viewBox=%270 0 24 24%27 width=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7 10l5 5 5-5z%27/><path d=%27M0 0h24v24H0z%27 fill=%27none%27/></svg>");background-position-x:calc(100% - 5px);background-position-y:50%;background-repeat:no-repeat}.typography-properties{display:flex;flex-direction:column;gap:8px;height:174px}.font-property{align-items:center;background:#2a2a2a;border:1px solid #444;border-radius:4px;display:flex;flex:1 1;gap:8px;height:26px;min-width:0;padding:0 0 0 8px}.font-label{color:#cfcfcf;flex-shrink:0;font-size:9px;white-space:nowrap;width:18px}.font-dropdown{border-left:1px solid #444;flex:1 1;height:100%;position:relative}.font-button{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-size:9px;height:100%;justify-content:space-between;padding:0 8px;transition:background .2s ease;width:100%}.font-button:hover{background:#363636}.font-dropdown-content{background:#2a2a2a;border:1px solid #444;border-radius:4px;box-shadow:0 4px 6px #0000004d;left:0;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%;z-index:9999}.font-dropdown-content button{background:#0000;border:none;color:#fff;cursor:pointer;font-size:9px;padding:6px 12px;text-align:left;transition:background .2s ease;white-space:nowrap;width:100%}.font-dropdown-content button:hover{background:#363636}.font-weight-property{align-items:center;background:#2a2a2a;border:1px solid #444;border-radius:4px;display:flex;flex:1 1;gap:8px;height:26px;min-width:0;padding:0 0 0 8px}.font-weight-label{color:#cfcfcf;flex-shrink:0;font-size:9px;white-space:nowrap;width:26px}.font-weight-dropdown{border-left:1px solid #444;flex:1 1;height:100%;position:relative}.font-weight-button{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-size:9px;font-size:8px;height:100%;justify-content:space-between;padding:0 8px;transition:background .2s ease;width:100%}.font-weight-button:hover{background:#363636}.font-weight-dropdown-content{background:#2a2a2a;border:1px solid #444;border-radius:4px;box-shadow:0 4px 6px #0000004d;left:0;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%;z-index:9999}.font-weight-dropdown-content button{background:#0000;border:none;color:#fff;cursor:pointer;font-size:9px;padding:6px 12px;text-align:left;transition:background .2s ease;white-space:nowrap;width:100%}.font-weight-dropdown-content button:hover{background:#363636}.typography-row{display:flex;gap:8px;width:100%}.font-size-property,.line-height-property{align-items:center;background:#2a2a2a;border:1px solid #444;border-radius:4px;display:flex;flex:1 1;gap:8px;height:26px;min-width:0;padding:0 0 0 8px}.font-size-label,.line-height-label{color:#cfcfcf;flex-shrink:0;font-size:9px;white-space:nowrap;width:24px}.font-color-property{align-items:center;background:#2a2a2a;border:1px solid #444;border-radius:4px;display:flex;flex:1 1;height:26px;min-width:0;padding:0 0 0 8px}.font-color-label{color:#cfcfcf;flex-shrink:0;font-size:9px;white-space:nowrap;width:45px}.color-input-group{align-items:center;border-left:1px solid #444;flex:1 1;flex-wrap:wrap;height:100%;padding:0 8px}.color-input-group input[type=color]{background:none;border:none;height:20px;margin-right:8px;padding:0;width:20px}.color-input-group input[type=color]::-webkit-color-swatch{border:1px solid #444}.color-input-group input[type=text]{background:#0000;border:none;font-size:9px;height:100%;margin-right:8px;min-width:0;padding:0}.alpha-control{align-items:center;display:flex;flex:0 0 auto;gap:5px;height:100%;margin-left:auto}.alpha-slider.compact{-webkit-appearance:none;background:linear-gradient(90deg,#fff0,#fff);border-radius:2px;height:4px;margin:0;outline:none;padding:0;width:90px}.alpha-slider.compact::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:1px solid #444;border-radius:50%;box-shadow:0 0 2px #0006;cursor:pointer;height:8px;width:8px}.alpha-slider.compact::-moz-range-thumb{background:#fff;border:1px solid #444;border-radius:50%;box-shadow:0 0 2px #0006;cursor:pointer;height:8px;width:8px}.alpha-badge{background:#363636;border:1px solid #444;border-radius:3px;color:#fff;font-size:8px;min-width:24px;padding:1px 4px;text-align:center}.alpha-slider-container,.alpha-slider-label,.alpha-value{display:none}.text-align-property{align-items:center;background:#2a2a2a;border:1px solid #444;border-radius:4px;display:flex;flex:1 1;gap:8px;height:26px;min-width:0;padding:0 0 0 8px}.text-align-label{color:#cfcfcf;flex-shrink:0;font-size:9px;white-space:nowrap;width:40px}.text-align-options{grid-gap:0;border-left:1px solid #444;display:grid;flex:1 1;gap:0;grid-template-columns:repeat(4,1fr);height:100%}.text-align-option{align-items:center;background:#0000;border:none;border-right:1px solid #444;color:#fff;cursor:pointer;display:flex;font-size:9px;height:100%;justify-content:center;min-width:0;padding:4px 2px;transition:all .2s ease}.text-align-option:last-child{border-right:none}.text-align-option:hover{background:#363636}.text-align-option.active{background-color:#2b5876!important;color:#fff}.text-align-option.active i{color:#fff!important}.text-decoration-property{align-items:center;background:#2a2a2a;border:1px solid #444;border-radius:4px;display:flex;flex:1 1;gap:8px;height:26px;min-width:0;padding:0 0 0 8px}.text-decoration-label{color:#cfcfcf;flex-shrink:0;font-size:9px;white-space:nowrap;width:40px}.text-decoration-options{grid-gap:0;border-left:1px solid #444;display:grid;flex:1 1;gap:0;grid-template-columns:repeat(4,1fr);height:100%}.text-decoration-option{align-items:center;background:#0000;border:none;border-right:1px solid #444;color:#fff;cursor:pointer;display:flex;font-size:9px;height:100%;justify-content:center;min-width:0;padding:4px 2px;transition:all .2s ease}.text-decoration-option:last-child{border-right:none}.text-decoration-option:hover{background:#363636}.text-decoration-option.active{background-color:#2b5876!important;color:#fff}.text-decoration-option.active i{color:#fff!important}.color-picker-container{position:relative}.color-picker-swatch{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);border:1px solid #444;border-radius:4px;cursor:pointer;display:inline-block;height:24px;overflow:hidden;position:relative;width:24px}.color-picker-color{bottom:0;left:0;position:absolute;right:0;top:0}.color-picker-toggle{align-items:center;background:#0000;border:none;color:#888;cursor:pointer;display:flex;font-size:10px;justify-content:center;margin-left:4px;padding:0}.color-picker-toggle:hover{color:#fff}.color-picker-popup{background:#2a2a2a;border:1px solid #444;border-radius:4px;box-shadow:0 5px 15px #00000080;left:auto;padding:10px;position:fixed;top:auto;transform:none!important;-webkit-user-select:none;user-select:none;width:220px;z-index:999}.color-picker-popup .react-colorful{--rc-saturation-interaction-offset:15px;height:150px;touch-action:none;width:100%}.react-colorful__alpha,.react-colorful__hue{border-radius:3px;height:14px;touch-action:none}.react-colorful__saturation{border-radius:3px 3px 0 0;touch-action:none}.react-colorful__alpha-pointer,.react-colorful__hue-pointer,.react-colorful__saturation-pointer{border-width:2px;height:14px;pointer-events:none;transition:transform .1s ease-out;width:14px;will-change:transform}.react-colorful__alpha-pointer,.react-colorful__hue-pointer,.react-colorful__saturation-pointer{transform:translate(-7px,-7px)!important}.color-input-footer{align-items:center;display:flex;justify-content:space-between;margin-top:10px}.color-format-toggle{background:#363636;border:1px solid #444;border-radius:3px;color:#fff;cursor:pointer;font-size:10px;padding:4px 8px}.color-format-toggle:hover{background:#444}.color-input-text{background:#363636;border:1px solid #444;border-radius:3px;color:#fff;flex:1 1;font-size:10px;margin-right:8px;padding:4px 8px}.color-input-text:focus{border-color:#007bff;outline:none}.alpha-slider-container{align-items:center;display:flex;gap:8px;margin-top:5px}.alpha-slider-label{color:#cfcfcf;font-size:9px;white-space:nowrap;width:40px}.alpha-slider{-webkit-appearance:none;background:linear-gradient(90deg,#fff0,#fff);border-radius:2px;flex:1 1;height:4px;outline:none}.alpha-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:1px solid #444;border-radius:50%;box-shadow:0 0 2px #0006;cursor:pointer;height:12px;width:12px}.alpha-slider::-moz-range-thumb{background:#fff;border:1px solid #444;border-radius:50%;box-shadow:0 0 2px #0006;cursor:pointer;height:12px;width:12px}.alpha-value{background:#363636;border:1px solid #444;border-radius:3px;color:#fff;font-size:9px;padding:2px 4px;text-align:center;width:30px}.position-properties{display:flex;flex-direction:column;gap:8px}.position-property{align-items:center;background:#2a2a2a;border:1px solid #444;border-radius:4px;display:flex;flex:1 1;gap:8px;min-height:26px;min-width:0;padding:0 0 0 8px}.position-label{flex-shrink:0;white-space:nowrap}.position-dropdown{border-left:1px solid #444;flex:1 1;height:100%;position:relative}.position-button{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-size:9px;height:100%;justify-content:space-between;padding:0 8px;transition:background .2s ease;width:100%}.position-button:hover{background:#363636}.position-dropdown-content{background:#2a2a2a;border:1px solid #444;border-radius:4px;box-shadow:0 4px 6px #0000004d;left:0;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%;z-index:9999}.position-dropdown-content button{background:#0000;border:none;color:#fff;cursor:pointer;font-size:9px;padding:6px 12px;text-align:left;transition:background .2s ease;white-space:nowrap;width:100%}.position-dropdown-content button:hover{background:#363636}.position-offset-controls{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.position-offset-property{align-items:center;background:#2a2a2a;border:1px solid #444;border-radius:4px;display:flex;flex:1 1;gap:8px;height:26px;min-width:0;padding:0 0 0 8px}.position-offset-label{color:#cfcfcf;flex-shrink:0;font-size:9px;white-space:nowrap;width:25px}.position-input-group{align-items:center;border-left:1px solid #444;height:100%;min-width:0;position:relative}.position-input-group input{height:100%;min-width:0;padding:0 32px 0 8px;width:60px}.position-input-group input:disabled{color:#888;cursor:not-allowed}.z-index-property{align-items:center;background:#2a2a2a;border:1px solid #444;border-radius:4px;display:flex;gap:8px;height:26px;padding:0 0 0 8px}.z-index-label{color:#cfcfcf;flex-shrink:0;font-size:9px;white-space:nowrap;width:45px}.z-index-input-group{align-items:center;border-left:1px solid #444;display:flex;flex:1 1;height:100%;min-width:0;position:relative;width:100%}.z-index-input-group input{background:#0000;border:none;color:#fff;font-size:9px;height:100%;min-width:0;padding:0 8px;width:100%}.z-index-input-group input:focus{outline:none}.float-clear-row{display:flex;gap:8px}.clear-property,.float-property{align-items:center;background:#2a2a2a;border:1px solid #444;border-radius:4px;display:flex;flex:1 1;gap:8px;height:26px;min-width:0;padding:0 0 0 8px}.clear-label,.float-label{color:#cfcfcf;flex-shrink:0;font-size:9px;white-space:nowrap;width:35px}.clear-dropdown,.float-dropdown{border-left:1px solid #444;flex:1 1;height:100%;position:relative}.clear-button,.float-button{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-size:9px;height:100%;justify-content:space-between;padding:0 8px;transition:background .2s ease;width:100%}.clear-button:hover,.float-button:hover{background:#363636}.clear-dropdown-content,.float-dropdown-content{background:#2a2a2a;border:1px solid #444;border-radius:4px;box-shadow:0 4px 6px #0000004d;left:0;overflow:hidden;position:absolute;right:0;top:100%;z-index:9999}.clear-dropdown-content button,.float-dropdown-content button{background:#0000;border:none;color:#fff;cursor:pointer;font-size:9px;padding:6px 12px;text-align:left;transition:background .2s ease;white-space:nowrap;width:100%}.clear-dropdown-content button:hover,.float-dropdown-content button:hover{background:#363636}.borders-section{background-color:#212121;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.border-property{background:#2a2a2a;border:1px solid #444;border-radius:4px;flex:1 1;gap:8px;height:26px;min-width:0;padding:0 0 0 8px}.border-property,.style-row{align-items:center;display:flex}.style-row{border-bottom:1px solid #333;padding:8px 0}.style-label{color:#cfcfcf;flex-shrink:0;font-size:9px;width:40px}.style-controls{align-items:center;border-left:1px solid #444;display:flex;flex:1 1;gap:8px;position:relative}.style-input{background:#2a2a2a;border:1px solid #444;border-radius:3px;color:#fff;font-size:12px;height:28px;padding:0 8px;text-align:center;width:50px}.style-input:focus{border-color:#555;outline:none}.border-section .unit-dropdown{flex:0 0 auto;height:100%;min-width:65px;right:0;top:0}.border-section .unit-select{appearance:none;-webkit-appearance:none;background-color:#2a2a2a;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%23a0a0a0' d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-position:right 5px center;background-repeat:no-repeat;border-radius:3px;height:28px;padding:2px 20px 2px 5px;width:100%}.border-section .unit-select:hover{background-color:#3a3a3a}.border-section .unit-select:focus{border-color:#3a6ea7}.border-section .style-controls{position:relative}.border-section .style-input{min-width:40px}.border-section .border-width-controls,.border-section .radius-controls{gap:5px}.border-section .style-controls .unit-button{display:none}.border-mode-controls,.border-sides-controls,.border-style-controls,.radius-mode-controls{display:flex;gap:4px}.border-mode-button,.radius-mode-button{align-items:center;background:#2a2a2a;border:1px solid #444;border-radius:3px;color:#a0a0a0;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:100%}.border-mode-button.active,.border-side-button.active,.border-style-button.active,.radius-mode-button.active{background:#2b5876;border-color:#3a6ea7;color:#fff}.border-mode-button:hover,.border-side-button:hover,.border-style-button:hover,.radius-mode-button:hover{background:#3a3a3a;color:#fff}.border-side-button,.border-style-button{align-items:center;background:#2a2a2a;border:1px solid #444;border-radius:3px;color:#a0a0a0;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:100%}.border-solid-icon{background-color:#fff;height:2px;width:16px}.border-dashed-icon{background-image:linear-gradient(90deg,#fff 50%,#0000 0)}.border-dashed-icon,.border-dotted-icon{background-size:4px 100%;height:2px;width:16px}.border-dotted-icon{background-image:radial-gradient(circle,#fff 1px,#0000 0);background-position:0 0;background-repeat:space}.color-picker{background:#2a2a2a;border:1px solid #444;border-radius:3px;cursor:pointer;height:24px;padding:0;width:24px}.color-opacity-slider{align-items:center;display:flex;flex:1 1}.opacity-slider{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,red 0,red);border-radius:2px;flex:1 1;height:4px;outline:none}.opacity-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #444;border-radius:50%;cursor:pointer;height:12px;width:12px}.opacity-value{color:#a0a0a0;font-size:12px;margin-left:8px;min-width:35px;text-align:right}.radius-corner-controls{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(4,1fr)}.radius-corner-button{align-items:center;background:#2a2a2a;border:1px solid #444;border-radius:3px;color:#a0a0a0;cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:all .2s ease;width:100%}.radius-corner-button:hover{background:#3a3a3a;color:#fff}.radius-corner-button.active{background:#2b5876;border-color:#3a6ea7;color:#fff}.radius-corner-button svg{height:18px;width:18px}.radius-corner-button path{stroke:currentColor;transition:all .2s ease}.border-color-controls{align-items:center;display:flex;gap:10px}.border-section .unit-select{background-color:#333;border:1px solid #444;border-radius:2px;color:#ddd;cursor:pointer;font-size:12px;height:26px;margin-left:5px;min-width:50px;outline:none;padding:2px 5px}.border-section .unit-select:hover{background-color:#444}.border-section .style-controls{align-items:center;display:flex}.border-section .style-input{flex:1 1}.border-section .border-width-controls,.border-section .radius-controls{align-items:center;display:flex}.border-section .style-controls .unit-dropdown{display:none}.background-section{display:flex;flex-direction:column;gap:8px}.background-property{align-items:center;background:#2a2a2a;border:1px solid #444;border-radius:4px;display:flex;gap:8px;height:26px;padding:0 0 0 8px}.background-label{color:#cfcfcf;flex-shrink:0;font-size:9px;white-space:nowrap;width:45px}.background-color-group{align-items:center;border-left:1px solid #444;display:flex;flex:1 1;gap:8px;height:100%;padding-left:8px}.color-input-wrapper{height:100%;position:relative;width:32px}.color-input-wrapper input[type=color]{background:#0000;border:none;cursor:pointer;height:100%;padding:0;width:100%}.color-input-wrapper input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-input-wrapper input[type=color]::-webkit-color-swatch{border:none;border-radius:2px}.background-color-group input[type=text]{background:#0000;border:none;color:#fff;flex:1 1;font-size:12px;height:100%;padding:0 4px}.background-color-group input[type=text]:focus{outline:none}.background-color-group input[type=text].focused{background:#ffffff1a}.background-section .alpha-control{align-items:center;display:flex;gap:6px;margin-top:2px;padding-right:4px}.background-section .alpha-slider{-webkit-appearance:none;border-radius:2px;cursor:pointer;flex:1 1;height:4px}.background-section .alpha-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:none;border-radius:50%;box-shadow:0 1px 3px #0000004d;cursor:pointer;height:10px;width:10px}.background-section .alpha-slider:focus{outline:none}.background-section .alpha-slider.compact{height:3px}.background-section .alpha-slider.compact::-webkit-slider-thumb{height:8px;width:8px}.background-section .alpha-badge{color:#aaa;font-size:8px;min-width:24px;text-align:right}.background-clip-dropdown{border-left:1px solid #444;flex:1 1;height:100%;position:relative}.clip-button{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-size:9px;height:100%;justify-content:space-between;padding:0 8px;transition:background .2s ease;width:100%}.clip-button:hover{background:#363636}.clip-dropdown-content{background:#2a2a2a;border:1px solid #444;border-radius:4px;box-shadow:0 4px 6px #0000004d;left:0;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%;z-index:9999}.clip-dropdown-content button{background:#0000;border:none;color:#fff;cursor:pointer;font-size:9px;padding:6px 12px;text-align:left;transition:background .2s ease;white-space:nowrap;width:100%}.clip-dropdown-content button:hover{background:#363636}.image-gradient-wrapper{align-items:center;border-left:1px solid #444;display:flex;flex:1 1;height:100%;padding-left:8px}.add-image-gradient-button{align-items:center;background:#363636;border:none;border-radius:3px;cursor:pointer;display:flex;gap:4px;height:100%;justify-content:center;margin-left:auto;margin-right:4px;padding:0 8px;transition:all .2s ease;width:100%}.add-image-gradient-button:hover{background:#404040}.add-image-gradient-button.active,.add-image-gradient-button:active{background:#2b5876}.add-image-gradient-button span{color:#fff;font-size:9px}.add-image-gradient-button i{font-size:9px}.popup-overlay{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background:#0000;bottom:0;display:flex;justify-content:flex-end;left:48px;position:fixed;right:0;top:0;z-index:9999}.popup-panel{background:#2a2a2a;border-left:1px solid #444;box-shadow:-4px 0 12px #0000004d;height:100%;width:270px;z-index:9999}.popup-header{height:42px;padding:12px 16px}.popup-header span{color:#fff;font-size:12px;font-weight:500}.close-popup-button{align-items:center;background:#0000;border:none;border-radius:4px;color:#888;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.close-popup-button:hover{background:#363636;color:#fff}.popup-content{height:calc(100% - 42px);overflow:visible;padding:12px;position:relative}.type-selection{margin-bottom:12px}.type-buttons{display:flex;gap:6px}.type-button{align-items:center;background:#363636;border:1px solid #444;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:4px;padding:8px;transition:all .2s ease}.type-button:hover{background:#404040}.type-button.active{background:#2b5876;border-color:#4a90e2}.type-button i{font-size:14px}.type-button span{color:#fff;font-size:10px}.gradient-icon{background:radial-gradient(circle at center,#333 0,#333 30%,#fff 40%,#fff 100%);border:1px solid #fff;border-radius:50%;height:12px;position:relative;width:12px}.gradient-icon:after{background:linear-gradient(135deg,#fff6,#0000 50%,#0003);border-radius:50%;bottom:-1px;content:"";left:-1px;position:absolute;right:-1px;top:-1px}.background-image-label{color:#cfcfcf;flex-shrink:0;font-size:9px;white-space:nowrap;width:125px}.image-section{background:#262626;border:1px solid #444;border-radius:4px;overflow:visible}.section-title{background:#2a2a2a;border-bottom:1px solid #444;padding:8px 12px}.image-preview-box{padding:12px}.image-preview{background:#363636;border:1px solid #444;height:120px;margin-bottom:12px;width:100%}.image-info{display:flex;flex-direction:column;gap:8px}.image-name{color:#888;font-size:10px}.choose-image-button{align-items:center;background:#363636;border:1px solid #444;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:6px;justify-content:center;padding:8px;transition:all .2s ease;width:100%}.choose-image-button:hover{background:#404040}.choose-image-button:active{background:#2b5876}.choose-image-button i{font-size:12px}.choose-image-button span{font-size:11px}.background-size-box{padding:12px}.size-type-buttons{background:#363636;border-radius:4px;display:flex;gap:1px;margin-bottom:12px;padding:2px}.size-type-button{background:#0000;border:none;border-radius:3px;color:#fff;cursor:pointer;flex:1 1;font-size:10px;padding:4px 8px;transition:background .2s ease}.size-type-button:hover{background:#404040}.size-type-button.active{background:#2b5876}.custom-size-inputs{display:flex;flex-direction:column;gap:8px}.size-input-wrapper{align-items:center;display:flex;gap:8px}.size-label{color:#cfcfcf;font-size:9px}.size-input-group{background:#363636;border:1px solid #444;border-radius:4px;display:flex;flex:1 1;height:26px;overflow:visible;position:relative}.size-input-group input{background:#0000;border:none;color:#fff;flex:1 1;font-size:9px;padding:0 8px}.size-input-group input:focus{outline:none}.size-input-group .unit-dropdown{border-left:1px solid #444;width:36px}.size-input-group input:disabled{cursor:not-allowed;opacity:.5}.size-input-group input::placeholder{color:#666}.background-unit-dropdown{border-left:1px solid #444;height:100%;min-width:42px;position:relative}.background-unit-button{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-size:9px;height:100%;justify-content:space-between;padding:0 6px;width:100%}.background-unit-button:hover{background:#363636}.background-dropdown-arrow{color:#888;font-size:8px;margin-left:4px}.background-unit-dropdown-content{background:#2a2a2a;border:1px solid #444;border-radius:4px;box-shadow:0 4px 6px #0000004d;left:0;margin-top:4px;min-width:60px;position:absolute;top:100%;z-index:99999}.background-unit-dropdown-content button{background:#0000;border:none;color:#fff;cursor:pointer;font-size:9px;padding:6px 8px;text-align:left;transition:background .2s ease;width:100%}.background-unit-dropdown-content button:hover{background:#363636}.background-types{background:#262626;border:1px solid #444;border-radius:4px;display:flex;flex-direction:column;gap:1px;overflow:visible}.background-type-section{background:#2a2a2a;overflow:visible}.type-header{align-items:center;border-bottom:1px solid #444;cursor:default;display:flex;justify-content:space-between;padding:8px 12px;transition:background .2s ease;-webkit-user-select:none;user-select:none}.type-header.applied{cursor:pointer}.type-header.applied:hover{background:#363636}.type-title{align-items:center;color:#fff;display:flex;font-size:11px;gap:8px}.type-title i{font-size:12px;text-align:center;width:16px}.type-header i:last-child{color:#888;font-size:10px}.type-content{background:#262626;overflow:visible;padding:12px}.background-section-header{border-radius:4px}.background-section-header.expanded{border-bottom-left-radius:0;border-bottom-right-radius:0}.add-image-gradient-button.active{background:#2b5876}.background-position-box{padding:12px}.position-dot{align-items:center;background:#0000;border:1px solid #444;border-radius:3px;cursor:pointer;display:flex;height:24px;justify-content:center;margin:0 auto;padding:0;position:relative;transition:all .2s ease;width:24px}.position-dot:hover{background:#404040}.position-dot.active{background:#2b5876;border-color:#2b5876}.position-dot.active:before{background:#fff;border-radius:50%;content:"";height:6px;position:absolute;width:6px}.position-inputs{display:flex;flex-direction:column;gap:8px}.position-input-wrapper{align-items:center;display:flex;gap:8px;width:100%}.position-label{color:#cfcfcf;font-size:9px;width:45px}.position-input-group{background:#363636;border:1px solid #444;border-radius:4px;display:flex;flex:1 1;height:26px;overflow:hidden}.position-input-group input{background:#0000;border:none;color:#fff;flex:1 1;font-size:9px;padding:0 8px}.position-input-group input:focus{outline:none}.position-unit{background:#0000;border-left:1px solid #444;color:#888;font-size:9px;padding:0 8px}.position-unit,.type-controls{align-items:center;display:flex}.type-controls{gap:8px}.type-toggle-button{border:1px solid #444;border-radius:3px;cursor:pointer;font-size:9px;padding:4px 8px;transition:all .2s ease}.type-toggle-button.apply{background:#2b5876;border-color:#2b5876;color:#fff}.type-toggle-button.apply:hover{background:#1e4057}.type-toggle-button.remove{background:#ff44444d;border-color:#f44;color:#f44}.type-toggle-button.remove:hover{background:#f446}.type-controls i{color:#888;cursor:pointer;font-size:10px;padding:4px}.type-controls i:hover{color:#fff}.background-tile-box{padding:8px 12px}.tile-buttons{background:#363636;border-radius:4px;display:flex;gap:1px;padding:2px}.tile-button{align-items:center;background:#0000;border:none;border-radius:3px;color:#fff;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:9px;gap:2px;padding:6px;transition:background .2s ease}.tile-button:hover{background:#404040}.tile-button.active{background:#2b5876}.tile-button i{font-size:10px}.tile-button span{font-size:8px}.image-preview-container{background:#363636;border-radius:4px;padding:8px}.image-preview-wrapper{background:#222;border:1px solid #444;border-radius:4px;height:140px;overflow:hidden;position:relative}.preview-image{display:block;height:100%;object-fit:cover;width:100%}.change-image-btn{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;border:none;border-top:1px solid #ffffff1a;bottom:0;color:#fff;cursor:pointer;display:flex;font-size:11px;gap:6px;height:32px;justify-content:center;left:0;opacity:.85;position:absolute;right:0;transition:all .2s ease}.change-image-btn:hover{background:#2276edb3;opacity:1}.change-image-btn i{font-size:12px}.change-image-btn span{font-weight:500}.color-stops{display:flex;flex-direction:column;gap:8px;margin-top:12px}.color-stop{align-items:center;display:flex;gap:8px;height:26px}.color-stop .color-input-wrapper{border:1px solid #444;border-radius:3px;height:100%;overflow:hidden;width:32px}.color-stop .color-input-wrapper input[type=color]{background:none;border:none;cursor:pointer;height:100%;padding:0;width:100%}.color-stop input[type=number]{background:#363636;border:1px solid #444;border-radius:3px;color:#fff;font-size:11px;height:100%;padding:0 8px;width:60px}.color-stop input[type=number]:focus{border-color:#007bff;outline:none}.color-stop .position-unit{color:#888;font-size:11px}.angle-control{align-items:center;display:flex;gap:12px;margin-top:8px}.angle-control input[type=range]{-webkit-appearance:none;background:#444;border-radius:1px;flex:1 1;height:2px;width:100px}.angle-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:none;border-radius:50%;cursor:pointer;height:12px;width:12px}.angle-control input[type=range]:focus{outline:none}.angle-input{align-items:center;background:#363636;border:1px solid #444;border-radius:3px;display:flex;height:26px;width:70px}.angle-input input[type=number]{background:#0000;border:none;color:#fff;font-size:11px;height:100%;padding:0 8px;text-align:right;width:100%}.angle-input input[type=number]:focus{outline:none}.angle-input .angle-unit{color:#888;font-size:11px;padding-right:8px}.radial-controls{background:#363636;border-radius:4px;display:flex;gap:1px;margin:8px 0;padding:2px}.radial-button{align-items:center;background:#0000;border:none;border-radius:3px;color:#fff;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:9px;gap:4px;padding:8px;transition:background .2s ease}.radial-button:hover{background:#404040}.radial-button.active{background:#2b5876}.radial-button i{font-size:12px}.radial-button span{font-size:9px}.position-grid{grid-gap:4px;background:#363636;border-radius:4px;display:grid;gap:4px;grid-template-columns:repeat(3,1fr);margin:8px 0;padding:8px 12px}.position-grid .position-dot{background:#0000;border:1px solid #444;border-radius:3px;cursor:pointer;height:24px;padding:0;position:relative;transition:all .2s ease;width:24px}.position-grid .position-dot:hover{background:#404040}.position-grid .position-dot.active{background:#2b5876;border-color:#2b5876}.position-grid .position-dot.active:after{background:#fff;border-radius:50%;content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}.size-buttons{display:flex;flex-direction:column;gap:4px;padding:8px 12px}.size-button{background:#363636;border:1px solid #444;border-radius:3px;color:#fff;cursor:pointer;font-size:9px;padding:8px;text-align:left;transition:all .2s ease;width:100%}.size-button:hover{background:#404040}.size-button.active{background:#2b5876;border-color:#2b5876}.gradient-section{padding:8px 12px}.gradient-preview{border:1px solid #444;border-radius:4px;height:40px;margin:8px 0;width:100%}.section-title{color:#888;margin-bottom:4px}.asset-picker-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.asset-picker-popup{background-color:#272727;border-radius:6px;box-shadow:0 8px 24px #0000004d;color:#e0e0e0;display:flex;flex-direction:column;max-height:80vh;max-width:800px;overflow:hidden;width:80%}.asset-picker-header{align-items:center;border-bottom:1px solid #3a3a3a;display:flex;justify-content:space-between;padding:16px 20px}.asset-picker-header h3{font-size:18px;font-weight:500;margin:0}.close-button{align-items:center;color:#a0a0a0;display:flex;height:24px;justify-content:center;line-height:1;padding:0;width:24px}.asset-picker-search{border-bottom:1px solid #3a3a3a;padding:12px 20px}.asset-picker-search input{background-color:#333;border:1px solid #444;border-radius:4px;color:#fff;font-size:14px;padding:8px 12px;width:100%}.asset-picker-search input:focus{border-color:#06c;outline:none}.asset-picker-content{flex:1 1;max-height:calc(80vh - 130px);overflow-y:auto;padding:20px}.no-assets-message{align-items:center;display:flex;font-size:16px;height:200px;justify-content:center}.asset-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.asset-item{background-color:#333;transition:transform .15s ease,box-shadow .15s ease}.asset-item:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.asset-preview{align-items:center;background-color:#222;display:flex;height:120px;justify-content:center;overflow:hidden}.asset-preview img{height:100%;object-fit:cover;width:100%}.asset-name{border-top:1px solid #444;font-size:12px;overflow:hidden;padding:8px 10px;text-overflow:ellipsis;white-space:nowrap}.effects-container .section-title{color:#fff;font-size:14px;margin:0}.box-shadows-section{margin-bottom:5px}.section-controls{align-items:center;display:flex;gap:8px}.add-shadow-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #ffffff1a;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:10px;height:20px;justify-content:center;transition:all .2s ease;width:20px}.add-shadow-btn:hover{background:#ffffff40;transform:translateY(-1px)}.shadow-item{background:#2a2a2a;border:1px solid #444;border-radius:4px;margin-top:8px;overflow:hidden;transition:all .2s ease}.shadow-item:hover{border-color:#555}.shadow-header{align-items:center;background:#363636;border-bottom:1px solid #444;display:flex;justify-content:space-between;padding:8px 10px}.shadow-header span{color:#fff;font-size:11px;font-weight:500}.remove-shadow-btn{align-items:center;background:#ff44441a;border:1px solid #f443;border-radius:3px;color:#f44;cursor:pointer;display:flex;font-size:9px;height:18px;justify-content:center;transition:all .2s ease;width:18px}.remove-shadow-btn:hover{background:#f443;transform:translateY(-1px)}.shadow-controls{display:flex;flex-direction:column;gap:8px;padding:8px}.control-columns{gap:6px}.control-columns,.control-group{display:flex;flex-direction:column;width:100%}.control-group{gap:4px}.control-group label{color:#888;font-size:9px;letter-spacing:.5px;text-transform:uppercase}.slider-input-group .unit{width:16px}.control-row{display:flex;gap:8px;margin-top:2px}.color-group input[type=color]{height:24px}.inset-group{justify-content:center;padding:0}.inset-group label{font-size:10px}.inset-group input[type=checkbox]{height:12px;width:12px}.color-row{display:flex;gap:12px;margin-top:4px}.color-group{flex:1 1}.color-input-group{gap:6px;height:24px;padding:0}.color-input-group input[type=color]{background:#363636;border:1px solid #444;border-radius:3px;cursor:pointer;padding:2px;width:40px}.color-input-group input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-input-group input[type=color]::-webkit-color-swatch{border:none;border-radius:2px}.color-input-group input[type=text]{background:#363636;border:1px solid #444;border-radius:3px;color:#fff;flex:1 1;font-size:12px;padding:0 6px;width:40px}.color-input-group input[type=text]:focus{border-color:#2b5876;outline:none}.inset-group{min-width:50px;width:auto}.toggle-switch{height:16px;position:relative;width:32px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-switch label{background-color:#363636;border:1px solid #444;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-switch label:before{background-color:#888;border-radius:50%;bottom:1px;content:"";height:12px;left:1px;position:absolute;transition:.4s;width:12px}.toggle-switch input:checked+label{background-color:#2b5876;border-color:#2b5876}.toggle-switch input:checked+label:before{background-color:#fff;transform:translateX(16px)}.toggle-switch input:focus+label{box-shadow:0 0 1px #2b5876}.filters-section{margin-bottom:5px}.filters-controls{background:#2a2a2a;border:1px solid #444;border-radius:4px;margin-top:8px;padding:8px}.filter-control{margin-bottom:12px}.filter-control:last-child{margin-bottom:0}.filter-control label{color:#888;display:block;font-size:9px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.drop-shadow-control{border-bottom:1px solid #444;margin-bottom:16px;padding-bottom:16px}.drop-shadow-inputs{background:#2a2a2a;border-top:1px solid #444;padding:12px}.drop-shadow-sliders{display:flex;flex-direction:column;gap:8px}.slider-group{display:flex;flex-direction:column;gap:4px}.slider-group label{color:#888;font-size:9px;letter-spacing:.5px;text-transform:uppercase}.color-input-group{display:flex;flex-direction:row;gap:4px}.color-inputs{display:flex;gap:6px;height:24px}.color-inputs input[type=color]{background:#363636;border:1px solid #444;border-radius:3px;cursor:pointer;padding:2px;width:40px}.color-inputs input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-inputs input[type=color]::-webkit-color-swatch{border:none;border-radius:2px}.color-inputs input[type=text]{background:#363636;border:1px solid #444;border-radius:3px;color:#fff;flex:1 1;font-size:10px;padding:0 6px}.color-inputs input[type=text]:focus{border-color:#2b5876;outline:none}.filter-item{background:#363636;border:1px solid #444;border-radius:4px;margin-bottom:8px;overflow:hidden}.filter-item:last-child{margin-bottom:0}.filter-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:8px 10px;transition:background-color .2s ease}.filter-header:hover{background-color:#404040}.filter-title{color:#fff;font-size:11px;font-weight:500}.filter-preview{align-items:center;display:flex;gap:8px}.filter-value{color:#888;font-size:10px}.filter-content{background:#2a2a2a;border-top:1px solid #444;padding:12px}.drop-shadow-inputs,.filter-content{animation:slideDown .2s ease}.filter-header:hover .filter-title{color:#fff}.filter-header:hover .filter-value{color:#aaa}.transforms-section{margin-bottom:5px}.transforms-controls{background:#2a2a2a;margin-top:8px;padding:8px}.transform-item,.transforms-controls{border:1px solid #444;border-radius:4px}.transform-item{background:#363636;margin-bottom:8px;overflow:hidden}.transform-item:last-child{margin-bottom:0}.transform-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:8px 10px;transition:background-color .2s ease}.transform-header:hover{background-color:#404040}.transform-title{color:#fff;font-size:11px;font-weight:500}.transform-preview{align-items:center;display:flex;gap:8px}.transform-value{color:#888;font-size:10px}.transform-content{animation:slideDown .2s ease;background:#2a2a2a;border-top:1px solid #444;padding:12px}.transform-control{margin-bottom:8px}.transform-control:last-child{margin-bottom:0}.transform-control label{color:#888;display:block;font-size:9px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.transform-header:hover .transform-title{color:#fff}.transform-header:hover .transform-value{color:#aaa}.transitions-section{margin-bottom:5px}.section-header{align-items:center;background:linear-gradient(90deg,#2b58768b,#4e437600);border:1px solid #4a5568;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;padding-right:10px;transition:all .2s ease}.section-header:hover{border-color:#5a6478}.section-title{align-items:center;background:none;display:flex;font-size:11px;gap:8px;margin:0;padding:6px 8px;text-shadow:0 1px 2px #0003}.section-title i{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #ffffff1a;border-radius:4px;display:flex;font-size:12px;height:22px;justify-content:center;width:22px}.transitions-controls{background:#2a2a2a;margin-top:8px;padding:8px}.transition-item,.transitions-controls{border:1px solid #444;border-radius:4px}.transition-item{background:#363636;margin-bottom:8px;overflow:hidden}.transition-item:last-child{margin-bottom:0}.transition-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:8px 10px;transition:background-color .2s ease}.transition-header:hover{background-color:#404040}.transition-title-group{align-items:center;display:flex;gap:8px}.transition-title-group input[type=checkbox]{accent-color:#2b5876;cursor:pointer;height:14px;margin:0;opacity:1;pointer-events:auto;width:14px}.transition-title{color:#fff;font-size:11px;font-weight:500;margin-right:auto}.transition-content{animation:slideDown .2s ease;background:#2a2a2a;border-top:1px solid #444;display:block;padding:12px;transition:all .2s ease}.transition-control{margin-bottom:12px;opacity:1}.transition-control:last-child{margin-bottom:0}.transition-control label{color:#888;display:block;font-size:9px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.slider-input-group{align-items:center;display:flex;gap:6px;height:22px}.slider-input-group input[type=range]{-webkit-appearance:none;background:#444;border-radius:1px;flex:1 1;height:2px}.slider-input-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;box-shadow:0 0 3px #0000004d;cursor:pointer;height:10px;-webkit-transition:all .2s ease;transition:all .2s ease;width:10px}.slider-input-group input[type=number]{background:#363636;border:1px solid #444;border-radius:3px;color:#fff;font-size:10px;padding:2px 4px;text-align:center;width:40px}.slider-input-group .unit{color:#888;font-size:10px;width:24px}.timing-select{background:#363636;border:1px solid #444;border-radius:3px;color:#fff;cursor:pointer;font-size:11px;padding:4px 6px;width:100%}.timing-select:focus{border-color:#2b5876;outline:none}.timing-select option{background:#2a2a2a;color:#fff;padding:4px}.transition-header:hover .transition-title{color:#fff}.add-transition-btn,.remove-transition-btn{align-items:center;background:none;border:none;border-radius:3px;cursor:pointer;display:flex;height:20px;justify-content:center;transition:all .2s ease;width:20px}.add-transition-btn{color:#4caf50}.add-transition-btn:hover{background:#4caf501a}.remove-transition-btn{color:#f44}.remove-transition-btn:hover{background:#ff44441a}.state-selector-container{margin-bottom:16px}.state-selector-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.state-selector-header h4{color:#fff;font-size:14px;font-weight:600;margin:0}.state-selector-dropdown{position:relative;width:100%}.state-selector-dropdown select{-webkit-appearance:none;appearance:none;border:1px solid #444;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 24px 4px 8px;transition:all .2s ease;width:100px}.state-selector-dropdown:after{color:currentColor;content:"▼";font-size:8px;pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.class-name-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.class-name-header label{color:#888;font-size:12px}.active-states{display:flex;gap:4px}.state-badge{border-radius:3px;font-size:10px;font-weight:500;padding:2px 6px}.custom-css-editor{background-color:#1a1c22;border:1px solid #2a2e38;border-radius:4px;box-shadow:0 0 10px #20b8f926;margin-top:20px;overflow:hidden}.custom-css-editor .section-header{align-items:center;background-color:#22242c;border-bottom:1px solid #343a4a;cursor:pointer;display:flex;justify-content:space-between;padding:12px 6px;transition:all .2s ease}.custom-css-editor .section-header:hover{background-color:#2a2d36;box-shadow:inset 0 0 5px #20b8f933}.custom-css-editor .section-title{align-items:center;color:#00c3ff;display:flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.5px;margin:0;padding:0;text-shadow:0 0 8px #00c3ff4d}.custom-css-editor .cybr-icon{color:#00eaff;font-size:16px;font-weight:700;margin-right:8px}.custom-css-editor .expand-icon{color:#00c3ff;font-size:18px;font-weight:700;text-shadow:0 0 8px #00c3ff4d;transition:all .3s ease}.custom-css-editor .expand-icon.expanded{transform:rotate(180deg)}.custom-css-editor .editor-container{background-color:#1a1c22;padding:5px 0}.custom-css-editor .editor-description{align-items:center;color:#8c9eff;display:flex;font-size:12px;font-style:italic;margin-bottom:12px;text-shadow:0 0 5px #8c9eff33}.custom-css-editor .terminal-prefix{color:#00eaff;font-family:Consolas,Monaco,monospace;font-style:normal;font-weight:700;margin-right:8px;text-shadow:0 0 8px #00c3ff66}.custom-css-editor .css-textarea-container{overflow:hidden;position:relative}.custom-css-editor .css-textarea{background-color:#0d0f13;border:1px solid #343a4a;border-radius:2px;box-shadow:inset 0 0 8px #00000080;color:#00c3ff;font-family:Consolas,Monaco,monospace;font-size:13px;line-height:1.5;min-height:180px;overflow-x:auto;padding:6px 4px;position:relative;resize:vertical;tab-size:2;transition:all .2s ease;white-space:pre;width:96%;z-index:1}.custom-css-editor .textarea-overlay{background:linear-gradient(180deg,#00c3ff08 0,#0000 5%,#0000 95%,#00c3ff08);border-radius:4px;bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:2}.custom-css-editor .css-textarea:focus{border-color:#00c3ff;box-shadow:0 0 0 2px #00c3ff26,inset 0 0 10px #00000080;outline:none}.custom-css-editor .css-textarea::placeholder{color:#8c9eff80}.custom-css-editor .css-textarea::-webkit-scrollbar{background-color:#0d0f13;height:8px;width:8px}.custom-css-editor .css-textarea::-webkit-scrollbar-thumb{background-color:#343a4a;border-radius:4px}.custom-css-editor .css-textarea::-webkit-scrollbar-thumb:hover{background-color:#454d63}.custom-css-editor .css-textarea{scrollbar-color:#343a4a #0d0f13;scrollbar-width:thin}.custom-css-editor .apply-css-button{background-color:#00479e;background-image:linear-gradient(45deg,#00479e,#0074e4);border:none;border-radius:3px;box-shadow:0 2px 5px #00479e4d;color:#fff;cursor:pointer;font-size:13px;font-weight:500;letter-spacing:1px;margin-top:14px;overflow:hidden;padding:9px 16px;position:relative;text-transform:uppercase;transition:all .3s ease}.custom-css-editor .apply-css-button:before{background:linear-gradient(45deg,#00c3ff,#0074e4,#00c3ff);border-radius:5px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}.custom-css-editor .apply-css-button:hover{background-image:linear-gradient(45deg,#005bd0,#0084ff);box-shadow:0 4px 8px #0074e466;transform:translateY(-1px)}.custom-css-editor .apply-css-button:hover:before{opacity:1}.custom-css-editor .apply-css-button:active{background-image:linear-gradient(45deg,#003b7d,#0066c2);box-shadow:0 1px 3px #00479e4d;transform:translateY(1px)}.custom-css-editor .button-text{position:relative;z-index:2}.custom-css-editor .button-glow{background:#0000;bottom:0;left:0;position:absolute;right:0;top:0;transition:all .3s ease;z-index:1}.custom-css-editor .apply-css-button.applying .button-glow{animation:button-pulse .7s ease-out;background:radial-gradient(circle,#00c3ff4d 0,#0000 70%)}@keyframes button-pulse{0%{opacity:.7;transform:scale(.5)}50%{opacity:.3}to{opacity:0;transform:scale(1.5)}}.custom-css-editor .auto-save-indicator{animation:blink 2s infinite;color:#6affbf;font-size:11px;font-style:italic;margin-left:auto;opacity:.7;padding-left:10px}@keyframes blink{0%,to{opacity:.3}50%{opacity:.7}}.custom-css-editor .device-indicator{animation:pulse-border 2s infinite;background:#6affbf1a;border:1px solid #6affbf33;border-radius:3px;color:#6affbf;font-size:11px;font-weight:500;letter-spacing:1px;margin-left:8px;padding:2px 6px;text-shadow:0 0 8px #6affbf4d;text-transform:uppercase}@keyframes pulse-border{0%{border-color:#6affbf33}50%{border-color:#6affbf66}to{border-color:#6affbf33}}.image-box{background-color:#1e1e1e;border:1px solid #ccc;border-radius:8px;color:#fff;margin-bottom:10px;padding:10px;text-align:center}.image-box img{object-fit:contain}.image-preview{height:100px;object-fit:cover;width:100px}.image-details{color:#fff;font-size:14px;margin:10px 0}.replace-image-button{background-color:#3a3a3a;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 12px;transition:background-color .3s}.replace-image-button:hover{background-color:#5a5a5a}.settings-panel{background-color:#1e1e1e;border-radius:6px;color:#fff}.setting-section{margin-bottom:20px;position:relative}.setting-section:has(.page-select):after{color:#888;content:"▼";font-size:10px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.setting-label{color:#888;display:block;font-size:12px;font-weight:500;margin-bottom:8px}.text-editor{min-height:60px}.page-select,.text-editor{background-color:#2d2d2d;color:#fff;font-size:13px;padding:8px 12px}.page-select{-webkit-appearance:none;appearance:none;border:1px solid #444;border-radius:4px;cursor:pointer;position:relative;transition:border-color .2s ease;width:100%}.page-select:focus{border-color:#06c;box-shadow:0 0 0 2px #06c3;outline:none}.page-select option{background-color:#2d2d2d;color:#fff;padding:8px}.cms-field-select{margin-bottom:12px}.setting-select{-webkit-appearance:none;appearance:none;cursor:pointer;font-size:13px;padding:8px 12px;position:relative}.setting-select,.setting-select option{background-color:#2d2d2d;color:#fff}.cms-field-select{position:relative}.cms-field-select:after{color:#888;content:"▼";font-size:10px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.field-preview{background:#f5f5f5;margin-top:10px;padding:10px}.field-preview .field-value{margin:5px 0}.template-info{color:#666;font-size:.9em;margin-top:5px}.text-editor.preview-text{background:#fff;border:1px solid #ddd;font-family:inherit;margin-top:5px;padding:8px;width:100%}.field-value{color:#fff;font-size:13px;min-height:20px}.setting-input{background-color:#2d2d2d;border:1px solid #444;border-radius:4px;color:#fff;font-size:13px;padding:8px 12px;transition:border-color .2s ease;width:100%}.setting-input:focus{border-color:#06c;box-shadow:0 0 0 2px #06c3;outline:none}.form-group label{color:#888}.visibility-controls{gap:4px;margin-bottom:16px}.visibility-btn{background:#0000;border-radius:3px;color:#888}.visibility-btn:hover{background:#363636}.visibility-btn.active{background:#1a1a1a}.visibility-btn svg{height:14px;width:14px}.visibility-btn:first-child{border-right:1px solid #444}.element-visibility-hidden{display:none!important}.content-type-selector{display:flex;flex-direction:column;gap:12px;width:100%}.content-toggle-buttons{background-color:#1e1e1e;border:1px solid #444;border-radius:6px;display:flex;overflow:hidden;width:100%}.content-toggle-btn{align-items:center;background-color:#2d2d2d;border:none;color:#aaa;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;gap:8px;justify-content:center;padding:10px 12px;transition:all .2s ease}.content-toggle-btn:first-child{border-right:1px solid #444}.content-toggle-btn:hover{background-color:#333;color:#fff}.content-toggle-btn.active{background-color:#06c;box-shadow:0 0 10px #0066cc4d;color:#fff}.toggle-icon{color:#fff;font-size:14px}.content-editor-container{background-color:#2d2d2d;border:1px solid #444;border-radius:6px;padding:12px}.dynamic-content-editor,.dynamic-image-editor{display:flex;flex-direction:column;gap:12px}.field-selection{display:flex;flex-direction:column;gap:6px}.field-selection label{color:#aaa;font-size:13px;font-weight:500}.dynamic-preview{display:flex;flex-direction:column;gap:6px}.dynamic-preview label{color:#aaa;font-size:13px;font-weight:500}.preview-value{background-color:#1e1e1e;border:1px solid #444;border-radius:4px;color:#ddd;font-size:13px;min-height:24px;padding:8px 12px}.empty-value{color:#777;font-style:italic}.dynamic-image-preview{display:flex;flex-direction:column;gap:8px}.dynamic-image-preview label{color:#aaa;font-size:13px;font-weight:500}.preview-image-container{padding:8px}.empty-image-container,.preview-image-container{align-items:center;background-color:#1e1e1e;border:1px solid #444;border-radius:4px;display:flex;justify-content:center}.empty-image-container{min-height:100px;padding:16px}.empty-image-placeholder{align-items:center;color:#777;display:flex;flex-direction:column;gap:8px}.placeholder-icon{font-size:24px;opacity:.7}.empty-image-placeholder p{font-size:13px;margin:0;text-align:center}.static-content-editor,.static-image-editor{width:100%}.text-editor{background-color:#1e1e1e;border:1px solid #444;border-radius:4px;color:#ddd;font-size:14px;min-height:80px;padding:10px;resize:vertical;transition:border-color .2s ease;width:100%}.text-editor:focus{border-color:#06c;box-shadow:0 0 0 2px #06c3;outline:none}.text-editor::placeholder{color:#666}.setting-select{background-color:#1e1e1e;border:1px solid #444;border-radius:4px;color:#ddd;font-size:14px;padding:8px 10px;transition:border-color .2s ease;width:100%}.setting-select:focus{border-color:#06c;box-shadow:0 0 0 2px #06c3;outline:none}.setting-select option{background-color:#1e1e1e;color:#ddd;padding:8px}.visibility-controls{background:#2d2d2d;border:1px solid #444;border-radius:4px;display:flex;gap:8px;padding:4px}.visibility-btn{align-items:center;background-color:#2d2d2d;border:none;border-radius:4px;color:#aaa;cursor:pointer;display:flex;flex:1 1;font-size:13px;gap:6px;justify-content:center;padding:8px 12px;transition:all .2s ease}.visibility-btn:hover{background-color:#333;color:#fff}.visibility-btn.active{background-color:#06c;box-shadow:inset 0 1px 3px #0003;color:#fff}.rich-text-preview{background-color:#151522;background-color:var(--darker-bg,#151522);border:1px solid #2d2d3d;border:1px solid var(--border-color,#2d2d3d);border-radius:4px;font-size:13px;line-height:1.5;max-height:200px;overflow-y:auto;padding:10px}.rich-text-preview h1,.rich-text-preview h2,.rich-text-preview h3,.rich-text-preview h4,.rich-text-preview h5,.rich-text-preview h6{color:#e1e1e6;color:var(--text-primary,#e1e1e6);margin-bottom:.5em;margin-top:.75em}.rich-text-preview p{margin-bottom:.75em}.rich-text-preview ol,.rich-text-preview ul{margin-bottom:.75em;padding-left:1.5em}.rich-text-preview img{height:auto;margin:.5em 0;max-width:100%}.rich-text-preview blockquote{border-left:3px solid #2d2d3d;border-left:3px solid var(--border-color,#2d2d3d);color:#a0a0a6;color:var(--text-secondary,#a0a0a6);font-style:italic;margin-left:0;margin-right:0;padding-left:10px}.rich-text-preview a{color:#3b82f6;color:var(--accent-blue,#3b82f6);text-decoration:underline}.setting-help{background-color:#1a1a1a;border:1px solid #333;border-radius:4px;color:#aaa;font-size:12px;margin-top:8px;padding:8px}.setting-help p{line-height:1.5;margin:0}.rich-text-editor-popup{background-color:#151522;background-color:var(--darker-bg,#151522);border:1px solid #2d2d3d;border:1px solid var(--border-color,#2d2d3d);border-radius:8px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;height:600px;left:50%;max-height:90vh;max-width:800px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:80%;z-index:9999}.rich-text-editor-popup[style*=left]{transform:none}.rich-text-editor-popup-header{align-items:center;background-color:#1a1a2a;border-bottom:1px solid #2d2d3d;border-bottom:1px solid var(--border-color,#2d2d3d);display:flex;justify-content:space-between;padding:16px}.rich-text-editor-popup-header h3{color:#e1e1e6;color:var(--text-primary,#e1e1e6);font-size:18px;font-weight:500;margin:0}.close-editor-btn{align-items:center;background:none;border:none;border-radius:50%;color:#a0a0a6;color:var(--text-secondary,#a0a0a6);cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;transition:all .2s;width:30px}.close-editor-btn:hover{background-color:#ffffff1a;color:#e1e1e6;color:var(--text-primary,#e1e1e6)}.setting-rich-text-editor{border:none!important;border-radius:0!important;flex:1 1;min-height:0;width:100%}.rich-text-editor-popup-footer{border-top:1px solid #2d2d3d;border-top:1px solid var(--border-color,#2d2d3d);display:flex;justify-content:flex-end;padding:16px}.save-editor-btn{background-color:#3b82f6;background-color:var(--accent-blue,#3b82f6);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.save-editor-btn:hover{background-color:#2563eb;transform:translateY(-1px)}.rich-text-preview-container{display:flex;flex-direction:column;gap:12px}.edit-rich-text-btn{align-items:center;background-color:#3b82f6;background-color:var(--accent-blue,#3b82f6);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s}.edit-rich-text-btn:hover{background-color:#2563eb;transform:translateY(-1px)}.edit-icon{font-size:16px}.embed-code-editor{background-color:#1e1e1e;border:1px solid #ddd;border-radius:4px;color:#f8f8f8;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:14px;min-height:150px;padding:10px;resize:vertical}.setting-hint{color:#777;font-size:12px;font-style:italic;margin-top:5px}.embed-code-panel{margin-top:10px}.open-embed-editor-button{align-items:center;background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:6px;justify-content:center;margin-top:10px;padding:8px 16px;transition:background-color .2s}.open-embed-editor-button:hover{background-color:#0056b3}.dropdown-options-list{background-color:#1e1e1e;border:1px solid #444;border-radius:4px;margin-bottom:15px;max-height:200px;overflow-y:auto;padding:10px}.empty-state{color:#777;font-style:italic;padding:15px 0}.options-list{list-style:none;margin:0;padding:0}.option-item{align-items:center;background-color:#2d2d2d;border:1px solid #444;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:5px;padding:8px 10px}.option-details{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.option-label{color:#ddd;font-weight:500;margin-bottom:2px}.option-label,.option-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.option-value{color:#888;font-size:12px}.option-actions{align-items:center;display:flex;gap:4px}.move-option-btn{align-items:center;background:none;border:none;border-radius:50%;color:#888;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;padding:5px;transition:all .2s ease;width:24px}.move-option-btn:hover:not(:disabled){background-color:#ffffff1a;color:#fff}.move-option-btn:disabled{color:#444;cursor:not-allowed}.remove-option-btn{align-items:center;background:none;border:none;border-radius:50%;color:#ff5f5f;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;padding:5px;width:24px}.remove-option-btn:hover{background-color:#ff5f5f33}.add-option-form{background-color:#2d2d2d;border:1px solid #444;border-radius:4px;padding:12px}.option-input-group{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.input-hint{color:#777;display:block;font-size:11px;margin-top:2px}.add-option-button{background-color:#06c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s;width:100%}.add-option-button:hover{background-color:#0056b3}.add-option-button:disabled{background-color:#333;color:#666;cursor:not-allowed}.form-settings{color:#e1e1e1;padding:0}.form-setting-group{background:#2a2a2a;border-radius:6px;margin-bottom:20px;padding:2px}.form-setting-group label{color:#e1e1e1;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-setting-input,.form-setting-select{background-color:#1a1a1a;border:1px solid #3a3a3a;border-radius:4px;color:#e1e1e1;font-size:14px;padding:8px 0 8px 4px;transition:all .2s ease;width:100%}.form-setting-input:focus,.form-setting-select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff26;outline:none}.form-setting-input:hover,.form-setting-select:hover{border-color:#4a4a4a}.form-setting-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e1e1e1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;padding-right:32px}.form-fields-list{background-color:#1a1a1a;border:1px solid #3a3a3a;border-radius:4px;overflow:hidden}.form-field-info{align-items:center;background-color:#2a2a2a;border-bottom:1px solid #3a3a3a;display:flex;justify-content:space-between;padding:10px 12px;transition:background-color .2s ease}.form-field-info:hover{background-color:#333}.form-field-info:last-child{border-bottom:none}.field-label{font-size:14px}.field-label,.field-type{color:#e1e1e1;font-weight:500}.field-type{background:#3a3a3a;border-radius:3px;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.form-fields-title{align-items:center;color:#e1e1e1;display:flex;font-size:14px;font-weight:500;justify-content:space-between;margin-bottom:8px}.form-fields-count{background:#3a3a3a;border-radius:3px;color:#e1e1e1;font-size:12px;padding:2px 6px}.form-field-info .field-label[style*="color: #888"]{color:#666!important}.checkbox-group{padding:8px}.checkbox-label{align-items:center;cursor:pointer;display:flex!important;gap:8px;margin-bottom:0!important}.form-setting-checkbox{accent-color:#007bff;background-color:#1a1a1a;border:1px solid #3a3a3a;border-radius:3px;cursor:pointer;height:16px;margin:0;width:16px}.form-setting-checkbox:hover{border-color:#4a4a4a}.form-setting-checkbox:checked{background-color:#007bff;border-color:#007bff}.tab-settings{background:#2a2a2a;border-radius:6px;margin-bottom:15px;padding:15px}.tab-settings-title{color:#e1e1e1;font-size:14px;font-weight:500;margin-bottom:12px}.tab-list{display:flex;flex-direction:column;gap:8px}.tab-item{align-items:center;background:#1a1a1a;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;padding:8px 12px;transition:all .2s ease}.tab-item:hover{background:#333}.tab-item.active{background:#007bff}.tab-name{color:#e1e1e1;font-size:14px}.tab-badge{background:#ffffff1a;border-radius:3px;color:#e1e1e1;font-size:12px;padding:2px 6px}.tab-item.active .tab-badge,.tab-item.active .tab-name{color:#fff}.add-tab-button{background:#1a1a1a;border:1px dashed #3a3a3a;border-radius:4px;color:#e1e1e1;cursor:pointer;font-size:14px;margin-top:12px;padding:8px;transition:all .2s ease;width:100%}.add-tab-button:hover{background:#2a2a2a;border-color:#4a4a4a}.add-tab-button:active{background:#333;transform:translateY(1px)}.slider-settings{padding:15px 0}.slider-settings .section-title{border-bottom:1px solid #eee;font-size:16px;margin-bottom:15px;padding-bottom:8px}.slider-settings .setting-section{margin-bottom:20px}.slider-settings .setting-section h4{color:#333;font-size:14px;font-weight:500;margin-bottom:12px}.slider-configuration{margin-bottom:20px}.responsive-settings{display:flex;flex-direction:column;gap:15px}.device-settings{background-color:#f9f9f9;border:1px solid #eee;border-radius:4px;padding:10px}.device-settings.current-device{background-color:#f0f7ff;border-color:#007bff}.device-settings h4{font-size:14px;font-weight:500;margin-bottom:10px}.config-item{display:flex;flex-direction:column;margin-bottom:10px}.config-item label{font-size:13px;margin-bottom:5px}.config-item input[type=number]{border:1px solid #ddd;border-radius:4px;padding:6px 8px;width:100%}.checkbox-item{align-items:flex-start;flex-direction:row;gap:8px}.checkbox-item label{align-items:center;cursor:pointer;display:flex;gap:6px}.helper-text{color:#666;font-size:11px;font-style:italic;margin-top:3px}.slider-controls{align-items:center;display:flex;justify-content:space-between;margin-top:15px}.add-slide-btn{align-items:center;background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:6px;padding:8px 12px}.add-slide-btn:hover{background-color:#45a049}.navigation-controls{display:flex;gap:10px}.nav-btn{align-items:center;background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;font-size:12px;gap:5px;padding:6px 10px}.nav-btn:hover{background-color:#e9e9e9}.slides-info{color:#666;font-size:12px;margin-top:10px;text-align:center}.delay-input{max-width:120px;width:100%}.fas{font-size:12px}.cart-settings{background:#1a1a1a;border:1px solid #333;border-radius:8px;box-shadow:0 4px 6px #0003;color:#fff;overflow:hidden}.cart-settings-header{align-items:center;background:#2a2a2a;border-bottom:1px solid #333;display:flex;gap:12px;padding:16px}.header-icon{color:#4caf50;font-size:20px}.cart-settings-title{color:#fff;font-size:16px;font-weight:600;letter-spacing:.3px;margin:0}.cart-settings-content{gap:24px;padding:16px}.cart-toggle-section{background:#2a2a2a;border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:16px}.toggle-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.cart-toggle-label{color:#b8b8b8;font-size:13px;font-weight:500}.toggle-status{background:#333;border-radius:4px;color:#b8b8b8;font-size:12px;padding:4px 8px}.cart-toggle-button{align-items:center;background-color:#333;border:1px solid #444;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;gap:8px;justify-content:center;padding:10px;transition:all .2s ease;width:100%}.cart-toggle-button:hover{background-color:#444;border-color:#555}.cart-toggle-button.open{background-color:#dc3545;border-color:#dc3545}.cart-toggle-button.open:hover{background-color:#c82333}.button-icon{font-size:14px}.cart-test-products-section{background:#2a2a2a;border-radius:8px;padding:16px}.section-header-test-products{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.section-header-test-products h5{color:#b8b8b8;font-size:13px;font-weight:500;letter-spacing:.5px;margin:0;text-transform:uppercase}.add-test-products-button{align-items:center;background-color:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 12px;transition:all .2s ease}.add-test-products-button:hover{background-color:#43a047;transform:translateY(-1px)}.add-test-products-button:active{transform:translateY(0)}.section-description{color:#888;font-size:12px;line-height:1.4;margin:0}.cart-info-section{background:#2a2a2a;border-radius:8px;padding:16px}.info-item{align-items:center}.info-label{color:#b8b8b8;font-size:12px;font-weight:500}.info-value{border-radius:4px;font-size:12px;padding:4px 8px}.status-active{background:#4caf501a}.status-inactive{background:#dc35451a}.add-test-products-button,.cart-toggle-button{overflow:hidden;position:relative}.add-test-products-button:after,.cart-toggle-button:after{background:#ffffff1a;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.add-test-products-button:hover:after,.cart-toggle-button:hover:after{opacity:1}.cart-settings-content{animation:slideDown .3s ease-out}.toggle-test-products-button{align-items:center;background-color:#2a2a2a;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px;transition:background-color .2s ease}.toggle-test-products-button:hover{background-color:#3a3a3a}.toggle-test-products-button.active{background-color:#4caf50}.toggle-test-products-button.active:hover{background-color:#3d8b40}.info-item,.toggle-test-products-button .button-icon{font-size:14px}.info-item{display:flex;justify-content:space-between;margin-bottom:8px}.info-label{color:#999}.info-value{font-weight:500}.status-active{color:#4caf50}.status-inactive{color:#dc3545}.cart-position-section{border-bottom:1px solid #2a2a2a;padding:16px 0}.section-title{color:#fff;font-size:14px;margin:0 0 12px}.position-options{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.position-option{background-color:#2a2a2a;border:1px solid #333;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:8px 12px;transition:all .2s ease}.position-option:hover{background-color:#333}.position-option.active{background-color:#06c;border-color:#06c}.cart-settings-content{display:flex;flex-direction:column;gap:0}.cart-info-section,.cart-test-products-section,.cart-toggle-section{border-bottom:1px solid #2a2a2a;padding:16px}.embed-code-editor-container{background-color:#1e1e1e;border:1px solid #333;border-radius:8px;box-shadow:0 0 30px #0006;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;height:600px;max-height:90vh;max-width:90vw;overflow:hidden;transition:box-shadow .2s ease;width:800px}.embed-code-editor-container:hover{box-shadow:0 0 40px #00000080}.embed-editor-header{align-items:center;background-color:#252525;border-bottom:1px solid #333;color:#fff;cursor:move;display:flex;justify-content:space-between;padding:12px 16px;-webkit-user-select:none;user-select:none}.embed-editor-title{align-items:center;color:#007bff;font-size:18px;font-weight:600}.embed-editor-tabs,.embed-editor-title{display:flex;gap:8px}.embed-editor-tab{align-items:center;background:#0000;border:none;border-radius:4px;color:#aaa;cursor:pointer;display:flex;font-size:14px;gap:5px;padding:6px 12px;transition:all .2s ease}.embed-editor-tab:hover{background-color:#ffffff1a;color:#fff}.embed-editor-tab.active{background-color:#007bff;color:#fff}.embed-editor-actions{display:flex;gap:8px}.embed-editor-close,.embed-editor-sample,.embed-editor-save{align-items:center;background:#0000;border:none;border-radius:4px;color:#aaa;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:6px;transition:all .2s ease}.embed-editor-sample{align-items:center;background-color:#007bff33;color:#fff;display:flex;font-size:14px;gap:6px;padding:6px 12px}.embed-editor-sample:hover{background-color:#007bff4d}.sample-dropdown-container{position:relative}.sample-dropdown{background-color:#1e1e1e;border:1px solid #333;border-radius:4px;box-shadow:0 2px 10px #0000004d;margin-top:5px;overflow:hidden;position:absolute;right:0;top:100%;width:180px;z-index:10}.sample-dropdown button{background:#0000;border:none;color:#ddd;cursor:pointer;font-size:14px;padding:10px 15px;text-align:left;transition:background-color .2s;width:100%}.sample-dropdown button:hover{background-color:#333;color:#fff}.embed-editor-close:hover{background-color:#f003;color:#ff6b6b}.embed-editor-save{align-items:center;background-color:#007bff;color:#fff;display:flex;font-size:14px;font-weight:500;gap:6px;padding:6px 12px}.embed-editor-save:hover{background-color:#0069d9}.embed-editor-content{display:flex;flex:1 1;overflow:hidden}.embed-code-editor{display:flex;flex-direction:column;height:100%;width:100%}.embed-code-toolbar{align-items:center;background-color:#252525;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:10px 16px}.embed-code-info{color:#ddd;font-size:14px}.embed-code-icons{display:flex;font-size:18px;gap:12px}.html-icon{color:#e44d26}.css-icon{color:#264de4}.js-icon{color:#f7df1e}.embed-code-textarea{background-color:#1e1e1e;border:none;caret-color:#007bff;color:#f8f8f8;flex:1 1;font-family:Consolas,Monaco,Menlo,monospace;font-size:14px;line-height:1.5;outline:none;overflow:auto;padding:16px;resize:none}.embed-code-textarea::placeholder{color:#666}.embed-code-textarea:focus{border-color:#007bff;outline:none}.embed-code-preview{background-color:#252525;height:100%;overflow:auto;padding:20px;width:100%}.embed-preview-wrapper{background-color:#fff;border:1px solid #333;border-radius:4px;min-height:100%;overflow:auto;padding:20px}.empty-preview{align-items:center;color:#888;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px;text-align:center}.empty-preview svg{color:#007bff;margin-bottom:16px;opacity:.4}.empty-preview p{color:#aaa;font-size:16px}.preview-content{min-height:100%}.embed-code-preview::-webkit-scrollbar,.embed-code-textarea::-webkit-scrollbar{height:10px;width:10px}.embed-code-preview::-webkit-scrollbar-track,.embed-code-textarea::-webkit-scrollbar-track{background:#2a2a2a}.embed-code-preview::-webkit-scrollbar-thumb,.embed-code-textarea::-webkit-scrollbar-thumb{background:#444;border-radius:5px}.embed-code-preview::-webkit-scrollbar-thumb:hover,.embed-code-textarea::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:768px){.embed-code-editor-container{height:80vh;width:95vw}.embed-editor-header{flex-direction:column;gap:10px;padding:10px}.embed-editor-title{font-size:16px}.embed-code-toolbar{align-items:flex-start;flex-direction:column;gap:10px}}.navbar-settings{color:#e0e0e0}.navbar-settings h4{color:#fff;font-size:16px;font-weight:500;margin-bottom:15px}.navbar-settings h5{color:#fff;font-size:14px;font-weight:500;margin-bottom:10px}.navbar-settings .menu-items-list{background:#2a2a2a;border-radius:6px;margin:15px 0;max-height:300px;overflow-y:auto;padding:5px}.navbar-settings .menu-item{align-items:center;background-color:#363636;border:1px solid #404040;border-radius:6px;display:flex;flex-direction:column;justify-content:space-between;margin:5px 0;padding:12px;transition:all .2s ease;width:auto}.navbar-settings .menu-item:hover{background-color:#404040;border-color:#505050;transform:translateY(-1px)}.navbar-settings .menu-item-main{align-items:center;display:flex;justify-content:space-between;width:100%}.navbar-settings .menu-item-content{display:flex;flex-direction:column;flex-grow:1;margin-right:15px}.navbar-settings .menu-item-header{align-items:flex-start;display:flex;flex-direction:column;gap:4px;width:100%}.navbar-settings .menu-item-name{align-items:center;color:#fff;display:flex;font-weight:500;gap:6px}.navbar-settings .menu-item-icon-preview{background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-block;height:20px;width:20px}.navbar-settings .menu-item-indicator{align-items:center;color:#2196f3;display:inline-flex;justify-content:center;margin-left:3px}.navbar-settings .menu-item-link{color:#888;display:block;font-size:.9em;max-width:95px;overflow:hidden;overflow-x:scroll}.navbar-settings .menu-item-actions{display:flex;gap:5px}.navbar-settings .action-btn{align-items:center;background:#2a2a2a;border:1px solid #404040;border-radius:4px;color:#888;cursor:pointer;display:flex;height:28px;justify-content:center;padding:6px;transition:all .2s ease;width:28px}.navbar-settings .action-btn:hover{background-color:#404040;border-color:#505050;color:#fff}.navbar-settings .action-btn:disabled{background-color:#2a2a2a;color:#666;cursor:not-allowed;opacity:.5}.navbar-settings .action-btn.delete:hover{background-color:#4a2424;border-color:#633030;color:#ff6b6b}.navbar-settings .add-menu-item{background-color:#2a2a2a;border:1px solid #404040;border-radius:6px;margin-top:20px;padding:15px}.navbar-settings .input-group{display:flex;flex-direction:column;gap:12px;margin-top:10px}.navbar-settings .setting-input{background:#363636;border:1px solid #404040;border-radius:4px;color:#fff;font-size:14px;padding:10px 12px;transition:all .2s ease;width:auto}.navbar-settings .setting-input::placeholder{color:#888}.navbar-settings .setting-input:focus{background:#404040;border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a;outline:none}.navbar-settings .add-item-btn{align-items:center;background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;justify-content:center;margin-top:12px;padding:10px 16px;transition:all .2s ease}.navbar-settings .add-item-btn:hover{background-color:#1976d2;transform:translateY(-1px)}.navbar-settings .add-item-btn:disabled{background-color:#404040;cursor:not-allowed;transform:none}.navbar-settings .menu-items-list::-webkit-scrollbar{width:8px}.navbar-settings .menu-items-list::-webkit-scrollbar-track{background:#2a2a2a;border-radius:4px}.navbar-settings .menu-items-list::-webkit-scrollbar-thumb{background:#404040;border:2px solid #2a2a2a;border-radius:4px}.navbar-settings .menu-items-list::-webkit-scrollbar-thumb:hover{background:#505050}.navbar-settings .menu-items-list:empty:after{color:#888;content:"No menu items added yet";display:block;font-style:italic;padding:20px;text-align:center}.navbar-settings .menu-item{animation:fadeIn .2s ease}.navbar-settings .submenu-items{border-left:2px solid #404040;margin-top:10px;padding-left:20px}.navbar-settings .submenu-item{align-items:center;background:#2a2a2a;border-radius:4px;display:flex;flex-direction:row;justify-content:space-between;margin:4px 0;padding:6px 8px}.navbar-settings .submenu-item:hover{background:#333}.navbar-settings .submenu-item-content{align-items:center;display:flex;flex-direction:column;flex-grow:1}.navbar-settings .submenu-item-name{color:#fff;font-weight:500}.navbar-settings .submenu-item-link{color:#888;font-size:.9em;margin-left:8px;max-width:100px;overflow:hidden;overflow-x:scroll}.navbar-settings .submenu-item-actions{display:flex;gap:4px;margin-left:8px}.navbar-settings .submenu-action-btn{align-items:center;background:#0000;border:none;border-radius:3px;color:#888;cursor:pointer;display:flex;font-size:10px;height:20px;justify-content:center;padding:3px;transition:all .2s ease;width:20px}.navbar-settings .submenu-action-btn:hover{background:#2196f31a;color:#2196f3}.navbar-settings .submenu-action-btn:disabled{background:#0000;color:#666;cursor:not-allowed;opacity:.5}.navbar-settings .submenu-delete-btn{align-items:center;background:#0000;border:none;border-radius:3px;color:#888;cursor:pointer;display:flex;font-size:10px;height:20px;justify-content:center;padding:3px;transition:all .2s ease;width:20px}.navbar-settings .submenu-delete-btn:hover{background:#ff4d4d1a;color:#ff4d4d}.navbar-settings .submenu-toggle{background:#363636;border-color:#505050}.navbar-settings .submenu-toggle:hover{background:#404040}.navbar-settings .submenu-toggle .rotated{transform:rotate(180deg)}.navbar-settings .add-submenu-form{background:#2a2a2a;border:1px solid #404040;border-radius:4px;margin-top:12px;padding:12px}.navbar-settings .add-submenu-btn{align-items:center;background-color:#404040;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;justify-content:center;margin-top:12px;padding:8px 12px;transition:all .2s ease;width:100%}.navbar-settings .add-submenu-btn:hover{background-color:#505050}.navbar-settings .add-submenu-btn:disabled{background-color:#363636;cursor:not-allowed}.navbar-settings .submenu-row{border-top:1px solid #404040}.navbar-settings .show-submenu-btn{align-items:center;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;gap:6px;justify-content:center;padding:6px 12px;transition:all .2s ease;width:100%}.navbar-settings .show-submenu-btn.has-submenu{background:#2196f3}.navbar-settings .show-submenu-btn.has-submenu:hover{background:#1976d2}.navbar-settings .show-submenu-btn.no-submenu{background:#4a4a4a}.navbar-settings .show-submenu-btn.no-submenu:hover{background:#5a5a5a}.navbar-settings .show-submenu-btn svg{transition:transform .2s ease}.navbar-settings .show-submenu-btn.active svg{transform:rotate(180deg)}.navbar-settings .submenu-items{background:#363636;border-radius:4px;margin-bottom:10px;padding:8px}.navbar-settings .menu-visibility-toggle{margin-bottom:15px}.navbar-settings .visibility-toggle-btn{align-items:center;background-color:#2a2a2a;border:1px solid #404040;border-radius:4px;color:#e0e0e0;cursor:pointer;display:flex;font-weight:500;gap:8px;justify-content:center;padding:8px 16px;transition:all .2s ease;width:100%}.navbar-settings .visibility-toggle-btn:hover{background-color:#3a3a3a}.navbar-settings .visibility-toggle-btn.visible{background-color:#2196f3;color:#fff}.navbar-settings .visibility-toggle-btn.visible:hover{background-color:#1976d2}.navbar-settings .visibility-toggle-btn.hidden{background-color:#555}.navbar-settings .visibility-toggle-btn.hidden:hover{background-color:#666}.navbar-mobile-toggle-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-block;height:24px;transition:transform .2s ease;width:24px}.navbar-mobile-toggle{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:center;padding:8px}.navbar-settings .icon-controls{display:flex;gap:5px;margin-top:5px}.navbar-settings .icon-control-btn{align-items:center;background:#0000;border:none;border-radius:3px;color:#888;cursor:pointer;display:flex;justify-content:center;padding:3px 6px;transition:all .2s ease}.navbar-settings .icon-control-btn.add:hover{background:#2196f31a;color:#2196f3}.navbar-settings .icon-control-btn.remove:hover{background:#ff4d4d1a;color:#ff4d4d}.navbar-settings .icon-edit-panel{background:#2a2a2a;border:1px solid #404040;border-radius:4px;margin:10px 0;padding:10px}.navbar-settings .icon-source-toggle{display:flex;gap:15px;margin-bottom:10px}.navbar-settings .icon-source-toggle label{align-items:center;cursor:pointer;display:flex;gap:5px}.navbar-settings .asset-preview-container{align-items:center;background:#363636;border:1px dashed #505050;border-radius:4px;display:flex;flex-direction:column;justify-content:center;margin-bottom:10px}.navbar-settings .selected-asset{align-items:center;display:flex;height:100%;justify-content:center;padding:10px;position:relative;width:100%}.navbar-settings .selected-asset img{max-height:100px;max-width:100px;object-fit:contain}.navbar-settings .clear-asset-btn{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:20px;justify-content:center;line-height:1;padding:0;position:absolute;right:5px;top:5px;width:20px}.navbar-settings .select-asset-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#2196f3;cursor:pointer;display:flex;gap:5px;padding:8px 16px;transition:all .2s ease}.navbar-settings .select-asset-btn:hover{background:#2196f31a}.navbar-settings .icon-edit-actions{display:flex;gap:10px;margin-top:10px}.navbar-settings .icon-save-btn{background:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;padding:8px;transition:all .2s ease}.navbar-settings .icon-save-btn:hover{background:#1976d2}.navbar-settings .icon-save-btn:disabled{background:#404040;cursor:not-allowed}.navbar-settings .icon-cancel-btn{background:#424242;border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;padding:8px;transition:all .2s ease}.navbar-settings .icon-cancel-btn:hover{background:#323232}.navbar-settings .icon-input-group{border-top:1px solid #404040;margin-top:10px;padding-top:15px}.global-icon-settings{background-color:#2a2a2a;border:1px solid #404040;border-radius:6px;margin-bottom:20px;padding:16px}.global-icon-settings h5{color:#fff;font-size:14px;font-weight:500;margin-bottom:16px;margin-top:0}.global-icon-settings .asset-preview-container{align-items:center;background-color:#363636;border:1px dashed #505050;border-radius:4px;display:flex;justify-content:center}.global-icon-settings .selected-asset{align-items:center;display:flex;flex-direction:row;gap:16px;width:100%}.global-icon-settings .selected-icon{background-color:#2a2a2a;border:1px solid #404040;border-radius:4px;margin-left:10px;transition:all .2s ease}.global-icon-settings .icon-actions{display:flex;justify-content:center;width:100%}.global-icon-settings .icon-change-btn,.global-icon-settings .icon-save-btn{align-items:center;background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;max-width:200px;padding:10px 16px;transition:all .2s ease;width:100%}.global-icon-settings .icon-change-btn{background-color:#363636;border:1px solid #404040;color:#2196f3}.global-icon-settings .icon-save-btn:hover{background-color:#1976d2}.global-icon-settings .icon-change-btn:hover{background-color:#404040;border-color:#505050;color:#42a5f5}.global-icon-settings .clear-asset-btn{align-items:center;background-color:#4a2424;border:1px solid #633030;border-radius:4px;color:#ff6b6b;cursor:pointer;display:flex;flex:1 1;font-size:14px;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s ease}.global-icon-settings .clear-asset-btn:hover{background-color:#5a2424;border-color:#733030}.global-icon-settings .select-asset-btn{align-items:center;background-color:#363636;border:1px solid #404040;border-radius:4px;color:#2196f3;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease;width:100%}.global-icon-settings .select-asset-btn:hover{background-color:#404040;border-color:#505050;color:#42a5f5}.global-icon-settings .icon-change-btn svg{font-size:16px}.section-main-header{align-items:center;background:linear-gradient(90deg,#2b5876,#4e4376);border:1px solid #4a5568;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:12px;padding:8px 10px}.section-main-title{color:#fff;font-weight:500;gap:8px;text-shadow:0 1px 2px #0003}.section-main-icon,.section-main-title{align-items:center;display:flex;font-size:12px}.section-main-icon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #ffffff1a;border-radius:4px;height:22px;justify-content:center;width:22px}.applied-events-section{margin-bottom:16px}.applied-events-list{display:flex;flex-direction:column;gap:6px}.applied-event{background:linear-gradient(145deg,#2a2a2a,#323232);border:1px solid #ffffff14;border-radius:6px;overflow:hidden;transition:all .2s ease}.applied-event:has(.event-expanded){background:linear-gradient(145deg,#363636,#404040);border-color:#ffffff26;box-shadow:0 4px 12px #0003}.event-summary{align-items:center;cursor:pointer;display:flex;gap:8px;padding:8px 10px}.event-summary:hover{background:#ffffff08}.event-icon{align-items:center;background:#ffffff0d;border-radius:4px;display:flex;font-size:12px;height:24px;justify-content:center;width:24px}.event-content{flex:1 1;min-width:0}.event-main-info{display:flex;flex-direction:column;gap:4px}.event-type-badge{align-self:flex-start;border-radius:3px;font-size:9px;font-weight:500;letter-spacing:.3px;padding:2px 6px}.event-type-badge[data-sequence=first]{background:#0ea5e9;color:#fff}.event-type-badge[data-sequence=second]{background:#8b5cf6;color:#fff}.event-type-badge[data-sequence=animation]{background:#f59e0b;color:#fff}.event-action-text{color:#e0e0e0;font-size:11px;line-height:1.3}.event-controls{align-items:center;display:flex;gap:4px}.remove-event-btn{align-items:center;background:#ef44441a;border:none;border-radius:4px;color:#ef4444;cursor:pointer;display:flex;font-size:14px;height:20px;justify-content:center;transition:all .2s;width:20px}.remove-event-btn:hover{background:#ef444433}.event-expanded{background:#00000040;border-top:1px solid #ffffff1a;padding:12px}.event-summary-info{background:#0003;border:1px solid #ffffff1a;border-radius:6px;margin-bottom:12px;padding:12px}.trigger-info{margin-bottom:2px}.trigger-badge{align-items:center;border-radius:4px;color:#fff;display:inline-flex;font-size:10px;font-weight:500;gap:4px;padding:4px 8px}.trigger-badge[data-trigger=onView]{background:linear-gradient(135deg,#3b82f6,#2563eb)}.trigger-badge[data-trigger=onClick]{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.trigger-badge[data-trigger=onHover]{background:linear-gradient(135deg,#ec4899,#db2777)}.trigger-badge[data-trigger=onLoad]{background:linear-gradient(135deg,#10b981,#059669)}.trigger-badge[data-trigger=onScroll]{background:linear-gradient(135deg,#f59e0b,#d97706)}.animation-details{background:#ffffff0d;border-radius:4px;margin-top:8px;padding:8px}.animation-details span{align-items:center;display:flex;gap:4px}.animation-details span:before{color:#6366f1;content:"•"}.animation-details span:first-child:before{display:none}.events-sections{display:flex;flex-direction:column;gap:8px}.event-section{background:#2a2a2a;border:1px solid #444;border-radius:4px;overflow:hidden}.event-section-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:8px 10px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.event-section-header:hover{background:#333}.event-section-header.active{background:#363636;border-bottom:1px solid #444}.event-section-title{align-items:center;color:#fff;display:flex;font-size:11px;font-weight:500;gap:8px}.event-section-icon{align-items:center;background:#404040;border-radius:3px;display:flex;font-size:12px;height:20px;justify-content:center;width:20px}.section-arrow{color:#888;font-size:8px;transition:transform .2s ease}.section-arrow.open{transform:rotate(180deg)}.event-section-content{background:#262626;padding:10px}.interaction-select{background:#363636;border:1px solid #444;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;padding:6px 8px;width:100%}.interaction-select:focus{border-color:#007bff;outline:none}.apply-event-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;margin-top:8px;padding:8px;transition:background-color .2s;width:100%}.apply-event-btn:hover{background:#0056b3}.click-sequence{background:#00000008;border-radius:4px;margin-bottom:20px;padding:12px}.click-sequence h4{color:#666;font-size:14px;font-weight:500;margin:0 0 10px}.click-sequence .property-group{margin-bottom:10px}.click-sequence:last-child{margin-bottom:12px}.property-group select{background:#363636;border:1px solid #444;border-radius:4px;color:#fff;font-size:11px;height:100%;margin-top:4px;padding:6px 8px;width:100%}.property-group select:focus{border-color:#007bff;outline:none}.property-group label{color:#bbb;font-size:11px;margin-bottom:4px}.animation-buttons{margin-top:10px}.apply-animation-btn,.preview-animation-btn{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:14px;padding:8px}.preview-animation-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:4px;color:#fff;display:flex;font-size:11px;font-weight:500;gap:6px;justify-content:center;padding:8px 12px;transition:all .2s ease;width:100%}.preview-animation-btn:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#4338ca);transform:translateY(-1px)}.preview-animation-btn:disabled{background:linear-gradient(135deg,#3f3f46,#27272a);cursor:not-allowed}.preview-animation-btn.previewing{background:linear-gradient(135deg,#059669,#047857);pointer-events:none}.apply-animation-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:4px;color:#fff;font-size:11px;font-weight:500;padding:8px 12px;transition:all .2s ease;width:100%}.apply-animation-btn:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px)}.apply-animation-btn:disabled{background:linear-gradient(135deg,#3f3f46,#27272a);cursor:not-allowed}.event-details{background-color:#f5f5f5;border-radius:4px;margin-top:5px;padding:10px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.event-label{color:#e0e0e0;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.event-details-text{color:#888;display:block;font-size:12px;line-height:1.4}.interaction-select option{font-size:12px;padding:8px}.property-group{margin-bottom:16px}.property-group:last-child{margin-bottom:0}.property-group label{color:#e0e0e0;display:block;font-size:12px;font-weight:500;margin-bottom:6px}.property-group input{background:#363636;border:1px solid #444;border-radius:4px;color:#fff;font-size:12px;padding:8px;width:100%}.property-group input:focus{border-color:#007bff;outline:none}.animation-buttons{display:flex;gap:10px;margin-top:16px}.animation-buttons button:disabled{cursor:not-allowed;opacity:.6}.preview-circle-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:10px;height:24px;justify-content:center;margin-right:8px;transition:all .2s ease;width:24px}.preview-circle-btn:hover:not(:disabled){background:#ffffff26;border-color:#ffffff40}.preview-circle-btn:disabled{background:#ffffff0d;border-color:#ffffff1a;cursor:not-allowed}.preview-circle-btn.previewing{background:#ffffff26;pointer-events:none}.assets-sidebar{background-color:#1e1e1e;border-right:1px solid #e0e0e0;box-shadow:2px 0 5px #0000001a;height:calc(100vh - 32px);left:48px;padding:.5rem;position:fixed;top:32px;width:200px;z-index:900}.drop-zone{align-items:center;background-color:#121212;border:2px dashed #ccc;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex-direction:column;flex-grow:1;justify-content:center;margin:10px 0;padding:20px;text-align:center;transition:border-color .3s ease}.drop-zone:hover{background-color:#070707;border-color:#999}.drop-zone__prompt{color:#666;display:block;font-size:24px;margin:10px 0}.assets-list{grid-gap:10px;-ms-overflow-style:none;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-top:20px;max-height:calc(100vh - 250px);overflow-y:auto;scrollbar-width:none}.assets-list::-webkit-scrollbar{display:none}.asset-wrapper{display:flex;flex-direction:column;gap:4px}.asset-item{background:#2a2a2a;border-radius:4px;cursor:pointer;overflow:hidden;transition:transform .2s}.asset-item:hover{transform:scale(1.05)}.image-container{align-items:center;display:flex;height:100px;justify-content:center;position:relative}.asset-item img{height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.asset-info{color:#fff;font-size:10px;padding:4px;text-align:center}.asset-info span{display:block;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.asset-filename{font-weight:700;margin-bottom:2px}.asset-size{color:#ccc;font-size:9px}.assets-sidebar h3{color:#fefefe;font-size:.8rem;margin-bottom:1rem;margin-top:0}.asset-item.deleting .image-container,.asset-item.loading .image-container{background-color:#2a2a2a;position:relative}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #333;border-radius:50%;border-top-color:#fff;height:40px;width:40px}.loading-spinner,.loading-success{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.loading-success{color:#4caf50;font-size:24px;opacity:0;transition:opacity .3s ease}.loading-success.visible{opacity:1}.loading-success.hidden{opacity:0}.full-height-drop-zone{align-items:center;animation:fadeIn .2s ease-in;background-color:#2a2a2af2;border:2px dashed #fff;border-radius:4px;bottom:0;display:flex;justify-content:center;left:0;margin:8px;position:absolute;right:0;top:0;z-index:1000}.drop-zone-content{color:#fff;text-align:center}.drop-zone-content p{font-size:16px;margin-bottom:16px}.drop-zone-content .drop-zone__prompt{display:block;font-size:32px}.assets-header{margin-bottom:16px}.assets-controls{display:flex;gap:8px;justify-content:space-between;margin:8px 0}.filter-dropdown{border-radius:4px;padding:4px 8px}.filter-dropdown,.upload-btn{background:#2a2a2a;border:1px solid #333;color:#fff;cursor:pointer;font-size:11px}.upload-btn{align-items:center;border-radius:4px;display:inline-flex;padding:4px 12px;transition:background-color .2s}.upload-btn:hover{background:#363636}.search-bar{margin-top:8px}.search-bar input{background:#2a2a2a;border:1px solid #333;border-radius:4px;box-sizing:border-box;color:#fff;font-size:11px;padding:6px;width:100%}.search-bar input::placeholder{color:#888}.search-bar input:focus{border-color:#555;outline:none}.no-assets-message{color:#888;font-size:12px;padding:20px;text-align:center}.settings-button{background:#00000080;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;opacity:0;padding:4px;position:absolute;right:4px;top:4px;transition:opacity .2s}.asset-item:hover .settings-button{opacity:1}.asset-details-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.asset-details-popup{background:#2a2a2a;border-radius:8px;color:#fff;max-width:90vw;width:400px}.popup-header{align-items:center;border-bottom:1px solid #444;display:flex;justify-content:space-between;padding:16px}.popup-header h3{font-size:16px;margin:0}.close-button{color:#888;font-size:18px;padding:4px}.close-button:hover{color:#fff}.popup-content{padding:16px}.detail-row{margin-bottom:16px}.detail-row label{color:#888;display:block;font-size:12px;margin-bottom:4px}.detail-row input{background:#1e1e1e;border:1px solid #444;border-radius:4px;box-sizing:border-box;color:#fff;padding:8px;width:100%}.detail-row input:focus{border-color:#666;outline:none}.asset-details-overlay .delete-button{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:16px;padding:8px;width:100%}.asset-details-overlay .delete-button:hover{background:#c82333}.pages-sidebar{background:#1e1e1e;border-right:1px solid #333;color:#fff;height:91vh;left:48px;overflow-y:auto;padding:12px;position:absolute;top:32px;width:220px;z-index:900}.pages-sidebar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.pages-sidebar-header h3{color:#fff;font-size:14px;font-weight:600;margin:0}.pages-list{display:flex;flex-direction:column;gap:8px;padding:12px}.page-item{align-items:center;background:#353535;border:1px solid #222;border-radius:3px;cursor:pointer;display:flex!important;flex-direction:row!important;justify-content:space-between!important;margin-bottom:2px;min-height:24px;padding:4px 6px}.page-item:hover{background:#2c2c2c}.page-item.active{background:#06c;border-color:#06c}.page-item-content{align-items:center;display:flex;gap:4px}.page-icon{color:#888;font-size:11px;min-width:14px}.page-item.active .page-icon,.page-item:hover .page-icon{color:#fff}.home-icon,.template-icon{display:none}.page-name{color:#fff;flex-grow:1;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-actions{display:flex;gap:3px;opacity:0;transition:opacity .2s}.page-item:hover .page-actions{opacity:1}.page-action-button{background:#0000;border:none;border-radius:3px;color:#888;cursor:pointer;font-size:11px;padding:2px}.page-action-button:hover{background:#ffffff1a;color:#fff}.add-page-button{align-items:center;background:#2d2d2d;border:1px dashed #666;border-radius:3px;color:#888;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:4px 8px}.add-page-button:hover{background:#363636;border-color:#888;color:#fff}.page-item input{background:#1e1e1e;border:1px solid #06c;border-radius:3px;color:#fff;font-size:12px;padding:3px 6px;width:100%}.page-item input:focus{outline:none}.content-item-selector{border-top:1px solid #333;margin-top:6px;padding-top:6px}.content-select{background:#2d2d2d;border:1px solid #444;border-radius:3px;color:#fff;font-size:12px;padding:4px 6px;width:100%}.template{border-left:2px solid #06c}.pages-search{margin-bottom:12px}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:#666;font-size:12px;left:8px;position:absolute}.search-input{background:#2d2d2d;border:1px solid #444;border-radius:3px;color:#fff;font-size:12px;padding:6px 6px 6px 26px;width:100%}.search-input:focus{border-color:#06c;outline:none}.pages-sections{display:flex;flex-direction:column;gap:12px}.pages-section{background:#2d2d2d;border:1px solid #333;border-radius:3px;overflow:hidden}.pages-category-header{align-items:center;background:#474747;border-bottom:1px solid #444;color:#d1d1d1;cursor:pointer;display:flex;font-size:11px;padding:6px 8px;-webkit-user-select:none;user-select:none}.pages-category-header:hover{background:#5c5c5c;color:#fff}.pages-category-header svg{font-size:14px;margin-right:6px}.pages-category-content{padding:6px}.section-icon{color:#666;font-size:13px;margin-right:6px}.pages-category-header:hover,.pages-category-header:hover .section-icon{color:#fff}.page-settings{background:#1e1e1e;border-right:1px solid #333;color:#fff;height:91vh;left:282px;overflow-y:auto;padding:12px;position:absolute;top:32px;width:480px;z-index:900}.page-settings-header{margin-bottom:16px}.page-settings-header h3{color:#fff;font-size:14px;font-weight:600;margin:0}.settings-sections{display:flex;flex-direction:column;gap:12px}.settings-section{background:#2d2d2d;border:1px solid #333;border-radius:3px;overflow:hidden}.settings-category-header{align-items:center;background:#474747;border-bottom:1px solid #444;color:#d1d1d1;cursor:pointer;display:flex;font-size:12px;padding:8px;-webkit-user-select:none;user-select:none}.settings-category-header:hover{background:#5c5c5c;color:#fff}.settings-category-header svg{font-size:14px;margin-right:6px}.settings-category-content{padding:15px}.custom-code-disclaimer{background-color:#3a3a3a;border-left:3px solid #6c757d;border-radius:4px;margin-bottom:15px;padding:10px}.disclaimer-text{color:#c1c1c1;display:block;font-size:12px;line-height:1.4}.form-group{margin-bottom:16px}.form-group:last-child{margin-bottom:0}.form-group label{color:#d1d1d1;font-size:12px;margin-bottom:6px}.form-group input,.form-group textarea{background:#1e1e1e;border:1px solid #444;border-radius:3px;color:#fff;font-family:monospace;font-size:12px;padding:6px 8px}.form-group input:focus,.form-group textarea:focus{border-color:#06c}.form-group small{color:#888;display:block;font-size:11px;margin-top:4px}.search-preview{background:#1e1e1e;border:1px solid #444;border-radius:3px;padding:12px}.preview-title{color:#8ab4f8;cursor:pointer;font-size:14px;margin-bottom:4px}.preview-url{color:#0f9d58;font-size:12px;margin-bottom:4px}.preview-description{color:#bdc1c6;font-size:12px;line-height:1.4}.slug-preview{font-size:12px;margin-top:8px}.slug-preview-parts{align-items:center;background:#1e1e1e;border:1px solid #444;border-radius:3px;display:flex;font-family:monospace;overflow:hidden;padding:8px}.base-url{color:#888;white-space:nowrap}.slug-part{color:#06c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.valid-slug{color:#0f9d58}.valid-slug,.warning-slug{align-items:center;display:flex;gap:4px;margin-top:4px}.warning-slug{color:#f1a02c}.template-badge{align-items:center;background:#06c;border-radius:3px;color:#fff;display:inline-flex;font-size:10px;gap:4px;margin-left:8px;padding:2px 6px}.content-type-display{align-items:center;background:#1e1e1e;border:1px solid #444;border-radius:3px;color:#0f9d58;display:flex;font-family:monospace;gap:8px;padding:8px}.content-type-icon{color:#06c}.pattern-help{color:#888;margin-top:4px}.pattern-help code{background:#1e1e1e;border-radius:3px;color:#06c;font-family:monospace;padding:2px 4px}.dynamic-field-note{color:#06c;font-size:10px;font-weight:400;margin-left:8px}.preview-content-select{background:#1e1e1e;border:1px solid #444;border-radius:3px;color:#fff;font-size:12px;padding:6px 8px;width:100%}.input-with-button{display:flex;position:relative}.input-with-button input,.input-with-button textarea{flex-grow:1;padding-right:36px}.field-selector-button{align-items:center;background:#333;border:none;border-bottom-right-radius:3px;border-left:1px solid #444;border-top-right-radius:3px;color:#888;cursor:pointer;display:flex;height:100%;justify-content:center;position:absolute;right:0;top:0;width:32px;z-index:3}.field-selector-button:hover{background:#444;color:#fff}.textarea-container{position:relative}.textarea-button{border-bottom-right-radius:0;border-top-right-radius:3px;height:32px;top:0}.field-selector-panel{background:#2d2d2d;border:1px solid #444;border-radius:4px;box-shadow:0 4px 12px #0000004d;display:flex;flex-direction:column;left:50%;margin-top:5px;max-height:400px;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px;z-index:1000}.field-selector-header{align-items:center;background:#363636;border-bottom:1px solid #444;display:flex;justify-content:space-between;padding:10px 12px}.field-selector-header h4{align-items:center;display:flex;font-size:13px;gap:6px;margin:0}.close-panel-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#888;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;width:24px}.close-panel-button:hover{background:#444;color:#fff}.field-selector-content{max-height:340px;overflow-y:auto;padding:8px}.field-list{display:flex;flex-direction:column;gap:4px}.field-item:hover{background:#444}.no-fields-message{color:#888;font-size:12px;padding:12px;text-align:center}.field-select{background:#1e1e1e;border:1px solid #444;border-radius:3px;color:#fff;font-size:12px;padding:6px 8px;width:100%}.preview-content-info{background:#2d2d2d;border-radius:3px;color:#888;font-size:11px;margin-top:6px;padding:4px 8px}.preview-content-info strong{color:#0f9d58}.field-reference{background:#06c3;border:1px solid #06c;border-radius:3px;color:#06c;display:inline-block;font-family:monospace;font-size:11px;margin:0 2px;padding:0 4px}.field-input-container,.field-textarea-container{background:#0000;height:100%;left:0;overflow:hidden;padding:6px 8px;pointer-events:none;position:absolute;text-overflow:ellipsis;top:0;white-space:nowrap;width:calc(100% - 32px);z-index:2}.field-textarea-container{height:auto;min-height:100%;white-space:pre-wrap}.field-input,.field-textarea{caret-color:#fff;color:#0000;position:relative;z-index:1}.placeholder{color:#666;font-style:italic}.field-group-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.field-dropdown-container{position:relative}.field-add-button{align-items:center;background:#3d3d3d;border:1px solid #555;border-radius:3px;box-shadow:0 1px 3px #0003;color:#fff;cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:4px;padding:4px 10px;transition:all .2s}.field-add-button.active,.field-add-button:hover{background:#06c;border-color:#08f;color:#fff}.field-add-button svg{font-size:14px}.field-selector-dropdown{background:#2d2d2d;border:1px solid #444;border-radius:4px;box-shadow:0 4px 12px #0000004d;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%;width:250px;z-index:1000}.field-selector-dropdown .field-selector-header{background:#363636;border-bottom:1px solid #444;padding:8px 12px}.field-selector-dropdown .field-selector-header h4{color:#fff;font-size:12px;font-weight:500;margin:0}.field-selector-dropdown .field-selector-content{max-height:200px;overflow-y:auto;padding:4px}.field-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;margin-top:8px}.field-chip{align-items:center;background:#06c;border:1px solid #08f;border-radius:3px;box-shadow:0 1px 2px #0003;color:#fff;display:flex;font-family:monospace;font-size:11px;padding:3px 8px}.field-chip-name{font-weight:500;margin-right:6px}.field-chip-remove{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:16px;justify-content:center;padding:0;transition:all .2s;width:16px}.field-chip-remove:hover{background:#ffffff4d;color:#fff}.field-item{background:#363636;border-radius:3px;cursor:pointer;margin-bottom:4px;padding:8px 10px;transition:background .2s}.field-item:last-child{margin-bottom:0}.field-item:hover{background:#06c}.field-item:hover .field-type{color:#fff}.field-name{color:#fff;font-size:12px}.field-type{background:#2d2d2d;border-radius:10px;color:#888;font-size:10px;padding:2px 6px;transition:all .2s}.field-input,.field-textarea{background:#1e1e1e;border:1px solid #444;border-radius:3px;color:#fff;font-family:monospace;font-size:12px;padding:6px 8px;width:100%}.field-input:focus,.field-textarea:focus{border-color:#06c;outline:none}.PageSettings .code-textarea{background:#1e1e1e;border:1px solid #444;border-radius:3px;color:#fff;font-family:monospace;font-size:11px;line-height:1.5;min-height:80px;padding:8px;resize:vertical}.PageSettings .code-textarea:focus{border-color:#06c;outline:none}.PageSettings .settings-category-header span svg{margin-right:6px}:root{--dark-bg:#1a1b1e;--darker-bg:#141517;--card-bg:#25262b;--hover-bg:#2c2d33;--border-color:#2f3136;--text-primary:#fff;--text-secondary:#a1a1aa;--accent-blue:#3b82f6;--accent-green:#22c55e;--accent-red:#ef4444;--shadow-color:#0000004d}.cms-panel{background:#1a1b1e;background:var(--dark-bg);overflow-y:auto;padding:14px}.cms-panel,.cms-panel h2{color:#fff;color:var(--text-primary)}.cms-panel h2{align-items:center;background:linear-gradient(135deg,#25262b,#141517);background:linear-gradient(135deg,var(--card-bg) 0,var(--darker-bg) 100%);border-radius:12px;box-shadow:0 4px 12px #0000004d;box-shadow:0 4px 12px var(--shadow-color);display:flex;font-size:28px;font-weight:600;gap:12px;margin-bottom:32px;padding:20px;position:relative}.cms-panel h2:before{background:#3b82f6;background:var(--accent-blue);border-radius:2px;content:"";height:24px;margin-right:8px;width:4px}.cms-panel h2:after{background:linear-gradient(90deg,#3b82f6,#3b82f61a);background:linear-gradient(90deg,var(--accent-blue) 0,#3b82f61a 100%);bottom:0;content:"";height:1px;left:20px;position:absolute;right:20px}.cms-panel h3{color:#fff;color:var(--text-primary);font-size:18px;font-weight:500;margin-bottom:16px}.content-types{background:#141517;background:var(--darker-bg);border:1px solid #2f3136;border:1px solid var(--border-color);border-radius:8px;margin-bottom:24px;padding:20px}.cms-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.cms-section-header button{align-items:center;background:#3b82f6;background:var(--accent-blue);border:none;border-radius:6px;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.cms-section-header button:hover{background:#2563eb;transform:translateY(-1px)}.content-type-item{background:#25262b;background:var(--card-bg);border:1px solid #2f3136;border:1px solid var(--border-color);border-radius:6px;margin:12px 0;transition:all .2s}.content-type-item:hover{border-color:#3b82f6;border-color:var(--accent-blue);box-shadow:0 4px 12px #0000004d;box-shadow:0 4px 12px var(--shadow-color);transform:translateY(-1px)}.content-type-info{align-items:center;display:flex;justify-content:space-between;padding:16px}.type-details{align-items:center;display:flex;gap:12px}.type-name{color:#fff;color:var(--text-primary);font-weight:500}.field-count{background:#141517;background:var(--darker-bg);color:#a1a1aa;color:var(--text-secondary);font-size:14px}.content-type-actions{display:flex;gap:8px}.add-content-button,.delete-button,.edit-button,.view-data-button{border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s}.view-data-button{background:#3b82f633;color:#3b82f6;color:var(--accent-blue)}.view-data-button:hover{background:#3b82f64d}.edit-button{background:#22c55e33;color:#22c55e;color:var(--accent-green)}.edit-button:hover{background:#22c55e4d}.delete-button{align-items:center;background:#ef444433;border:1px solid #ef4444;color:#ef4444;display:flex;font-weight:500;gap:4px;justify-content:center}.delete-button:hover{background:#ef444466;box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.add-content-button{background:#3b82f6;background:var(--accent-blue);color:#fff;color:var(--text-primary)}.add-content-button:hover{background:#2563eb}.content-list{background:#141517;background:var(--darker-bg);padding:20px}.content-list,.content-list-header{border:1px solid #2f3136;border:1px solid var(--border-color);border-radius:8px}.content-list-header{align-items:center;background:#25262b;background:var(--card-bg);display:flex;justify-content:space-between;margin-bottom:20px;padding:16px}.content-list-actions{display:flex;gap:12px}.header-left{display:flex;flex-direction:column}.content-count{border-radius:4px;color:#a1a1aa;color:var(--text-secondary);font-size:14px;padding:4px 8px}.content-count,.content-item{background:#25262b;background:var(--card-bg)}.content-item{border:1px solid #2f3136;border:1px solid var(--border-color);border-radius:8px;margin:12px 0;overflow:hidden;transition:all .3s}.content-item.expanded{border-color:#3b82f6;border-color:var(--accent-blue);box-shadow:0 6px 16px #0000004d;box-shadow:0 6px 16px var(--shadow-color)}.content-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;overflow:hidden;padding:16px 20px;position:relative;transition:all .2s}.content-header:hover{background:#2c2d33;background:var(--hover-bg)}.content-header:before{background:#3b82f6;background:var(--accent-blue);bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .2s;width:4px}.content-item.expanded .content-header:before{opacity:1}.content-info{align-items:center;display:flex;gap:12px}.content-title{color:#fff;color:var(--text-primary);font-size:15px;font-weight:500;letter-spacing:.2px}.content-fields-preview{display:flex;flex-direction:column;gap:4px}.field-preview{background:#ffffff0d;border-radius:4px;color:#a1a1aa;color:var(--text-secondary);display:inline-block;font-size:13px;margin-right:8px;padding:4px 8px}.field-name{color:#3b82f6;color:var(--accent-blue);margin-right:4px}.field-value{color:#a1a1aa;color:var(--text-secondary)}.content-meta{align-items:center;display:flex;gap:16px}.content-date{background:#ffffff0d;border-radius:4px;color:#a1a1aa;color:var(--text-secondary);font-size:13px;padding:4px 10px}.header-delete-button{align-items:center;background:#ef44441a;border:none;border-radius:50%;color:#ef4444;color:var(--accent-red);cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:all .2s;width:28px}.header-delete-button:hover{background:#ef44444d;transform:scale(1.1)}.delete-icon{font-size:18px;font-weight:700}.expand-indicator{align-items:center;background:#3b82f61a;border-radius:50%;color:#3b82f6;color:var(--accent-blue);cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;transition:transform .3s;width:24px}.expanded .expand-indicator{background:#3b82f633;transform:rotate(180deg)}.cms-panel-content-form{background:#141517;background:var(--darker-bg);border-top:1px solid #2f3136;border-top:1px solid var(--border-color);display:none!important}.cms-panel-content-form.visible{animation:slideDown .3s ease-out;display:block!important}.content-form input[type=text],.content-form textarea{background:#141517;background:var(--darker-bg);border:1px solid #2f3136;border:1px solid var(--border-color);border-radius:4px;color:#fff;color:var(--text-primary);font-size:14px;margin-bottom:12px;padding:10px;transition:all .2s;width:100%}.content-form input[type=text]:focus,.content-form textarea:focus{border-color:#3b82f6;border-color:var(--accent-blue);box-shadow:0 0 0 2px #3b82f633;outline:none}.content-form input[type=text]::placeholder,.content-form textarea::placeholder,.empty-state{color:#a1a1aa;color:var(--text-secondary)}.empty-state{background:#25262b;background:var(--card-bg);border:1px dashed #2f3136;border:1px dashed var(--border-color);border-radius:8px;padding:40px 20px;text-align:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.content-list-actions,.content-type-actions{flex-direction:column;gap:8px}.content-list-header{gap:12px}.content-list-header,.content-type-info{align-items:flex-start;flex-direction:column}.content-type-info{gap:8px}}.delete-confirmation-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.delete-confirmation-modal{animation:scaleIn .2s ease-out;background:#25262b;background:var(--card-bg);border:1px solid #2f3136;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 24px #0000004d;max-width:90%;padding:24px;width:400px}.delete-confirmation-modal h4{border-bottom:1px solid #2f3136;border-bottom:1px solid var(--border-color);color:#fff;color:var(--text-primary);font-size:18px;margin-bottom:16px;margin-top:0;padding-bottom:12px}.delete-confirmation-modal p{color:#fff;color:var(--text-primary);line-height:1.5;margin-bottom:16px}.delete-confirmation-modal strong{color:#3b82f6;color:var(--accent-blue)}.delete-warning{background:#ef44441a;border-left:3px solid #ef4444;border-left:3px solid var(--accent-red);border-radius:4px;color:#ef4444!important;color:var(--accent-red)!important;font-size:14px;padding:8px 12px}.delete-confirmation-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.cancel-delete-button,.confirm-delete-button{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s}.cancel-delete-button{background:#ffffff1a;color:#fff;color:var(--text-primary)}.cancel-delete-button:hover{background:#ffffff26}.confirm-delete-button{background:#ef4444cc;color:#fff}.confirm-delete-button:hover{background:#ef4444;background:var(--accent-red);transform:translateY(-1px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.template-selector{animation:fadeIn .3s ease-out;background:#000c;bottom:0;display:flex;flex-direction:column;left:0;overflow:hidden;padding:40px;position:fixed;right:0;top:0;z-index:1000}.template-header{background:#25262b;background:var(--card-bg);border:1px solid #2f3136;border:1px solid var(--border-color);border-radius:8px 8px 0 0;flex-shrink:0;padding:20px;position:relative}.template-header h3{color:#fff;color:var(--text-primary);font-size:24px;margin-bottom:10px}.template-header p{color:#a1a1aa;color:var(--text-secondary);margin-bottom:20px}.template-header .cancel-button{background:#ffffff1a;border:none;border-radius:4px;color:#fff;color:var(--text-primary);cursor:pointer;padding:8px 16px;position:absolute;right:20px;top:20px;transition:all .2s}.template-header .cancel-button:hover{background:#fff3}.template-grid-container{background:#141517;background:var(--darker-bg);border:1px solid #2f3136;border:1px solid var(--border-color);border-radius:0 0 8px 8px;border-top:none;flex-grow:1;overflow-y:auto}.template-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:30px}.template-card{background:#25262b;background:var(--card-bg);border:1px solid #2f3136;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;height:100%;padding:20px;transition:all .3s}.template-card:hover{border-color:#3b82f6;border-color:var(--accent-blue);box-shadow:0 10px 20px #0003;transform:translateY(-5px)}.template-icon{font-size:32px;margin-bottom:15px}.template-card h4{color:#fff;color:var(--text-primary);font-size:18px;margin-bottom:10px}.template-card p{color:#a1a1aa;color:var(--text-secondary);flex-grow:1;font-size:14px}.template-card p,.template-fields{margin-bottom:15px}.field-count{background:#3b82f61a;border-radius:4px;color:#3b82f6;color:var(--accent-blue);font-size:12px;padding:4px 8px}.select-template-button{background:#3b82f6;background:var(--accent-blue);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:10px;transition:all .2s;width:100%}.select-template-button:hover{background:#2563eb}.template-card:last-child{background:linear-gradient(135deg,#25262b,#141517);background:linear-gradient(135deg,var(--card-bg) 0,var(--darker-bg) 100%);border:1px dashed #3b82f6;border:1px dashed var(--accent-blue)}.template-card:last-child .template-icon{color:#3b82f6;color:var(--accent-blue)}.template-card:last-child .select-template-button{background:#0000;border:1px solid #3b82f6;border:1px solid var(--accent-blue);color:#3b82f6;color:var(--accent-blue)}.template-card:last-child .select-template-button:hover{background:#3b82f61a}@media (max-width:768px){.template-grid{grid-template-columns:1fr}.template-selector{padding:20px}}.template-selection-container{animation:fadeIn .3s ease-out;background:#141517;background:var(--darker-bg);border:1px solid #2f3136;border:1px solid var(--border-color);border-radius:8px;margin-bottom:24px;padding:20px}.template-description{color:#a1a1aa;color:var(--text-secondary);font-size:15px;margin-bottom:20px;padding:0 10px}.inline-template-grid{grid-gap:45px 15px;display:grid;gap:45px 15px;grid-template-columns:repeat(3,1fr);padding:10px}.cancel-template-button{background:#ffffff1a!important;border:1px solid #2f3136!important;border:1px solid var(--border-color)!important;color:#fff!important;color:var(--text-primary)!important}.cancel-template-button:hover{background:#fff3!important;transform:translateY(-1px)}.inline-template-grid .template-card{background:#25262b;background:var(--card-bg);border:1px solid #2f3136;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;height:100%;padding:15px;transition:all .3s}.inline-template-grid .template-card:hover{border-color:#3b82f6;border-color:var(--accent-blue);box-shadow:0 5px 10px #0003;transform:translateY(-3px)}.inline-template-grid .template-icon{font-size:24px;margin-bottom:10px}.inline-template-grid .template-card h4{color:#fff;color:var(--text-primary);font-size:16px;margin-bottom:8px}.inline-template-grid .template-card p{color:#a1a1aa;color:var(--text-secondary);flex-grow:1;font-size:13px;line-height:1.4;margin-bottom:10px}.inline-template-grid .template-fields{margin-bottom:10px}.inline-template-grid .field-count{background:#3b82f61a;border-radius:4px;color:#3b82f6;color:var(--accent-blue);font-size:11px;padding:3px 6px}.inline-template-grid .select-template-button{background:#3b82f6;background:var(--accent-blue);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:8px;transition:all .2s;width:100%}.inline-template-grid .select-template-button:hover{background:#2563eb}.inline-template-grid .template-card:last-child{background:linear-gradient(135deg,#25262b,#141517);background:linear-gradient(135deg,var(--card-bg) 0,var(--darker-bg) 100%);border:1px dashed #3b82f6;border:1px dashed var(--accent-blue)}.inline-template-grid .template-card:last-child .template-icon{color:#3b82f6;color:var(--accent-blue)}.inline-template-grid .template-card:last-child .select-template-button{background:#0000;border:1px solid #3b82f6;border:1px solid var(--accent-blue);color:#3b82f6;color:var(--accent-blue)}.inline-template-grid .template-card:last-child .select-template-button:hover{background:#3b82f61a}@media (max-width:768px){.inline-template-grid{gap:10px;grid-template-columns:repeat(3,1fr)}.inline-template-grid .template-card{min-height:180px;padding:12px}.inline-template-grid .template-card p{font-size:12px;line-height:1.3}}.content-type-builder{background:var(--darker-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);padding:24px}.builder-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.builder-header h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.builder-actions{display:flex;gap:12px}.add-field-button,.cancel-button,.remove-field-button,.save-button{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.cancel-button{background:#ffffff1a;color:var(--text-primary)}.cancel-button:hover{background:#ffffff26}.save-button{background:var(--accent-blue);color:#fff}.save-button:hover{background:#2563eb;transform:translateY(-1px)}.error-message{background:#ef444433;font-size:14px;margin-bottom:20px;padding:12px}.field-error-message{background:#ef444426;border-left:3px solid #ef4444;color:#ef4444}.field-error-message,.field-success-message{border-radius:6px;font-size:13px;margin-bottom:16px;padding:10px}.field-success-message{background:#22c55e26;border-left:3px solid #22c55e;color:#22c55e}.form-group{margin-bottom:20px;width:100%}.form-group label{color:var(--text-secondary);display:block;font-size:14px;margin-bottom:8px}.form-group input,.form-group select{background:var(--card-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.form-group input.error-input{border-color:#ef4444}.form-group input:focus,.form-group select:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px #3b82f633;outline:none}.form-group input.error-input:focus{border-color:#ef4444;box-shadow:0 0 0 2px #ef444433}.form-group input::placeholder{color:var(--text-secondary);opacity:.6}.fields-section{background:var(--card-bg);border-radius:8px;margin-top:24px;padding:20px}.fields-section h4{color:var(--text-primary);font-size:16px;font-weight:500;margin-bottom:16px;margin-top:0}.fields-list{margin-bottom:24px}.empty-fields{border:1px dashed var(--border-color);border-radius:6px;color:var(--text-secondary);padding:24px;text-align:center}.empty-fields,.field-item{background:var(--darker-bg)}.field-item{align-items:center;border:1px solid var(--border-color);border-radius:6px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px 16px;transition:all .2s}.field-item:hover{border-color:var(--accent-blue);box-shadow:0 2px 8px #0000001a}.field-info{align-items:center;display:flex;gap:12px}.field-name{color:var(--text-primary);font-weight:500}#field-name{width:94%}.field-type{background:#ffffff0d;border-radius:4px;color:var(--text-secondary);font-size:12px;padding:3px 8px;text-transform:capitalize}.remove-field-button{background:#ef44441a;color:var(--accent-red);font-size:12px;padding:6px 12px}.remove-field-button:hover{background:#ef444433}.add-field-form{background:var(--darker-bg);border:1px solid var(--border-color);border-radius:6px;padding:16px}.add-field-form h4{border-bottom:1px solid var(--border-color);margin-bottom:16px;margin-top:0;padding-bottom:8px}.field-inputs-container{display:flex;flex-direction:column;gap:16px}.field-inputs-row{width:100%}.add-field-button{background:#22c55e33;color:var(--accent-green);font-weight:500;padding:10px;width:100%}.add-field-button:hover{background:#22c55e4d;transform:translateY(-1px)}.field-help{color:var(--text-secondary);display:block;opacity:.8}.field-type-row{display:flex;gap:16px}.field-required-group{align-items:flex-end;display:flex;height:40px}.field-details{align-items:center;display:flex;gap:8px}.field-required{background:#ef444426;border-radius:4px;color:var(--accent-red);font-size:11px;font-weight:500;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}@media (max-width:768px){.builder-header{align-items:flex-start;flex-direction:column;gap:16px}.builder-actions{width:100%}.cancel-button,.save-button{flex:1 1}}.content-form-container{border-radius:4px;box-shadow:0 1px 3px #0003;color:#e1e1e6;color:var(--text-primary,#e1e1e6);padding:20px 10px}.content-view{background:var(--card-bg);border-radius:8px;color:var(--text-primary);padding:20px}.content-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:14px}.field-view{margin-bottom:16px}.field-view label{color:var(--accent-blue);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.field-value{background:var(--darker-bg);border:1px solid var(--border-color);border-radius:6px;min-height:24px;padding:12px;word-break:break-word}.view-image-container{align-items:center;background:var(--darker-bg);border-radius:4px;display:flex;justify-content:center;overflow:hidden;padding:0}.view-image-container img{display:block;max-height:200px;max-width:100%;object-fit:contain}.image-placeholder{background-color:#151522;background-color:var(--darker-bg,#151522);min-height:150px;padding:30px}.image-placeholder,.placeholder-icon{color:#a0a0a6;color:var(--text-secondary,#a0a0a6)}.placeholder-icon{margin-bottom:12px;opacity:.6}.placeholder-icon svg{height:100%;width:100%}.placeholder-text{font-weight:500}.content-actions{border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding-top:16px}.content-actions .delete-button,.content-actions .edit-button{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.content-actions .edit-button{background:#22c55e33;color:var(--accent-green);width:100%}.content-actions .edit-button:hover{background:#22c55e4d;transform:translateY(-1px)}.content-actions .delete-button{background:#ef444433;color:var(--accent-red)}.content-actions .delete-button:hover{background:#ef44444d;transform:translateY(-1px)}.form-fields{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:24px;margin-top:10px}.form-field{margin-bottom:8px}.form-field label{color:var(--text-secondary);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-field input[type=date],.form-field input[type=number],.form-field input[type=text],.form-field textarea{background:var(--card-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:14px;padding:10px 12px;transition:all .2s;width:95%}.form-field input:focus,.form-field textarea:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px #3b82f633;outline:none}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--text-secondary);opacity:.6}.form-field textarea{min-height:100px;resize:vertical}.checkbox-field input[type=checkbox]{background:var(--card-bg);border:1px solid var(--border-color)}.checkbox-field input[type=checkbox]:checked{background:var(--accent-blue);border-color:var(--accent-blue)}.checkbox-field label{cursor:pointer;margin-bottom:0}.image-field{display:flex;flex-direction:column;gap:8px}.image-preview{background:var(--darker-bg);border:1px solid var(--border-color);border-radius:4px;margin-top:8px;overflow:hidden}.image-preview img{display:block;margin:0 auto;max-height:250px;max-width:100%}.error-message{background:#ef444426;border-left:3px solid #ef4444;border-radius:6px;color:#ef4444;font-size:13px;margin-bottom:16px;padding:10px}.form-actions{border-top:1px solid var(--border-color);gap:12px}.cancel-content-button,.delete-content-button,.save-content-button{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.delete-content-button{background:#ef44441a;color:var(--accent-red);margin-right:auto}.delete-content-button:hover{background:#ef444433}.cancel-content-button{background:#ffffff1a;color:var(--text-primary)}.cancel-content-button:hover{background:#ffffff26}.save-content-button{background:var(--accent-blue);color:#fff}.save-content-button:hover{background:#2563eb;transform:translateY(-1px)}@media (max-width:768px){.content-fields,.form-fields{grid-template-columns:1fr}.content-actions,.form-actions{flex-direction:column-reverse;gap:8px}.cancel-content-button,.content-actions .delete-button,.content-actions .edit-button,.delete-content-button,.save-content-button{margin-right:0;width:100%}}.content-form{gap:15px}.content-form,.form-group{display:flex;flex-direction:column}.form-group{gap:5px}.form-group label{align-items:center;color:#a0a0a6;color:var(--text-secondary,#a0a0a6);display:flex;font-weight:500}.required-indicator{color:#ef4444;color:var(--accent-red,#ef4444);margin-left:4px}.form-group input[type=date],.form-group input[type=number],.form-group input[type=text],.form-group textarea{background-color:#151522;background-color:var(--darker-bg,#151522);border:1px solid #2d2d3d;border:1px solid var(--border-color,#2d2d3d);border-radius:4px;color:#e1e1e6;color:var(--text-primary,#e1e1e6);font-size:14px;padding:8px 12px}.form-group input:focus,.form-group textarea:focus{border-color:#3b82f6;border-color:var(--accent-blue,#3b82f6);box-shadow:0 0 0 2px #3b82f633;outline:none}.checkbox-group{margin:10px 0}.checkbox-field{align-items:center;display:flex;gap:8px}.checkbox-field input[type=checkbox]{-webkit-appearance:none;appearance:none;background:#151522;background:var(--darker-bg,#151522);border:1px solid #2d2d3d;border:1px solid var(--border-color,#2d2d3d);border-radius:4px;cursor:pointer;height:18px;margin:0;position:relative;width:18px}.checkbox-field input[type=checkbox]:checked{background:#3b82f6;background:var(--accent-blue,#3b82f6);border-color:#3b82f6;border-color:var(--accent-blue,#3b82f6)}.checkbox-field input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.rich-text-editor{background-color:#151522;background-color:var(--darker-bg,#151522);color:#e1e1e6;color:var(--text-primary,#e1e1e6);font-family:monospace}.field-help{color:#a0a0a6;color:var(--text-secondary,#a0a0a6);font-size:12px;margin-top:4px}.form-actions{border-top:1px solid #2d2d3d;border-top:1px solid var(--border-color,#2d2d3d);display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:16px}.save-button,.save-content-button{background-color:#3b82f6;background-color:var(--accent-blue,#3b82f6);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px}.save-button:hover,.save-content-button:hover{background-color:#2563eb;transform:translateY(-1px)}.cancel-button,.cancel-content-button{background-color:#ffffff1a;border:1px solid #2d2d3d;border:1px solid var(--border-color,#2d2d3d);border-radius:4px;color:#e1e1e6;color:var(--text-primary,#e1e1e6);cursor:pointer;padding:8px 16px}.cancel-button:hover,.cancel-content-button:hover{background-color:#ffffff26}.delete-button,.delete-content-button{background-color:#ef444433;border:none;border-radius:4px;color:#ef4444;color:var(--accent-red,#ef4444);cursor:pointer;margin-right:auto;padding:8px 16px}.delete-button:hover,.delete-content-button:hover{background-color:#ef44444d}.image-gallery-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.image-gallery-modal{background-color:#1e1e2d;background-color:var(--card-bg,#1e1e2d);border:1px solid #2d2d3d;border:1px solid var(--border-color,#2d2d3d);border-radius:8px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:900px;width:80%}.image-gallery-header{align-items:center;border-bottom:1px solid #2d2d3d;border-bottom:1px solid var(--border-color,#2d2d3d);display:flex;justify-content:space-between;padding:15px 20px}.image-gallery-header h4{color:#e1e1e6;color:var(--text-primary,#e1e1e6);font-size:18px;margin:0}.close-gallery-button{background:none;border:none;color:#a0a0a6;color:var(--text-secondary,#a0a0a6);cursor:pointer;font-size:24px}.close-gallery-button:hover{color:#e1e1e6;color:var(--text-primary,#e1e1e6)}.image-gallery-content{max-height:calc(80vh - 70px);overflow-y:auto;padding:20px}.image-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.image-item{background-color:#151522;background-color:var(--darker-bg,#151522);border:1px solid #2d2d3d;border:1px solid var(--border-color,#2d2d3d);border-radius:4px;cursor:pointer;overflow:hidden;transition:transform .2s,box-shadow .2s}.image-item:hover{border-color:#3b82f6;border-color:var(--accent-blue,#3b82f6);box-shadow:0 4px 8px #0000004d;transform:translateY(-3px)}.image-item img{display:block;height:120px;object-fit:cover;width:100%}.image-name{background-color:#151522;background-color:var(--darker-bg,#151522);border-top:1px solid #2d2d3d;border-top:1px solid var(--border-color,#2d2d3d);font-size:12px;overflow:hidden;padding:8px;text-overflow:ellipsis;white-space:nowrap}.image-name,.no-images-message{color:#a0a0a6;color:var(--text-secondary,#a0a0a6)}.no-images-message{padding:30px;text-align:center}.image-field-group{margin-bottom:15px}.image-field-container{background:var(--darker-bg);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;width:100%}.image-preview-container{position:relative;width:100%}.image-preview-img{background:#1a1a1a;display:block;max-height:250px;object-fit:contain;width:100%}.image-actions{background:#00000080;display:flex;justify-content:space-between;padding:10px}.change-image-button,.remove-image-button,.select-asset-button{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 12px;transition:all .2s}.change-image-button{background:var(--accent-blue);color:#fff}.change-image-button:hover{background:#2563eb}.remove-image-button{background:#ef444433;border:1px solid var(--accent-red);color:var(--accent-red)}.remove-image-button:hover{background:#ef44444d}.select-asset-button{background:var(--accent-blue);color:#fff;margin-top:10px;padding:10px;width:100%}.select-asset-button:hover{background:#2563eb}.image-placeholder-container{padding:20px}.image-placeholder,.image-placeholder-container{align-items:center;display:flex;flex-direction:column}.image-placeholder{background:#ffffff0d;border-radius:4px;height:150px;justify-content:center;margin-bottom:10px;width:100%}.placeholder-icon{color:var(--text-secondary);height:48px;margin-bottom:10px;width:48px}.placeholder-text{color:var(--text-secondary);font-size:14px}.cms-rich-text-editor{background-color:#1e1e2d;background-color:var(--card-bg,#1e1e2d);border:1px solid #2d2d3d;border:1px solid var(--border-color,#2d2d3d);border-radius:4px;color:#e1e1e6;color:var(--text-primary,#e1e1e6);margin-bottom:15px;min-height:250px;overflow:hidden;width:100%}.cms-rich-text-editor .editor-content{background-color:#151522;background-color:var(--darker-bg,#151522);border-top:1px solid #2d2d3d;border-top:1px solid var(--border-color,#2d2d3d);color:#e1e1e6;color:var(--text-primary,#e1e1e6);font-size:14px;line-height:1.5;min-height:150px;padding:12px}.cms-rich-text-editor .editor-toolbar{background-color:#1e1e2d;background-color:var(--card-bg,#1e1e2d);border-bottom:1px solid #2d2d3d;border-bottom:1px solid var(--border-color,#2d2d3d);display:flex;flex-wrap:wrap;gap:4px;padding:8px}.cms-rich-text-editor .editor-toolbar button,.cms-rich-text-editor .editor-toolbar select{background-color:#151522;background-color:var(--darker-bg,#151522);border:1px solid #2d2d3d;border:1px solid var(--border-color,#2d2d3d);border-radius:4px;color:#e1e1e6;color:var(--text-primary,#e1e1e6);cursor:pointer;font-size:14px;padding:6px 10px;transition:all .2s}.cms-rich-text-editor .editor-toolbar button:hover,.cms-rich-text-editor .editor-toolbar select:hover{background-color:#252536}.cms-rich-text-editor .editor-toolbar button.active{background-color:#3b82f6;background-color:var(--accent-blue,#3b82f6);border-color:#3b82f6;border-color:var(--accent-blue,#3b82f6);color:#fff}.cms-rich-text-editor .toolbar-divider{background-color:#2d2d3d;background-color:var(--border-color,#2d2d3d);height:24px;margin:0 4px;width:1px}.cms-rich-text-editor .format-select{min-width:110px}.cms-rich-text-editor .color-picker-container{align-items:center;display:flex;flex-direction:column;gap:2px}.cms-rich-text-editor .color-picker{border:none;border-radius:4px;cursor:pointer;height:24px;overflow:hidden;padding:0;width:24px}.cms-rich-text-editor .color-picker-label{color:#a0a0a6;color:var(--text-secondary,#a0a0a6);font-size:10px}.rich-text-content{word-wrap:break-word;color:#e1e1e6;color:var(--text-primary,#e1e1e6);font-size:14px;line-height:1.6;max-height:300px;overflow-wrap:break-word;overflow-y:auto}.rich-text-content img{height:auto;max-width:100%}.rich-text-content p{margin-bottom:.8em}.rich-text-content h1,.rich-text-content h2,.rich-text-content h3,.rich-text-content h4,.rich-text-content h5,.rich-text-content h6{margin-bottom:.5em;margin-top:1em}.rich-text-content ol,.rich-text-content ul{margin-bottom:1em;padding-left:1.5em}.rich-text-content blockquote{border-left:3px solid #2d2d3d;border-left:3px solid var(--border-color,#2d2d3d);color:#a0a0a6;color:var(--text-secondary,#a0a0a6);font-style:italic;margin-left:0;padding-left:1em}.cms-rich-text-editor-portal{align-items:center;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:99999}.cms-rich-text-editor-popup{background-color:#1e1e2d;background-color:var(--card-bg,#1e1e2d);border-radius:8px;box-shadow:0 8px 32px #00000080;display:flex;flex-direction:column;height:600px;max-height:90vh;max-width:800px;overflow:hidden;width:90%}.cms-editor-header{align-items:center;background-color:#151522;background-color:var(--darker-bg,#151522);border-bottom:1px solid #2d2d3d;border-bottom:1px solid var(--border-color,#2d2d3d);display:flex;justify-content:space-between;padding:16px}.cms-editor-header h3{color:#e1e1e6;color:var(--text-primary,#e1e1e6);font-size:18px;font-weight:500;margin:0}.cms-close-editor-btn{align-items:center;background:none;border:none;border-radius:50%;color:#a0a0a6;color:var(--text-secondary,#a0a0a6);cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;transition:all .2s;width:30px}.cms-close-editor-btn:hover{background-color:#ffffff1a;color:#e1e1e6;color:var(--text-primary,#e1e1e6)}.cms-editor-footer{background-color:#151522;background-color:var(--darker-bg,#151522);border-top:1px solid #2d2d3d;border-top:1px solid var(--border-color,#2d2d3d);display:flex;justify-content:flex-end;padding:16px}.cms-save-editor-btn{background-color:#3b82f6;background-color:var(--accent-blue,#3b82f6);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.cms-save-editor-btn:hover{background-color:#2563eb;transform:translateY(-1px)}.live-build-container{background-color:#000c;bottom:0;display:flex;flex-direction:column;left:0;position:fixed;right:0;top:0;z-index:1000}.live-build-header{align-items:center;background-color:#1a1a1a;color:#fff;display:flex;justify-content:space-between;padding:1rem}.live-build-title{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.device-buttons{display:flex;gap:1rem;margin:0 2rem}.device-btn{align-items:center;background:none;border:1px solid #444;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.device-btn:hover{background-color:#333}.device-btn.active{background-color:#007bff;border-color:#007bff}.close-button{background:none;border:none;color:#fff;cursor:pointer;font-size:24px;padding:.5rem}.close-button:hover{color:#f44}.live-build-content{background-color:#d3d3d3;display:flex;flex:1 1;height:calc(100vh - 60px);justify-content:center;overflow:hidden;padding:0 1rem}.iframe-container{align-items:flex-start;display:flex;justify-content:center;padding:20px}.iframe-container,.live-build-frame{height:100%;transition:width .3s ease;width:100%}.live-build-frame{background-color:#fff;border:none;box-shadow:0 2px 10px #0000001a;display:block;margin:0;padding:0}.live-build-frame.mobile{max-width:100%;width:375px}.live-build-frame.tablet{max-width:100%;width:768px}.live-build-frame.desktop{width:100%}.current-page{font-size:.9rem;font-weight:400;opacity:.8}.preview-container-live-build{overflow-x:auto;padding:5px;width:100%}.live-preview-container{background:#fff;box-shadow:0 0 10px #0000001a;box-sizing:border-box;display:flow-root;margin:0;min-height:calc(100vh - 100px);padding:0;position:relative}.live-preview-container[data-device=mobile]{min-height:667px;width:375px!important}.live-preview-container[data-device=tablet]{min-height:1024px;width:768px!important}.live-preview-container[data-device=desktop]{max-width:1440px;width:100%!important}.live-preview-container *,.live-preview-container :hover,.live-preview-container [class*="--hover"]{transition:all .3s ease}.live-preview-container :active{transition:all .1s ease}.live-preview-container :focus{outline:none;transition:all .3s ease}.live-preview-element{box-sizing:border-box}.template-hidden{display:none!important;opacity:0;pointer-events:none;position:absolute;visibility:hidden}.loading-screen{align-items:center;background:#1a1a1a;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.cosmic-loader{text-align:center}.cosmic-rings{height:100px;margin:0 auto 20px;position:relative;width:100px}.ring{border:2px solid #0000;border-radius:50%;position:absolute}.ring:first-child{animation:rotate 2s linear infinite;border-top-color:#007bff;height:100%;width:100%}.ring:nth-child(2){animation:rotate 1.5s linear infinite reverse;border-right-color:#28a745;height:80%;left:10%;top:10%;width:80%}.ring:nth-child(3){animation:rotate 1s linear infinite;border-bottom-color:#dc3545;height:60%;left:20%;top:20%;width:60%}.loading-text{color:#fff;font-size:18px;margin-top:20px}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sections-sidebar{background-color:#1e1e1e;border-right:1px solid #333;color:#e0e0e0;height:100%;left:48px;overflow:auto;padding:10px 0;position:fixed;top:32px;width:250px;z-index:900}.sections-sidebar .section-categories{display:flex;flex-direction:column;gap:10px;padding:10px}.sections-sidebar .section-category-item{align-items:center;background-color:#2c2c2c;border:1px solid #3a3a3a;border-radius:6px;box-shadow:0 2px 5px #0000004d;cursor:pointer;display:flex;padding:12px;transition:all .2s}.sections-sidebar .section-category-item:hover{background-color:#383838;border-color:#4e4e4e;box-shadow:0 0 10px #5a5a5a4d}.sections-sidebar .category-icon{align-items:center;background-color:#121212;border:1px solid #3a3a3a;border-radius:8px;color:#09f;display:flex;height:40px;justify-content:center;margin-right:12px;width:40px}.sections-sidebar .category-name{color:#e0e0e0;flex-grow:1;font-weight:500}.sections-sidebar .section-items{display:flex;flex-direction:column;gap:15px;padding:15px}.sections-sidebar .section-item{background-color:#2c2c2c;border:1px solid #3a3a3a;border-radius:6px;box-shadow:0 2px 5px #0000004d;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:all .2s}.sections-sidebar .section-item:hover{border-color:#4e4e4e;box-shadow:0 0 15px #5a5a5a66;transform:translateY(-2px)}.sections-sidebar .section-preview{border-bottom:1px solid #3a3a3a;height:120px;overflow:hidden}.sections-sidebar .section-preview img{height:100%;object-fit:cover;width:100%}.sections-sidebar .section-name{background-color:#252525;color:#e0e0e0;font-size:12px;padding:8px;text-align:center}.sections-sidebar .back-button{background:none;border:none;color:#09f;cursor:pointer;margin-right:10px;padding:5px 10px}.sections-sidebar .back-button:hover{color:#33adff}.sections-sidebar .sidebar-header{align-items:center;background-color:#252525;border-bottom:1px solid #333;display:flex;padding:10px 15px}.sections-sidebar .sidebar-header h3{color:#e0e0e0;flex-grow:1;margin:0}.sections-sidebar .close-btn{background:none;border:none;color:#09f;cursor:pointer;font-size:16px}.sections-sidebar .close-btn:hover{color:#33adff}.sections-sidebar .fa-chevron-right{color:#09f}.client-components-sidebar{background-color:#1e1e1e;border-right:1px solid #333;color:#e0e0e0;height:100%;left:48px;overflow:auto;padding:10px 0;position:fixed;top:32px;width:250px;z-index:900}.client-components-sidebar .sidebar-header{align-items:center;background-color:#252525;border-bottom:1px solid #333;display:flex;padding:10px 15px}.client-components-sidebar .sidebar-header h3{color:#e0e0e0;flex-grow:1;font-size:16px;font-weight:600;margin:0}.client-components-sidebar .close-btn{background:none;border:none;border-radius:4px;color:#09f;cursor:pointer;font-size:16px;padding:5px;transition:all .2s ease}.client-components-sidebar .close-btn:hover{background-color:#0099ff1a;color:#33adff}.client-components-sidebar .sidebar-content{padding:15px}.client-components-sidebar .component-items{display:flex;flex-direction:column;gap:15px}.client-components-sidebar .component-item{background-color:#2c2c2c;border:1px solid #3a3a3a;border-radius:6px;box-shadow:0 2px 5px #0000004d;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:all .2s ease}.client-components-sidebar .component-item:hover{background-color:#383838;border-color:#4e4e4e;box-shadow:0 0 15px #5a5a5a66;transform:translateY(-2px)}.client-components-sidebar .component-preview{align-items:center;background-color:#1a1a1a;border-bottom:1px solid #3a3a3a;display:flex;height:120px;justify-content:center;overflow:hidden}.client-components-sidebar .component-preview img{height:100%;object-fit:cover;opacity:.8;transition:opacity .2s ease;width:100%}.client-components-sidebar .component-item:hover .component-preview img{opacity:1}.client-components-sidebar .component-info{background-color:#252525;padding:12px}.client-components-sidebar .component-info h4{color:#e0e0e0;font-size:14px;font-weight:600;margin:0 0 4px}.client-components-sidebar .component-info p{color:#999;font-size:12px;line-height:1.4;margin:0}.client-components-sidebar .loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.client-components-sidebar .loading-spinner{animation:spin 1s linear infinite;border:3px solid #333;border-radius:50%;border-top-color:#09f;height:32px;margin-bottom:16px;width:32px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.client-components-sidebar .loading-state p{color:#999;font-size:14px;margin:0}.client-components-sidebar .empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.client-components-sidebar .empty-icon{align-items:center;background-color:#2c2c2c;border:1px solid #3a3a3a;border-radius:50%;display:flex;height:60px;justify-content:center;margin-bottom:16px;width:60px}.client-components-sidebar .empty-icon i{color:#666;font-size:24px}.client-components-sidebar .empty-state h4{color:#e0e0e0;font-size:16px;font-weight:600;margin:0 0 8px}.client-components-sidebar .empty-state p{color:#999;font-size:12px;line-height:1.4;margin:0}.client-components-sidebar::-webkit-scrollbar{width:6px}.client-components-sidebar::-webkit-scrollbar-track{background:#1e1e1e}.client-components-sidebar::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.client-components-sidebar::-webkit-scrollbar-thumb:hover{background:#555}.dns-instructions-page{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;padding:20px}.dns-header{gap:20px;margin:0 auto 30px;max-width:1200px}.back-btn,.dns-header{align-items:center;display:flex}.back-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;gap:8px;padding:12px 16px;text-decoration:none;transition:all .2s ease}.back-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569;transform:translateX(-2px)}.header-content{flex:1 1}.header-content h1{align-items:center;color:#1e293b;display:flex;font-size:28px;font-weight:700;gap:12px;margin:0 0 8px}.header-content h1 i{color:#3b82f6}.header-content p{color:#64748b;font-size:16px;margin:0}.dns-content{display:flex;flex-direction:column;gap:30px;margin:0 auto;max-width:1200px}.site-info{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.site-info h2{color:#1e293b;font-size:24px;font-weight:600;margin:0 0 8px}.site-info p{color:#64748b;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;margin:0}.environment-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.environment-section.production{border-left:4px solid #10b981}.environment-section.staging{border-left:4px solid #f59e0b}.environment-header{border-bottom:1px solid #f1f5f9;gap:16px;margin-bottom:24px;padding-bottom:16px}.env-badge,.environment-header{align-items:center;display:flex}.env-badge{border-radius:20px;color:#fff;font-size:14px;font-weight:600;gap:8px;padding:8px 16px}.env-badge.production{background:linear-gradient(135deg,#10b981,#059669)}.env-badge.staging{background:linear-gradient(135deg,#f59e0b,#d97706)}.domain-info h3{color:#1e293b;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:20px;font-weight:600;margin:0 0 4px}.domain-info p{color:#64748b;font-size:14px;margin:0}.dns-records-section{margin-bottom:24px}.dns-records-section h4{align-items:center;color:#1e293b;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 16px}.dns-records-section h4 i{color:#3b82f6}.dns-records{display:flex;flex-direction:column;gap:12px}.dns-record{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:16px;transition:all .2s ease}.dns-record:hover{background:#f1f5f9;border-color:#cbd5e1}.record-info{display:flex;flex:1 1;gap:24px}.record-field{display:flex;flex-direction:column;gap:4px;min-width:100px}.record-field label{color:#64748b;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.record-value{background:#fff;border:1px solid #e2e8f0;border-radius:4px;color:#1e293b;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;padding:6px 10px;word-break:break-all}.copy-record-btn{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.copy-record-btn:hover{background:#2563eb;transform:scale(1.05)}.copy-record-btn.copied{background:#10b981;color:#fff}.dns-record.has-warning{background:#fffbeb;border-color:#f59e0b}.dns-record.has-warning:hover{background:#fef3c7;border-color:#f59e0b}.record-warning{align-items:flex-start;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;display:flex;flex:1 1;gap:12px;margin-top:12px;padding:12px}.record-warning i{color:#dc2626;flex-shrink:0;margin-top:2px}.warning-content{flex:1 1}.warning-content strong{color:#dc2626;font-weight:600}.alternative-text{border-top:1px solid #fecaca;margin-top:8px;padding-top:8px}.alternative-text strong{color:#059669}.record-note{align-items:center;background:#dbeafe;border:1px solid #bfdbfe;border-radius:6px;color:#1e40af;display:flex;font-size:13px;gap:8px;margin-top:8px;padding:8px 12px}.record-note i{color:#3b82f6;flex-shrink:0}.copy-record-btn.disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed;opacity:.6}.copy-record-btn.disabled:hover{background:#f1f5f9;transform:none}.current-status{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.current-status h4{align-items:center;color:#1e293b;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px}.current-status h4 i{color:#3b82f6}.status-info{display:flex;flex-direction:column;gap:12px}.status-item{align-items:center;display:flex;gap:12px}.status-label{color:#64748b;font-size:14px;font-weight:500;min-width:120px}.status-value{color:#1e293b;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px}.status-value.pending{color:#f59e0b}.status-value.active{color:#10b981}.status-value.error{color:#ef4444}.cloudflare-url{color:#3b82f6;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;text-decoration:none}.cloudflare-url:hover{text-decoration:underline}.dns-setup-guide{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.dns-setup-guide h3{align-items:center;color:#1e293b;display:flex;font-size:20px;font-weight:600;gap:10px;margin:0 0 20px}.dns-setup-guide h3 i{color:#3b82f6}.setup-steps{display:flex;flex-direction:column;gap:16px}.setup-step{align-items:flex-start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:16px;padding:20px}.step-number{background:linear-gradient(135deg,#3b82f6,#1d4ed8);font-size:16px;height:36px;width:36px}.step-content h4{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 8px}.step-content p{color:#64748b;font-size:14px;line-height:1.5;margin:0}.provider-guides{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.provider-guides h3{align-items:center;color:#1e293b;display:flex;font-size:20px;font-weight:600;gap:10px;margin:0 0 20px}.provider-guides h3 i{color:#10b981}.provider-tabs{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.provider-guide{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px;transition:all .2s ease}.provider-guide:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a;transform:translateY(-2px)}.provider-guide h4{align-items:center;color:#1e293b;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 12px}.provider-guide h4 i{color:#3b82f6;font-size:14px}.provider-guide p{color:#64748b;font-size:14px;line-height:1.4;margin:0}.dns-troubleshooting{background:#fff;border:1px solid #e2e8f0;border-left:4px solid #f59e0b;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.dns-troubleshooting h3{align-items:center;color:#1e293b;display:flex;font-size:20px;font-weight:600;gap:10px;margin:0 0 20px}.dns-troubleshooting h3 i{color:#f59e0b}.troubleshooting-items{display:flex;flex-direction:column;gap:16px}.troubleshooting-item{align-items:flex-start;background:#fef7f0;border:1px solid #fed7aa;border-radius:8px;display:flex;gap:16px;padding:20px}.troubleshooting-item i{color:#f59e0b;flex-shrink:0;font-size:18px;margin-top:2px}.troubleshooting-item strong{color:#1e293b;display:block;font-size:14px;font-weight:600;margin-bottom:6px}.troubleshooting-item p{color:#64748b;font-size:14px;line-height:1.4;margin:0}.troubleshooting-item a{color:#3b82f6;text-decoration:none}.troubleshooting-item a:hover{text-decoration:underline}.dns-help{background:#fff;border:1px solid #e2e8f0;border-left:4px solid #3b82f6;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.help-item{align-items:center;color:#1e293b;display:flex;font-size:14px;gap:12px;margin-bottom:12px}.help-item:last-child{margin-bottom:0}.help-item i{color:#3b82f6;flex-shrink:0;font-size:16px}.dns-error,.dns-loading,.no-custom-domains{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:600px;min-height:60vh;padding:40px;text-align:center}.loading-spinner i{color:#3b82f6}.error-icon i,.info-icon i,.loading-spinner i{font-size:48px;margin-bottom:20px}.error-icon i{color:#ef4444}.info-icon i{color:#3b82f6}.dns-error h3,.dns-loading h3,.no-custom-domains h3{color:#1e293b;font-size:24px;font-weight:600;margin:0 0 16px}.dns-error p,.no-custom-domains p{color:#64748b;font-size:16px;line-height:1.5;margin:0 0 24px}@media (max-width:768px){.dns-instructions-page{padding:16px}.dns-header{align-items:flex-start;flex-direction:column;gap:16px}.header-content h1{font-size:24px}.environment-header{align-items:flex-start}.environment-header,.record-info{flex-direction:column;gap:12px}.record-field{min-width:auto}.status-item{align-items:flex-start;flex-direction:column;gap:4px}.status-label{min-width:auto}.provider-tabs{grid-template-columns:1fr}.setup-step{flex-direction:column;text-align:center}.step-number{align-self:center}.troubleshooting-item{flex-direction:column;text-align:center}.troubleshooting-item i{align-self:center}}.godaddy-instructions{background:#fff;border:1px solid #e2e8f0;border-left:4px solid #f59e0b;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.godaddy-instructions h3{align-items:center;color:#1e293b;display:flex;font-size:20px;font-weight:600;gap:12px;margin:0 0 20px}.godaddy-instructions h3 i{color:#f59e0b}.godaddy-warning{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;margin-bottom:24px;padding:16px}.warning-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.warning-header i{color:#f59e0b}.warning-header h4{color:#92400e;font-size:16px;font-weight:600;margin:0}.godaddy-warning p{color:#92400e;line-height:1.5;margin:0}.godaddy-solutions h4{align-items:center;color:#1e293b;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 16px}.godaddy-solutions h4 i{color:#10b981}.solution-options{display:flex;flex-direction:column;gap:16px}.solution-option{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.solution-option.recommended{background:#f0fdf4;border-color:#10b981}.solution-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.solution-header i,.solution-option.recommended .solution-header i{color:#10b981}.solution-header h5{color:#1e293b;font-size:16px;font-weight:600;margin:0}.solution-content p{color:#64748b;line-height:1.5;margin:0 0 12px}.solution-steps{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.step{gap:12px;padding:8px 0}.step,.step-number{align-items:center;display:flex}.step-number{border-radius:50%;flex-shrink:0;font-size:12px;font-weight:600;height:24px;justify-content:center;width:24px}.solution-link,.step-number{background:#3b82f6;color:#fff}.solution-link{align-items:center;border-radius:6px;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;text-decoration:none;transition:background .2s ease}.solution-link:hover{background:#2563eb}.godaddy-record-example{background:#fff;border:1px solid #e2e8f0;border-radius:6px;margin-top:16px;padding:16px}.godaddy-record-example h6{color:#1e293b;font-size:14px;font-weight:600;margin:0 0 12px}.record-example{background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;display:flex;gap:16px;padding:12px}.record-example .record-field{display:flex;flex-direction:column;gap:4px}.record-example .record-field label{color:#64748b;font-size:12px;font-weight:600;text-transform:uppercase}.record-example .record-field span{background:#fff;border:1px solid #e2e8f0;border-radius:4px;color:#1e293b;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;padding:4px 8px}.provider-alternatives{display:flex;flex-direction:column;gap:8px}.provider-alt{background:#fff;border:1px solid #e2e8f0;border-radius:4px;color:#64748b;font-size:14px;padding:8px 12px}.provider-alt strong{color:#1e293b}.godaddy-help{border-top:1px solid #e2e8f0;margin-top:24px;padding-top:20px}.help-note{align-items:flex-start;background:#dbeafe;border:1px solid #bfdbfe;border-radius:8px;display:flex;gap:12px;padding:16px}.help-note i{color:#3b82f6;flex-shrink:0;margin-top:2px}.help-note strong{color:#1e40af;font-weight:600}.help-note p{color:#1e40af;line-height:1.5;margin:4px 0 0}
/*# sourceMappingURL=main.6af4877e.css.map*/