.language-switcher{display:flex;align-items:center}.language-select{padding:10px 16px;font-size:14px;border:1px solid rgba(0,112,243,.3);border-radius:10px;background:#111c;color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.language-select:hover{border-color:#0070f399;background:#0070f31a;box-shadow:0 0 20px #0070f333}.language-select:focus{outline:none;border-color:#0070f3;box-shadow:0 0 0 3px #0070f333,0 0 20px #0070f34d}.language-select option{padding:8px;background:#111;color:#fff}.navbar-header{position:sticky;top:0;z-index:1000;background:#000000f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,112,243,.15)}.navbar-content{display:flex;justify-content:space-between;align-items:center;padding:16px 0;gap:32px;position:relative}.navbar-logo-section{cursor:pointer;z-index:1001}.navbar-logo{display:flex;align-items:center;gap:12px;transition:transform .3s ease}.navbar-logo:hover{transform:translate(4px)}.navbar-logo-icon{display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.navbar-logo:hover .navbar-logo-icon{transform:translateY(-5px) translate(5px)}.navbar-logo-text{display:flex;flex-direction:column;gap:2px}.navbar-logo-title{font-size:24px;font-weight:700;margin:0;color:#fff}.navbar-logo-subtitle{font-size:11px;color:#fff9;margin:0}.navbar-hamburger{display:none;flex-direction:column;justify-content:space-around;width:28px;height:24px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001;transition:transform .3s ease}.navbar-hamburger:hover{transform:scale(1.1)}.navbar-hamburger span{width:100%;height:3px;background:linear-gradient(135deg,#0070f3,#7928ca);border-radius:2px;transition:all .3s ease;transform-origin:center}.navbar-hamburger.open span:nth-child(1){transform:translateY(10.5px) rotate(45deg)}.navbar-hamburger.open span:nth-child(2){opacity:0;transform:translate(-20px)}.navbar-hamburger.open span:nth-child(3){transform:translateY(-10.5px) rotate(-45deg)}.navbar-nav{display:flex;gap:24px;align-items:center;flex:1;justify-content:flex-end}.navbar-links{display:flex;gap:24px;align-items:center}.navbar-link{color:#fffc;text-decoration:none;font-size:15px;font-weight:500;transition:all .2s ease;position:relative;cursor:pointer}.navbar-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(135deg,#0070f3,#7928ca);transition:width .3s ease}.navbar-link:hover{color:#fff}.navbar-link:hover:after{width:100%}.navbar-divider{width:1px;height:24px;background:linear-gradient(180deg,transparent 0%,rgba(0,112,243,.3) 50%,transparent 100%)}.navbar-user-type-toggle{display:flex;gap:8px;padding:4px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.06)}.navbar-toggle-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;color:#fff9;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.navbar-toggle-btn:hover{background:#ffffff0d;color:#ffffffe6}.navbar-toggle-btn.active{background:linear-gradient(135deg,#0070f326,#7928ca26);color:#fff;box-shadow:0 0 20px #0070f333}.navbar-toggle-icon{font-size:16px}.navbar-actions{display:flex;gap:12px;align-items:center}.navbar-btn-secondary,.navbar-btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;white-space:nowrap}.navbar-btn-secondary{background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.1)}.navbar-btn-secondary:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.navbar-btn-primary{background:linear-gradient(135deg,#0070f3,#7928ca);color:#fff;box-shadow:0 4px 20px #0070f34d}.navbar-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #0070f366}.navbar-btn-icon{font-size:16px}@media (max-width: 768px){.navbar-content{padding:12px 0;gap:16px}.navbar-hamburger{display:flex}.navbar-logo-title{font-size:20px}.navbar-logo-subtitle{font-size:10px}.navbar-logo-icon svg{width:32px;height:32px}.navbar-nav{position:fixed;top:0;right:-100%;width:80%;max-width:320px;height:100vh;background:#000000fa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;padding:80px 24px 24px;transition:right .3s ease;border-left:1px solid rgba(0,112,243,.2);box-shadow:-5px 0 30px #00000080;overflow-y:auto}.navbar-nav.mobile-open{right:0}.navbar-links{flex-direction:column;align-items:stretch;gap:0;width:100%;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}.navbar-link{padding:14px 0;font-size:16px;border-bottom:1px solid rgba(255,255,255,.05)}.navbar-link:last-child{border-bottom:none}.navbar-link:after{display:none}.navbar-divider{display:none}.navbar-nav .language-switcher{width:100%;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.08)}.navbar-nav .language-switcher select{width:100%}.navbar-user-type-toggle{width:100%;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.08);flex-direction:column;gap:12px;background:transparent;border-radius:0;border-left:none;border-right:none}.navbar-toggle-btn{width:100%;justify-content:center;padding:12px 16px;font-size:15px}.navbar-actions{flex-direction:column;width:100%;gap:12px;padding-top:16px}.navbar-btn-secondary,.navbar-btn-primary{width:100%;justify-content:center;padding:14px 20px;font-size:15px}}@media (max-width: 480px){.navbar-logo-title{font-size:18px}.navbar-logo-subtitle{font-size:9px}.navbar-logo-icon svg{width:28px;height:28px}.navbar-nav{width:85%}}.danger{background:#e64a19}.danger:hover{background:#d84315;transform:none}@media (max-width: 768px){.navbar-nav.mobile-open:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:-1}}body{max-width:100vw;overflow-x:hidden}.home-page{min-height:100vh;display:flex;flex-direction:column;background:#000}.container{max-width:1280px;margin:0 auto;padding:0 24px;width:100%}.home-header{background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 1px #0070f31a,0 8px 32px #0009;position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(0,112,243,.15)}.header-content{display:flex;justify-content:space-between;align-items:center;padding:16px 0;gap:32px}.logo-section{flex-shrink:0}.logo{display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .3s ease}.logo:hover{transform:translate(4px)}.logo-icon{display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 4px 12px rgba(0,112,243,.4));transition:all .3s ease}.logo:hover .logo-icon{filter:drop-shadow(0 6px 16px rgba(0,112,243,.6));transform:rotate(5deg)}.logo-text{display:flex;flex-direction:column;gap:2px}.logo-title{margin:0;font-size:24px;color:#fff;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,#fff,#a0a0a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-subtitle{margin:0;font-size:11px;color:#666;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.header-nav{display:flex;gap:24px;align-items:center;flex:1;justify-content:flex-end}.nav-links{display:flex;gap:8px;align-items:center}.nav-link{padding:8px 16px;color:#999;text-decoration:none;font-size:14px;font-weight:500;border-radius:8px;transition:all .3s ease;position:relative}.nav-link:after{content:"";position:absolute;bottom:6px;left:16px;right:16px;height:2px;background:linear-gradient(90deg,#0070f3,#7928ca);transform:scaleX(0);transition:transform .3s ease}.nav-link:hover{color:#fff;background:#ffffff0d}.nav-link:hover:after{transform:scaleX(1)}.nav-divider{width:1px;height:32px;background:linear-gradient(180deg,transparent,rgba(0,112,243,.3),transparent)}.user-type-toggle{display:flex;gap:0;background:#ffffff08;border-radius:10px;padding:4px;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toggle-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;background:transparent;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;color:#666;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;white-space:nowrap}.toggle-icon{font-size:14px;opacity:.7;transition:all .3s ease}.toggle-btn:hover{color:#aaa;background:#ffffff0d}.toggle-btn.active{background:linear-gradient(135deg,#0070f3,#7928ca);color:#fff;box-shadow:0 4px 12px #0070f366,0 0 16px #7928ca4d}.toggle-btn.active .toggle-icon{opacity:1;transform:scale(1.1)}.nav-actions{display:flex;gap:12px;align-items:center}.btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#0070f3,#7928ca);color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0070f34d,0 0 16px #7928ca33;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0070f380,0 0 24px #7928ca66}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #0070f366}.btn-icon{font-size:16px;filter:drop-shadow(0 0 8px rgba(255,255,255,.5))}.btn-secondary{padding:10px 20px;background:transparent;color:#aaa;border:1px solid rgba(255,255,255,.15);border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{color:#fff;border-color:#0070f380;background:#0070f31a;box-shadow:0 0 20px #0070f34d;transform:translateY(-2px)}.btn-secondary:active{transform:translateY(0)}.hero{background:radial-gradient(ellipse at top,rgba(0,112,243,.15) 0%,transparent 60%),radial-gradient(ellipse at bottom,rgba(121,40,202,.15) 0%,transparent 60%),#000;color:#fff;padding:140px 0 160px;text-align:center;position:relative;overflow:hidden;border-bottom:1px solid rgba(0,112,243,.2)}.hero-content{position:relative;z-index:1;max-width:960px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(135deg,#0070f326,#7928ca26);padding:12px 24px;border-radius:50px;font-size:14px;font-weight:700;margin-bottom:40px;border:1px solid rgba(0,112,243,.3);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0070f333}.hero-title{margin:0 0 28px;font-size:64px;font-weight:900;line-height:1.1;letter-spacing:-2px;color:#fff}.hero-subtitle{font-size:23px;line-height:1.65;max-width:740px;margin:0 auto 52px;font-weight:400;color:#d1d5db}.hero-buttons{display:flex;gap:16px;justify-content:center;margin-bottom:80px}.btn-hero-primary{padding:16px 40px;background:linear-gradient(135deg,#0070f3,#7928ca);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:17px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px #0070f366,0 0 40px #7928ca4d}.btn-hero-primary:hover{transform:translateY(-3px);background:linear-gradient(135deg,#0080ff,#8f3fdb);box-shadow:0 12px 32px #0070f380,0 0 50px #7928ca80}.btn-hero-secondary{padding:16px 40px;background:transparent;color:#ccc;border:2px solid rgba(0,112,243,.4);border-radius:12px;cursor:pointer;font-size:17px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;display:inline-block;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-hero-secondary:hover{background:#0070f31a;border-color:#0070f3b3;color:#fff;transform:translateY(-3px);box-shadow:0 8px 24px #0070f34d}.hero-stats{display:flex;gap:100px;justify-content:center;margin-top:80px}.stat-item{text-align:center}.stat-number{font-size:52px;font-weight:900;margin-bottom:12px;background:linear-gradient(135deg,#0070f3,#00d9ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:16px;font-weight:600;letter-spacing:.3px;color:#9ca3af}.section-title{font-size:48px;font-weight:900;text-align:center;margin:0 0 20px;color:#fff;letter-spacing:-1.5px}.section-subtitle{font-size:20px;text-align:center;color:#9ca3af;max-width:680px;margin:0 auto 64px;line-height:1.7}.features-section{padding:120px 0;background:radial-gradient(ellipse at center,rgba(121,40,202,.08) 0%,transparent 70%),#000}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:32px}.feature-card{padding:40px 32px;background:linear-gradient(135deg,#111c,#0a0a0acc);border-radius:16px;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,112,243,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0070f30d,#7928ca0d);opacity:0;transition:opacity .4s ease}.feature-card:hover{border-color:#0070f380;transform:translateY(-8px);box-shadow:0 20px 40px #0070f34d,0 0 60px #7928ca33}.feature-card:hover:before{opacity:1}.feature-icon{font-size:56px;margin-bottom:24px;position:relative;z-index:1;filter:drop-shadow(0 4px 20px rgba(0,112,243,.4))}.feature-title{font-size:22px;font-weight:800;margin:0 0 16px;color:#fff;letter-spacing:-.5px;position:relative;z-index:1}.feature-description{font-size:15px;line-height:1.7;margin:0;color:#ccc;position:relative;z-index:1}.how-it-works{padding:120px 0;background:radial-gradient(ellipse at center,rgba(0,112,243,.08) 0%,transparent 70%),#000;border-top:1px solid rgba(0,112,243,.2);border-bottom:1px solid rgba(0,112,243,.2)}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:40px}.step-card{text-align:center;position:relative}.step-number{width:96px;height:96px;margin:0 auto 28px;background:linear-gradient(135deg,#0070f3,#7928ca);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:900;box-shadow:0 8px 32px #0070f366,0 0 40px #7928ca4d;position:relative}.step-number:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:linear-gradient(135deg,#0070f3,#7928ca);opacity:.3;z-index:-1;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.5}}.step-title{font-size:18px;font-weight:700;margin:0 0 12px;color:#fff;letter-spacing:-.3px}.step-description{font-size:14px;line-height:1.6;margin:0;color:#9ca3af}.products-section{padding:120px 0;background:radial-gradient(ellipse at top,rgba(121,40,202,.08) 0%,transparent 70%),#000}.products-grid,.designs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px}.product-card,.design-card{background:linear-gradient(135deg,#111111e6,#0a0a0ae6);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,112,243,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.product-card:hover,.design-card:hover{border-color:#0070f380;transform:translateY(-8px);box-shadow:0 20px 40px #0070f34d,0 0 60px #7928ca33}.product-image,.design-image{position:relative;width:100%;height:240px;background:#1c1c1c;overflow:hidden}.product-image img,.design-image img{width:100%;height:100%;object-fit:cover}.placeholder-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:72px;background:#1c1c1c}.product-overlay,.design-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0070f3f2,#7928caf2);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.product-card:hover .product-overlay,.design-card:hover .design-overlay{opacity:1}.product-info,.design-info{padding:20px}.product-name,.design-name{margin:0 0 8px;font-size:16px;font-weight:700;color:#fff;letter-spacing:-.2px}.product-description,.design-description{margin:0 0 16px;font-size:14px;line-height:1.6;color:#9ca3af}.product-meta,.design-meta{display:flex;gap:16px;font-size:14px;color:#6b7280}.meta-item{display:flex;align-items:center;gap:6px}.cta-section{padding:120px 0;background:radial-gradient(ellipse at center,rgba(0,112,243,.15) 0%,transparent 70%),radial-gradient(ellipse at bottom,rgba(121,40,202,.15) 0%,transparent 70%),#000;color:#fff;text-align:center;position:relative;border-top:1px solid rgba(0,112,243,.2);border-bottom:1px solid rgba(0,112,243,.2)}.cta-content{max-width:840px;margin:0 auto;position:relative;z-index:1}.cta-title{font-size:52px;font-weight:900;margin:0 0 28px;line-height:1.2;letter-spacing:-1.5px;color:#fff}.cta-subtitle{font-size:22px;margin:0 0 48px;font-weight:400;line-height:1.65;color:#d1d5db}.btn-cta{padding:18px 48px;background:linear-gradient(135deg,#0070f3,#7928ca);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:18px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0070f366,0 0 50px #7928ca4d}.btn-cta:hover{transform:translateY(-3px);background:linear-gradient(135deg,#0080ff,#8f3fdb);box-shadow:0 12px 40px #0070f380,0 0 60px #7928ca80}.home-footer{background:linear-gradient(180deg,#000,#0a0a0a);color:#888;padding:70px 0 24px;border-top:1px solid rgba(0,112,243,.2)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:48px;margin-bottom:48px}.footer-section h4{color:#fff;font-size:16px;font-weight:700;margin:0 0 16px;letter-spacing:-.2px}.footer-section p{margin:0;font-size:15px;line-height:1.75;color:#9ca3af}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section ul li{font-size:15px;line-height:2.3;color:#9ca3af;transition:color .2s ease;cursor:pointer}.footer-section ul li:hover{color:#2383e2}.footer-bottom{padding-top:40px;border-top:1px solid rgba(255,255,255,.08);text-align:center}.footer-bottom p{margin:0;font-size:14px;color:#6b7280}.empty-state{text-align:center;padding:100px 20px}.empty-icon{font-size:88px;margin-bottom:28px;opacity:.35}@media (max-width: 1024px){.container{padding:0 32px}.features-grid{grid-template-columns:repeat(2,1fr);gap:28px}.steps-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.container{padding:0 20px}.header-content{flex-direction:column;gap:18px;padding:16px 0}.logo-title{font-size:26px}.logo-icon{font-size:36px}.header-nav{width:100%;flex-direction:column}.user-type-toggle{width:100%}.toggle-btn{flex:1;padding:11px;font-size:13px}.btn-primary{width:100%;padding:13px}.hero{padding:80px 0 100px}.hero-badge{font-size:13px;padding:10px 20px}.hero-title{font-size:40px;margin-bottom:20px}.hero-subtitle{font-size:18px;margin-bottom:36px}.hero-buttons{flex-direction:column;gap:12px}.btn-hero-primary,.btn-hero-secondary{width:100%;padding:17px 36px;font-size:17px}.hero-stats{flex-direction:column;gap:32px;margin-top:48px}.stat-number{font-size:40px}.stat-label{font-size:14px}.section-title{font-size:36px;margin-bottom:16px}.section-subtitle{font-size:17px;margin-bottom:48px}.features-section,.how-it-works,.products-section,.cta-section{padding:80px 0}.features-grid,.steps-grid,.products-grid,.designs-grid{grid-template-columns:1fr;gap:24px}.feature-card{padding:36px 28px}.feature-icon{font-size:52px}.feature-title,.step-title{font-size:20px}.feature-description,.step-description{font-size:15px}.step-number{width:90px;height:90px;font-size:40px;margin-bottom:24px}.cta-title{font-size:36px}.cta-subtitle{font-size:18px}.btn-cta,.btn-create{width:100%;padding:17px;font-size:17px}.footer-content{grid-template-columns:1fr;gap:36px}.product-card,.design-card{margin:0 auto;max-width:440px}}@media (max-width: 480px){.container{padding:0 16px}.logo-title{font-size:24px}.logo-subtitle{font-size:12px}.hero-title{font-size:34px}.hero-subtitle{font-size:17px}.btn-hero-primary,.btn-hero-secondary{padding:15px 28px;font-size:16px}.section-title{font-size:32px}.section-subtitle{font-size:16px}.feature-card{padding:32px 24px;border-radius:20px}.feature-icon{font-size:48px;margin-bottom:22px}.feature-title{font-size:19px}.feature-description{font-size:14px}.step-number{width:80px;height:80px;font-size:36px}.cta-title{font-size:32px}.btn-cta,.btn-create{font-size:16px;padding:16px}.footer-section h4{font-size:17px}.footer-section p,.footer-section ul li{font-size:14px}}.designs-page{min-height:100vh;display:flex;flex-direction:column;background:#000}.designs-header{background:linear-gradient(180deg,#111,#0a0a0a);position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(0,112,243,.2)}.designs-main{flex:1;padding:80px 0 100px}.page-header{text-align:center;margin-bottom:64px}.page-title{font-size:52px;font-weight:900;margin:0 0 20px;color:#fff;letter-spacing:-1.8px}.page-subtitle{font-size:21px;color:#9ca3af;margin:0;line-height:1.7}.designs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:32px}.design-card{width:100%;background:linear-gradient(135deg,#111111e6,#0a0a0ae6);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,112,243,.2)}.design-card:hover{border-color:#0070f380;transform:translateY(-8px);box-shadow:0 20px 40px #0070f34d,0 0 60px #7928ca33}.design-image{position:relative;width:100%;height:260px;background:#1c1c1c;overflow:hidden}.design-image img{width:100%;height:100%;object-fit:cover}.placeholder-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:80px;background:#1c1c1c;opacity:.7}.design-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0070f3f2,#7928caf2);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.design-card:hover .design-overlay{opacity:1}.customize-btn{color:#fff;font-size:16px;font-weight:700;padding:14px 32px;background:#fff3;border-radius:12px;border:2px solid white;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.customize-btn:hover{background:#ffffff4d;transform:scale(1.05)}.design-info{padding:20px}.design-name{margin:0 0 8px;font-size:16px;font-weight:700;color:#fff;letter-spacing:-.2px}.design-description{margin:0 0 16px;font-size:14px;line-height:1.6;color:#9ca3af}.design-meta{display:flex;gap:18px;font-size:14px;color:#6b7280;font-weight:600}.meta-item{display:flex;align-items:center;gap:7px}.empty-state{text-align:center;padding:120px 20px;max-width:560px;margin:0 auto}.empty-icon{font-size:64px;margin-bottom:20px;opacity:.4}.empty-state h3{font-size:20px;font-weight:700;margin:0 0 12px;color:#fff;letter-spacing:-.3px}.empty-state p{font-size:14px;color:#9ca3af;margin:0 0 24px;line-height:1.6}.btn-create{padding:14px 32px;background:linear-gradient(135deg,#0070f3,#7928ca);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0070f366,0 0 30px #7928ca33}.btn-create:hover{transform:translateY(-2px);background:linear-gradient(135deg,#0080ff,#8f3fdb);box-shadow:0 8px 24px #0070f380,0 0 40px #7928ca66}.admin-actions{display:flex;gap:8px;margin-top:12px}.btn-edit,.btn-delete{flex:1;padding:10px 16px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px}.btn-edit{background:linear-gradient(135deg,#0070f3,#7928ca);color:#fff;box-shadow:0 2px 8px #0070f34d}.btn-edit:hover{transform:translateY(-2px);background:linear-gradient(135deg,#0080ff,#8f3fdb);box-shadow:0 4px 12px #0070f366}.btn-delete{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.btn-delete:hover{transform:translateY(-2px);background:#ef444440;border-color:#ef444480;box-shadow:0 4px 12px #ef44444d}.btn-edit span,.btn-delete span{font-size:16px}@media (max-width: 708px){.designs-main{padding:60px 0 80px}.page-header{margin-bottom:48px}.page-title{font-size:38px}.page-subtitle{font-size:18px}.empty-state{padding:80px 20px}.empty-icon{font-size:72px}.empty-state h3{font-size:26px}.empty-state p{font-size:17px}.btn-create{width:100%;padding:17px}}@media (max-width: 480px){.page-title{font-size:32px}.page-subtitle{font-size:16px}.design-image{height:220px}.design-info{padding:26px}.design-name{font-size:21px}.design-description{font-size:15px}}.loading-state{text-align:center;padding:120px 20px;max-width:560px;margin:0 auto}.spinner{width:50px;height:50px;margin:0 auto 20px;border:4px solid rgba(0,112,243,.2);border-top-color:#0070f3;border-radius:50%;animation:spin .8s linear infinite}.loading-state p{font-size:16px;color:#9ca3af;margin:0}.error-state{text-align:center;padding:120px 20px;max-width:560px;margin:0 auto}.error-icon{font-size:64px;margin-bottom:20px;opacity:.6}.error-state h3{font-size:20px;font-weight:700;margin:0 0 12px;color:#fff;letter-spacing:-.3px}.error-state p{font-size:14px;color:#ef4444;margin:0 0 24px;line-height:1.6}.btn-retry{padding:14px 32px;background:#0070f326;color:#0070f3;border:2px solid #0070F3;border-radius:12px;cursor:pointer;font-size:16px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-retry:hover{background:#0070f340;transform:translateY(-2px);box-shadow:0 4px 20px #0070f34d}.design-actions{margin-top:12px;display:flex;flex-direction:column;gap:8px}.btn-download{width:100%;padding:12px 20px;background:linear-gradient(135deg,#0070f3,#7928ca);color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:15px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px}.btn-download:hover:not(:disabled){transform:translateY(-2px);background:linear-gradient(135deg,#0080ff,#8f3fdb);box-shadow:0 4px 16px #0070f366,0 0 24px #7928ca33}.btn-download:disabled{opacity:.7;cursor:not-allowed}.btn-download span{font-size:18px}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.meta-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#0070f326;border:1px solid rgba(0,112,243,.3);border-radius:8px;font-size:13px;font-weight:600;color:#0070f3}.meta-badge.editable{background:#10b98126;border-color:#10b9814d;color:#10b981}.design-card.download-only:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0070f333,0 0 40px #7928ca1a}.panel{background:#252526;border-bottom:1px solid #3e3e42;display:flex;flex-direction:column}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:linear-gradient(180deg,#2d2d30,#252526);border-bottom:1px solid #3e3e42;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s ease}.panel-header:hover{background:linear-gradient(180deg,#323233,#2a2a2b)}.panel-header-left{display:flex;align-items:center;gap:8px}.panel-title{font-size:11px;font-weight:600;color:#ccc;text-transform:uppercase;letter-spacing:.8px;margin:0}.panel-icon{font-size:14px;opacity:.8}.panel-collapse-icon{font-size:12px;color:#ccc;transition:transform .2s ease}.panel-collapse-icon.collapsed{transform:rotate(-90deg)}.panel-content{padding:16px;max-height:600px;overflow-y:auto;overflow-x:hidden}.panel-content::-webkit-scrollbar{width:6px}.panel-content::-webkit-scrollbar-track{background:#1e1e1e}.panel-content::-webkit-scrollbar-thumb{background:#424242;border-radius:3px}.panel-content::-webkit-scrollbar-thumb:hover{background:#4e4e4e}.panel-section{margin-bottom:16px}.panel-section:last-child{margin-bottom:0}.panel-section-title{font-size:11px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.panel-input-group{margin-bottom:12px}.panel-input-group label{display:block;font-size:11px;font-weight:500;color:#ccc;margin-bottom:4px;letter-spacing:.3px}.panel-input-group input[type=text],.panel-input-group input[type=number],.panel-input-group input[type=color],.panel-input-group select,.panel-input-group textarea{width:100%;padding:6px 10px;font-size:12px;background:#3c3c3c;color:#e0e0e0;border:1px solid #555555;border-radius:3px;font-family:inherit;transition:all .2s ease}.panel-input-group input[type=text]:focus,.panel-input-group input[type=number]:focus,.panel-input-group input[type=color]:focus,.panel-input-group select:focus,.panel-input-group textarea:focus{outline:none;background:#404040;border-color:#007acc;box-shadow:0 0 0 2px #007acc40}.panel-input-group input[type=text]:hover,.panel-input-group input[type=number]:hover,.panel-input-group select:hover,.panel-input-group textarea:hover{border-color:#656565}.panel-input-group input[type=color]{height:32px;padding:2px;cursor:pointer}.panel-input-group select{cursor:pointer}.panel-btn{width:100%;padding:8px 12px;font-size:12px;font-weight:500;border:1px solid #555555;border-radius:3px;cursor:pointer;transition:all .2s ease;background:transparent;color:#ccc}.panel-btn:hover{background:#ffffff0d;border-color:#656565;color:#e0e0e0}.panel-btn:active{transform:translateY(1px)}.panel-btn-primary{background:linear-gradient(180deg,#0e639c,#17b);color:#fff;border:1px solid #0d5ea5}.panel-btn-primary:hover{background:linear-gradient(180deg,#17b,#0e639c);border-color:#1c8cd8;box-shadow:0 2px 4px #007acc4d}.panel-btn-success{background:linear-gradient(180deg,#0e8c3c,#11bb47);color:#fff;border:1px solid #0d7a33}.panel-btn-success:hover{background:linear-gradient(180deg,#11bb47,#0e8c3c);border-color:#1cd84f;box-shadow:0 2px 4px #11bb474d}.panel-btn-danger{background:linear-gradient(180deg,#d32f2f,#f44336);color:#fff;border:1px solid #c62828}.panel-btn-danger:hover{background:linear-gradient(180deg,#f44336,#d32f2f);border-color:#ef5350;box-shadow:0 2px 4px #f443364d}.panel-btn:disabled{opacity:.4;cursor:not-allowed}.panel-btn:disabled:hover{background:transparent;border-color:#555;color:#ccc;transform:none;box-shadow:none}.panel-list{display:flex;flex-direction:column;gap:4px}.panel-list-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#2d2d30;border:1px solid #3e3e42;border-radius:3px;cursor:pointer;transition:all .2s ease}.panel-list-item:hover{background:#323233;border-color:#4e4e52}.panel-list-item.selected{background:#094771;border-color:#007acc}.panel-list-item-text{font-size:12px;color:#e0e0e0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.panel-list-item-actions{display:flex;gap:4px;align-items:center}.panel-icon-btn{background:transparent;border:none;color:#ccc;font-size:14px;cursor:pointer;padding:4px;border-radius:3px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.panel-icon-btn:hover{background:#ffffff14;color:#fff}.panel-icon-btn:active{transform:scale(.95)}.panel-empty{text-align:center;padding:24px 16px;color:#888;font-size:12px}.panel-empty-icon{font-size:32px;opacity:.3;margin-bottom:8px}.panel-divider{height:1px;background:#3e3e42;margin:12px 0}.panel-toggle{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.panel-toggle label{font-size:12px;color:#ccc;cursor:pointer}.panel-toggle-switch{position:relative;width:36px;height:18px;background:#3c3c3c;border:1px solid #555555;border-radius:9px;cursor:pointer;transition:all .2s ease}.panel-toggle-switch.active{background:#007acc;border-color:#005a9e}.panel-toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;background:#fff;border-radius:50%;transition:transform .2s ease}.panel-toggle-switch.active:after{transform:translate(18px)}.panel-progress{margin:8px 0}.panel-progress-bar{width:100%;height:4px;background:#3c3c3c;border-radius:2px;overflow:hidden}.panel-progress-fill{height:100%;background:#007acc;transition:width .3s ease}.panel-progress-text{font-size:10px;color:#888;margin-top:4px;text-align:center}.panel-badge{display:inline-block;padding:2px 6px;font-size:10px;font-weight:600;background:#007acc;color:#fff;border-radius:3px;text-transform:uppercase;letter-spacing:.5px}.panel-badge.success{background:#11bb47}.panel-badge.warning{background:#ff9800}.panel-badge.danger{background:#f44336}.file-upload-panel .drop-zone{border:2px dashed #555555;border-radius:4px;padding:32px 20px;text-align:center;cursor:pointer;transition:all .2s ease;background:#2d2d30;display:flex;flex-direction:column;align-items:center;gap:8px}.file-upload-panel .drop-zone:hover{border-color:#007acc;background:#2f3136}.file-upload-panel .drop-zone.dragging{border-color:#11bb47;background:#2a3d2f;border-style:solid}.file-upload-panel .drop-zone.uploading{pointer-events:none;opacity:.7}.drop-zone-icon{font-size:32px;opacity:.8}.drop-zone-text{margin:0;color:#ccc;font-size:12px;font-weight:500}.drop-zone-subtext{margin:0;color:#888;font-size:11px}.model-metadata-form{display:flex;flex-direction:column;gap:16px}.model-metadata-form .form-header h4{margin:0;font-size:13px;font-weight:600;color:#e0e0e0;letter-spacing:.3px}.thumbnail-upload{width:100%}.thumbnail-preview{position:relative;width:100%;max-width:200px;border-radius:4px;overflow:hidden;border:1px solid #555555}.thumbnail-preview img{width:100%;height:auto;display:block}.thumbnail-remove{position:absolute;top:8px;right:8px;width:28px;height:28px;background:#e74c3ce6;border:none;border-radius:50%;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.thumbnail-remove:hover{background:#e74c3c;transform:scale(1.1)}.thumbnail-upload-btn{width:100%;padding:12px;background:#3c3c3c;border:1px solid #555555;border-radius:4px;color:#ccc;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.thumbnail-upload-btn:hover{background:#404040;border-color:#007acc}.thumbnail-upload-btn span:first-child{font-size:20px}.form-actions{display:flex;gap:8px;margin-top:8px}.form-actions button{flex:1}.transform-controls{display:flex;flex-direction:column;gap:15px}.control-group{display:flex;flex-direction:column;gap:8px}.control-group label{font-size:12px;font-weight:600;color:#555}.control-row{display:flex;gap:8px}.row-column{display:flex;flex-direction:column;gap:8px}.control-input{display:flex;align-items:center;gap:5px;flex:1}.control-input span{font-size:11px;font-weight:600;color:#666;min-width:20px}.control-input input{flex:1;padding:6px;border:1px solid #ddd;border-radius:3px;font-size:12px}.control-input input:focus{outline:none;border-color:#4caf50}.object-thumbnail.single{width:60px;height:60px;object-fit:cover;border-radius:6px;margin-right:12px;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.object-thumbnail.single:hover{border-color:#007acc;transform:scale(1.05);box-shadow:0 4px 12px #007acc4d}.image-gallery{display:flex;flex-direction:row;gap:4px;margin-right:12px}.gallery-thumbnail{width:50px;height:50px;object-fit:cover;border-radius:4px;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.gallery-thumbnail:hover{border-color:#007acc;transform:scale(1.1);z-index:10;box-shadow:0 4px 12px #007acc66}.gallery-more{width:50px;height:50px;border-radius:4px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease}.gallery-more:hover{background:#ffffff26;border-color:#007acc;transform:scale(1.1)}.image-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.image-dialog{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:20px;animation:scaleIn .3s cubic-bezier(.4,0,.2,1)}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.image-dialog-close{position:absolute;top:-50px;right:0;width:40px;height:40px;border:none;background:#ffffff1a;color:#fff;font-size:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.image-dialog-close:hover{background:#fff3;transform:scale(1.1)}.image-dialog-content{max-width:80vw;max-height:70vh;object-fit:contain;border-radius:12px;box-shadow:0 20px 60px #00000080;border:2px solid rgba(255,255,255,.1)}.image-dialog-navigation{display:flex;align-items:center;gap:24px;padding:12px 24px;background:#00000080;border-radius:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.image-nav-btn{width:40px;height:40px;border:none;background:#ffffff1a;color:#fff;font-size:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.image-nav-btn:hover:not(:disabled){background:#fff3;transform:scale(1.1)}.image-nav-btn:disabled{opacity:.3;cursor:not-allowed}.image-counter{font-size:14px;font-weight:600;color:#fff;min-width:60px;text-align:center}.image-thumbnail-strip{display:flex;gap:8px;padding:12px;background:#00000080;border-radius:12px;max-width:80vw;overflow-x:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.image-thumbnail-strip::-webkit-scrollbar{height:6px}.image-thumbnail-strip::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.image-thumbnail-strip::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.image-thumbnail-strip::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.thumbnail-strip-item{width:60px;height:60px;object-fit:cover;border-radius:6px;cursor:pointer;border:2px solid transparent;transition:all .2s ease;flex-shrink:0}.thumbnail-strip-item:hover{transform:scale(1.1);border-color:#007acc}.thumbnail-strip-item.active{border-color:#0070f3;box-shadow:0 0 12px #0070f399}.objects-panel .panel-list{max-height:400px;overflow-y:auto}.objects-panel .panel-list-item{display:flex;align-items:center;gap:12px;padding:12px}.objects-panel .panel-list-item.hidden-object{opacity:.5}.objects-panel .panel-list-item.locked-object{opacity:.7;cursor:not-allowed}.objects-panel .panel-list-item.locked-object:hover{background:#3e3e42}.object-thumbnail{width:48px;height:48px;object-fit:cover;border-radius:4px;border:1px solid #555555;background:#2d2d30;flex-shrink:0}.objects-panel .panel-list-item-text{flex:1;min-width:0}.object-name{font-size:12px;font-weight:500;color:#e0e0e0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.object-description{font-size:10px;color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.object-badges{display:flex;gap:4px;margin-top:4px;flex-wrap:wrap}.object-transform{margin-top:16px;padding-top:16px;border-top:1px solid #3e3e42}.object-transform .panel-section-title{margin:0 0 12px;font-size:11px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.5px}.locked-message{padding:16px;text-align:center;background:#3e3e42;border-radius:4px;color:#ccc}.object-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px}.object-image-item{position:relative;aspect-ratio:1;border-radius:6px;overflow:hidden;border:2px solid #555555;background:#2d2d30}.object-image-item img{width:100%;height:100%;object-fit:cover}.remove-image-btn{position:absolute;top:4px;right:4px;width:20px;height:20px;border:none;background:#000000b3;color:#fff;border-radius:50%;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease}.object-image-item:hover .remove-image-btn{opacity:1}.remove-image-btn:hover{background:#f44;transform:scale(1.1)}.add-image-btn{aspect-ratio:1;border:2px dashed #555555;background:#ffffff0d;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#888;font-size:10px;font-weight:500;transition:all .2s ease}.add-image-btn:hover{border-color:#007acc;background:#007acc1a;color:#007acc;transform:scale(1.05)}.surface-editing-banner{background:linear-gradient(135deg,#2a2a3d,#3a3a4d);border:1px solid #007acc;border-radius:4px;padding:12px;margin-bottom:16px;display:flex;flex-direction:column;gap:10px}.banner-content{display:flex;align-items:center;gap:12px}.banner-icon{font-size:24px}.banner-text{flex:1;display:flex;flex-direction:column;gap:2px}.banner-text strong{color:#e0e0e0;font-size:12px;font-weight:600}.banner-text small{color:#888;font-size:10px}.surface-hint{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#2d2d30;border:1px solid #555555;border-radius:4px;margin-top:12px;font-size:11px;color:#888}.hint-icon{font-size:16px}.surfaces-list-container{margin-top:16px}.surface-name{font-size:12px;color:#e0e0e0;font-weight:500}.surface-creation-active{background:linear-gradient(135deg,#2a2a3d,#3a3a4d);border:1px solid #9C27B0;border-radius:4px;padding:16px}.creation-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.creation-icon{font-size:24px}.creation-header h4{margin:0;font-size:13px;font-weight:600;color:#e0e0e0;letter-spacing:.3px}.mode-select{width:100%;padding:8px 12px;font-size:12px;background:#3c3c3c;color:#e0e0e0;border:1px solid #555555;border-radius:3px;cursor:pointer;transition:all .2s ease}.mode-select:focus{outline:none;background:#404040;border-color:#007acc;box-shadow:0 0 0 2px #007acc40}.mode-select:hover{border-color:#656565}.instruction-card{display:flex;align-items:center;gap:12px;padding:12px;background:#2d2d30;border:1px solid #555555;border-radius:4px;margin:12px 0}.instruction-icon{font-size:28px;opacity:.8}.instruction-text{flex:1}.instruction-text p{margin:0;font-size:11px;color:#ccc;line-height:1.5}.points-progress{margin:16px 0}.progress-circles{display:flex;gap:8px;margin-bottom:12px;justify-content:space-between}.progress-circle{flex:1;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#3c3c3c;border:2px solid #555555;border-radius:50%;font-size:13px;font-weight:600;color:#888;transition:all .3s ease}.progress-circle.completed{background:linear-gradient(135deg,#9c27b0,#7b1fa2);border-color:#9c27b0;color:#fff;box-shadow:0 2px 8px #9c27b066}.progress-circle.current{border-color:#007acc;background:#2d2d30;color:#007acc;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);border-width:2px}50%{transform:scale(1.05);border-width:3px}}.drawing-status-card{padding:12px;background:#2d2d30;border:1px solid #555555;border-radius:4px;margin:12px 0}.status-indicator{display:flex;align-items:center;gap:10px}.status-dot{width:12px;height:12px;background:#555;border-radius:50%;transition:all .3s ease}.status-indicator.active .status-dot{background:#11bb47;box-shadow:0 0 8px #11bb4799;animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.status-label{flex:1;font-size:11px;color:#ccc;font-weight:500}.status-indicator.active .status-label{color:#11bb47;font-weight:600}.quick-shape-controls{display:flex;flex-direction:column;gap:12px;margin:12px 0}.quick-shape-controls .panel-input-group{display:flex;flex-direction:column;gap:6px}.quick-shape-controls .panel-input-group label{font-size:11px;color:#ccc;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.quick-shape-controls .panel-input{width:100%;padding:8px 12px;font-size:13px;background:#3c3c3c;color:#e0e0e0;border:1px solid #555555;border-radius:3px;transition:all .2s ease}.quick-shape-controls .panel-input:focus{outline:none;background:#404040;border-color:#007acc;box-shadow:0 0 0 2px #007acc40}.quick-shape-controls .panel-input:hover{border-color:#656565}.quick-shape-controls .panel-btn-success{margin-top:4px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:12px;color:#ccc;padding:8px 0}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.sub-input{margin-top:8px;padding-left:24px;display:flex;flex-direction:column;gap:4px}.sub-input label{font-size:10px;color:#999;text-transform:uppercase;letter-spacing:.5px}.surface-measurements{font-size:10px;color:#888;margin-top:4px;display:flex;flex-wrap:wrap;gap:4px}.surface-measurements span{background:#2d2d30;padding:2px 6px;border-radius:3px;border:1px solid #555555}.text-controls{display:flex;flex-direction:column;gap:12px}.text-controls.customer-mode{gap:16px;padding:4px}.text-controls.customer-mode .control-group{gap:8px}.text-controls.customer-mode .control-group label{font-size:13px;font-weight:600;color:#fff;letter-spacing:.2px;text-transform:uppercase}.text-controls.customer-mode .text-content-textarea{font-size:14px;padding:12px;min-height:70px;background:#2a2a2a;border:2px solid #555555;border-radius:6px}.text-controls.customer-mode .text-content-textarea:focus{background:#323232;border-color:#007acc;box-shadow:0 0 0 3px #007acc4d}.text-controls.customer-mode select.font-select{font-size:14px;padding:10px 12px;background:#2a2a2a;border:2px solid #555555;border-radius:6px;font-weight:500}.text-controls.customer-mode select.font-select:focus{background:#323232;border-color:#007acc;box-shadow:0 0 0 3px #007acc4d}.text-controls.customer-mode .alignment-buttons{gap:8px}.text-controls.customer-mode .align-btn{padding:12px;font-size:18px;background:#2a2a2a;border:2px solid #555555;border-radius:6px}.text-controls.customer-mode .align-btn:hover{background:#323232;border-color:#007acc;transform:translateY(-1px)}.text-controls.customer-mode .align-btn.active{background:#007acc;border-color:#09f;color:#fff;box-shadow:0 4px 12px #007acc66}.text-controls.customer-mode .dual-input-group{background:#2a2a2a;padding:8px;border-radius:6px;border:2px solid #555555}.text-controls.customer-mode .slider-input{height:8px;border-radius:4px}.text-controls.customer-mode .number-input-small{font-size:14px;font-weight:600;background:#1e1e1e;border:1px solid #444444;border-radius:4px;padding:8px}.control-group{display:flex;flex-direction:column;gap:6px}.control-group label{font-size:11px;font-weight:500;color:#ccc;letter-spacing:.3px}.text-content-input,.text-content-textarea,.control-group input[type=number],.control-group select.surface-select,.control-group select.font-select{width:100%;padding:6px 10px;font-size:12px;background:#3c3c3c;color:#e0e0e0;border:1px solid #555555;border-radius:3px;font-family:inherit;transition:all .2s ease}.text-content-textarea{resize:vertical;min-height:60px;line-height:1.4}.text-content-input:focus,.text-content-textarea:focus,.control-group input:focus,.control-group select:focus{outline:none;background:#404040;border-color:#007acc;box-shadow:0 0 0 2px #007acc40}.text-content-input:hover,.text-content-textarea:hover,.control-group input:hover,.control-group select:hover{border-color:#656565}.alignment-buttons{display:flex;flex-direction:row;gap:4px}.align-btn{flex:1;padding:8px;background:#3c3c3c;color:#ccc;border:1px solid #555555;border-radius:3px;cursor:pointer;font-size:16px;transition:all .2s ease}.align-btn:hover{background:#404040;border-color:#656565}.align-btn.active{background:#007acc;border-color:#005a9e;color:#fff}.align-btn:active{transform:scale(.95)}.color-input-group{display:flex;flex-direction:row;gap:8px;align-items:center}.color-input-group input[type=color]{width:50px;height:32px;padding:2px;background:#3c3c3c;border:1px solid #555555;border-radius:3px;cursor:pointer}.color-hex-input{flex:1;padding:6px 10px;font-size:12px;background:#3c3c3c;color:#e0e0e0;border:1px solid #555555;border-radius:3px}.position-inputs{display:flex;flex-direction:row;gap:8px}.control-input{display:flex;flex-direction:row;align-items:center;gap:5px;flex:1}.control-input span{font-size:11px;font-weight:600;color:#888;min-width:20px}.control-input input{flex:1;padding:6px;background:#3c3c3c;color:#e0e0e0;border:1px solid #555555;border-radius:3px;font-size:12px}.recenter-btn{width:100%;padding:8px;background:linear-gradient(180deg,#0e639c,#17b);color:#fff;border:1px solid #0d5ea5;border-radius:3px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease;box-shadow:0 1px 3px #0000004d}.recenter-btn:hover{background:linear-gradient(180deg,#17b,#0e639c);border-color:#1c8cd8;box-shadow:0 2px 6px #007acc66}.bold-toggle-btn{width:100%;padding:8px 12px;background:#3c3c3c;color:#ccc;border:1px solid #555555;border-radius:3px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.bold-toggle-btn strong{font-size:16px;font-weight:900;color:#e0e0e0}.bold-toggle-btn:hover{background:#404040;border-color:#656565}.bold-toggle-btn.active{background:linear-gradient(180deg,#0e639c,#17b);border-color:#0d5ea5;color:#fff;box-shadow:0 1px 3px #0000004d}.bold-toggle-btn.active strong{color:#fff}.bold-toggle-btn.active:hover{background:linear-gradient(180deg,#17b,#0e639c);border-color:#1c8cd8;box-shadow:0 2px 6px #007acc66}.bold-toggle-btn:active{transform:scale(.98)}.curve-section{background:#0070f314;padding:12px;border-radius:6px;border:1px solid rgba(0,112,243,.2)}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px!important;font-weight:600!important;color:#fff!important}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#0070F3}.checkbox-label span{-webkit-user-select:none;user-select:none}.help-text{display:block;font-size:10px;color:#999;margin-top:4px;font-style:italic}.dual-input-group{display:flex;flex-direction:row;align-items:center;gap:10px}.slider-input{flex:1;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,#007acc 0%,#007acc var(--value),#555555 var(--value),#555555 100%);border-radius:3px;outline:none;transition:background .2s ease}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:#fff;border:2px solid #007acc;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0000004d;transition:all .2s ease}.slider-input::-moz-range-thumb{width:16px;height:16px;background:#fff;border:2px solid #007acc;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0000004d;transition:all .2s ease}.slider-input:hover::-webkit-slider-thumb{transform:scale(1.1);border-color:#1c8cd8;box-shadow:0 2px 6px #007acc80}.slider-input:hover::-moz-range-thumb{transform:scale(1.1);border-color:#1c8cd8;box-shadow:0 2px 6px #007acc80}.slider-input:active::-webkit-slider-thumb{transform:scale(1.05);background:#f0f0f0}.slider-input:active::-moz-range-thumb{transform:scale(1.05);background:#f0f0f0}.number-input-small{width:70px!important;padding:6px 8px!important;font-size:12px;text-align:center;background:#3c3c3c;color:#e0e0e0;border:1px solid #555555;border-radius:3px;font-family:Consolas,Monaco,monospace;font-weight:500;transition:all .2s ease}.number-input-small:focus{outline:none;background:#404040;border-color:#007acc;box-shadow:0 0 0 2px #007acc40}.number-input-small:hover{border-color:#656565;background:#424242}.number-input-small::-webkit-inner-spin-button,.number-input-small::-webkit-outer-spin-button{opacity:1;height:100%}.text-panel{padding:15px;border-bottom:1px solid #ddd}.text-panel h3{margin:0 0 15px;font-size:14px;font-weight:600}.text-panel h4{margin:15px 0 10px;font-size:13px;font-weight:600;color:#333}.add-text-section{margin-bottom:15px;padding:15px;background:#f9f9f9;border-radius:8px}.fdx-select,.text-input,.surface-select{width:100%;padding:8px;margin-bottom:10px;border:1px solid #ddd;border-radius:4px;font-size:13px}.surface-select-group{margin-bottom:10px}.surface-select-group label{display:block;margin-bottom:5px;font-size:12px;font-weight:600;color:#555}.add-text-btn{width:100%;padding:10px;background:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;transition:background .2s ease}.add-text-btn:hover{background:#45a049}.text-list{max-height:200px;overflow-y:auto;margin-bottom:15px}.text-item{display:flex;justify-content:space-between;align-items:center;padding:10px;margin-bottom:5px;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:all .2s ease}.text-item:hover{background:#f5f5f5}.text-item.selected{background:#fff9e6;border-color:gold}.text-info{display:flex;flex-direction:column;gap:5px;flex:1}.text-content{font-size:13px;font-weight:500}.text-fdx{font-size:11px;color:#666}.text-edit{padding-top:15px;border-top:1px solid #eee}.delete-btn{background:#f44336;color:#fff;border:none;border-radius:3px;width:24px;height:24px;cursor:pointer;font-size:16px;line-height:1;transition:background .2s ease}.delete-btn:hover{background:#d32f2f}.customer-text-selector{margin-bottom:20px;padding:15px;background:linear-gradient(135deg,#2a2a2a,#1e1e1e);border-radius:12px;border:1px solid #444;box-shadow:0 4px 12px #0003}.empty-message{text-align:center;color:#888;padding:20px;font-size:14px}.dimension-display{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px;margin:16px 0;box-shadow:0 2px 8px #00000014}.dimension-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.dimension-icon{font-size:18px}.dimension-title{font-size:14px;font-weight:600;color:#333}.dimension-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dimension-item{display:flex;flex-direction:column;gap:4px;padding:10px;background:#f9f9f9;border-radius:6px;border:1px solid #f0f0f0;transition:all .2s ease}.dimension-item:hover{background:#f5f5f5;border-color:#e0e0e0}.dimension-item.highlight{background:linear-gradient(135deg,#f0f7ff,#e6f2ff);border-color:#3b82f6;grid-column:1 / -1}.dimension-label{font-size:11px;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.dimension-value{font-size:15px;font-weight:600;color:#222;font-family:Monaco,Menlo,Consolas,monospace}.dimension-item.highlight .dimension-value{color:#3b82f6;font-size:16px}.dimension-note{margin-top:12px;padding-top:12px;border-top:1px solid #f0f0f0;text-align:center}.dimension-note small{color:#888;font-size:11px;font-style:italic}@media (max-width: 768px){.dimension-grid{grid-template-columns:1fr}.dimension-item.highlight{grid-column:auto}}.simplified-text-editor{display:flex;flex-direction:column;height:100%;background:#1a1a1a;overflow-y:auto;color:#e0e0e0}.text-panel-header{padding:16px 20px;border-bottom:2px solid #333;background:#242424}.text-panel-header h3{margin:0;font-size:16px;font-weight:600;color:#e0e0e0}.add-text-section{padding:0;background:#242424;border-bottom:1px solid #333}.add-text-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;cursor:pointer;background:#2a2a2a;border-bottom:1px solid #333;transition:background .2s ease}.add-text-header:hover{background:#323232}.add-text-header h4{margin:0;font-size:14px;font-weight:600;color:#e0e0e0}.toggle-icon{font-size:12px;color:#888;transition:transform .2s ease}.add-text-form{padding:20px;background:#242424}.add-text-btn{width:100%;padding:12px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #3b82f64d;margin-top:8px}.add-text-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.add-text-btn:active{transform:translateY(0)}.text-list-section{padding:20px;background:#1a1a1a}.text-list-section h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#e0e0e0}.text-list{display:flex;flex-direction:column;gap:8px}.text-list-item{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#2a2a2a;border:2px solid #3a3a3a;border-radius:8px;cursor:pointer;transition:all .2s ease}.text-list-item:hover{background:#323232;border-color:#3b82f6;transform:translate(4px)}.text-item-info{display:flex;flex-direction:column;gap:4px;flex:1}.text-content{font-size:14px;font-weight:600;color:#e0e0e0}.text-object-name{font-size:12px;color:#888}.delete-text-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#3a1a1a;border:1px solid #5a2a2a;border-radius:6px;color:#ff6b6b;font-size:16px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.delete-text-btn:hover{background:#4a2a2a;border-color:#ff6b6b}.no-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#666}.no-selection-icon{font-size:48px;margin-bottom:16px;opacity:.5}.no-selection p{margin:0;font-size:14px}.editor-tabs{display:flex;border-bottom:2px solid #333;background:#242424}.tab-button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:14px 12px;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:13px;font-weight:500;color:#888;transition:all .2s ease}.tab-button:hover{background:#2a2a2a;color:#e0e0e0}.tab-button.active{background:#1a1a1a;color:#3b82f6;border-bottom-color:#3b82f6}.tab-icon{font-size:16px}.tab-content{flex:1;overflow-y:auto;padding:20px;background:#1a1a1a}.form-group{margin-bottom:20px}.form-group label{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;font-weight:600;color:#e0e0e0}.label-value{font-size:12px;font-weight:500;color:#3b82f6;background:#3b82f61a;padding:2px 8px;border-radius:4px}.form-input,.form-select{width:100%;padding:10px 12px;border:1px solid #3a3a3a;border-radius:6px;font-size:14px;transition:all .2s ease;background:#2a2a2a;color:#e0e0e0}.form-input:focus,.form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-select{cursor:pointer}.slider-group{margin-top:4px}.form-slider{width:100%;height:6px;border-radius:3px;background:linear-gradient(to right,#3a3a3a,#3b82f6 0%);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.form-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#e0e0e0;border:3px solid #3b82f6;cursor:pointer;box-shadow:0 2px 6px #0000004d;transition:all .2s ease}.form-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.form-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#e0e0e0;border:3px solid #3b82f6;cursor:pointer;box-shadow:0 2px 6px #0000004d;transition:all .2s ease}.slider-labels{display:flex;justify-content:space-between;margin-top:4px;font-size:11px;color:#666}.color-input-group{display:flex;gap:8px;align-items:center}.form-color{width:50px;height:40px;border:1px solid #3a3a3a;border-radius:6px;cursor:pointer;transition:all .2s ease;background:#2a2a2a}.form-color:hover{border-color:#3b82f6}.color-hex{flex:1;font-family:Monaco,Menlo,Consolas,monospace;text-transform:uppercase}.position-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.form-input-small{padding:8px 10px;border:1px solid #3a3a3a;border-radius:6px;font-size:13px;font-family:Monaco,Menlo,Consolas,monospace;text-align:center;transition:all .2s ease;background:#2a2a2a;color:#e0e0e0}.form-input-small:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.export-panel{display:flex;flex-direction:column;gap:20px}.export-section{background:#242424;border:1px solid #3a3a3a;border-radius:8px;padding:20px}.export-section h4{margin:0 0 8px;font-size:15px;font-weight:600;color:#e0e0e0}.export-description{margin:0 0 16px;font-size:13px;color:#888}.download-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #3b82f64d}.download-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.download-button:active{transform:translateY(0)}.download-icon{font-size:18px}.tab-content::-webkit-scrollbar{width:8px}.tab-content::-webkit-scrollbar-track{background:#2a2a2a;border-radius:4px}.tab-content::-webkit-scrollbar-thumb{background:#4a4a4a;border-radius:4px}.tab-content::-webkit-scrollbar-thumb:hover{background:#5a5a5a}@media (max-width: 768px){.tab-button span:not(.tab-icon){display:none}.tab-button{padding:12px 8px}}.text-selector-section{padding:16px 20px;background:#242424;border-bottom:1px solid #333}.text-selector-section label{display:block;margin-bottom:12px;font-size:13px;font-weight:600;color:#e0e0e0}.text-selector-list{display:flex;flex-direction:column;gap:6px}.text-selector-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#2a2a2a;border:2px solid #3a3a3a;border-radius:6px;cursor:pointer;transition:all .2s ease;width:100%;text-align:left}.text-selector-item:hover{background:#323232;border-color:#3b82f6}.text-selector-item.active{background:linear-gradient(135deg,#3b82f633,#3b82f61a);border-color:#3b82f6;border-width:2px}.text-selector-info{display:flex;flex-direction:column;gap:4px;flex:1}.text-selector-content{font-size:13px;font-weight:600;color:#e0e0e0}.text-selector-object{font-size:11px;color:#888}.delete-text-btn-mini{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#3a1a1a;border:1px solid #5a2a2a;border-radius:4px;color:#ff6b6b;font-size:14px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.delete-text-btn-mini:hover{background:#4a2a2a;border-color:#ff6b6b}.export-panel{padding:15px}.export-panel h3{margin:0 0 15px;font-size:14px;font-weight:600}.export-panel h4{margin:0 0 10px;font-size:13px;font-weight:600;color:#333}.export-section{margin-bottom:20px;padding:15px;background:#f9f9f9;border-radius:8px}.export-btn{width:100%;padding:10px;margin-bottom:8px;background:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;transition:background .2s ease}.export-btn.secondary{background:#757575}.export-btn:disabled{background:#ccc;cursor:not-allowed}.export-info{font-size:13px;margin-bottom:10px;color:#333;font-weight:500}.export-note{font-size:11px;color:#666;margin-top:10px;line-height:1.4}.loading-progress{padding:10px;background:#e3f2fd;border:1px solid #2196F3;border-radius:4px;margin-top:10px}.loading-progress p{margin:0;font-size:12px;color:#1976d2;font-weight:600;text-align:center}button.export-btn.btn-fixed{position:fixed;left:8px;width:180px;top:6px;z-index:1000;background:linear-gradient(135deg,#0070f3,#7928ca);color:#fff;box-shadow:0 4px 20px #0070f34d}button.export-btn.btn-fixed:hover{box-shadow:0 6px 25px #0070f366}.admin-editor{display:flex;flex-direction:column;height:100vh;background:#1e1e1e;color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.editor-header{display:flex;align-items:center;justify-content:space-between;padding:8px 20px;background:linear-gradient(180deg,#111,#0a0a0a);border-bottom:1px solid rgba(0,112,243,.2);z-index:100;height:48px}.header-left{display:flex;align-items:center;gap:16px}.back-btn{background:transparent;border:none;color:#e0e0e0;font-size:13px;cursor:pointer;padding:6px 12px;border-radius:4px;transition:all .2s ease;font-weight:500}.back-btn:hover{background:#ffffff14;color:#fff}.editor-title{display:flex;flex-direction:column;gap:2px}.editor-title h1{margin:0;font-size:14px;color:#e0e0e0;font-weight:600;letter-spacing:.2px}.editor-subtitle{font-size:10px;color:#0070f3;font-weight:600;text-transform:uppercase;letter-spacing:.8px}.header-right{display:flex;gap:8px;align-items:center}.save-btn{padding:10px 20px;background:linear-gradient(135deg,#0070f3,#7928ca);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 12px #0070f34d,0 0 20px #7928ca33}.save-btn:hover{background:linear-gradient(135deg,#0080ff,#8f3fdb);transform:translateY(-1px);box-shadow:0 4px 16px #0070f366,0 0 30px #7928ca4d}.save-btn:active{transform:translateY(0);box-shadow:0 2px 8px #0070f34d}.editor-layout{display:flex;flex:1;overflow:hidden;position:relative}.editor-sidebar{width:280px;background:#252526;overflow-y:auto;overflow-x:hidden;border-right:1px solid #3e3e42;display:flex;flex-direction:column}.editor-sidebar.right{border-right:none;border-left:1px solid #3e3e42}.editor-sidebar::-webkit-scrollbar{width:10px}.editor-sidebar::-webkit-scrollbar-track{background:#1e1e1e}.editor-sidebar::-webkit-scrollbar-thumb{background:#424242;border-radius:5px}.editor-sidebar::-webkit-scrollbar-thumb:hover{background:#4e4e4e}.editor-canvas{flex:1;background:#1e1e1e;position:relative}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:12px;font-weight:500;color:#ccc;letter-spacing:.3px}.form-group input[type=text],.form-group textarea{width:100%;padding:8px 12px;font-size:13px;background:#3c3c3c;color:#e0e0e0;border:1px solid #555555;border-radius:3px;font-family:inherit;transition:all .2s ease}.form-group input[type=text]:focus,.form-group textarea:focus{outline:none;background:#404040;border-color:#007acc;box-shadow:0 0 0 2px #007acc40}.form-group input[type=text]:hover,.form-group textarea:hover{border-color:#656565}.form-group textarea{resize:vertical;min-height:80px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:#2d2d30;border:1px solid #3e3e42;border-radius:6px;width:90%;max-width:500px;box-shadow:0 8px 32px #0009;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #3e3e42;background:linear-gradient(180deg,#323233,#2d2d30)}.modal-header h2{margin:0;font-size:14px;font-weight:600;color:#e0e0e0;letter-spacing:.2px}.modal-close{background:transparent;border:none;color:#ccc;font-size:24px;cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:all .2s ease;line-height:1}.modal-close:hover{background:#ffffff14;color:#fff}.modal-body{padding:20px}.modal-footer{display:flex;gap:8px;justify-content:flex-end;padding:16px 20px;border-top:1px solid #3e3e42;background:#252526}.btn-primary{padding:8px 20px;background:linear-gradient(180deg,#0e639c,#17b);color:#fff;border:1px solid #0d5ea5;border-radius:3px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;box-shadow:0 1px 3px #0000004d}.btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#17b,#0e639c);border-color:#1c8cd8;box-shadow:0 2px 6px #007acc66}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{padding:8px 20px;background:transparent;color:#ccc;border:1px solid #555555;border-radius:3px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease}.btn-secondary:hover{background:#ffffff0d;border-color:#656565;color:#e0e0e0}.editor-status-bar{display:flex;align-items:center;justify-content:space-between;padding:4px 12px;background:#007acc;color:#fff;font-size:11px;height:22px;border-top:1px solid #005a9e}.status-left,.status-right{display:flex;gap:16px;align-items:center}.status-item{display:flex;align-items:center;gap:4px;opacity:.95}.status-item:hover{opacity:1}@media (max-width: 1024px){.editor-sidebar{width:250px}}@media (max-width: 768px){.editor-layout{flex-direction:column}.editor-sidebar{width:100%;max-height:40vh}}.thumbnail-upload-section{margin-top:8px}.thumbnail-preview-modal{position:relative;max-width:300px}.thumbnail-preview-modal img{width:100%;height:auto;border-radius:4px;border:1px solid #3e3e42}.thumbnail-remove-modal{margin-top:8px;width:100%;padding:8px;background:#e74c3c;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease}.thumbnail-remove-modal:hover{background:#c0392b}.thumbnail-upload-btn-modal{width:100%;padding:12px;background:#3c3c3c;border:1px solid #555555;border-radius:4px;color:#ccc;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.thumbnail-upload-btn-modal:hover{background:#404040;border-color:#007acc}.thumbnail-upload-btn-modal span:first-child{font-size:20px}@media (max-width: 1024px){.editor-sidebar{width:280px}}@media (max-width: 768px){.admin-editor{position:relative}.editor-header{flex-direction:column;height:auto;padding:12px 16px;gap:12px;align-items:stretch}.header-left{flex-direction:column;gap:8px;align-items:flex-start}.back-btn{align-self:flex-start}.editor-title h1{font-size:16px}.header-right{justify-content:stretch}.save-btn{flex:1;text-align:center}.editor-layout{flex-direction:column;height:auto}.editor-sidebar{position:relative;width:100%;height:auto;max-height:none;border-right:none;border-bottom:1px solid #3e3e42}.editor-sidebar.left{order:1}.editor-canvas{order:2;height:400px;min-height:400px}.editor-sidebar.right{order:3}.editor-status-bar{flex-direction:column;gap:8px;padding:12px 16px;align-items:flex-start}.status-left,.status-right{width:100%;justify-content:flex-start}.status-item{font-size:11px}.modal-overlay{padding:60px 16px 16px;align-items:flex-start}.modal-content{max-width:100%;width:100%;max-height:calc(100vh - 80px);margin:0}.modal-header{padding:16px}.modal-header h2{font-size:18px}.modal-body{padding:16px}.form-group label{font-size:12px}.form-group input,.form-group textarea{font-size:14px}.modal-footer{padding:16px;gap:10px}.btn-primary,.btn-secondary{padding:12px;font-size:14px}}@media (max-width: 480px){.editor-header{padding:10px 12px}.editor-title h1{font-size:14px}.editor-subtitle{font-size:9px}.save-btn{padding:10px 16px;font-size:12px}.back-btn{font-size:12px;padding:8px 12px}.editor-canvas{height:300px;min-height:300px}.editor-status-bar{padding:10px 12px}.status-item{font-size:10px;gap:6px}.modal-overlay{padding:40px 12px 12px}.modal-content{max-height:calc(100vh - 60px)}.modal-header{padding:12px}.modal-header h2{font-size:16px}.modal-close{font-size:24px;width:32px;height:32px}.modal-body{padding:12px}.form-group{margin-bottom:16px}.form-group label{font-size:11px;margin-bottom:6px}.form-group input,.form-group textarea{font-size:13px;padding:10px}.modal-footer{padding:12px;gap:8px}.btn-primary,.btn-secondary{padding:10px;font-size:13px}.thumbnail-preview-modal img{height:120px}}@media (max-width: 1200px){.editor-sidebar{width:240px}}@media (max-width: 900px){.editor-sidebar{width:200px}.editor-sidebar.left{display:none}}.editor-canvas{min-width:0;min-height:0;contain:layout style paint}.editor-layout{min-height:0}.admin-editor{max-width:100vw;max-height:100vh;overflow:hidden}.editor-sidebar,.editor-canvas{transition:width .3s ease,opacity .2s ease}.loading-state{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background:transparent;color:#e0e0e0;gap:20px}.loading-state .spinner{width:50px;height:50px;border:4px solid rgba(0,112,243,.2);border-top-color:#0070f3;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p{font-size:16px;color:#ccc;margin:0}.progress-container{display:flex;flex-direction:column;align-items:center;gap:8px;width:300px;max-width:90%}.progress-bar{width:100%;height:8px;background:#3c3c3c;border-radius:4px;overflow:hidden;box-shadow:inset 0 1px 3px #0000004d}.progress-fill{height:100%;background:linear-gradient(90deg,#0070f3,#7928ca);border-radius:4px;transition:width .3s ease;box-shadow:0 0 10px #0070f380}.progress-text{font-size:14px;color:#0070f3;font-weight:600}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0a0a0a;position:relative;overflow:hidden;padding:20px}.login-background{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:0}.pattern-circle{position:absolute;border-radius:50%;background:#2383e20d;animation:float 20s ease-in-out infinite}.circle-1{width:400px;height:400px;top:-100px;left:-100px;animation-delay:0s}.circle-2{width:300px;height:300px;bottom:-80px;right:-80px;animation-delay:5s}.circle-3{width:250px;height:250px;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:10s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.login-container{display:grid;grid-template-columns:450px 500px;gap:0;max-width:950px;width:100%;background:#141414;border-radius:24px;overflow:hidden;box-shadow:0 20px 80px #0009;border:1px solid rgba(255,255,255,.08);position:relative;z-index:1}.login-card{padding:50px 40px;display:flex;flex-direction:column}.login-logo{text-align:center;margin-bottom:40px}.login-logo .logo-icon{font-size:56px;margin-bottom:16px;animation:float 3s ease-in-out infinite}.login-logo h1{margin:0 0 8px;font-size:32px;font-weight:800;color:#fff;letter-spacing:-.5px}.login-logo p{margin:0;font-size:14px;color:#9ca3af;font-weight:500}.login-welcome{text-align:center;margin-bottom:32px}.login-welcome h2{margin:0 0 12px;font-size:24px;font-weight:700;color:#fff}.login-welcome p{margin:0;font-size:15px;color:#9ca3af;line-height:1.5}.btn-patreon{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:16px;background:linear-gradient(135deg,#0070f3,#7928ca);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #0070f34d,0 0 30px #7928ca33}.btn-patreon:hover{background:linear-gradient(135deg,#0080ff,#8f3fdb);transform:translateY(-2px);box-shadow:0 8px 24px #0070f366,0 0 40px #7928ca4d}.btn-patreon:active{transform:translateY(0)}.patreon-icon{width:24px;height:24px}.login-divider{display:flex;align-items:center;text-align:center;margin:24px 0;color:#6b7280;font-size:14px}.login-divider:before,.login-divider:after{content:"";flex:1;border-bottom:1px solid rgba(255,255,255,.1)}.login-divider span{padding:0 16px}.btn-guest{width:100%;padding:14px;background:transparent;color:#9ca3af;border:2px solid rgba(255,255,255,.1);border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-guest:hover{background:#ffffff0d;border-color:#fff3;color:#fff}.login-benefits{margin-top:32px;padding-top:32px;border-top:1px solid rgba(255,255,255,.1)}.login-benefits h3{margin:0 0 20px;font-size:16px;font-weight:700;color:#fff}.login-benefits ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.login-benefits li{display:flex;align-items:center;gap:12px;font-size:14px;color:#9ca3af}.benefit-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:linear-gradient(135deg,#0070f3,#7928ca);color:#fff;border-radius:50%;font-size:12px;font-weight:700;flex-shrink:0}.login-footer{margin-top:auto;padding-top:24px;text-align:center}.login-footer p{margin:0;font-size:13px;color:#6b7280}.login-footer a{color:#0070f3;text-decoration:none;font-weight:600;transition:color .2s ease}.login-footer a:hover{color:#e03a44;text-decoration:underline}.login-info{background:linear-gradient(135deg,#1c1c1c,#141414);color:#fff;padding:50px 40px;display:flex;flex-direction:column;justify-content:center;position:relative;border-left:1px solid rgba(255,255,255,.05)}.login-info:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 40%,rgba(35,131,226,.08) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(35,131,226,.05) 0%,transparent 50%);opacity:1}.info-content{position:relative;z-index:1}.info-content h2{margin:0 0 40px;font-size:28px;font-weight:800;line-height:1.3;color:#fff}.info-features{display:flex;flex-direction:column;gap:32px}.info-feature{display:flex;flex-direction:column;gap:8px}.info-icon{font-size:40px;margin-bottom:8px}.info-feature h3{margin:0;font-size:18px;font-weight:700;color:#fff}.info-feature p{margin:0;font-size:14px;opacity:.9;line-height:1.5;color:#d1d5db}@media (max-width: 1024px){.login-container{grid-template-columns:1fr;max-width:500px}.login-info{display:none}}@media (max-width: 768px){.login-page{padding:16px}.login-container{max-width:100%}.login-card{padding:40px 30px}.login-logo .logo-icon{font-size:48px}.login-logo h1{font-size:28px}.login-welcome h2{font-size:22px}.login-welcome p{font-size:14px}.btn-patreon{padding:14px;font-size:15px}.btn-guest{padding:12px;font-size:14px}.login-benefits{margin-top:24px;padding-top:24px}.login-benefits h3{font-size:15px}.login-benefits li{font-size:13px}}@media (max-width: 480px){.login-card{padding:32px 24px}.login-logo .logo-icon{font-size:42px}.login-logo h1{font-size:24px}.login-logo p{font-size:12px}.login-welcome{margin-bottom:24px}.login-welcome h2{font-size:20px}.login-welcome p{font-size:13px}.btn-patreon,.btn-guest{font-size:14px;padding:12px}.patreon-icon{width:20px;height:20px}.login-divider{margin:20px 0;font-size:13px}.benefit-icon{width:20px;height:20px;font-size:10px}}.btn-thangs{width:100%;padding:14px 24px;background:linear-gradient(135deg,#00c9ff,#92fe9d);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 4px 12px #00c9ff4d}.btn-thangs:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00c9ff66}.btn-thangs:disabled{opacity:.6;cursor:not-allowed;transform:none}.thangs-login-form{width:100%;display:flex;flex-direction:column;gap:20px}.thangs-login-form .form-group{display:flex;flex-direction:column;gap:8px}.thangs-login-form label{font-size:13px;font-weight:600;color:#e0e0e0;text-transform:uppercase;letter-spacing:.5px}.thangs-login-form input{width:100%;padding:14px 16px;background:#1e1e1e;border:1px solid #333333;border-radius:8px;color:#fff;font-size:15px;transition:all .2s ease}.thangs-login-form input:focus{outline:none;border-color:#00c9ff;background:#252525}.thangs-login-form input:disabled{opacity:.5;cursor:not-allowed}.thangs-login-form .btn-submit{width:100%;padding:14px 24px;background:linear-gradient(135deg,#00c9ff,#92fe9d);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00c9ff4d}.thangs-login-form .btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00c9ff66}.thangs-login-form .btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.thangs-login-form .btn-back{width:100%;padding:12px 24px;background:transparent;color:#999;border:1px solid #333333;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.thangs-login-form .btn-back:hover:not(:disabled){background:#1e1e1e;color:#fff;border-color:#555}.thangs-login-form .btn-back:disabled{opacity:.5;cursor:not-allowed}.login-error{padding:12px 16px;background:#ff44441a;border:1px solid rgba(255,68,68,.3);border-radius:8px;color:#f44;font-size:14px;display:flex;align-items:center;gap:8px;animation:shake .3s ease}.admin-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0a0a0a;position:relative;overflow:hidden;padding:20px}.admin-login-background{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:0}.grid-pattern{width:100%;height:100%;background-image:linear-gradient(rgba(0,122,204,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,122,204,.1) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.admin-login-container{position:relative;z-index:1;width:100%;max-width:450px}.admin-login-card{background:#141414;border-radius:20px;padding:50px 40px;border:1px solid rgba(0,122,204,.2);box-shadow:0 20px 80px #007acc26}.admin-logo{text-align:center;margin-bottom:40px}.admin-icon{font-size:60px;margin-bottom:16px;animation:rotate 3s ease-in-out infinite}@keyframes rotate{0%,to{transform:rotate(0)}50%{transform:rotate(10deg)}}.admin-logo h1{margin:0 0 8px;font-size:28px;font-weight:700;color:#fff;background:linear-gradient(135deg,#007acc,#00c9ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-logo p{margin:0;font-size:13px;color:#666;text-transform:uppercase;letter-spacing:1px}.admin-error{padding:12px 16px;background:#ff44441a;border:1px solid rgba(255,68,68,.3);border-radius:8px;color:#f44;font-size:14px;margin-bottom:24px;display:flex;align-items:center;gap:8px;animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.admin-form{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.admin-form-group{display:flex;flex-direction:column;gap:8px}.admin-form-group label{font-size:13px;font-weight:600;color:#e0e0e0;text-transform:uppercase;letter-spacing:.5px}.admin-form-group input{width:100%;padding:14px 16px;background:#1e1e1e;border:2px solid #333333;border-radius:8px;color:#fff;font-size:15px;transition:all .2s ease}.admin-form-group input:focus{outline:none;border-color:#007acc;background:#252525;box-shadow:0 0 0 4px #007acc1a}.admin-form-group input:disabled{opacity:.5;cursor:not-allowed}.admin-submit-btn{width:100%;padding:16px 24px;background:linear-gradient(135deg,#007acc,#00c9ff);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 12px #007acc4d}.admin-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #007acc66}.admin-submit-btn:active:not(:disabled){transform:translateY(0)}.admin-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #ffffff;border-radius:50%;animation:spin .8s linear infinite}.admin-back-btn{width:100%;padding:12px 24px;background:transparent;color:#999;border:1px solid #333333;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-back-btn:hover:not(:disabled){background:#1e1e1e;color:#fff;border-color:#555}.admin-back-btn:disabled{opacity:.5;cursor:not-allowed}.admin-notice{margin-top:32px;padding:16px;background:#007acc0d;border:1px solid rgba(0,122,204,.2);border-radius:8px;text-align:center}.admin-notice p{margin:0;font-size:12px;color:#007acc;display:flex;align-items:center;justify-content:center;gap:8px}@media (max-width: 600px){.admin-login-card{padding:40px 30px}.admin-icon{font-size:48px}.admin-logo h1{font-size:24px}}.callback-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a0a,#1a1a1a)}.callback-container{text-align:center;padding:60px 40px;background:#141414;border-radius:16px;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 60px #0009;max-width:500px}.callback-container h2{margin:20px 0 12px;font-size:24px;font-weight:600;color:#fff}.callback-container p{color:#999;font-size:15px;margin:0}.spinner{width:60px;height:60px;margin:0 auto 24px;border:4px solid rgba(255,255,255,.1);border-top:4px solid #FF424D;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-icon{font-size:60px;margin-bottom:24px;animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.redirect-text{margin-top:20px;font-style:italic;color:#666}.support-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);color:#fff;padding:40px 20px;position:relative}.back-button{position:fixed;top:24px;left:24px;padding:12px 24px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;z-index:100}.back-button:hover{background:#ffffff26;transform:translate(-4px);box-shadow:0 4px 16px #0070f34d}.support-container{max-width:1200px;margin:0 auto}.support-header{text-align:center;margin-bottom:80px;padding-top:40px}.support-icon{font-size:80px;margin-bottom:24px;filter:drop-shadow(0 8px 24px rgba(0,112,243,.5));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.support-title{font-size:48px;font-weight:900;margin:0 0 16px;background:linear-gradient(135deg,#0070f3,#7928ca,#ff0080);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.support-subtitle{font-size:20px;color:#aaa;font-weight:400;margin:0}.subscription-section,.benefits-section,.contact-section,.faq-section{margin-bottom:80px}.section-title{font-size:36px;font-weight:800;margin:0 0 16px;text-align:center}.section-description{font-size:18px;color:#aaa;text-align:center;max-width:700px;margin:0 auto 48px}.platform-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:32px;margin-top:48px}.platform-card{background:linear-gradient(135deg,#0070f31a,#7928ca1a);border:2px solid rgba(0,112,243,.3);border-radius:20px;padding:40px;text-decoration:none;color:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.platform-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0070f31a,#7928ca1a);opacity:0;transition:opacity .3s ease}.platform-card:hover:before{opacity:1}.platform-card:hover{transform:translateY(-8px);border-color:#0070f399;box-shadow:0 16px 48px #0070f34d}.platform-icon{font-size:48px;margin-bottom:24px}.platform-name{font-size:28px;font-weight:800;margin:0 0 16px}.platform-description{font-size:16px;color:#aaa;line-height:1.6;margin:0 0 32px}.platform-button{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:linear-gradient(135deg,#0070f3,#7928ca);border-radius:12px;font-weight:600;transition:all .3s ease}.platform-card:hover .platform-button{box-shadow:0 8px 24px #0070f380}.arrow{font-size:20px;transition:transform .3s ease}.platform-card:hover .arrow{transform:translate(4px)}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.benefit-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:32px;transition:all .3s ease}.benefit-card:hover{background:#ffffff14;border-color:#0070f366;transform:translateY(-4px)}.benefit-icon{font-size:40px;margin-bottom:16px}.benefit-title{font-size:20px;font-weight:700;margin:0 0 12px}.benefit-description{font-size:14px;color:#aaa;line-height:1.6;margin:0}.contact-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.contact-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:32px;text-decoration:none;color:inherit;transition:all .3s ease;text-align:center}.contact-card:hover{background:#ffffff14;border-color:#0070f366;transform:translateY(-4px);box-shadow:0 8px 24px #0070f333}.contact-icon{font-size:48px;margin-bottom:16px}.contact-name{font-size:20px;font-weight:700;margin:0 0 12px}.contact-description{font-size:14px;color:#aaa;margin:0}.faq-list{max-width:800px;margin:0 auto}.faq-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:32px;margin-bottom:24px;transition:all .3s ease}.faq-item:hover{background:#ffffff14;border-color:#0070f366}.faq-question{font-size:20px;font-weight:700;margin:0 0 16px;color:#fff}.faq-answer{font-size:16px;color:#aaa;line-height:1.6;margin:0}@media (max-width: 768px){.platform-cards{grid-template-columns:1fr}.support-title{font-size:36px}.section-title{font-size:28px}}.error-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);padding:24px}.error-container{max-width:600px;width:100%;text-align:center;background:#1c1c1ccc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:60px 40px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #00000080}.error-icon{font-size:120px;margin-bottom:24px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.error-code{font-size:72px;font-weight:900;margin:0 0 16px;background:linear-gradient(135deg,#0070f3,#00d9ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-2px}.error-title{font-size:32px;font-weight:700;color:#fff;margin:0 0 16px;letter-spacing:-.5px}.error-description{font-size:16px;color:#9ca3af;line-height:1.6;max-width:500px;margin:0 auto 40px}.error-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.error-actions .btn-primary{padding:14px 32px;background:linear-gradient(135deg,#2383e2,#1a6bb8);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:700;transition:all .3s ease;box-shadow:0 4px 16px #2383e24d}.error-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #2383e280,0 0 40px #1a6bb84d;background:linear-gradient(135deg,#3d95ed,#5ba4f0)}.error-actions .btn-primary:active{transform:translateY(0)}.error-actions .btn-secondary{padding:14px 32px;background:transparent;color:#0070f3;border:2px solid rgba(0,112,243,.5);border-radius:12px;cursor:pointer;font-size:16px;font-weight:700;transition:all .3s ease}.error-actions .btn-secondary:hover{background:#0070f31a;transform:translateY(-2px);box-shadow:0 4px 16px #0070f34d}.error-actions .btn-secondary:active{transform:translateY(0)}@media (max-width: 640px){.error-container{padding:40px 24px}.error-icon{font-size:80px}.error-code{font-size:48px}.error-title{font-size:24px}.error-description{font-size:14px}.error-actions{flex-direction:column}.error-actions .btn-primary,.error-actions .btn-secondary{width:100%}}.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dialog-container{background:#2d2d30;border:1px solid #555555;border-radius:6px;box-shadow:0 8px 32px #0009;min-width:400px;max-width:600px;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.dialog-header{padding:16px 20px;border-bottom:1px solid #3e3e42}.dialog-title{margin:0;font-size:16px;font-weight:600;color:#e0e0e0;letter-spacing:.3px}.dialog-content{padding:20px}.dialog-message{margin:0;font-size:13px;color:#ccc;line-height:1.6}.dialog-footer{padding:16px 20px;border-top:1px solid #3e3e42;display:flex;justify-content:flex-end;gap:10px}.dialog-btn{padding:8px 20px;font-size:13px;font-weight:500;border-radius:3px;cursor:pointer;transition:all .2s ease;border:1px solid}.dialog-btn-cancel{background:#3c3c3c;color:#ccc;border-color:#555}.dialog-btn-cancel:hover{background:#404040;border-color:#656565}.dialog-btn-cancel:active{transform:scale(.98)}.dialog-btn-confirm{background:linear-gradient(180deg,#0e639c,#17b);color:#fff;border-color:#0d5ea5;box-shadow:0 1px 3px #0000004d}.dialog-btn-confirm:hover{background:linear-gradient(180deg,#17b,#0e639c);border-color:#1c8cd8;box-shadow:0 2px 6px #007acc66}.dialog-btn-confirm:active{transform:scale(.98)}.dialog-btn-delete{background:linear-gradient(180deg,#c42b1c,#a52317);color:#fff;border-color:#a52317;box-shadow:0 1px 3px #0000004d}.dialog-btn-delete:hover{background:linear-gradient(180deg,#d13d2f,#c42b1c);border-color:#e74c3c;box-shadow:0 2px 6px #e74c3c66}.dialog-btn-delete:active{transform:scale(.98)}.dialog-content-warning{display:flex;align-items:flex-start;gap:12px}.dialog-warning-icon{font-size:28px;line-height:1;flex-shrink:0}.dialog-message-warning{flex:1}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;min-width:300px;max-width:500px;padding:12px 16px;background:#2d2d30;border:1px solid #555555;border-radius:4px;box-shadow:0 4px 12px #0006;pointer-events:auto;cursor:pointer;animation:slideIn .3s ease-out;transition:all .2s ease}.toast:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000080}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.toast-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:14px;font-weight:700;flex-shrink:0}.toast-success{border-left:4px solid #11bb47}.toast-success .toast-icon{background:#11bb47;color:#fff}.toast-error{border-left:4px solid #e74c3c}.toast-error .toast-icon{background:#e74c3c;color:#fff}.toast-warning{border-left:4px solid #f39c12}.toast-warning .toast-icon{background:#f39c12;color:#fff}.toast-info{border-left:4px solid #007acc}.toast-info .toast-icon{background:#007acc;color:#fff}.toast-message{flex:1;font-size:13px;color:#e0e0e0;line-height:1.4}.toast-close{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#888;font-size:14px;cursor:pointer;border-radius:3px;transition:all .2s ease;flex-shrink:0}.toast-close:hover{background:#3c3c3c;color:#e0e0e0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;color:#fff}.app{width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden;background:#000}.app-header{background:linear-gradient(180deg,#111,#0a0a0a);color:#fff;padding:20px 30px;box-shadow:0 1px #0070f31a;border-bottom:1px solid rgba(0,112,243,.2)}.app-header h1{font-size:24px;margin-bottom:5px;color:#fff}.app-header p{font-size:13px;opacity:.9;margin-bottom:10px;color:#9ca3af}.edit-mode-toggle{margin-top:10px;padding:8px 12px;background:#ffffff0d;border-radius:4px;display:inline-block;border:1px solid rgba(255,255,255,.1)}.edit-mode-toggle label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;font-weight:500;color:#fff}.edit-mode-toggle input[type=checkbox]{width:18px;height:18px;cursor:pointer}.app-content{display:flex;flex:1;overflow:hidden}.sidebar{width:350px;background:linear-gradient(180deg,#111,#0a0a0a);border-right:1px solid rgba(0,112,243,.2);overflow-y:auto;box-shadow:0 0 20px #0070f31a}.canvas-container{flex:1;background:#000;position:relative}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:#0a0a0a}.sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0070f3,#7928ca);border-radius:4px}.sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0080ff,#8f3fdb)}@media (max-width: 1024px){.sidebar{width:300px}}@media (max-width: 768px){.app-content{flex-direction:column}.sidebar{width:100%;max-height:40vh;border-right:none;border-bottom:1px solid rgba(255,255,255,.08)}.canvas-container{height:60vh}}