@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";.language-switcher{display:flex;align-items:center}.language-select{padding:10px 16px;font-size:14px;border:1px solid rgba(167,139,250,.3);border-radius:10px;background:#363636cc;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:#a78bfa99;background:#a78bfa33;box-shadow:0 0 20px #a78bfa26}.language-select:focus{outline:none;border-color:var(--pm-accent);box-shadow:0 0 0 3px #a78bfa33,0 0 20px #a78bfa33}.language-select option{padding:8px;background:#363636;color:#fff}.navbar-header{position:sticky;top:0;z-index:1000;background:#07071acc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(167,139,250,.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:#6450ff;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:#6450ff;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(167,139,250,.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:#6450ff26;color:#6450ff;box-shadow:0 0 20px #6450ff26}.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:#6450ff;color:#fff;box-shadow:0 4px 20px #6450ff4d}.navbar-btn-primary:hover{transform:translateY(-2px);background:#8b5cf6;box-shadow:0 6px 25px #a78bfa66}.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:#2d2d2dfa;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(167,139,250,.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}:root{--home-purple: #6450ff;--home-cyan: #00c8ff;--home-bg: #07071a}.home-page{min-height:100vh;display:flex;flex-direction:column;background:var(--home-bg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#fff}.container{max-width:1280px;margin:0 auto;padding:0 28px;width:100%}.gradient-text{background:linear-gradient(135deg,#c4b5fd,#67e8f9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-eyebrow{display:inline-block;font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--home-purple);margin-bottom:16px;background:#6450ff1a;padding:5px 14px;border-radius:100px;border:1px solid rgba(100,80,255,.25)}.section-header{text-align:center;margin-bottom:72px}.section-title{font-size:52px;font-weight:900;letter-spacing:-2px;color:#fff;margin:0 0 20px;line-height:1.1}.section-subtitle{font-size:19px;color:#6b7280;max-width:640px;margin:0 auto;line-height:1.7}.hero{position:relative;overflow:hidden;padding:160px 0 180px;text-align:center;border-bottom:1px solid rgba(100,80,255,.15)}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(100,80,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(100,80,255,.07) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,black,transparent);mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,black,transparent)}.orb{position:absolute;border-radius:50%;filter:blur(80px)}.orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(100,80,255,.28),transparent 70%);top:-200px;left:50%;transform:translate(-50%);animation:orb-float 8s ease-in-out infinite}.orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(0,200,255,.15),transparent 70%);bottom:-100px;left:10%;animation:orb-float-2 10s ease-in-out infinite 3s}.orb-3{width:350px;height:350px;background:radial-gradient(circle,rgba(100,80,255,.18),transparent 70%);bottom:-50px;right:10%;animation:orb-float-3 9s ease-in-out infinite 6s}@keyframes orb-float{0%,to{transform:translateY(0) translate(-50%)}50%{transform:translateY(-30px) translate(-50%)}}@keyframes orb-float-2{0%,to{transform:translateY(0)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes orb-float-3{0%,to{transform:translateY(0)}50%{transform:translateY(20px) rotate(-5deg)}}.hero-content{position:relative;z-index:1;max-width:900px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 20px 8px 12px;border-radius:100px;background:#6450ff14;border:1px solid rgba(100,80,255,.25);font-size:13px;font-weight:600;color:#c4b5fd;margin-bottom:36px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.badge-dot{width:8px;height:8px;border-radius:50%;background:var(--home-purple);box-shadow:0 0 10px var(--home-purple);animation:dot-pulse 2s ease-in-out infinite}@keyframes dot-pulse{0%,to{opacity:1;box-shadow:0 0 10px var(--home-purple)}50%{opacity:.7;box-shadow:0 0 20px var(--home-cyan),0 0 40px var(--home-purple)}}.hero-title{font-size:80px;font-weight:900;letter-spacing:-3px;line-height:1.02;margin:0 0 30px}.hero-title-line{display:block}.hero-subtitle{font-size:21px;color:#9ca3af;line-height:1.7;max-width:680px;margin:0 auto 52px}.hero-buttons{display:flex;gap:16px;justify-content:center;margin-bottom:80px}.btn-hero-primary{display:inline-flex;align-items:center;gap:12px;padding:18px 36px;background:linear-gradient(135deg,var(--home-purple) 0%,var(--home-cyan) 100%);color:#fff;border:none;border-radius:14px;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:-.2px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 24px #6450ff80,0 0 0 1px #ffffff0d inset;position:relative;overflow:hidden;font-family:inherit}.btn-hero-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent);opacity:0;transition:opacity .3s}.btn-hero-primary:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px #6450ff99,0 0 80px #00c8ff40}.btn-hero-primary:hover:before{opacity:1}.btn-arrow{display:inline-block;transition:transform .3s ease}.btn-hero-primary:hover .btn-arrow,.btn-cta:hover .btn-arrow{transform:translate(4px)}.btn-hero-secondary{display:inline-flex;align-items:center;padding:18px 36px;background:#ffffff0a;color:#c4b5fd;border:1px solid rgba(100,80,255,.25);border-radius:14px;cursor:pointer;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-family:inherit}.btn-hero-secondary:hover{background:#6450ff1f;border-color:#6450ff80;color:#fff;transform:translateY(-3px);box-shadow:0 8px 24px #6450ff40}.hero-stats{display:flex;gap:0;justify-content:center;align-items:center;background:#6450ff0a;border:1px solid rgba(100,80,255,.15);border-radius:20px;padding:28px 48px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);max-width:560px;margin:0 auto}.stat-item{flex:1;text-align:center}.stat-number{font-size:40px;font-weight:900;letter-spacing:-1px;line-height:1;margin-bottom:8px}.stat-label{font-size:11px;font-weight:600;color:#4b5563;letter-spacing:.5px;text-transform:uppercase}.stat-divider{width:1px;height:48px;background:linear-gradient(180deg,transparent,rgba(100,80,255,.4),transparent);flex-shrink:0;margin:0 24px}.features-section{padding:130px 0;background:var(--home-bg);position:relative}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{position:relative;padding:36px 32px;background:#ffffff06;border:1px solid rgba(255,255,255,.065);border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;cursor:default}.feature-card:hover{background:#6450ff0a;border-color:#6450ff4d;transform:translateY(-8px);box-shadow:0 20px 48px #6450ff33}.feature-card-glow{position:absolute;bottom:-50%;left:50%;transform:translate(-50%);width:120px;height:120px;background:var(--glow);border-radius:50%;filter:blur(40px);opacity:0;transition:opacity .4s ease}.feature-card:hover .feature-card-glow{opacity:.6}.feature-icon-wrap{width:52px;height:52px;border-radius:13px;background:#6450ff14;border:1px solid rgba(100,80,255,.15);display:flex;align-items:center;justify-content:center;margin-bottom:24px}.feature-icon{font-size:26px}.feature-title{font-size:18px;font-weight:700;color:#f0f0ff;margin:0 0 12px;letter-spacing:-.3px}.feature-description{font-size:14px;line-height:1.7;color:#4b5563;margin:0}.how-it-works{padding:130px 0;background:var(--home-bg);border-top:1px solid rgba(100,80,255,.1)}.steps-grid{display:flex;gap:0;align-items:flex-start;position:relative}.step-card{flex:1;position:relative;padding:0 32px;text-align:center}.step-card:first-child{padding-left:0}.step-card:last-child{padding-right:0}.step-number-wrap{width:72px;height:72px;margin:0 auto 24px;border-radius:50%;background:linear-gradient(135deg,#6450ff33,#00c8ff26);border:1px solid rgba(100,80,255,.3);display:flex;align-items:center;justify-content:center;position:relative;z-index:1;transition:all .3s ease}.step-card:hover .step-number-wrap{background:linear-gradient(135deg,#6450ff66,#00c8ff4d);box-shadow:0 0 30px #6450ff4d,0 0 60px #00c8ff1a}.step-num{font-size:22px;font-weight:800;background:linear-gradient(90deg,var(--home-purple),var(--home-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px}.step-body{position:relative;z-index:1}.step-title{font-size:17px;font-weight:700;color:#f0f0ff;margin:0 0 10px;letter-spacing:-.2px}.step-description{font-size:14px;color:#4b5563;line-height:1.6;margin:0}.step-connector{position:absolute;top:35px;right:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(100,80,255,.4),transparent);z-index:0}.cta-section{position:relative;overflow:hidden;padding:160px 0;border-top:1px solid rgba(100,80,255,.1);text-align:center}.cta-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cta-orb{position:absolute;border-radius:50%;filter:blur(100px)}.cta-orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(100,80,255,.2),transparent 70%);top:-200px;right:-100px}.cta-orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(0,200,255,.15),transparent 70%);bottom:-150px;left:-50px}.cta-content{position:relative;z-index:1;max-width:720px;margin:0 auto}.cta-title{font-size:60px;font-weight:900;letter-spacing:-2.5px;line-height:1.1;margin:16px 0 24px;background:linear-gradient(135deg,#fff,#c4b5fd,#67e8f9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-subtitle{font-size:20px;color:#4b5563;margin:0 0 48px;line-height:1.65}.btn-cta{display:inline-flex;align-items:center;gap:12px;padding:20px 44px;background:linear-gradient(135deg,var(--home-purple) 0%,var(--home-cyan) 100%);color:#fff;border:none;border-radius:16px;cursor:pointer;font-size:17px;font-weight:800;letter-spacing:-.3px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 8px 32px #6450ff80;position:relative;overflow:hidden;font-family:inherit}.btn-cta:hover{transform:translateY(-5px) scale(1.03);box-shadow:0 20px 48px #6450ff99,0 0 80px #00c8ff40}.home-footer{background:var(--home-bg);border-top:1px solid rgba(100,80,255,.1);padding:72px 0 32px}.footer-content{display:flex;gap:64px;align-items:flex-start;margin-bottom:56px}.footer-brand{flex:0 0 260px}.footer-logo{font-size:22px;font-weight:800;letter-spacing:-.5px;color:#f0f0ff;margin:0 0 12px;background:linear-gradient(90deg,#fff,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-brand p{font-size:14px;color:#374151;line-height:1.7;margin:0}.footer-links{display:flex;gap:64px;flex:1}.footer-section h5{font-size:11px;font-weight:700;color:#6b7280;letter-spacing:1.5px;text-transform:uppercase;margin:0 0 20px}.footer-section ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.footer-section ul li{font-size:14px;color:#374151;transition:color .2s}.footer-section ul li:hover{color:#9ca3af}.footer-bottom{border-top:1px solid rgba(255,255,255,.04);padding-top:28px}.footer-bottom p{font-size:13px;color:#374151;margin:0}@media(max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}.steps-grid{flex-direction:column;gap:32px}.step-card{padding:0;text-align:left;display:flex;align-items:flex-start;gap:24px}.step-card:first-child,.step-card:last-child{padding:0}.step-number-wrap{margin:0;flex-shrink:0}.step-connector{display:none}}@media(max-width:768px){.hero{padding:100px 0 120px}.hero-title{font-size:52px;letter-spacing:-2px}.hero-subtitle{font-size:18px}.hero-buttons{flex-direction:column;align-items:center}.btn-hero-primary,.btn-hero-secondary{width:100%;max-width:320px;justify-content:center}.hero-stats{padding:24px 28px;max-width:100%}.stat-number{font-size:32px}.section-title{font-size:36px;letter-spacing:-1.5px}.features-section,.how-it-works,.cta-section{padding:88px 0}.features-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;gap:40px}.footer-brand{flex:none}.footer-links{flex-direction:column;gap:32px}.cta-title{font-size:40px}.btn-cta{width:100%;justify-content:center}}@media(max-width:480px){.hero-title{font-size:40px}.section-title{font-size:30px}.hero-stats{flex-direction:column;gap:20px}.stat-divider{width:48px;height:1px;margin:0 auto}}:root{--pp-purple: #6450ff;--pp-cyan: #00c8ff;--pp-bg: #07071a;--pp-surface: rgba(255, 255, 255, .028);--pp-border: rgba(100, 80, 255, .18);--pp-glow: rgba(100, 80, 255, .35)}.designs-page{min-height:100vh;display:flex;flex-direction:column;background:var(--pp-bg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e0e0f0;position:relative;overflow-x:hidden}.designs-page:before{content:"";position:fixed;top:-250px;left:50%;transform:translate(-50%);width:900px;height:700px;background:radial-gradient(ellipse,rgba(100,80,255,.1),transparent 70%);pointer-events:none;z-index:0}.designs-main{position:relative;z-index:1000;flex:1;padding:64px 0 100px}.page-header{text-align:center;margin-bottom:56px}.page-eyebrow{display:inline-block;font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--pp-purple);background:#6450ff1a;border:1px solid rgba(100,80,255,.25);padding:4px 14px;border-radius:100px;margin-bottom:16px}.page-title{font-size:48px;font-weight:900;letter-spacing:-2px;margin:0 0 16px;background:linear-gradient(135deg,#fff,#c4b5fd 40%,#67e8f9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{font-size:18px;color:#6b7280;margin:0;line-height:1.7}.filters-section{display:flex;gap:14px;margin-bottom:40px;align-items:center;flex-wrap:wrap}.search-box{position:relative;flex:1;min-width:280px;display:flex;align-items:center}.search-icon{position:absolute;left:16px;font-size:16px;pointer-events:none;z-index:1;color:#6b7280}.search-input{width:100%;padding:13px 42px 13px 46px;background:var(--pp-surface);border:1px solid var(--pp-border);border-radius:12px;color:#e0e0f0;font-size:14px;outline:none;transition:all .3s ease;font-family:inherit}.search-input:focus{border-color:#6450ff80;box-shadow:0 0 0 3px #6450ff1f;background:#6450ff0d}.search-input::placeholder{color:#4b5563}.clear-search{position:absolute;right:10px;background:#ef444426;color:#ef4444;border:none;border-radius:6px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;transition:all .2s}.clear-search:hover{background:#ef444440}.category-filter{display:flex;align-items:center}.category-select{padding:12px 16px;background:var(--pp-surface);border:1px solid var(--pp-border);border-radius:12px;color:#e0e0f0;font-size:14px;font-weight:600;outline:none;cursor:pointer;transition:all .3s ease;min-width:180px;font-family:inherit}.category-select:focus,.category-select:hover{border-color:#6450ff80}.category-select option{background:#0d0d28;color:#e0e0f0}.filter-actions{display:flex;gap:12px}.btn-apply-filters{padding:12px 20px;background:linear-gradient(135deg,var(--pp-purple) 0%,var(--pp-cyan) 100%);color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 12px #6450ff59;font-family:inherit;white-space:nowrap}.btn-apply-filters:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6450ff80}.btn-clear-filters{padding:12px 20px;background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.25);border-radius:10px;cursor:pointer;font-size:14px;font-weight:700;transition:all .3s ease;font-family:inherit;white-space:nowrap}.btn-clear-filters:hover{background:#ef444433;transform:translateY(-1px)}.designs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}.design-card{width:100%;background:var(--pp-surface);border:1px solid rgba(255,255,255,.06);border-radius:18px;overflow:hidden;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative}.design-card:hover{border-color:#6450ff66;transform:translateY(-7px);box-shadow:0 20px 48px #6450ff33,0 0 0 1px #6450ff1a;background:#6450ff0a}.design-image{position:relative;width:100%;height:220px;background:#6450ff0f;overflow:hidden}.design-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.design-card:hover .design-image img{transform:scale(1.05)}.placeholder-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:72px;background:linear-gradient(135deg,#6450ff14,#00c8ff0d)}.design-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#6450ffeb,#00c8ffe0);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .35s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.design-card:hover .design-overlay{opacity:1}.customize-btn{color:#fff;font-size:15px;font-weight:700;padding:12px 28px;background:#ffffff26;border-radius:12px;border:1.5px solid rgba(255,255,255,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .25s ease}.customize-btn:hover{background:#ffffff40;transform:scale(1.04)}.design-info{padding:20px}.design-meta-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}.meta-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:#6450ff1a;border:1px solid rgba(100,80,255,.25);border-radius:100px;font-size:11px;font-weight:600;color:#a5b4fc}.meta-badge.editable{background:#10b9811a;border-color:#10b98140;color:#6ee7b7}.badge-new{background:linear-gradient(135deg,#ef444426,#dc262626);border-color:#ef444459;color:#fca5a5;animation:pulse-border 2s infinite}.badge-month{background:#6450ff1a;border-color:#6450ff40;color:#c4b5fd}@keyframes pulse-border{0%{box-shadow:0 0 #ef44444d}70%{box-shadow:0 0 0 5px #ef444400}to{box-shadow:0 0 #ef444400}}.design-name{margin:0 0 8px;font-size:15px;font-weight:700;color:#f0f0ff;letter-spacing:-.2px}.design-description{margin:0 0 14px;font-size:13px;line-height:1.6;color:#4b5563}.design-actions{margin-top:10px;display:flex;flex-direction:column;gap:8px}.btn-download{width:100%;padding:11px 20px;background:linear-gradient(135deg,var(--pp-purple) 0%,var(--pp-cyan) 100%);color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:700;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;box-shadow:0 2px 12px #6450ff4d}.btn-download:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6450ff80}.btn-download:disabled{opacity:.6;cursor:not-allowed}.design-meta{display:flex;gap:10px;flex-wrap:wrap}.admin-actions{display:flex;gap:8px;margin-top:10px}.btn-edit,.btn-delete{flex:1;padding:9px 14px;border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:5px;font-family:inherit}.btn-edit{background:linear-gradient(135deg,var(--pp-purple) 0%,var(--pp-cyan) 100%);color:#fff;box-shadow:0 2px 8px #6450ff4d}.btn-edit:hover{transform:translateY(-2px);box-shadow:0 4px 14px #6450ff80}.btn-delete{background:#ef44441f;color:#ef4444;border:1px solid rgba(239,68,68,.25)}.btn-delete:hover{background:#ef444438;transform:translateY(-1px)}.btn-create{padding:13px 28px;background:linear-gradient(135deg,var(--pp-purple) 0%,var(--pp-cyan) 100%);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:15px;font-weight:700;transition:all .3s ease;box-shadow:0 4px 16px #6450ff66;font-family:inherit}.btn-create:hover{transform:translateY(-3px);box-shadow:0 8px 24px #6450ff8c}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:56px;padding:24px 0}.btn-pagination{padding:11px 22px;background:#6450ff1a;color:#a5b4fc;border:1px solid rgba(100,80,255,.3);border-radius:10px;cursor:pointer;font-size:14px;font-weight:700;transition:all .3s ease;font-family:inherit}.btn-pagination:hover:not(:disabled){background:#6450ff33;transform:translateY(-2px);box-shadow:0 4px 14px #6450ff4d}.btn-pagination:disabled{opacity:.25;cursor:not-allowed}.page-info{color:#4b5563;font-size:14px;font-weight:600}.spinner{width:44px;height:44px;margin:0 auto 16px;border:3px solid rgba(100,80,255,.2);border-top-color:var(--pp-purple);border-radius:50%;animation:spin .9s linear infinite}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .9s linear infinite}.loading-state,.error-state,.empty-state{text-align:center;padding:100px 20px;max-width:480px;margin:0 auto}.empty-icon,.error-icon{font-size:56px;margin-bottom:20px;opacity:.4}.loading-state p,.error-state h3,.empty-state h3{font-size:19px;font-weight:700;color:#f0f0ff;margin:0 0 10px}.error-state p,.empty-state p{font-size:14px;color:#4b5563;margin:0 0 24px;line-height:1.6}.btn-retry{padding:12px 28px;background:#6450ff1f;color:#a5b4fc;border:1px solid rgba(100,80,255,.3);border-radius:10px;cursor:pointer;font-size:15px;font-weight:700;transition:all .3s ease;font-family:inherit}.btn-retry:hover{background:#6450ff38;transform:translateY(-2px)}.design-card.download-only:hover{transform:translateY(-4px);box-shadow:0 12px 32px #6450ff26}@media(max-width:768px){.designs-main{padding:48px 0 80px}.page-title{font-size:34px;letter-spacing:-1.5px}.filters-section{flex-direction:column}.search-box{width:100%;min-width:unset}.designs-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.pagination{flex-direction:column;gap:10px}}@media(max-width:480px){.page-title{font-size:28px}.design-image{height:180px}.designs-grid{grid-template-columns:1fr}}.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:var(--pm-accent);box-shadow:0 0 0 2px #a78bfa40}.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,#8b5cf6 0%,var(--pm-accent) 100%);color:#fff;border:1px solid #0d5ea5}.panel-btn-primary:hover{background:linear-gradient(180deg,var(--pm-accent) 0%,#8b5cf6 100%);border-color:var(--pm-accent);box-shadow:0 2px 4px #a78bfa4d}.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 #a78bfa4d}.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:var(--pm-accent)}.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;flex-wrap:wrap;gap:2px;align-items:center;max-width:112px;flex-shrink:0}.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:var(--pm-accent);border-color:#8b5cf6}.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:var(--pm-accent);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:var(--pm-accent);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:var(--pm-accent);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:var(--pm-accent)}.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:var(--muted-foreground)}.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:var(--muted-foreground);min-width:20px}.control-input input{flex:1;padding:6px 8px;background:var(--pm-surface);color:var(--foreground);border:1px solid var(--input);border-radius:4px;font-size:12px;transition:border-color .2s ease,box-shadow .2s ease}.control-input input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--royal-purple-glow)}.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:var(--pm-accent);transform:scale(1.05);box-shadow:0 4px 20px #a78bfa4d}.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:var(--pm-accent);transform:scale(1.1);z-index:10;box-shadow:0 4px 12px #a78bfa66}.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:var(--pm-accent);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:var(--pm-accent)}.thumbnail-strip-item.active{border-color:var(--pm-accent);box-shadow:0 0 12px #a78bfa99}.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:var(--pm-accent);background:#a78bfa33;color:var(--pm-accent);transform:scale(1.05)}.surface-editing-banner{background:linear-gradient(135deg,#2a2a3d,#3a3a4d);border:1px solid var(--pm-accent);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:var(--pm-accent);box-shadow:0 0 0 2px #a78bfa40}.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:var(--pm-accent);background:#2d2d30;color:var(--pm-accent);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 #a78bfa99;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:var(--pm-accent);box-shadow:0 0 0 2px #a78bfa40}.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}.panel-dropdown-btn-container{position:relative;display:inline-block}.panel-dropdown-menu{position:absolute;top:100%;right:0;margin-top:4px;background:#2d2d30;border:1px solid #555555;border-radius:4px;box-shadow:0 4px 12px #00000080;z-index:1000;min-width:120px;overflow:hidden}.panel-dropdown-menu button{width:100%;padding:8px 12px;background:transparent;border:none;color:#ccc;font-size:11px;text-align:left;cursor:pointer;transition:all .2s ease}.panel-dropdown-menu button:hover{background:#3c3c3c;color:#fff}.panel-dropdown-menu button:active{background:var(--pm-accent);color:#fff}.font-preview-select{position:relative;width:100%}.font-preview-label{display:block;font-size:11px;font-weight:500;color:#ccc;letter-spacing:.3px;margin-bottom:6px}.font-preview-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--pm-surface);border:1px solid var(--pm-border);border-radius:8px;color:var(--pm-text);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);min-height:40px}.font-preview-trigger:hover{border-color:var(--pm-purple);background:#ffffff0f;box-shadow:0 0 15px var(--pm-purple-glow)}.font-preview-trigger:focus{outline:none;background:#ffffff14;border-color:var(--pm-cyan);box-shadow:0 0 20px #00c8ff4d}.font-preview-trigger-content{flex:1;min-width:0;display:flex;align-items:center}.font-preview-text{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.2px}.font-preview-img-inline{height:24px;max-width:100%;object-fit:contain;object-position:left center;filter:drop-shadow(0 0 8px rgba(255,255,255,.2))}.font-preview-arrow{flex-shrink:0;color:var(--pm-purple);margin-left:10px;transition:transform .3s cubic-bezier(.4,0,.2,1);font-size:14px;display:flex;align-items:center}.font-preview-arrow.open{transform:rotate(180deg);color:var(--pm-cyan)}.font-preview-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:9000;background:#0c0c1cf2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--pm-border);border-radius:12px;box-shadow:0 12px 40px #000c,0 0 0 1px #6450ff1a;max-height:320px;display:flex;flex-direction:column;padding:6px;animation:fontDropFadeIn .25s cubic-bezier(.4,0,.2,1)}@keyframes fontDropFadeIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.font-preview-options::-webkit-scrollbar{width:5px}.font-preview-options::-webkit-scrollbar-track{background:transparent}.font-preview-options::-webkit-scrollbar-thumb{background:var(--pm-border);border-radius:10px}.font-preview-options::-webkit-scrollbar-thumb:hover{background:var(--pm-purple)}.font-preview-search-container{padding:0 0 6px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:4px;flex-shrink:0}.font-preview-search{width:100%;padding:8px 12px;border-radius:6px;border:1px solid var(--pm-border);background:#ffffff0d;color:var(--pm-text);font-size:13px;outline:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.font-preview-search:focus{border-color:var(--pm-cyan);background:#ffffff14;box-shadow:0 0 10px #00c8ff26}.font-preview-search::placeholder{color:#888}.font-preview-options{overflow-y:auto;flex:1;min-height:0}.font-preview-no-results{padding:16px;text-align:center;color:#888;font-size:13px}.font-preview-option{width:100%;display:flex;align-items:center;padding:10px 14px;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .15s ease;min-height:44px;margin-bottom:2px}.font-preview-option:hover{background:#ffffff0d;transform:translate(4px)}.font-preview-option.selected{background:#6450ff26;border-left:3px solid var(--pm-purple);padding-left:11px}.font-preview-option.selected:hover{background:#6450ff33}.font-preview-option-text{font-size:13px;color:var(--pm-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.font-preview-img{height:26px;max-width:100%;object-fit:contain;object-position:left center;filter:drop-shadow(0 0 5px rgba(255,255,255,.1))}.customer-mode .font-preview-trigger{font-size:15px;padding:12px 16px;background:#ffffff0a;border:1px solid var(--pm-border);border-radius:10px;min-height:48px}.customer-mode .font-preview-trigger:focus{background:#323232;border-color:var(--pm-accent);box-shadow:0 0 0 3px #a78bfa4d}.customer-mode .font-preview-img-inline{height:26px}.customer-mode .font-preview-dropdown{max-height:320px}.customer-mode .font-preview-option{padding:8px 12px;min-height:42px}.customer-mode .font-preview-img{height:28px}.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:var(--foreground);letter-spacing:.2px;text-transform:uppercase}.text-controls.customer-mode .text-content-textarea{font-size:14px;padding:12px;min-height:70px;background:var(--pm-surface);border:2px solid var(--border);border-radius:var(--radius)}.text-controls.customer-mode .text-content-textarea:focus{background:var(--pm-card);border-color:var(--primary);box-shadow:0 0 0 3px var(--royal-purple-glow)}.text-controls.customer-mode select.font-select{font-size:14px;padding:10px 12px;background:var(--pm-surface);border:2px solid var(--border);border-radius:var(--radius);font-weight:500}.text-controls.customer-mode select.font-select:focus{background:var(--pm-card);border-color:var(--primary);box-shadow:0 0 0 3px var(--royal-purple-glow)}.control-group{display:flex;flex-direction:column;gap:6px}.control-group label{font-size:11px;font-weight:500;color:var(--muted-foreground);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:var(--pm-surface);color:var(--foreground);border:1px solid var(--input);border-radius:4px;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:var(--pm-card);border-color:var(--primary);box-shadow:0 0 0 2px var(--royal-purple-glow)}.alignment-buttons{display:flex;gap:4px}.align-btn{flex:1;padding:8px;background:var(--pm-surface);color:var(--muted-foreground);border:1px solid var(--border);border-radius:4px;cursor:pointer;font-size:16px;transition:all .2s ease}.align-btn:hover{background:var(--pm-card);border-color:var(--primary)}.align-btn.active{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground);box-shadow:0 4px 12px var(--royal-purple-glow)}.color-input-group input[type=color]{width:50px;height:32px;padding:2px;background:var(--pm-surface);border:1px solid var(--input);border-radius:4px}.color-hex-input{flex:1;padding:6px 10px;font-size:12px;background:var(--pm-surface);color:var(--foreground);border:1px solid var(--input);border-radius:4px}.position-inputs{display:flex;gap:8px}.control-input span{font-size:11px;font-weight:600;color:var(--muted-foreground)}.recenter-btn{width:100%;padding:8px;background:var(--primary);color:var(--primary-foreground);border:1px solid var(--primary);border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease}.recenter-btn:hover{box-shadow:0 2px 6px var(--royal-purple-glow)}.bold-toggle-btn{width:100%;padding:8px 12px;background:var(--pm-surface);color:var(--muted-foreground);border:1px solid var(--border);border-radius:4px;cursor:pointer;font-size:13px;font-weight:500}.bold-toggle-btn strong{color:var(--foreground)}.bold-toggle-btn.active{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.curve-section,.qr-section{background:var(--pm-card);border:1px solid var(--border);border-radius:var(--radius);padding:12px}.qr-error-message{background:var(--destructive);border:1px solid var(--destructive);color:var(--destructive-foreground);padding:8px 12px;border-radius:4px}.qr-warning{color:var(--royal-gold)}.checkbox-label{color:var(--foreground)}.checkbox-label input[type=checkbox]{accent-color:var(--primary)}.slider-input{background:var(--input)}.slider-input::-webkit-slider-thumb{background:var(--primary);border:2px solid var(--primary-foreground)}.number-input-small{background:var(--pm-surface);color:var(--foreground);border:1px solid var(--input)}.number-input-small:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--royal-purple-glow)}.slider-input-group{margin-bottom:18px}.slider-input-group:last-child{margin-bottom:0}.slider-input-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.slider-input-label{font-size:12px;font-weight:500;color:#8b9bb4;letter-spacing:.03em;text-transform:uppercase}.slider-input-value{font-size:13px;font-weight:700;color:#c8a96e;font-variant-numeric:tabular-nums;background:#c8a96e1a;border:1px solid rgba(200,169,110,.25);border-radius:5px;padding:1px 8px;min-width:52px;text-align:center}.slider-input-row{display:flex;align-items:center;gap:10px}.slider-track-wrapper{position:relative;flex:1;height:6px;display:flex;align-items:center}.slider-track-fill{position:absolute;left:0;top:0;height:6px;background:linear-gradient(90deg,#6366f1,#818cf8);border-radius:3px;pointer-events:none;z-index:1;transition:width .05s linear}.slider-input-range{position:absolute;left:0;top:0;width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#1e2235;border-radius:3px;cursor:pointer;z-index:2;outline:none}.slider-input-range::-webkit-slider-runnable-track{background:transparent;height:6px;border-radius:3px}.slider-input-range::-moz-range-track{background:#1e2235;height:6px;border-radius:3px}.slider-input-range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid #6366f1;box-shadow:0 0 #6366f166;cursor:pointer;transition:box-shadow .2s,transform .15s;margin-top:-6px;position:relative;z-index:3}.slider-input-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid #6366f1;cursor:pointer;transition:box-shadow .2s,transform .15s}.slider-input-range:hover::-webkit-slider-thumb,.slider-input-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 5px #6366f140;transform:scale(1.1)}.slider-input-range:hover::-moz-range-thumb,.slider-input-range:focus::-moz-range-thumb{box-shadow:0 0 0 5px #6366f140}.slider-input-number{width:62px;flex-shrink:0;padding:5px 6px;background:#12141f;border:1px solid #2a2d3e;border-radius:6px;color:#e2e8f0;font-size:13px;font-weight:600;text-align:center;outline:none;transition:border-color .2s,box-shadow .2s;-moz-appearance:textfield}.slider-input-number::-webkit-inner-spin-button,.slider-input-number::-webkit-outer-spin-button{-webkit-appearance:none}.slider-input-number:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.slider-input-hint{margin:6px 0 0;font-size:11px;color:#4a5568;font-style:italic;line-height:1.4}.slider-input-disabled .slider-input-label,.slider-input-disabled .slider-input-value{opacity:.4}.slider-input-disabled .slider-input-range,.slider-input-disabled .slider-input-number{opacity:.4;cursor:not-allowed}.text-panel{padding:15px;border-bottom:1px solid #ffffff54}.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 #ffffff54;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 #ffffff54;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 #ffffff54}.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,#0b0b1c,#0e0d31);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}.simplified-text-editor{display:flex;flex-direction:column;height:100%;background:#0a0a0f;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:#0a0a0f}.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:#0a0a0f;color:#3b82f6;border-bottom-color:#3b82f6}.tab-icon{font-size:16px}.tab-content{flex:1;overflow-y:auto;padding:20px;background:#0a0a0f}.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:var(--pm-accent);color:#1a1a1a;box-shadow:0 4px 20px #a78bfa4d}button.export-btn.btn-fixed:hover{background:#8b5cf6;box-shadow:0 6px 25px #a78bfa66}.export-panel-buttons{position:fixed;left:8px;top:6px;z-index:1000;display:flex;gap:8px}.export-panel-buttons button.export-btn.btn-fixed{position:relative;left:auto;top:auto}.export-3mf-btn{background:linear-gradient(135deg,#00c853,#00897b)!important;box-shadow:0 4px 20px #a78bfa4d!important}.export-3mf-btn:hover:not(:disabled){box-shadow:0 6px 25px #a78bfa66!important}.export-3mf-btn:disabled{background:#9e9e9e!important;box-shadow:none!important}.export-tools-panel{position:absolute;bottom:10px;left:308px;margin-bottom:24px;display:flex;flex-direction:column;gap:7px;background:#ffffff08;border:1px solid rgba(100,80,255,.2);border-radius:12px;padding:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.export-tool-item{display:flex;flex-direction:column;gap:10px}.tool-header{display:flex;align-items:center;gap:8px}.tool-icon{font-size:16px}.tool-title{font-size:14px;font-weight:700;color:#e0e0f0}.tool-controls{display:flex;align-items:center;gap:12px}.scale-slider{flex:1;height:6px;-webkit-appearance:none;background:#6450ff26;border-radius:3px;outline:none}.scale-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:var(--ae-purple, #6450ff);border:2px solid white;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #6450ff66;transition:transform .15s ease}.scale-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.scale-value-display{display:flex;align-items:center;gap:4px}.scale-number-input{width:64px;padding:6px 8px;background:#0000004d;border:1px solid rgba(100,80,255,.4);border-radius:6px;color:#fff;font-size:13px;font-weight:700;text-align:center;outline:none}.scale-number-input:focus{border-color:#00c8ff;box-shadow:0 0 0 2px #00c8ff33}.scale-x{font-size:14px;font-weight:700;color:#6450ff}.tool-hint{font-size:11px;color:#c8c8e680;margin-top:-2px}.export-tools-panel .dimension-display{margin:0;padding:12px;background:#0003;border:1px solid rgba(255,255,255,.05)}.export-tools-panel .dimension-header{border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:12px;padding-bottom:8px}.export-popup-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:exportPopupFadeIn .2s ease-out;padding:16px}@keyframes exportPopupFadeIn{0%{opacity:0}to{opacity:1}}.export-popup-container{background:#2d2d30;border:1px solid #555555;border-radius:8px;box-shadow:0 8px 32px #0009;width:100%;max-width:480px;max-height:80vh;display:flex;flex-direction:column;animation:exportPopupSlideUp .3s ease-out}@keyframes exportPopupSlideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.export-popup-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #3e3e42;flex-shrink:0}.export-popup-title{margin:0;font-size:16px;font-weight:600;color:#e0e0e0;letter-spacing:.3px}.export-popup-close{background:none;border:none;color:#999;font-size:22px;cursor:pointer;padding:0 4px;line-height:1;transition:color .15s ease}.export-popup-close:hover{color:#fff}.export-popup-body{padding:12px 20px;overflow-y:auto;flex:1 1 auto;min-height:0}.export-popup-loading{text-align:center;padding:32px 0;color:#aaa;font-size:14px}.export-popup-file-list{list-style:none;margin:0;padding:0}.export-popup-group-header{font-size:11px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.8px;padding:10px 4px 6px;margin-top:4px;border-top:1px solid #3e3e42}.export-popup-file-list li:first-child .export-popup-group-header{margin-top:0;border-top:none;padding-top:0}.export-popup-file-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:6px;background:#383838;margin-bottom:8px;transition:background .15s ease;gap:10px}.export-popup-file-item:last-child{margin-bottom:5px}.export-popup-file-item:hover{background:#404045}.export-popup-file-info{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.export-popup-file-badge{font-size:10px;font-weight:700;padding:3px 6px;border-radius:4px;flex-shrink:0;letter-spacing:.5px}.badge-stl{background:#8b5cf6;color:#fff}.badge-3mf{background:#00897b;color:#fff}.badge-file{background:#666;color:#fff}.export-popup-file-name{font-size:13px;color:#ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.export-popup-download-btn{flex-shrink:0;padding:6px 14px;font-size:12px;font-weight:500;border:1px solid #555;border-radius:4px;background:#3c3c3c;color:#ccc;cursor:pointer;transition:all .15s ease}.export-popup-download-btn:hover{background:#505050;border-color:#777;color:#fff}.export-popup-download-btn:active{transform:scale(.97)}.export-popup-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid #3e3e42;flex-shrink:0}.export-popup-btn-secondary{padding:8px 20px;font-size:13px;font-weight:500;border-radius:4px;cursor:pointer;background:#3c3c3c;color:#ccc;border:1px solid #555;transition:all .15s ease}.export-popup-btn-secondary:hover{background:#454545;border-color:#666}.export-popup-btn-primary{padding:8px 20px;font-size:13px;font-weight:600;border-radius:4px;cursor:pointer;background:linear-gradient(180deg,#8b5cf6 0%,var(--pm-accent) 100%);color:#fff;border:1px solid #0d5ea5;box-shadow:0 1px 3px #0000004d;transition:all .15s ease}.export-popup-btn-primary:hover{background:linear-gradient(180deg,var(--pm-accent) 0%,#8b5cf6 100%);border-color:var(--pm-accent);box-shadow:0 2px 6px #a78bfa66}.export-popup-btn-primary:active{transform:scale(.98)}@media(max-width:540px){.export-popup-container{max-width:100%;max-height:90vh;border-radius:10px 10px 0 0}.export-popup-overlay{align-items:flex-end;padding:0}.export-popup-file-item{flex-wrap:wrap}.export-popup-file-info{width:100%}.export-popup-download-btn{margin-left:auto}.export-popup-footer{flex-direction:column}.export-popup-btn-primary,.export-popup-btn-secondary{width:100%;text-align:center}}.dimension-display{background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:8px 12px;margin:8px 0}.dimension-grid{display:flex;justify-content:space-around;gap:8px;align-items:center}.dimension-item{display:flex;flex-direction:row;align-items:center;gap:6px;padding:4px 0;background:transparent;border-radius:0;border:none;transition:none}.dimension-item:hover{background:transparent}.dimension-label{font-size:10px;color:#c8c8e680;font-weight:700;text-transform:uppercase;letter-spacing:.2px;white-space:nowrap}.dimension-value{font-size:12px;font-weight:700;color:#fff;font-family:Inter,sans-serif}:root{--ae-purple: #6450ff;--ae-cyan: #00c8ff;--ae-bg: #07071a;--ae-sidebar: rgba(12, 12, 28, .97);--ae-border: rgba(100, 80, 255, .2);--ae-glow: rgba(100, 80, 255, .4);--ae-surface: rgba(255, 255, 255, .035);--ae-text: #e0e0f0;--ae-muted: rgba(200, 200, 230, .55)}.admin-editor{display:flex;flex-direction:column;height:100vh;background:var(--ae-bg);color:var(--ae-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;height:100%;color:var(--ae-text);background:var(--ae-bg)}.loading-state .spinner{width:44px;height:44px;border:3px solid rgba(100,80,255,.2);border-top-color:var(--ae-purple);border-radius:50%;animation:ae-spin .9s linear infinite}.loading-state p{font-size:14px;color:var(--ae-muted);font-weight:500}@keyframes ae-spin{to{transform:rotate(360deg)}}.progress-container{display:flex;flex-direction:column;align-items:center;gap:8px;width:240px}.progress-bar{width:100%;height:6px;background:#6450ff1f;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--ae-purple),var(--ae-cyan));border-radius:3px;transition:width .3s ease}.progress-text{font-size:13px;font-weight:700;background:linear-gradient(90deg,var(--ae-purple),var(--ae-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.editor-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#0c0c1cfa;border-bottom:1px solid var(--ae-border);height:52px;z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 1px 20px #6450ff14;flex-shrink:0}.header-left{display:flex;align-items:center;gap:16px}.editor-title h1{margin:0;font-size:14px;font-weight:700;letter-spacing:-.3px;background:linear-gradient(90deg,#fff 30%,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.editor-subtitle{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(90deg,var(--ae-purple),var(--ae-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.back-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;background:#6450ff14;border:1px solid var(--ae-border);border-radius:8px;color:#c4b5fd;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.back-btn:hover{background:#6450ff2e;border-color:#6450ff66;color:#e0d9ff;transform:translate(-2px)}.header-right{display:flex;align-items:center;gap:10px}.save-btn{display:flex;align-items:center;gap:7px;padding:8px 20px;background:linear-gradient(135deg,var(--ae-purple) 0%,var(--ae-cyan) 100%);color:#fff;border:none;border-radius:9px;cursor:pointer;font-size:13px;font-weight:700;letter-spacing:.02em;transition:all .25s ease;box-shadow:0 3px 16px #6450ff73;font-family:inherit}.save-btn:hover{transform:translateY(-1px);box-shadow:0 6px 24px #6450ff99}.save-btn:active{transform:translateY(0);box-shadow:0 2px 8px #6450ff66}.editor-layout{display:flex;flex:1;overflow:hidden;min-height:0}.editor-sidebar{width:300px;min-width:260px;max-width:340px;height:100%;overflow-y:auto;background:var(--ae-sidebar);border-right:1px solid var(--ae-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);scrollbar-width:thin;scrollbar-color:rgba(100,80,255,.35) transparent;box-sizing:border-box}.editor-sidebar::-webkit-scrollbar{width:4px}.editor-sidebar::-webkit-scrollbar-track{background:transparent}.editor-sidebar::-webkit-scrollbar-thumb{background:#6450ff59;border-radius:2px}.editor-sidebar.right{border-right:none;border-left:1px solid var(--ae-border)}.editor-canvas{flex:1;background:radial-gradient(ellipse at center,#484872 10%,var(--ae-bg) 100%);min-width:0;min-height:0;position:relative}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:12px;font-weight:500;color:var(--ae-muted);letter-spacing:.02em}.form-group input,.form-group textarea{width:100%;padding:9px 12px;font-size:13px;font-family:inherit;background:#ffffff0d;color:var(--ae-text);border:1px solid rgba(100,80,255,.25);border-radius:8px;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{border-color:#6450ff99;box-shadow:0 0 0 3px #6450ff24;background:#6450ff0a}.form-group textarea{resize:vertical;min-height:80px}.form-group input[type=checkbox]{width:auto;padding:0;accent-color:var(--ae-purple);cursor:pointer}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#07071ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:999}.modal-content{background:#0c0c1efa;border:1px solid var(--ae-border);border-radius:16px;width:92%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 64px #000000b3,0 0 0 1px #6450ff1f}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--ae-border);background:#6450ff0a;border-radius:16px 16px 0 0}.modal-header h2{margin:0;font-size:15px;font-weight:700;background:linear-gradient(90deg,#fff,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-close{background:#ffffff0d;border:1px solid rgba(255,255,255,.09);color:var(--ae-muted);font-size:20px;cursor:pointer;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{background:#ef444426;border-color:#ef44444d;color:#ef4444}.modal-body{padding:22px}.modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:16px 22px;border-top:1px solid var(--ae-border);background:#6450ff08;border-radius:0 0 16px 16px}.btn-primary{padding:9px 22px;background:linear-gradient(135deg,var(--ae-purple) 0%,var(--ae-cyan) 100%);color:#fff;border:none;border-radius:9px;cursor:pointer;font-size:13px;font-weight:700;font-family:inherit;transition:all .2s ease;box-shadow:0 3px 12px #6450ff66}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #6450ff8c}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{padding:9px 22px;background:#ffffff0a;color:var(--ae-muted);border:1px solid rgba(255,255,255,.09);border-radius:9px;cursor:pointer;font-size:13px;font-weight:600;font-family:inherit;transition:all .2s ease}.btn-secondary:hover:not(:disabled){background:#ffffff14;color:var(--ae-text)}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.editor-status-bar{display:flex;align-items:center;justify-content:space-between;padding:5px 16px;background:#0c0c1cfa;border-top:1px solid var(--ae-border);font-size:11px;font-weight:600;height:28px;flex-shrink:0}.status-left,.status-right{display:flex;align-items:center;gap:16px}.status-item{display:flex;align-items:center;gap:5px;color:#a0a0c899}.status-item span:first-child{font-size:12px}.status-scale{gap:6px}.status-scale-input{width:56px;padding:1px 6px;font-size:11px;font-family:inherit;background:#6450ff14;border:1px solid rgba(100,80,255,.28);border-radius:5px;color:#c4b5fd;text-align:center;outline:none;transition:border-color .2s}.status-scale-input:focus{border-color:#6450ff99;background:#6450ff1f}.status-scale-unit{color:#c4b5fd;font-size:12px;font-weight:700}.thumbnail-upload-section{width:100%}.thumbnail-upload-btn-modal{width:100%;padding:20px;background:#6450ff0d;border:2px dashed rgba(100,80,255,.25);border-radius:10px;color:var(--ae-muted);font-size:14px;font-family:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .2s ease}.thumbnail-upload-btn-modal:hover{border-color:#6450ff80;background:#6450ff17;color:#c4b5fd}.thumbnail-preview-modal{position:relative;width:100%;border-radius:10px;overflow:hidden}.thumbnail-preview-modal img{width:100%;height:140px;object-fit:cover;display:block;border-radius:10px;border:1px solid var(--ae-border)}.thumbnail-remove-modal{position:absolute;top:8px;right:8px;background:#ef4444d9;color:#fff;border:none;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .2s}.thumbnail-remove-modal:hover{background:#ef4444}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--pm-bg);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:#a78bfa0d;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:var(--pm-accent);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:var(--pm-accent);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(167,139,250,.08) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(167,139,250,.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:var(--black-royal);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(167,139,250,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(167,139,250,.2) 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(167,139,250,.2);box-shadow:0 20px 80px #a78bfa26}.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:var(--pm-accent);-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:var(--pm-accent);background:#252525;box-shadow:0 0 0 4px #a78bfa33}.admin-form-group input:disabled{opacity:.5;cursor:not-allowed}.admin-submit-btn{width:100%;padding:16px 24px;background:var(--pm-accent);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 20px #a78bfa4d}.admin-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #a78bfa66}.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:#a78bfa0d;border:1px solid rgba(167,139,250,.2);border-radius:8px;text-align:center}.admin-notice p{margin:0;font-size:12px;color:var(--pm-accent);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:var(--pm-bg);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 #a78bfa33}.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(167,139,250,.4));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,var(--pm-accent) 0%,#8b5cf6 100%);-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:#a78bfa14;border:2px solid rgba(167,139,250,.2);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:#a78bfa14;opacity:0;transition:opacity .3s ease}.platform-card:hover:before{opacity:1}.platform-card:hover{transform:translateY(-8px);border-color:#a78bfa80;box-shadow:0 16px 48px #a78bfa33}.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:var(--pm-accent);color:#1a1a1a;border-radius:12px;font-weight:600;transition:all .3s ease}.platform-card:hover .platform-button{background:#8b5cf6;box-shadow:0 8px 24px #a78bfa66}.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:#a78bfa4d;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:#a78bfa4d;transform:translateY(-4px);box-shadow:0 8px 24px #a78bfa26}.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:#a78bfa4d}.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:var(--pm-bg);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,var(--pm-accent) 0%,#8b5cf6 100%);-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:var(--pm-accent);color:#1a1a1a;border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:700;transition:all .3s ease;box-shadow:0 4px 16px #a78bfa4d}.error-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #a78bfa80;background:#8b5cf6}.error-actions .btn-primary:active{transform:translateY(0)}.error-actions .btn-secondary{padding:14px 32px;background:transparent;color:var(--pm-accent);border:2px solid rgba(167,139,250,.5);border-radius:12px;cursor:pointer;font-size:16px;font-weight:700;transition:all .3s ease}.error-actions .btn-secondary:hover{background:#a78bfa33;transform:translateY(-2px);box-shadow:0 4px 16px #a78bfa4d}.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,#8b5cf6 0%,var(--pm-accent) 100%);color:#fff;border-color:#0d5ea5;box-shadow:0 1px 3px #0000004d}.dialog-btn-confirm:hover{background:linear-gradient(180deg,var(--pm-accent) 0%,#8b5cf6 100%);border-color:var(--pm-accent);box-shadow:0 2px 6px #a78bfa66}.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 var(--pm-accent)}.toast-info .toast-icon{background:var(--pm-accent);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}.keychain-editor{display:flex;width:100%;height:100vh;background:var(--black-royal, #07071a);color:#e0e0f0;overflow:hidden}.keychain-editor .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:16px;color:#c8c8e699;font-size:14px}.keychain-editor .spinner{width:40px;height:40px;border:3px solid rgba(100,80,255,.2);border-top-color:#6450ff;border-radius:50%;animation:kc-spin 1s linear infinite}@keyframes kc-spin{to{transform:rotate(360deg)}}.keychain-controls{width:320px;min-width:280px;max-width:360px;height:100%;overflow-y:auto;background:#0c0c1cf2;border-right:1px solid rgba(100,80,255,.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:16px 16px 32px;scrollbar-width:thin;scrollbar-color:rgba(100,80,255,.4) transparent;box-sizing:border-box}.keychain-controls::-webkit-scrollbar{width:4px}.keychain-controls::-webkit-scrollbar-track{background:transparent}.keychain-controls::-webkit-scrollbar-thumb{background:#6450ff66;border-radius:2px}.keychain-controls h2{margin:0 0 16px;font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(90deg,#6450ff,#00c8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.keychain-editor .control-section{background:#ffffff08;border:1px solid rgba(100,80,255,.12);border-radius:12px;padding:14px 14px 10px;margin-bottom:12px}.keychain-editor .control-section h3{margin:0 0 12px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(90deg,#6450ff,#00c8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding-bottom:8px;border-bottom:1px solid rgba(100,80,255,.15)}.keychain-editor .control-group{margin-bottom:10px}.keychain-editor .control-group:last-child{margin-bottom:0}.keychain-editor .control-group label{display:block;margin-bottom:6px;font-size:12px;color:#c8c8e6bf;letter-spacing:.03em}.keychain-editor .control-group.checkbox label{display:flex;align-items:center;gap:8px;cursor:pointer;color:#c8c8e6d9;margin-bottom:0}.keychain-editor .control-group.checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#6450ff}.keychain-editor .control-group input[type=text],.keychain-editor .control-group select{width:100%;padding:8px 12px;background:#ffffff0d;border:1px solid rgba(100,80,255,.3);border-radius:8px;color:#e0e0f0;font-size:14px;font-weight:500;letter-spacing:.03em;transition:border-color .2s,box-shadow .2s;outline:none;box-sizing:border-box}.keychain-editor .control-group input[type=text]:focus,.keychain-editor .control-group select:focus{border-color:#6450ffb3;box-shadow:0 0 0 3px #6450ff26}.keychain-editor .control-group input[type=text][dir=rtl]{text-align:right;font-family:Arial,Tahoma,sans-serif}.keychain-editor .control-group select{cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;background:#0a0a1ce6}.keychain-editor .control-group input[type=range]{width:100%;height:6px;background:#6450ff33;border-radius:3px;cursor:pointer;-webkit-appearance:none}.keychain-editor .control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:linear-gradient(135deg,#6450ff,#00c8ff);border-radius:50%;cursor:pointer;transition:transform .15s}.keychain-editor .control-group input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.keychain-editor .control-group input[type=color]{width:40px;height:28px;border:1px solid rgba(100,80,255,.3);border-radius:6px;cursor:pointer;background:transparent;padding:2px}.keychain-editor .control-group input[type=color]:hover{border-color:#6450ffb3}.keychain-editor .control-hint,.keychain-editor p.control-hint{font-size:10px;color:#b4b4dc73;font-style:italic;margin:4px 0 6px;line-height:1.4}.keychain-editor .export-btn,.keychain-editor .export-btn-3mf{width:100%;padding:12px;background:linear-gradient(135deg,#6450ff,#00c8ff);border:none;border-radius:10px;color:#fff;font-size:13px;font-weight:700;letter-spacing:.06em;cursor:pointer;transition:opacity .2s,transform .1s,box-shadow .2s;box-shadow:0 4px 20px #6450ff66;position:relative;overflow:hidden;margin-bottom:8px}.keychain-editor .export-btn-3mf{background:linear-gradient(135deg,#08c,#00c8ff);box-shadow:0 4px 20px #0088cc59;margin-bottom:0}.keychain-editor .export-btn:after,.keychain-editor .export-btn-3mf:after{content:"";position:absolute;top:-50%;left:-60%;width:50%;height:200%;background:#ffffff26;transform:skew(-20deg);transition:left .4s}.keychain-editor .export-btn:hover:after,.keychain-editor .export-btn-3mf:hover:after{left:120%}.keychain-editor .export-btn:hover:not(:disabled){opacity:.92;box-shadow:0 6px 28px #6450ff99}.keychain-editor .export-btn-3mf:hover:not(:disabled){opacity:.92;box-shadow:0 6px 28px #0088cc8c}.keychain-editor .export-btn:active,.keychain-editor .export-btn-3mf:active{transform:scale(.98)}.keychain-editor .export-btn:disabled,.keychain-editor .export-btn-3mf:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.keychain-editor .download-keychain{background:#6450ff0f;border-color:#6450ff33}.keychain-preview{flex:1;height:100%;background:radial-gradient(ellipse at center,#2e2e4a,#07071a);position:relative}.keychain-preview canvas{width:100%!important;height:100%!important}.keychain-updating-badge{position:absolute;top:10px;right:10px;background:#0a0a1ed9;color:#e0e0f0;padding:8px 12px;border-radius:8px;font-size:12px;z-index:1000;display:flex;align-items:center;gap:8px;border:1px solid rgba(100,80,255,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.keychain-page{display:flex;flex-direction:column;width:100%;height:100vh;background:var(--pm-surface);color:var(--foreground)}.keychain-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--pm-panel);border-bottom:1px solid var(--border)}.keychain-header .header-left{display:flex;align-items:center;gap:16px}.keychain-header h1{margin:0;font-size:18px;font-weight:600;color:var(--foreground)}.keychain-header .back-btn{padding:8px 16px;background:var(--pm-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--primary);font-size:14px;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s}.keychain-header .back-btn:hover{background:var(--pm-surface);border-color:var(--primary);box-shadow:0 0 0 2px var(--royal-purple-glow)}.keychain-main{flex:1;overflow:hidden;background:var(--pm-surface)}.monogram-editor,.premium-editor{display:flex;width:100%;height:100vh;background:var(--black-royal, #07071a);color:#e0e0f0;overflow:hidden}.monogram-editor .loading-state,.premium-editor .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:16px;color:#c8c8e699;font-size:14px}.monogram-editor .spinner,.premium-editor .spinner{width:40px;height:40px;border:3px solid rgba(100,80,255,.2);border-top-color:#6450ff;border-radius:50%;animation:pm-spin 1s linear infinite}.monogram-controls,.premium-controls,.cube-controls{width:320px;min-width:280px;max-width:360px;height:100%;overflow-y:auto;background:#0c0c1cf2;border-right:1px solid rgba(100,80,255,.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:16px 16px 32px;scrollbar-width:thin;scrollbar-color:rgba(100,80,255,.4) transparent;box-sizing:border-box}.monogram-controls::-webkit-scrollbar,.premium-controls::-webkit-scrollbar{width:4px}.monogram-controls::-webkit-scrollbar-thumb,.premium-controls::-webkit-scrollbar-thumb{background:#6450ff66;border-radius:2px}.monogram-editor .control-section,.premium-editor .control-section{background:#ffffff08;border:1px solid rgba(100,80,255,.12);border-radius:12px;padding:14px 14px 10px;margin-bottom:12px}.monogram-editor .control-section h2,.monogram-editor .control-section h3,.premium-editor .control-section h3{margin:0 0 12px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(90deg,#6450ff,#00c8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding-bottom:8px;border-bottom:1px solid rgba(100,80,255,.15)}.monogram-editor .control-group,.premium-editor .control-group{margin-bottom:10px}.monogram-editor .control-group label,.premium-editor .control-group label{display:block;margin-bottom:6px;font-size:12px;color:#c8c8e6bf;letter-spacing:.03em}.monogram-editor .control-group.checkbox label,.premium-editor .control-group.checkbox label{display:flex;align-items:center;gap:8px;cursor:pointer;color:#c8c8e6d9}.monogram-editor .control-group input[type=text],.monogram-editor .control-group input[type=number],.monogram-editor .control-group select,.premium-editor .control-group input[type=text],.premium-editor .control-group select{width:100%;padding:8px 12px;background:#ffffff0d;border:1px solid rgba(100,80,255,.3);border-radius:8px;color:#e0e0f0;font-size:14px;outline:none;box-sizing:border-box}.monogram-editor .control-group input:focus,.premium-editor .control-group select:focus{border-color:#6450ffb3;box-shadow:0 0 0 3px #6450ff26}.monogram-editor .control-group select{cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;background:#0a0a1ce6}.monogram-editor .control-group input[type=color]{width:100%;height:32px;background:#ffffff0d;border:1px solid rgba(100,80,255,.3);border-radius:6px;cursor:pointer;padding:2px}.monogram-editor .control-hint{font-size:10px;color:#b4b4dc73;font-style:italic;margin-top:4px}.monogram-editor .export-btn,.premium-editor .export-btn,.export-btn-3mf{width:100%;padding:12px;background:linear-gradient(135deg,#6450ff,#00c8ff);border:none;border-radius:10px;color:#fff;font-size:13px;font-weight:700;letter-spacing:.06em;cursor:pointer;transition:opacity .2s,transform .1s,box-shadow .2s;box-shadow:0 4px 20px #6450ff66;position:relative;overflow:hidden;margin-top:10px}.export-btn-3mf{background:linear-gradient(135deg,#08c,#00c8ff);box-shadow:0 4px 20px #0088cc59;margin-top:8px}.export-btn:hover:not(:disabled),.export-btn-3mf:hover:not(:disabled){opacity:.92;box-shadow:0 6px 28px #6450ff99}.export-btn:active,.export-btn-3mf:active{transform:scale(.98)}.export-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.monogram-preview,.premium-preview{flex:1;position:relative;background:radial-gradient(ellipse at center,#2e2e4a,#07071a)}.monogram-preview canvas,.premium-preview canvas{width:100%!important;height:100%!important}.monogram-page{display:flex;flex-direction:column;width:100%;height:100vh;background:var(--background);color:var(--foreground)}.monogram-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--pm-panel);border-bottom:1px solid var(--border)}.monogram-header .header-left{display:flex;align-items:center;gap:16px}.monogram-header h1{margin:0;font-size:18px;font-weight:600;color:var(--foreground)}.monogram-header .back-btn{padding:8px 16px;background:var(--pm-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--foreground);font-size:14px;cursor:pointer;transition:background .2s ease,border-color .2s ease}.monogram-header .back-btn:hover{background:var(--pm-surface);border-color:var(--foreground)}.monogram-main{flex:1;overflow:hidden;background:var(--pm-surface)}:root{--kc-purple: #6450ff;--kc-cyan: #00c8ff;--kc-bg: #07071a;--kc-surface: #0d0d2b;--kc-border: rgba(100, 80, 255, .2);--kc-accent: rgba(100, 80, 255, .4)}.addons-page{display:flex;flex-direction:column;min-height:100vh;background:var(--kc-bg);color:#e0e0f0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;overflow:hidden}.addons-page:before{content:"";position:fixed;top:-200px;left:50%;transform:translate(-50%);width:700px;height:700px;background:radial-gradient(circle,rgba(100,80,255,.12),transparent 70%);pointer-events:none;z-index:0}.addons-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:#07071ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--kc-border);box-shadow:0 1px 32px #6450ff14}.addons-header-left{display:flex;align-items:center;gap:20px}.addons-header h1{margin:0;font-size:17px;font-weight:700;letter-spacing:-.3px;background:linear-gradient(90deg,#fff 30%,#a0a0c0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.addons-back-btn{padding:8px 18px;background:#6450ff14;border:1px solid var(--kc-border);border-radius:8px;color:#a5b4fc;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.addons-back-btn:hover{background:#6450ff2e;border-color:#6450ff80;color:#c4b5fd;transform:translateY(-1px)}.addons-main{position:relative;z-index:1;flex:1;padding:48px 28px 80px;max-width:1280px;margin:0 auto;width:100%;box-sizing:border-box}.addons-section-header{margin-bottom:48px}.addons-eyebrow{display:inline-block;font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--kc-purple);background:#6450ff1a;border:1px solid rgba(100,80,255,.25);padding:4px 14px;border-radius:100px;margin-bottom:14px}.addons-title{font-size:40px;font-weight:900;letter-spacing:-1.5px;color:#fff;margin:0 0 12px}.addons-subtitle{color:#6b7280;margin:0;font-size:15px;line-height:1.6}.addons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px}.addon-card{display:flex;flex-direction:column;background:#ffffff06;border:1px solid rgba(255,255,255,.07);border-radius:16px;overflow:hidden;cursor:pointer;text-align:left;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.addon-card:after{content:"";position:absolute;bottom:-80px;left:50%;transform:translate(-50%);width:120px;height:120px;background:radial-gradient(circle,rgba(100,80,255,.4),transparent 70%);border-radius:50%;filter:blur(30px);opacity:0;transition:opacity .4s ease;pointer-events:none}.addon-card:hover{border-color:#6450ff66;transform:translateY(-6px);box-shadow:0 16px 48px #6450ff33,0 0 0 1px #6450ff26;background:#ffffff0a}.addon-card:hover:after{opacity:1}.addon-card-image{width:100%;aspect-ratio:16 / 9;background:#6450ff0d;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.05)}.addon-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.addon-card:hover .addon-card-image img{transform:scale(1.05)}.addon-card-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6450ff14,#00c8ff0d)}.addon-card-image-icon{font-size:48px;opacity:.5}.addon-card-body{padding:20px;display:flex;flex-direction:column;gap:6px;flex:1}.addon-card-title{margin:0;font-size:15px;font-weight:700;color:#f0f0ff;letter-spacing:-.2px}.addon-card-desc{margin:0;font-size:13px;color:#6b7280;line-height:1.5;flex:1}.addon-card-cta{margin-top:12px;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;background:linear-gradient(90deg,var(--kc-purple),var(--kc-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:.08em;transition:opacity .2s}.addon-card:hover .addon-card-cta{opacity:.85}@media(max-width:640px){.addons-grid{grid-template-columns:1fr}.addons-main{padding:28px 16px 56px}.addons-title{font-size:28px}}.lamp-editor{display:flex;width:100%;height:100%;background:var(--black-royal);color:#e0e0f0;overflow:hidden}.lamp-sidebar{width:320px;min-width:280px;max-width:360px;height:100%;overflow-y:auto;background:#0c0c1cf2;border-right:1px solid rgba(100,80,255,.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);scrollbar-width:thin;scrollbar-color:rgba(100,80,255,.4) transparent}.lamp-sidebar::-webkit-scrollbar{width:4px}.lamp-sidebar::-webkit-scrollbar-track{background:transparent}.lamp-sidebar::-webkit-scrollbar-thumb{background:#6450ff66;border-radius:2px}.lamp-controls{padding:16px 16px 32px}.lamp-editor .control-section{background:#ffffff08;border:1px solid rgba(100,80,255,.12);border-radius:12px;padding:14px 14px 10px;margin-bottom:12px}.lamp-editor .control-section h3{margin:0 0 12px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(90deg,#6450ff,#00c8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding-bottom:8px;border-bottom:1px solid rgba(100,80,255,.15)}.lamp-editor .control-group{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.lamp-editor .control-group label{font-size:12px;color:#c8c8e6bf;letter-spacing:.03em;white-space:nowrap}.lamp-text-input{width:100%;padding:8px 12px;background:#ffffff0d;border:1px solid rgba(100,80,255,.3);border-radius:8px;color:#e0e0f0;font-size:15px;font-weight:600;letter-spacing:.05em;transition:border-color .2s,box-shadow .2s;outline:none}.lamp-text-input:focus{border-color:#6450ffb3;box-shadow:0 0 0 3px #6450ff26}.lamp-editor input[type=color]{width:40px;height:28px;border:1px solid rgba(100,80,255,.3);border-radius:6px;cursor:pointer;background:transparent;padding:2px}.lamp-editor .control-hint{font-size:10px;color:#b4b4dc73;font-style:italic;margin:4px 0 8px;line-height:1.4}.lamp-export-btn{width:100%;padding:12px;background:linear-gradient(135deg,#6450ff,#00c8ff);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:700;letter-spacing:.06em;cursor:pointer;transition:opacity .2s,transform .1s,box-shadow .2s;box-shadow:0 4px 20px #6450ff66;position:relative;overflow:hidden}.lamp-export-btn:after{content:"";position:absolute;top:-50%;left:-60%;width:50%;height:200%;background:#ffffff26;transform:skew(-20deg);transition:left .4s}.lamp-export-btn:hover:after{left:120%}.lamp-export-btn:hover{opacity:.92;box-shadow:0 6px 28px #6450ff99}.lamp-export-btn:active{transform:scale(.98)}.lamp-export-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.lamp-canvas{flex:1;height:100%;background:radial-gradient(ellipse at center,#2e2e4a,#07071a);position:relative}.lamp-loading{display:flex;align-items:center;justify-content:center;height:100%;font-size:14px;color:#c8c8e699;background:var(--black-royal)}.lamp-editor .download-section{background:#6450ff0f;border-color:#6450ff33}.lamp-page{display:flex;flex-direction:column;width:100%;height:100vh;background:var(--black-royal);color:#e0e0f0;overflow:hidden}.lamp-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#0c0c1cfa;border-bottom:1px solid rgba(100,80,255,.2);flex-shrink:0}.lamp-header .header-left{display:flex;align-items:center;gap:16px}.lamp-header h1{margin:0;font-size:18px;font-weight:700;background:linear-gradient(90deg,#6450ff,#00c8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lamp-header .back-btn{padding:7px 14px;background:transparent;border:1px solid rgba(100,80,255,.35);border-radius:7px;color:#c8c8e6cc;font-size:13px;cursor:pointer;transition:background .2s,border-color .2s}.lamp-header .back-btn:hover{background:#6450ff1a;border-color:#6450ff99}.lamp-badge{padding:4px 10px;background:linear-gradient(135deg,#6450ff40,#00c8ff33);border:1px solid rgba(100,80,255,.4);border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.08em;color:#a0c0ff}.lamp-main{flex:1;overflow:hidden}.cube-editor{display:flex;width:100%;height:100vh;background:var(--black-royal, #07071a);color:#e0e0f0;overflow:hidden}.cube-controls{width:320px;min-width:280px;max-width:360px;height:100%;overflow-y:auto;background:#0c0c1cf2;border-right:1px solid rgba(100,80,255,.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:16px 16px 32px;scrollbar-width:thin;scrollbar-color:rgba(100,80,255,.4) transparent;box-sizing:border-box}.cube-controls::-webkit-scrollbar{width:4px}.cube-controls::-webkit-scrollbar-thumb{background:#6450ff66;border-radius:2px}.control-section{background:#ffffff08;border:1px solid rgba(100,80,255,.12);border-radius:12px;padding:14px 14px 10px;margin-bottom:12px}.control-section h3{margin:0 0 12px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(90deg,#6450ff,#00c8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding-bottom:8px;border-bottom:1px solid rgba(100,80,255,.15)}.control-group{margin-bottom:10px}.control-group label{display:block;margin-bottom:6px;font-size:12px;color:#c8c8e6bf}.control-group input,.control-group select{width:100%;padding:8px 12px;background:#ffffff0d;border:1px solid rgba(100,80,255,.3);border-radius:8px;color:#e0e0f0;font-size:14px;outline:none;box-sizing:border-box}.control-group input:focus,.control-group select:focus{border-color:#6450ffb3;box-shadow:0 0 0 3px #6450ff26}.export-btn{width:100%;padding:12px;background:linear-gradient(135deg,#6450ff,#00c8ff);border:none;border-radius:10px;color:#fff;font-size:13px;font-weight:700;letter-spacing:.06em;cursor:pointer;box-shadow:0 4px 20px #6450ff66;transition:opacity .2s,transform .1s}.export-btn:hover:not(:disabled){opacity:.92;box-shadow:0 6px 28px #6450ff99}.cube-preview,back-btn{flex:1;background:#484872;background:radial-gradient(ellipse at center,#484872 10%,#07071a)}.cube-name-page{display:flex;flex-direction:column;height:100vh;background:var(--black-royal);overflow:hidden}.cube-name-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:linear-gradient(90deg,#0e0e1e,#12122a);border-bottom:1px solid rgba(167,139,250,.2);box-shadow:0 4px 20px #a78bfa26;flex-shrink:0;min-height:56px}.cube-name-back-btn{background:#ffffff0f;border:1px solid rgba(100,120,255,.2);color:#b0b0cc;padding:7px 16px;border-radius:8px;font-size:13px;cursor:pointer;transition:background .2s,color .2s;white-space:nowrap}.cube-name-back-btn:hover{background:#7eb8f71f;color:#e8e8f0}.cube-name-header-center{display:flex;align-items:center;gap:10px}.cube-name-title{font-size:18px;font-weight:700;background:linear-gradient(90deg,#7eb8f7,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:.02em}.cube-name-badge{background:linear-gradient(135deg,#3b6fd4,#7c3aed);color:#fff;font-size:10px;font-weight:700;letter-spacing:.1em;padding:3px 8px;border-radius:4px}.cube-name-header-right{width:100px}.cube-name-main{flex:1;min-height:0;overflow:hidden}.pen-topper-editor{display:flex;width:100%;height:100vh;background:var(--black-royal, #07071a);color:#e0e0f0;overflow:hidden}.pen-topper-editor .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:16px;color:#c8c8e699;font-size:14px}.pen-topper-editor .spinner{width:40px;height:40px;border:3px solid rgba(100,80,255,.2);border-top-color:#6450ff;border-radius:50%;animation:pt-spin 1s linear infinite}@keyframes pt-spin{to{transform:rotate(360deg)}}.pen-topper-controls{width:320px;min-width:280px;max-width:360px;height:100%;overflow-y:auto;background:#0c0c1cf2;border-right:1px solid rgba(100,80,255,.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:16px 16px 32px;scrollbar-width:thin;scrollbar-color:rgba(100,80,255,.4) transparent;box-sizing:border-box}.pen-topper-controls::-webkit-scrollbar{width:4px}.pen-topper-controls::-webkit-scrollbar-track{background:transparent}.pen-topper-controls::-webkit-scrollbar-thumb{background:#6450ff66;border-radius:2px}.pen-topper-editor .control-section{background:#ffffff08;border:1px solid rgba(100,80,255,.12);border-radius:12px;padding:14px 14px 10px;margin-bottom:12px}.pen-topper-editor .control-section h3{margin:0 0 12px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(90deg,#6450ff,#00c8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding-bottom:8px;border-bottom:1px solid rgba(100,80,255,.15)}.pen-topper-editor .control-group{margin-bottom:10px}.pen-topper-editor .control-group:last-child{margin-bottom:0}.pen-topper-editor .control-group label{display:block;margin-bottom:6px;font-size:12px;color:#c8c8e6bf;letter-spacing:.03em}.pen-topper-editor .control-group.checkbox label{display:flex;align-items:center;gap:8px;cursor:pointer;color:#c8c8e6d9;margin-bottom:0}.pen-topper-editor .control-group.checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#6450ff}.pen-topper-editor .control-group input[type=text],.pen-topper-editor .control-group select{width:100%;padding:8px 12px;background:#ffffff0d;border:1px solid rgba(100,80,255,.3);border-radius:8px;color:#e0e0f0;font-size:14px;font-weight:500;letter-spacing:.03em;transition:border-color .2s,box-shadow .2s;outline:none;box-sizing:border-box}.pen-topper-editor .control-group input[type=text]:focus,.pen-topper-editor .control-group select:focus{border-color:#6450ffb3;box-shadow:0 0 0 3px #6450ff26}.pen-topper-editor .control-group input[type=text][dir=rtl]{text-align:right;font-family:Arial,Tahoma,sans-serif}.pen-topper-editor .control-group select{cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;background:#0a0a1ce6}.pen-topper-editor .control-group input[type=color]{width:40px;height:28px;border:1px solid rgba(100,80,255,.3);border-radius:6px;cursor:pointer;background:transparent;padding:2px}.pen-topper-editor .control-group input[type=color]:hover{border-color:#6450ffb3}.pen-topper-editor .control-hint,.pen-topper-editor p.control-hint{font-size:10px;color:#b4b4dc73;font-style:italic;margin:4px 0 6px;line-height:1.4}.pen-topper-editor .pen-hole-hint{color:#00c8ff99;font-style:normal;font-size:11px;background:#00c8ff0d;border:1px solid rgba(0,200,255,.15);border-radius:6px;padding:6px 8px;margin-bottom:10px}.pen-hole-info{display:flex;justify-content:space-between;align-items:center;padding:5px 8px;background:#6450ff0f;border-radius:6px;margin-top:6px;font-size:11px}.pen-hole-info-label{color:#b4b4dc99}.pen-hole-info-value{color:#00c8ff;font-weight:700;font-family:monospace;letter-spacing:.04em}.pen-topper-editor .export-btn,.pen-topper-editor .export-btn-3mf{width:100%;padding:12px;background:linear-gradient(135deg,#6450ff,#00c8ff);border:none;border-radius:10px;color:#fff;font-size:13px;font-weight:700;letter-spacing:.06em;cursor:pointer;transition:opacity .2s,transform .1s,box-shadow .2s;box-shadow:0 4px 20px #6450ff66;position:relative;overflow:hidden;margin-bottom:8px}.pen-topper-editor .export-btn-3mf{background:linear-gradient(135deg,#08c,#00c8ff);box-shadow:0 4px 20px #0088cc59;margin-bottom:0}.pen-topper-editor .export-btn:after,.pen-topper-editor .export-btn-3mf:after{content:"";position:absolute;top:-50%;left:-60%;width:50%;height:200%;background:#ffffff26;transform:skew(-20deg);transition:left .4s}.pen-topper-editor .export-btn:hover:after,.pen-topper-editor .export-btn-3mf:hover:after{left:120%}.pen-topper-editor .export-btn:hover:not(:disabled){opacity:.92;box-shadow:0 6px 28px #6450ff99}.pen-topper-editor .export-btn-3mf:hover:not(:disabled){opacity:.92;box-shadow:0 6px 28px #0088cc8c}.pen-topper-editor .export-btn:active,.pen-topper-editor .export-btn-3mf:active{transform:scale(.98)}.pen-topper-editor .export-btn:disabled,.pen-topper-editor .export-btn-3mf:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.pen-topper-editor .download-pen-topper{background:#6450ff0f;border-color:#6450ff33;position:absolute;top:10px;right:10px;width:320px;min-width:280px;max-width:360px;border-radius:0;border-left:none;border-right:none;border-bottom:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;box-sizing:border-box}.pen-topper-preview{flex:1;height:100%;background:radial-gradient(ellipse at center,#1a1a3e,#07071a);position:relative}.pen-topper-preview canvas{width:100%!important;height:100%!important}/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-900:oklch(39.6% .141 25.723);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-yellow-500:oklch(79.5% .184 86.047);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-emerald-500:oklch(69.6% .17 162.48);--color-teal-600:oklch(60% .118 184.704);--color-cyan-500:oklch(71.5% .143 215.221);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-violet-500:oklch(60.6% .25 292.717);--color-violet-600:oklch(54.1% .281 293.009);--color-pink-600:oklch(59.2% .249 .584);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--font-weight-medium:500;--font-weight-semibold:600;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{box-sizing:border-box;border-color:var(--border);outline-color:var(--ring);margin:0;padding:0}@supports (color:color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--ring) 50%,transparent)}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--black-royal);color:var(--foreground);background-color:var(--background);--pm-purple:#6450ff;--pm-cyan:#00c8ff;--pm-purple-glow:#6450ff66;--pm-bg:#07071a;--pm-surface:#ffffff09;--pm-border:#6450ff33;--pm-text:#e0e0f0;--pm-muted:#c8c8e68c;--pm-gradient:linear-gradient(135deg, var(--pm-purple), var(--pm-cyan));font-family:Inter,sans-serif}select:not(.native-select){-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--pm-surface);border:1px solid var(--pm-border);color:var(--pm-text);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236450ff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;border-radius:.5rem;min-width:120px;padding:.5rem 2.5rem .5rem .75rem;font-size:.875rem;transition:all .2s cubic-bezier(.4,0,.2,1)}select:not(.native-select):hover{border-color:var(--pm-purple);box-shadow:0 0 10px var(--pm-purple-glow);background-color:#ffffff0f}select:not(.native-select):focus{border-color:var(--pm-cyan);outline:none;box-shadow:0 0 15px #00c8ff4d}select:not(.native-select) option{color:var(--pm-text);background-color:#0c0c1c;padding:10px}button:not(:disabled),[role=button]:not([aria-disabled=true]),[type=button]:not(:disabled),[type=submit]:not(:disabled),[type=reset]:not(:disabled),a[href],select:not(:disabled),input[type=checkbox]:not(:disabled),input[type=radio]:not(:disabled){cursor:pointer}.app{background:var(--black-royal);flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.app-header{color:#fff;background:linear-gradient(#111,#0a0a0a);border-bottom:1px solid #a78bfa26;padding:20px 30px;box-shadow:0 1px #a78bfa33}.app-header h1{color:#fff;margin-bottom:5px;font-size:24px}.app-header p{opacity:.9;color:#9ca3af;margin-bottom:10px;font-size:13px}.edit-mode-toggle{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;margin-top:10px;padding:8px 12px;display:inline-block}.edit-mode-toggle label{cursor:pointer;color:#fff;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.edit-mode-toggle input[type=checkbox]{cursor:pointer;width:18px;height:18px}.app-content{flex:1;display:flex;overflow:hidden}.sidebar{background:linear-gradient(#111,#0a0a0a);border-right:1px solid #0070f333;width:350px;overflow-y:auto;box-shadow:0 0 20px #0070f31a}.canvas-container{background:#000;flex:1;position:relative}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:#0a0a0a}.sidebar::-webkit-scrollbar-thumb{background:linear-gradient(#0070f3,#7928ca);border-radius:4px}.sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(#0080ff,#8f3fdb)}@media(max-width:1024px){.sidebar{width:300px}}@media(max-width:768px){.app-content{flex-direction:column}.sidebar{border-bottom:1px solid #ffffff14;border-right:none;width:100%;max-height:40vh}.canvas-container{height:60vh}}.download-keychain{z-index:1000;opacity:1;min-width:235px;position:fixed;top:70px;right:10px}.rename-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:9999;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.rename-modal{background:#1e1e1e;border:1px solid #444;border-radius:10px;width:260px;padding:16px;box-shadow:0 10px 30px #0006}.rename-modal h4{margin:0 0 10px;font-size:14px}.rename-modal input{color:#fff;background:#2a2a2a;border:1px solid #555;border-radius:6px;width:100%;padding:8px}.rename-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.rename-actions button{color:#fff;cursor:pointer;background:#333;border:1px solid #555;border-radius:6px;padding:6px 10px}}@layer components{.container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media(min-width:640px){.container{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.container{max-width:1280px;padding-left:2rem;padding-right:2rem}}}@layer utilities{.pointer-events-auto{pointer-events:auto!important}.pointer-events-none{pointer-events:none!important}.visible{visibility:visible!important}.absolute{position:absolute!important}.fixed{position:fixed!important}.relative{position:relative!important}.static{position:static!important}.inset-0{inset:calc(var(--spacing) * 0)!important}.start{inset-inline-start:var(--spacing)!important}.end{inset-inline-end:var(--spacing)!important}.top-1\/2{top:50%!important}.top-3{top:calc(var(--spacing) * 3)!important}.right-3{right:calc(var(--spacing) * 3)!important}.right-4{right:calc(var(--spacing) * 4)!important}.bottom-2{bottom:calc(var(--spacing) * 2)!important}.bottom-4{bottom:calc(var(--spacing) * 4)!important}.left-1\/2{left:50%!important}.left-3{left:calc(var(--spacing) * 3)!important}.left-12{left:calc(var(--spacing) * 12)!important}.z-\[1000\]{z-index:1000!important}.z-\[1001\]{z-index:1001!important}.z-\[9999\]{z-index:9999!important}.container{width:100%!important}@media(min-width:40rem){.container{max-width:40rem!important}}@media(min-width:48rem){.container{max-width:48rem!important}}@media(min-width:64rem){.container{max-width:64rem!important}}@media(min-width:80rem){.container{max-width:80rem!important}}@media(min-width:96rem){.container{max-width:96rem!important}}.mx-auto{margin-inline:auto!important}.mt-0\.5{margin-top:calc(var(--spacing) * .5)!important}.mt-1{margin-top:calc(var(--spacing) * 1)!important}.mt-2{margin-top:calc(var(--spacing) * 2)!important}.mb-1{margin-bottom:calc(var(--spacing) * 1)!important}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)!important}.mb-2{margin-bottom:calc(var(--spacing) * 2)!important}.ml-1{margin-left:calc(var(--spacing) * 1)!important}.ml-auto{margin-left:auto!important}.block{display:block!important}.flex{display:flex!important}.grid{display:grid!important}.hidden{display:none!important}.inline-block{display:inline-block!important}.inline-flex{display:inline-flex!important}.h-1\.5{height:calc(var(--spacing) * 1.5)!important}.h-2{height:calc(var(--spacing) * 2)!important}.h-2\.5{height:calc(var(--spacing) * 2.5)!important}.h-3{height:calc(var(--spacing) * 3)!important}.h-4{height:calc(var(--spacing) * 4)!important}.h-5{height:calc(var(--spacing) * 5)!important}.h-6{height:calc(var(--spacing) * 6)!important}.h-7{height:calc(var(--spacing) * 7)!important}.h-8{height:calc(var(--spacing) * 8)!important}.h-9{height:calc(var(--spacing) * 9)!important}.h-12{height:calc(var(--spacing) * 12)!important}.h-full{height:100%!important}.h-screen{height:100vh!important}.w-2\.5{width:calc(var(--spacing) * 2.5)!important}.w-3{width:calc(var(--spacing) * 3)!important}.w-4{width:calc(var(--spacing) * 4)!important}.w-6{width:calc(var(--spacing) * 6)!important}.w-7{width:calc(var(--spacing) * 7)!important}.w-8{width:calc(var(--spacing) * 8)!important}.w-9{width:calc(var(--spacing) * 9)!important}.w-12{width:calc(var(--spacing) * 12)!important}.w-72{width:calc(var(--spacing) * 72)!important}.w-full{width:100%!important}.max-w-sm{max-width:var(--container-sm)!important}.max-w-xs{max-width:var(--container-xs)!important}.flex-1{flex:1!important}.flex-shrink-0{flex-shrink:0!important}.shrink{flex-shrink:1!important}.shrink-0{flex-shrink:0!important}.-translate-x-1\/2{--tw-translate-x: -50% !important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}.translate-x-0{--tw-translate-x:calc(var(--spacing) * 0)!important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}.translate-x-4{--tw-translate-x:calc(var(--spacing) * 4)!important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}.-translate-y-1\/2{--tw-translate-y: -50% !important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)!important}.animate-spin{animation:var(--animate-spin)!important}.cursor-pointer{cursor:pointer!important}.resize{resize:both!important}.appearance-none{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.items-center{align-items:center!important}.items-start{align-items:flex-start!important}.justify-between{justify-content:space-between!important}.justify-center{justify-content:center!important}.gap-1{gap:calc(var(--spacing) * 1)!important}.gap-1\.5{gap:calc(var(--spacing) * 1.5)!important}.gap-2{gap:calc(var(--spacing) * 2)!important}.gap-3{gap:calc(var(--spacing) * 3)!important}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0!important;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse))!important;margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))!important}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0!important;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse))!important;margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))!important}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0!important;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse))!important;margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))!important}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0!important;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse))!important;margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))!important}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0!important;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse))!important;margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))!important}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0!important;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse))!important;margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))!important}.gap-x-4{column-gap:calc(var(--spacing) * 4)!important}.gap-y-1\.5{row-gap:calc(var(--spacing) * 1.5)!important}.truncate{text-overflow:ellipsis!important;white-space:nowrap!important;overflow:hidden!important}.overflow-hidden{overflow:hidden!important}.overflow-y-auto{overflow-y:auto!important}.rounded{border-radius:.25rem!important}.rounded-full{border-radius:3.40282e38px!important}.rounded-lg{border-radius:var(--radius)!important}.rounded-md{border-radius:calc(var(--radius) - 2px)!important}.rounded-sm{border-radius:calc(var(--radius) - 4px)!important}.rounded-xl{border-radius:calc(var(--radius) + 4px)!important}.border{border-style:var(--tw-border-style)!important;border-width:1px!important}.border-2{border-style:var(--tw-border-style)!important;border-width:2px!important}.border-t{border-top-style:var(--tw-border-style)!important;border-top-width:1px!important}.border-r{border-right-style:var(--tw-border-style)!important;border-right-width:1px!important}.border-b{border-bottom-style:var(--tw-border-style)!important;border-bottom-width:1px!important}.border-b-2{border-bottom-style:var(--tw-border-style)!important;border-bottom-width:2px!important}.border-\[var\(--pm-accent\)\],.border-\[var\(--pm-accent\)\]\/30{border-color:var(--pm-accent)!important}@supports (color:color-mix(in lab,red,red)){.border-\[var\(--pm-accent\)\]\/30{border-color:color-mix(in oklab,var(--pm-accent) 30%,transparent)!important}}.border-\[var\(--pm-bg\)\]{border-color:var(--pm-bg)!important}.border-green-500\/50{border-color:#00c75880!important}@supports (color:color-mix(in lab,red,red)){.border-green-500\/50{border-color:color-mix(in oklab,var(--color-green-500) 50%,transparent)!important}}.border-red-500\/30{border-color:#fb2c364d!important}@supports (color:color-mix(in lab,red,red)){.border-red-500\/30{border-color:color-mix(in oklab,var(--color-red-500) 30%,transparent)!important}}.border-red-500\/40{border-color:#fb2c3666!important}@supports (color:color-mix(in lab,red,red)){.border-red-500\/40{border-color:color-mix(in oklab,var(--color-red-500) 40%,transparent)!important}}.border-transparent{border-color:#0000!important}.border-white\/10{border-color:#ffffff1a!important}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white) 10%,transparent)!important}}.border-t-transparent{border-top-color:#0000!important}.bg-\[\#0a0a0a\]{background-color:#0a0a0a!important}.bg-\[\#0a0a0a\]\/90{background-color:#0a0a0ae6!important}.bg-\[\#0a0a0a\]\/95{background-color:#0a0a0af2!important}.bg-\[\#0d1f0d\]{background-color:#0d1f0d!important}.bg-\[\#1a1a1a\]{background-color:#1a1a1a!important}.bg-\[\#1f0d0d\]{background-color:#1f0d0d!important}.bg-\[\#111\]\/20{background-color:#1113!important}.bg-\[\#111\]\/30{background-color:#1111114d!important}.bg-\[\#111\]\/50{background-color:#11111180!important}.bg-\[\#111827\]{background-color:#111827!important}.bg-\[\#111827\]\/80{background-color:#111827cc!important}.bg-\[\#161616\]\/20{background-color:#16161633!important}.bg-\[\#161616\]\/40{background-color:#16161666!important}.bg-\[var\(--pm-accent\)\]{background-color:var(--pm-accent)!important}.bg-\[var\(--pm-bg\)\]{background-color:var(--pm-bg)!important}.bg-red-900\/10{background-color:#82181a1a!important}@supports (color:color-mix(in lab,red,red)){.bg-red-900\/10{background-color:color-mix(in oklab,var(--color-red-900) 10%,transparent)!important}}.bg-red-900\/20{background-color:#82181a33!important}@supports (color:color-mix(in lab,red,red)){.bg-red-900\/20{background-color:color-mix(in oklab,var(--color-red-900) 20%,transparent)!important}}.bg-transparent{background-color:#0000!important}.bg-white{background-color:var(--color-white)!important}.from-blue-500{--tw-gradient-from:var(--color-blue-500)!important;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))!important}.from-cyan-500{--tw-gradient-from:var(--color-cyan-500)!important;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))!important}.from-emerald-500{--tw-gradient-from:var(--color-emerald-500)!important;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))!important}.from-orange-500{--tw-gradient-from:var(--color-orange-500)!important;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))!important}.from-violet-500{--tw-gradient-from:var(--color-violet-500)!important;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))!important}.from-yellow-500{--tw-gradient-from:var(--color-yellow-500)!important;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))!important}.to-blue-600{--tw-gradient-to:var(--color-blue-600)!important;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))!important}.to-orange-600{--tw-gradient-to:var(--color-orange-600)!important;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))!important}.to-pink-600{--tw-gradient-to:var(--color-pink-600)!important;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))!important}.to-red-600{--tw-gradient-to:var(--color-red-600)!important;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))!important}.to-teal-600{--tw-gradient-to:var(--color-teal-600)!important;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))!important}.to-violet-600{--tw-gradient-to:var(--color-violet-600)!important;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))!important}.p-0{padding:calc(var(--spacing) * 0)!important}.p-2\.5{padding:calc(var(--spacing) * 2.5)!important}.p-3{padding:calc(var(--spacing) * 3)!important}.p-4{padding:calc(var(--spacing) * 4)!important}.px-2{padding-inline:calc(var(--spacing) * 2)!important}.px-3{padding-inline:calc(var(--spacing) * 3)!important}.px-4{padding-inline:calc(var(--spacing) * 4)!important}.px-6{padding-inline:calc(var(--spacing) * 6)!important}.py-0\.5{padding-block:calc(var(--spacing) * .5)!important}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)!important}.py-2{padding-block:calc(var(--spacing) * 2)!important}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)!important}.py-3{padding-block:calc(var(--spacing) * 3)!important}.pr-3{padding-right:calc(var(--spacing) * 3)!important}.pl-9{padding-left:calc(var(--spacing) * 9)!important}.text-center{text-align:center!important}.text-left{text-align:left!important}.text-base{font-size:var(--text-base)!important;line-height:var(--tw-leading,var(--text-base--line-height))!important}.text-lg{font-size:var(--text-lg)!important;line-height:var(--tw-leading,var(--text-lg--line-height))!important}.text-sm{font-size:var(--text-sm)!important;line-height:var(--tw-leading,var(--text-sm--line-height))!important}.text-xl{font-size:var(--text-xl)!important;line-height:var(--tw-leading,var(--text-xl--line-height))!important}.text-xs{font-size:var(--text-xs)!important;line-height:var(--tw-leading,var(--text-xs--line-height))!important}.text-\[10px\]{font-size:10px!important}.font-medium{--tw-font-weight:var(--font-weight-medium)!important;font-weight:var(--font-weight-medium)!important}.font-semibold{--tw-font-weight:var(--font-weight-semibold)!important;font-weight:var(--font-weight-semibold)!important}.text-\[\#555\]{color:#555!important}.text-\[\#a0a0a0\]{color:#a0a0a0!important}.text-\[\#e5e5e5\]{color:#e5e5e5!important}.text-\[var\(--pm-accent\)\]{color:var(--pm-accent)!important}.text-black{color:var(--color-black)!important}.text-green-400{color:var(--color-green-400)!important}.text-input{color:var(--input)!important}.text-red-400{color:var(--color-red-400)!important}.capitalize{text-transform:capitalize!important}.lowercase{text-transform:lowercase!important}.uppercase{text-transform:uppercase!important}.italic{font-style:italic!important}.accent-\[var\(--pm-accent\)\]{accent-color:var(--pm-accent)!important}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.outline{outline-style:var(--tw-outline-style)!important;outline-width:1px!important}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)!important}.backdrop-blur{--tw-backdrop-blur:blur(8px)!important;-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)!important;backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)!important}.transition-all{transition-property:all!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}.transition-transform{transition-property:transform,translate,scale,rotate!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}.duration-300{--tw-duration:.3s!important;transition-duration:.3s!important}.select-none{-webkit-user-select:none!important;user-select:none!important}.placeholder\:text-\[\#555\]::placeholder{color:#555!important}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style)!important;border-bottom-width:0!important}@media(hover:hover){.hover\:bg-\[\#1e1e1e\]:hover{background-color:#1e1e1e!important}.hover\:bg-\[\#8b5cf6\]:hover{background-color:#8b5cf6!important}.hover\:bg-\[var\(--pm-accent\)\]\/10:hover{background-color:var(--pm-accent)!important}@supports (color:color-mix(in lab,red,red)){.hover\:bg-\[var\(--pm-accent\)\]\/10:hover{background-color:color-mix(in oklab,var(--pm-accent) 10%,transparent)!important}}.hover\:text-\[\#e5e5e5\]:hover{color:#e5e5e5!important}}.focus\:border-\[var\(--pm-accent\)\]:focus{border-color:var(--pm-accent)!important}.focus\:outline-none:focus{--tw-outline-style:none!important;outline-style:none!important}.disabled\:pointer-events-none:disabled{pointer-events:none!important}.disabled\:opacity-50:disabled{opacity:.5!important}@media(min-width:40rem){.sm\:block{display:block!important}.sm\:inline-flex{display:inline-flex!important}}}:root{--radius:.625rem;--black-royal:#000;--royal-purple:#0070f3;--royal-purple-rgb:0, 112, 243;--royal-purple-glow:rgba(var(--royal-purple-rgb), .3);--royal-gold:#d4af37;--royal-gold-rgb:212, 175, 55;--royal-gold-glow:rgba(var(--royal-gold-rgb), .3);--background:var(--black-royal);--foreground:oklch(95% .01 240);--card:oklch(16% .01 240);--card-foreground:oklch(95% .01 240);--popover:oklch(16% .01 240);--popover-foreground:oklch(95% .01 240);--primary:var(--royal-purple);--primary-foreground:oklch(10% .01 165);--secondary:oklch(22% .02 240);--secondary-foreground:oklch(85% .01 240);--muted:oklch(20% .01 240);--muted-foreground:oklch(60% .02 240);--accent:oklch(25% .04 240);--accent-foreground:oklch(92% .01 240);--destructive:oklch(60% .22 25);--destructive-foreground:oklch(98% .01 0);--border:oklch(28% .02 240);--input:oklch(22% .02 240);--ring:var(--royal-purple);--chart-1:oklch(72% .18 165);--chart-2:oklch(65% .15 200);--chart-3:oklch(60% .2 280);--chart-4:oklch(75% .15 80);--chart-5:oklch(65% .2 30);--sidebar:oklch(14% .01 240);--sidebar-foreground:oklch(90% .01 240);--sidebar-primary:oklch(72% .18 165);--sidebar-primary-foreground:oklch(10% .01 165);--sidebar-accent:oklch(20% .02 240);--sidebar-accent-foreground:oklch(90% .01 240);--sidebar-border:oklch(22% .02 240);--sidebar-ring:oklch(72% .18 165)}button.export-btn.btn-fixed{position:fixed;z-index:1000!important;color:#fff!important;background:linear-gradient(135deg,#0070f3,#7928ca)!important;width:180px!important;top:6px!important;left:8px!important;box-shadow:0 4px 20px #0070f34d!important}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}:root{--pm-bg: #07071a;--pm-surface: #0d0f1c;--pm-panel: #00070f;--pm-card: #000914;--pm-card-hover: rgb(4 18 38);--pm-border: rgba(var(--royal-purple-rgb), .2);--pm-border-soft: rgba(255, 255, 255, .06);--pm-accent: #6450ff;--pm-accent-glow: rgba(100, 80, 255, .4);--pm-gold: var(--royal-gold);--pm-gold-soft: rgba(200, 169, 110, .15);--pm-text-primary: #e2e8f0;--pm-text-secondary: #8b9bb4;--pm-text-muted: #4a5568;--pm-input-bg: #12141f;--pm-input-border: #2a2d3e;--pm-radius-sm: 6px;--pm-radius-md: 10px;--pm-radius-lg: 14px;--pm-shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--pm-shadow-md: 0 4px 20px rgba(0, 0, 0, .5);--pm-shadow-lg: 0 8px 40px rgba(0, 0, 0, .6);--pm-shadow-glow: 0 0 20px var(--pm-accent-glow)}.monogram-editor,.keychain-editor,.nameplate-editor{display:flex;width:100%;height:100vh;background:var(--pm-bg);color:var(--pm-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.monogram-editor .loading-state,.keychain-editor .loading-state,.nameplate-editor .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:16px;background:var(--pm-bg)}.monogram-editor .spinner,.keychain-editor .spinner,.nameplate-editor .spinner{width:40px;height:40px;border:3px solid rgba(99,102,241,.15);border-top-color:var(--pm-accent);border-radius:50%;animation:pm-spin .9s linear infinite}@keyframes pm-spin{to{transform:rotate(360deg)}}.monogram-controls,.keychain-controls,.nameplate-controls{width:320px;min-width:320px;padding:0;background:var(--pm-panel);border-right:1px solid var(--pm-border);overflow-y:auto;overflow-x:hidden;box-shadow:4px 0 24px #0006;display:flex;flex-direction:column}.monogram-controls::-webkit-scrollbar,.keychain-controls::-webkit-scrollbar,.nameplate-controls::-webkit-scrollbar{width:5px}.monogram-controls::-webkit-scrollbar-track,.keychain-controls::-webkit-scrollbar-track,.nameplate-controls::-webkit-scrollbar-track{background:transparent}.monogram-controls::-webkit-scrollbar-thumb,.keychain-controls::-webkit-scrollbar-thumb,.nameplate-controls::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#6366f1,#818cf8);border-radius:3px}.monogram-controls h2,.keychain-controls h2,.nameplate-controls h2{margin:0;padding:20px 20px 16px;font-size:16px;font-weight:700;color:var(--pm-text-primary);letter-spacing:.02em;border-bottom:1px solid var(--pm-border);background:linear-gradient(180deg,rgba(99,102,241,.08) 0%,transparent 100%);position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.monogram-controls .control-section,.keychain-controls .control-section,.nameplate-controls .control-section{margin:5px;padding:16px 18px;border-bottom:1px solid var(--pm-border-soft);background:transparent;transition:background .2s}.monogram-controls .control-section:hover,.keychain-controls .control-section:hover,.nameplate-controls .control-section:hover{background:#ffffff04}.monogram-controls .control-section h3,.keychain-controls .control-section h3,.nameplate-controls .control-section h3{margin:0 0 14px;font-size:10px;font-weight:700;color:var(--pm-accent);text-transform:uppercase;letter-spacing:.12em;display:flex;align-items:center;gap:8px}.monogram-controls .control-section h3:after,.keychain-controls .control-section h3:after,.nameplate-controls .control-section h3:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--pm-border) 0%,transparent 100%)}.monogram-controls .control-group,.keychain-controls .control-group,.nameplate-controls .control-group{margin-bottom:14px}.monogram-controls .control-group:last-child,.keychain-controls .control-group:last-child,.nameplate-controls .control-group:last-child{margin-bottom:0}.monogram-controls .control-group label,.keychain-controls .control-group label,.nameplate-controls .control-group label{display:block;margin-bottom:7px;font-size:11px;font-weight:500;color:var(--pm-text-secondary);text-transform:uppercase;letter-spacing:.04em}.monogram-controls .control-group input[type=text],.monogram-controls .control-group input[type=number],.monogram-controls .control-group select,.keychain-controls .control-group input[type=text],.keychain-controls .control-group input[type=number],.keychain-controls .control-group select,.nameplate-controls .control-group input[type=text],.nameplate-controls .control-group input[type=number],.nameplate-controls .control-group select{width:100%;padding:9px 12px;background:var(--pm-input-bg);border:1px solid var(--pm-input-border);border-radius:var(--pm-radius-sm);color:var(--pm-text-primary);font-size:13px;font-family:inherit;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;outline:none}.monogram-controls .control-group input[type=text]:focus,.monogram-controls .control-group input[type=number]:focus,.monogram-controls .control-group select:focus,.keychain-controls .control-group input[type=text]:focus,.keychain-controls .control-group input[type=number]:focus,.keychain-controls .control-group select:focus,.nameplate-controls .control-group input[type=text]:focus,.nameplate-controls .control-group input[type=number]:focus,.nameplate-controls .control-group select:focus{border-color:var(--pm-accent);box-shadow:0 0 0 3px var(--pm-accent-glow)}select option{background:#1a1d2e;color:var(--pm-text-primary)}.monogram-controls .control-group .letter-input,.keychain-controls .control-group .letter-input{font-size:28px;font-weight:800;text-align:center;text-transform:uppercase;letter-spacing:4px;color:var(--pm-gold);background:var(--pm-input-bg);border-color:var(--pm-gold-soft)}.monogram-controls .control-group .letter-input:focus,.keychain-controls .control-group .letter-input:focus{border-color:var(--pm-gold);box-shadow:0 0 0 3px #c8a96e33}.monogram-controls .reset-letter-btn,.keychain-controls .reset-letter-btn{display:inline-flex;align-items:center;gap:4px;margin-top:6px;padding:4px 10px;background:transparent;border:1px solid var(--pm-input-border);border-radius:4px;color:var(--pm-text-muted);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.monogram-controls .reset-letter-btn:hover,.keychain-controls .reset-letter-btn:hover{background:#ffffff0a;color:var(--pm-text-secondary);border-color:#3a3d52}.monogram-controls .control-group input[type=range],.keychain-controls .control-group input[type=range],.nameplate-controls .control-group input[type=range]{width:100%;height:6px;background:#1e2235;border-radius:3px;cursor:pointer;-webkit-appearance:none;outline:none}.monogram-controls .control-group input[type=range]::-webkit-slider-thumb,.keychain-controls .control-group input[type=range]::-webkit-slider-thumb,.nameplate-controls .control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:#fff;border:3px solid var(--pm-accent);border-radius:50%;cursor:pointer;transition:box-shadow .2s,transform .15s}.monogram-controls .control-group input[type=range]:hover::-webkit-slider-thumb,.keychain-controls .control-group input[type=range]:hover::-webkit-slider-thumb,.nameplate-controls .control-group input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 5px var(--pm-accent-glow);transform:scale(1.1)}.monogram-controls .control-group input[type=color],.keychain-controls .control-group input[type=color],.nameplate-controls .control-group input[type=color]{width:100%;height:40px;padding:3px;background:var(--pm-input-bg);border:1px solid var(--pm-input-border);border-radius:var(--pm-radius-sm);cursor:pointer;-webkit-appearance:none;transition:border-color .2s}.monogram-controls .control-group input[type=color]::-webkit-color-swatch-wrapper,.keychain-controls .control-group input[type=color]::-webkit-color-swatch-wrapper,.nameplate-controls .control-group input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.monogram-controls .control-group input[type=color]::-webkit-color-swatch,.keychain-controls .control-group input[type=color]::-webkit-color-swatch,.nameplate-controls .control-group input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}.monogram-controls .control-group input[type=color]:hover,.keychain-controls .control-group input[type=color]:hover,.nameplate-controls .control-group input[type=color]:hover{border-color:var(--pm-accent)}.control-group.checkbox label{display:flex;align-items:center;gap:10px;cursor:pointer;text-transform:none;font-size:13px;color:var(--pm-text-primary)}.control-group.checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--pm-accent);cursor:pointer}.monogram-controls .control-hint,.keychain-controls .control-hint,.nameplate-controls .control-hint,.control-hint{margin:5px 0 0;font-size:11px;color:var(--pm-text-muted);font-style:italic;line-height:1.4}.monogram-controls .export-btn,.keychain-controls .export-btn,.nameplate-controls .export-btn,.export-btn{position:relative;width:100%;padding:13px 16px;background:linear-gradient(135deg,#6366f1,#4f46e5,#7c3aed);border:none;border-radius:var(--pm-radius-md);color:#fff;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;overflow:hidden;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #6366f159}.monogram-controls .export-btn:before,.keychain-controls .export-btn:before,.nameplate-controls .export-btn:before,.export-btn:before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);transition:left .5s ease}.monogram-controls .export-btn:hover:not(:disabled):before,.keychain-controls .export-btn:hover:not(:disabled):before,.nameplate-controls .export-btn:hover:not(:disabled):before,.export-btn:hover:not(:disabled):before{left:150%}.monogram-controls .export-btn:hover:not(:disabled),.keychain-controls .export-btn:hover:not(:disabled),.nameplate-controls .export-btn:hover:not(:disabled),.export-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #6366f180}.monogram-controls .export-btn:active:not(:disabled),.keychain-controls .export-btn:active:not(:disabled),.nameplate-controls .export-btn:active:not(:disabled),.export-btn:active:not(:disabled){transform:translateY(0)}.monogram-controls .export-btn:disabled,.keychain-controls .export-btn:disabled,.nameplate-controls .export-btn:disabled,.export-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.monogram-controls .export-note,.keychain-controls .export-note,.nameplate-controls .export-note,.export-note{margin-top:8px;font-size:11px;color:var(--pm-text-muted);text-align:center;line-height:1.4}.download-keychain,.download-monogram{padding:16px 18px 24px;border-top:1px solid var(--pm-border);background:linear-gradient(180deg,transparent 0%,rgba(99,102,241,.04) 100%);margin-bottom:0!important}.monogram-preview,.keychain-preview,.nameplate-preview{flex:1;position:relative;background:var(--pm-bg)}.monogram-preview canvas,.keychain-preview canvas,.nameplate-preview canvas{width:100%!important;height:100%!important}.addons-page{display:flex;flex-direction:column;min-height:100vh;background:var(--pm-bg);color:var(--pm-text-primary)}.addons-header{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:var(--pm-panel);border-bottom:1px solid var(--pm-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:20}.addons-header-left{display:flex;align-items:center;gap:16px}.addons-header h1{margin:0;font-size:17px;font-weight:700;color:var(--pm-text-primary);letter-spacing:.02em}.addons-back-btn{padding:7px 16px;background:transparent;border:1px solid var(--pm-input-border);border-radius:var(--pm-radius-sm);color:var(--pm-text-secondary);font-size:13px;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.addons-back-btn:hover{background:#ffffff0a;border-color:var(--pm-accent);color:var(--pm-text-primary)}.addons-main{flex:1;padding:36px 28px 80px;max-width:1280px;margin:0 auto;width:100%;box-sizing:border-box}.addons-subtitle{color:var(--pm-text-secondary);margin:0 0 32px;font-size:14px}.addons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px}.addon-card{display:flex;flex-direction:column;background:var(--pm-card);border:1px solid var(--pm-border-soft);border-radius:var(--pm-radius-lg);overflow:hidden;cursor:pointer;transition:border-color .25s,transform .2s,box-shadow .25s,background .2s;text-align:left;padding:0}.addon-card:hover{border-color:var(--pm-accent);transform:translateY(-4px);box-shadow:0 12px 32px #6366f133,0 0 0 1px #6366f126;background:var(--pm-card-hover)}.addon-card-image{width:100%;aspect-ratio:16 / 9;background:#0d0f1c;overflow:hidden}.addon-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.addon-card:hover .addon-card-image img{transform:scale(1.04)}.addon-card-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0d0f1c,#13162a)}.addon-card-image-icon{font-size:44px;opacity:.35}.addon-card-body{padding:16px;display:flex;flex-direction:column;gap:6px;flex:1}.addon-card-title{margin:0;font-size:14px;font-weight:700;color:var(--pm-text-primary);letter-spacing:.01em}.addon-card-desc{margin:0;font-size:12px;color:var(--pm-text-secondary);line-height:1.5;flex:1}.addon-card-cta{margin-top:10px;display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:var(--pm-accent);text-transform:uppercase;letter-spacing:.06em}@media(max-width:480px){.addons-grid{grid-template-columns:1fr}.addons-main{padding:20px 16px 48px}}.monogram-page,.keychain-page{display:flex;flex-direction:column;height:100vh;background:var(--pm-bg);color:var(--pm-text-primary)}.monogram-page-header,.keychain-page-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--pm-panel);border-bottom:1px solid var(--pm-border);flex-shrink:0}.monogram-page-header h2,.keychain-page-header h2{margin:0;font-size:15px;font-weight:700;color:var(--pm-text-primary)}.monogram-page-back,.keychain-page-back{padding:7px 14px;background:transparent;border:1px solid var(--pm-input-border);border-radius:var(--pm-radius-sm);color:var(--pm-text-secondary);font-size:13px;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.monogram-page-back:hover,.keychain-page-back:hover{background:#ffffff0a;border-color:var(--pm-accent);color:var(--pm-text-primary)}.monogram-page-content,.keychain-page-content{flex:1;overflow:hidden}