.language-switcher{position:relative;display:inline-block}.lang-toggle-btn{display:flex;align-items:center;gap:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(8px);color:#fffc;padding:0 12px;border-radius:999px;cursor:pointer;font-size:13px;font-weight:500;transition:all .3s ease;height:32px}.lang-toggle-btn:hover{background:#ffffff1a;color:#fff}.lang-code{font-weight:600}.lang-dropdown{position:absolute;top:120%;right:0;background:#1e1e1e;border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 10px 25px #00000080;min-width:140px;z-index:1000;overflow:hidden;animation:slideDownFade .2s ease}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.lang-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 15px;background:none;border:none;color:#ddd;text-align:left;cursor:pointer;font-size:.95rem;transition:background .2s}.lang-option:hover{background:#ffffff1a;color:#fff}.lang-option.active{background:#6366f133;color:#818cf8;font-weight:600}.lang-flag{font-size:1.2rem}.language-switcher.small{margin-right:5px}.language-switcher.small .lang-toggle-btn{padding:4px 8px;font-size:.75rem;border-radius:4px;gap:4px;background:transparent;border-color:transparent;color:#8b9bb4}.language-switcher.small .lang-toggle-btn:hover{background:#ffffff0d;color:#fff}.language-switcher.small .lang-dropdown{min-width:120px}.language-switcher.small .lang-option{padding:6px 10px;font-size:.85rem}.language-switcher.small .lang-flag{font-size:1rem}.home-page,.home-page:fullscreen,.home-page:-webkit-full-screen{background-color:#050505!important;color:#ededed;font-family:Inter,sans-serif;position:relative;min-height:100vh}.ambient-background{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(circle at center,black 40%,transparent 85%)}.glow-sphere{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15}.sphere-1{width:500px;height:500px;background:var(--color-primary);top:-100px;left:-100px;animation:float 10s ease-in-out infinite}.sphere-2{width:400px;height:400px;background:var(--color-secondary);bottom:-100px;right:-100px;animation:float 12s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(30px,50px)}}@keyframes headerSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes navLinkIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes gemPulse{0%,to{filter:drop-shadow(0 0 5px rgba(91,91,240,.5))}50%{filter:drop-shadow(0 0 14px rgba(201,162,39,.7))}}@keyframes logoBreathe{0%,to{letter-spacing:.04em}50%{letter-spacing:.06em}}.floating-header{position:fixed;top:0;left:0;right:0;z-index:1000;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#05050ab8;border-bottom:1px solid rgba(255,255,255,.06);animation:headerSlideDown .7s cubic-bezier(.16,1,.3,1) both;transition:background .4s ease,box-shadow .4s ease}.floating-header.scrolled{background:#05050aeb;box-shadow:0 4px 30px #00000080}.header-glass{display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:0 auto;height:72px;padding:0 40px}@keyframes stoneBreath{0%,to{box-shadow:0 0 8px #a5b4fc40,0 0 20px #6366f11a}50%{box-shadow:0 0 14px #a5b4fc73,0 0 32px #6366f133}}@keyframes shineSweep{0%{transform:translate(-100%) skew(-15deg);opacity:0}5%{opacity:1}40%{opacity:.6}50%,to{transform:translate(200%) skew(-15deg);opacity:0}}.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;font-family:Playfair Display,Georgia,serif;font-size:22px;font-weight:800;letter-spacing:.04em;flex-shrink:0;user-select:none}.logo-stone-wrap{position:relative;width:28px;height:28px;flex-shrink:0;border-radius:50%;overflow:hidden;animation:stoneBreath 3.5s ease-in-out infinite;transition:transform .3s ease}.logo:hover .logo-stone-wrap{transform:scale(1.1);animation:none;box-shadow:0 0 18px #a5b4fc8c,0 0 40px #6366f140}.logo-stone-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%;transition:filter .3s ease}.logo:hover .logo-stone-img{filter:brightness(1.15)}.logo-stone-shine{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:50%}.logo-stone-shine:before{content:"";position:absolute;top:-10%;left:0;width:35%;height:120%;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.22) 50%,transparent 100%);animation:shineSweep 5s ease-in-out infinite}.logo:hover .logo-stone-shine:before{animation:shineSweep 2s ease-in-out infinite}.logo-text{font-family:Playfair Display,Georgia,serif;font-size:21px;font-weight:800;letter-spacing:.18em;background:linear-gradient(110deg,#fff,#c7d2fe,#a5b4fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:filter .3s ease}.logo:hover .logo-text{filter:drop-shadow(0 0 6px rgba(165,180,252,.5))}.nav-links{display:flex;gap:0;list-style:none;padding:0;margin:0}.nav-links li{animation:navLinkIn .5s ease backwards}.nav-links li:nth-child(1){animation-delay:.05s}.nav-links li:nth-child(2){animation-delay:.1s}.nav-links li:nth-child(3){animation-delay:.15s}.nav-links li:nth-child(4){animation-delay:.2s}.nav-links li:nth-child(5){animation-delay:.25s}.nav-links a{display:block;padding:8px 18px;font-size:14.5px;font-weight:500;color:#c8c8dcb8;text-decoration:none;border-radius:8px;position:relative;transition:color .22s ease}.nav-links a:after{content:"";position:absolute;bottom:2px;left:18px;right:18px;height:1.5px;border-radius:99px;background:#a5b4fc;transform:scaleX(0);transform-origin:left;transition:transform .28s cubic-bezier(.16,1,.3,1)}.nav-links a:hover{color:#fff}.nav-links a:hover:after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:20px;flex-shrink:0}.header-utils{display:flex;align-items:center;gap:8px}.header-divider{width:1px;height:24px;background:#ffffff1a;margin:0 4px;border-radius:2px}.header-auth{display:flex;align-items:center;gap:8px}.theme-toggle-btn{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.08);background:#ffffff08;backdrop-filter:blur(8px);cursor:pointer;display:grid;place-items:center;color:#c8c8dc99;transition:color .25s,border-color .25s,transform .3s,background .3s;flex-shrink:0}.theme-toggle-btn:hover{color:#c9a227;border-color:#c9a22780;background:#ffffff14;transform:rotate(20deg)}.theme-toggle-btn svg{width:16px;height:16px;pointer-events:none}.btn-header-ghost{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;padding:0 20px;box-sizing:border-box;border-radius:999px;font-size:14px;font-weight:500;color:#fff;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(8px);text-decoration:none;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif;white-space:nowrap}.btn-header-ghost:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-1px)}.btn-header-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 24px;box-sizing:border-box;border-radius:999px;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:1px solid rgba(255,255,255,.1);text-decoration:none;cursor:pointer;box-shadow:0 4px 15px #6366f166,inset 0 1px #fff3;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:Inter,sans-serif;white-space:nowrap;position:relative;overflow:hidden}.btn-header-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform .6s ease}.btn-header-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf680,inset 0 1px #ffffff4d;background:linear-gradient(135deg,#6b7280,#9333ea)}.btn-header-primary:hover:before{transform:translate(100%)}.user-menu{display:flex;align-items:center;gap:10px}.user-email{font-size:12px;color:#c8c8dc99;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-glow-small{display:inline-flex;align-items:center;background:var(--color-primary);color:#fff;border:none;padding:8px 18px;border-radius:100px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;box-shadow:0 0 10px #6366f14d}.btn-glow-small:hover{box-shadow:0 0 20px #6366f180;transform:translateY(-1px)}.btn-text{background:none;border:none;color:#c8c8dc99;font-size:12px;cursor:pointer;transition:color .2s}.btn-text:hover{color:#fff}@media(max-width:900px){.nav-links{display:none}.header-glass{padding:0 20px}}@media(max-width:600px){.btn-header-ghost{display:none}.floating-header{top:0}}.hero-section{position:relative;z-index:1;padding:140px 24px 80px;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}.neon-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:100px;color:#818cf8;font-size:12px;font-weight:600;margin-bottom:24px}.neon-badge .dot{width:6px;height:6px;background:#818cf8;border-radius:50%;box-shadow:0 0 10px #818cf8}.hero-title{font-size:clamp(26px,3.2vw,38px);line-height:1.25;font-weight:800;margin-bottom:12px;letter-spacing:-1px;color:#fff}.text-gradient{background:linear-gradient(135deg,#fff 30%,#a5b4fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:15px;color:var(--text-secondary);line-height:1.55;margin-bottom:18px;max-width:480px}.slide-content-fade{animation:fadeSlideUp .6s cubic-bezier(.16,1,.3,1) forwards;min-height:210px;display:flex;flex-direction:column;justify-content:flex-start}@media(max-width:768px){.slide-content-fade{min-height:240px}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.slider-dots{display:flex;gap:8px;margin-bottom:40px}.slider-dot{width:12px;height:4px;border-radius:4px;background:#ffffff26;cursor:pointer;transition:all .3s ease}.slider-dot.active{width:24px;background:var(--color-primary);box-shadow:0 0 10px #6366f180}.hero-buttons{display:flex;gap:16px;margin-bottom:48px;flex-wrap:nowrap}@media(max-width:900px){.hero-buttons{flex-direction:column;align-items:flex-start}}.btn-neon-primary,.btn-glass-secondary{flex:1;min-width:180px;max-width:240px;white-space:nowrap}.btn-neon-primary{position:relative;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;padding:16px 40px;border-radius:16px;font-weight:700;font-size:15px;text-decoration:none;border:none;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px -5px #6366f166;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.btn-neon-primary:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 35px -8px #6366f199}.btn-neon-primary .btn-glow{position:absolute;inset:-2px;border-radius:18px;background:linear-gradient(135deg,#6366f1,#a855f7);opacity:0;filter:blur(14px);z-index:-1;transition:opacity .3s}.btn-neon-primary:hover .btn-glow{opacity:.6}.btn-glass-secondary{padding:16px 36px;border-radius:16px;font-weight:600;font-size:15px;text-decoration:none;background:#ffffff0a;color:#fff;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(8px);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-glass-secondary:hover{background:#ffffff14;border-color:#ffffff4d;transform:translateY(-2px)}.abstract-glow-container{position:relative;height:500px;display:flex;align-items:center;justify-content:center}.abstract-glow{width:100%;height:100%;background:radial-gradient(circle at center,rgba(99,102,241,.15) 0%,transparent 70%);filter:blur(40px);animation:pulse-glow 8s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.floating-elements{position:absolute;inset:0;pointer-events:none}.float-stone{position:absolute;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(4px)}.s1{width:60px;height:60px;top:20%;left:30%;animation:float-anim 15s infinite}.s2{width:40px;height:40px;bottom:30%;right:20%;animation:float-anim 12s infinite reverse}.s3{width:50px;height:50px;top:50%;right:40%;animation:float-anim 18s infinite 2s}@keyframes float-anim{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-40px) rotate(10deg)}66%{transform:translate(-20px,20px) rotate(-5deg)}}.visual-card-glass{background:#14141999;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:20px;backdrop-filter:blur(10px);box-shadow:0 25px 50px -12px #00000080;transform:perspective(1000px) rotateY(-5deg) rotateX(5deg);transition:transform .5s ease}.visual-card-glass:hover{transform:perspective(1000px) rotateY(0) rotateX(0)}.window-controls{display:flex;gap:8px;margin-bottom:20px}.window-controls span{width:12px;height:12px;border-radius:50%;background:#fff3}.canvas-preview{background:#0a0a0a;border-radius:12px;padding:24px;position:relative;min-height:300px;display:flex;align-items:center;justify-content:center;overflow:hidden}.preview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.preview-stone{width:40px;height:40px;border-radius:50%;background:#1a1a1a;transition:all .3s;display:flex;align-items:center;justify-content:center}.preview-stone.active .stone-glow{width:100%;height:100%;border-radius:50%;background:var(--color-primary);box-shadow:0 0 20px var(--color-primary);transform:scale(.8)}.features-section{max-width:1200px;margin:0 auto 100px;padding:0 24px}.section-title{text-align:center;margin-bottom:60px}.section-title h2{font-size:36px;font-weight:700;color:#fff;margin-bottom:12px}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,280px);gap:24px}.bento-card{background:#0f0f11;border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:32px;position:relative;overflow:hidden;transition:all .3s ease}.bento-card:hover{border-color:#ffffff26;transform:translateY(-4px);background:#141416}.bento-card.large{grid-column:span 2;background:linear-gradient(135deg,#0f0f11,#1a1625)}.bento-card.wide{grid-column:span 3}.card-icon{font-size:32px;margin-bottom:20px;width:60px;height:60px;border-radius:16px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.05)}.glow-purple{color:#d8b4fe;box-shadow:inset 0 0 20px #a855f71a}.glow-blue{color:#93c5fd;box-shadow:inset 0 0 20px #3b82f61a}.glow-green{color:#86efac;box-shadow:inset 0 0 20px #22c55e1a}.glow-orange{color:#fdba74;box-shadow:inset 0 0 20px #f973161a}.bento-card h3{font-size:20px;color:#fff;margin-bottom:12px}.bento-card p{color:var(--text-secondary);font-size:15px;line-height:1.6}.pricing-section{max-width:1000px;margin:0 auto 100px;padding:0 24px}.pricing-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:32px}.pricing-card{background:#0f0f11;border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:40px;display:flex;flex-direction:column}.pricing-card.featured{border-color:var(--color-primary);box-shadow:0 0 40px -10px #6366f126;position:relative}.featured-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--color-primary);color:#fff;padding:4px 12px;border-radius:100px;font-size:11px;font-weight:700;letter-spacing:1px}.pricing-card h3{color:var(--text-secondary);font-size:14px;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.price{font-size:42px;font-weight:700;color:#fff;margin-bottom:32px}.price span{font-size:16px;color:var(--text-tertiary);font-weight:400}.features-list{list-style:none;padding:0;margin:0 0 40px;flex:1}.features-list li{margin-bottom:16px;color:var(--text-primary);display:flex;align-items:center;gap:12px;font-size:15px}.full-width{width:100%;text-align:center;justify-content:center;padding:16px}.main-footer{border-top:1px solid rgba(255,255,255,.05);background:#0a0a0a;padding:80px 24px 32px}.footer-grid{max-width:1200px;margin:0 auto 60px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}.logo-small{width:40px;height:40px;background:#fff;color:#000;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;margin-bottom:16px}.footer-links h4{color:#fff;font-size:14px;margin-bottom:24px}.footer-links a{display:block;color:var(--text-secondary);margin-bottom:12px;font-size:14px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#fff}.footer-bottom{max-width:1200px;margin:0 auto;border-top:1px solid rgba(255,255,255,.05);padding-top:32px;text-align:center;color:var(--text-tertiary);font-size:13px}@media(max-width:1024px){.hero-section{grid-template-columns:1fr;text-align:center;padding-top:140px}.hero-subtitle{margin:0 auto 40px}.hero-buttons,.hero-metrics{justify-content:center}.bento-grid{grid-template-columns:1fr;grid-template-rows:auto}.bento-card.large,.bento-card.wide{grid-column:span 1}}@media(max-width:768px){.nav-links,.mini-login-form{display:none}.pricing-wrapper{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;text-align:center}.logo-small{margin:0 auto 16px}.hero-title{font-size:42px}}.live-cursor{position:absolute;pointer-events:none;z-index:10;display:flex;flex-direction:column;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.cursor-label{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;color:#fff;margin-top:-2px;margin-left:14px;white-space:nowrap}.bg-red{background:#ff4b4b}.bg-blue{background:#4b86ff}.bg-green{background:#22c55e}.c1{top:20%;left:30%;animation:cursor-move 8s infinite ease-in-out}.c2{bottom:30%;right:20%;animation:cursor-move2 12s infinite ease-in-out}.c3{top:50%;right:40%;animation:cursor-move3 15s infinite ease-in-out}@keyframes cursor-move{0%,to{transform:translate(0)}25%{transform:translate(120px,40px)}50%{transform:translate(80px,120px)}75%{transform:translate(-40px,80px)}}@keyframes cursor-move2{0%,to{transform:translate(0)}33%{transform:translate(-100px,-60px)}66%{transform:translate(-20px,-150px)}}@keyframes cursor-move3{0%,to{transform:translate(0)}30%{transform:translate(-80px,100px)}70%{transform:translate(50px,-50px)}}.s4{width:45px;height:45px;top:70%;left:10%;animation:float-anim 16s infinite 1s}.s5{width:35px;height:35px;top:10%;right:10%;animation:float-anim 10s infinite reverse}.developer-notice{max-width:1200px;margin:48px auto 60px;padding:0 24px;position:relative;z-index:10}.dev-notice-box{background:linear-gradient(90deg,#06b6d40d,#3b82f60d);border:1px solid rgba(6,182,212,.2);border-left:4px solid #06b6d4;border-radius:12px;padding:24px;display:flex;align-items:center;gap:20px;backdrop-filter:blur(8px)}.dev-icon{font-size:32px}.dev-content h3{margin:0 0 8px;color:#fff;font-size:18px}.dev-content p{margin:0;color:var(--text-secondary);font-size:15px;line-height:1.5}.dev-content strong{color:#06b6d4}@media(max-width:768px){.dev-notice-box{flex-direction:column;text-align:center;border-left:1px solid rgba(6,182,212,.2);border-top:4px solid #06b6d4}}.business-value-section{max-width:1200px;margin:0 auto 100px;padding:0 24px}.value-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.value-card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:40px;transition:all .3s ease}.value-card:hover{background:#ffffff0d;transform:scale(1.02);border-color:#ffffff1a}.featured-value{border-color:var(--color-primary);background:linear-gradient(135deg,#6366f10d,#a855f70d);box-shadow:0 0 30px #6366f11a}.value-icon{width:64px;height:64px;border-radius:16px;background:var(--color-primary);display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:24px;box-shadow:0 8px 20px #6366f14d}.value-card h3{font-size:20px;color:#fff;margin-bottom:16px}.value-card p{color:var(--text-secondary);font-size:15px;line-height:1.6}@media(max-width:900px){.value-cards{grid-template-columns:1fr}}.platforms-section{max-width:1200px;margin:0 auto 100px;padding:0 24px}.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.platform-item{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:40px;text-align:center;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:20px}.platform-item:hover{background:#ffffff0a;border-color:var(--color-primary);transform:translateY(-8px)}.platform-icon{color:var(--color-primary);filter:drop-shadow(0 0 15px rgba(99,102,241,.4))}.platform-info h3{font-size:20px;color:#fff;margin-bottom:12px}.platform-info p{color:var(--text-secondary);font-size:15px;line-height:1.5}.seo-alternatives-section{max-width:1200px;margin:0 auto 100px;padding:80px 24px;background:radial-gradient(circle at top right,rgba(99,102,241,.05),transparent 400px);border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.alternatives-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-top:48px}.alt-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:32px;transition:all .3s ease}.alt-card:hover{background:#ffffff0a;border-color:#6366f14d;transform:translateY(-5px)}.alt-card h3{font-size:18px;color:#fff;margin-bottom:12px;font-weight:700}.alt-card p{font-size:14px;color:var(--text-secondary);line-height:1.6}@media(max-width:768px){.seo-alternatives-section{padding:60px 24px;margin-bottom:60px}}.faq-section{max-width:1000px;margin:0 auto 100px;padding:0 24px}.faq-grid{display:grid;grid-template-columns:1fr;gap:20px}.faq-item{background:#0f0f11;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:24px;transition:all .2s}.faq-item:hover{border-color:#ffffff1a}.faq-item h4{color:#fff;font-size:17px;margin-bottom:12px;display:flex;align-items:center;gap:10px}.faq-item h4:before{content:"Q.";color:var(--color-primary);font-weight:800}.faq-item p{color:var(--text-secondary);font-size:15px;line-height:1.6}@media(max-width:768px){.platform-grid{grid-template-columns:1fr}}.hero-platforms-badge-line{display:flex;flex-wrap:nowrap;gap:10px;margin-top:2rem;justify-content:flex-start;align-items:center;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.hero-platforms-badge-line::-webkit-scrollbar{display:none}.hero-platforms-badge-line .badge-item{display:flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);padding:10px 16px;border-radius:50px;font-size:.85rem;font-weight:700;color:#fff;backdrop-filter:blur(12px);transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap;flex-shrink:0}.hero-platforms-badge-line .badge-item:hover{background:#ffffff14;border-color:#fff3;color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #ffffff0d}.hero-platforms-badge-line .badge-item:hover:has(.apple-icon){box-shadow:0 4px 15px #ffffff26}.hero-platforms-badge-line .badge-item:hover:has(.mac-win-icon){box-shadow:0 4px 15px #00adef33}.hero-platforms-badge-line .badge-item:hover:has(.android-icon){box-shadow:0 4px 15px #3ddc8433}.hero-platforms-badge-line .badge-item:hover:has(.linux-icon){box-shadow:0 4px 15px #facc1533}.hero-platforms-badge-line .badge-item.highlight{background:#6366f11f;border-color:#6366f14d;color:#c7d2fe}.hero-platforms-badge-line .badge-item.highlight:hover{background:#6366f133;border-color:#6366f173;color:#fff;box-shadow:0 4px 20px #6366f14d}.hero-platforms-badge-line .badge-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s ease}.hero-platforms-badge-line .badge-item:hover .badge-icon{transform:scale(1.1)}.hero-platforms-badge-line .badge-icon svg{display:block}@media(max-width:1024px){.hero-platforms-badge-line{justify-content:center;margin-left:auto;margin-right:auto}}.seo-alternatives-section{position:relative;z-index:1;padding:80px 5%;max-width:1300px;margin:0 auto}.alternatives-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:60px}.alt-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:28px 24px;transition:all .3s ease}.alt-card:hover{background:#ffffff0d;border-color:#6366f133;transform:translateY(-2px)}.alt-card h3{font-size:1.05rem;font-weight:700;margin-bottom:10px;color:#a5b4fc}.alt-card p{font-size:.9rem;line-height:1.6;color:#fff9}.vs-comparison-wrapper{margin-top:60px}.vs-comparison-wrapper .section-title{margin-bottom:40px}.vs-table-container{overflow-x:auto;border-radius:16px;border:1px solid rgba(255,255,255,.06);background:#0a0a0f99;backdrop-filter:blur(12px);-webkit-overflow-scrolling:touch}.vs-table{width:100%;min-width:800px;border-collapse:collapse;font-size:.88rem}.vs-table thead th{padding:16px 14px;text-align:center;font-weight:700;font-size:.85rem;color:#ffffff80;background:#0a0a0ff2;border-bottom:1px solid rgba(255,255,255,.08);white-space:nowrap;letter-spacing:.02em}.vs-table thead th:first-child{text-align:left;padding-left:24px;color:#ffffffb3}.vs-table thead th.vs-ztrass-header{color:#818cf8;font-size:.95rem;background:#6366f10f}.vs-table tbody tr{border-bottom:1px solid rgba(255,255,255,.04);transition:background .2s ease}.vs-table tbody tr:hover{background:#ffffff05}.vs-table tbody td{padding:14px;text-align:center;color:#ffffff8c;vertical-align:middle}.vs-table tbody td:first-child{text-align:left;padding-left:24px;font-weight:600;color:#ffffffd9}.vs-table tbody td:first-child .vs-feat-desc{display:block;font-weight:400;font-size:.78rem;color:#ffffff59;margin-top:3px}.vs-table tbody td.vs-ztrass-cell{background:#6366f10f;color:#10b981;font-weight:700}.vs-yes{display:inline-flex;align-items:center;gap:4px;color:#10b981;font-weight:700}.vs-no{color:#fff3;font-weight:500}.vs-limited{color:#f59e0b;font-weight:600;font-size:.82rem}.vs-plugin{color:#f97316;font-weight:600;font-size:.82rem}.vs-table tbody tr.vs-price-row td{padding-top:18px;padding-bottom:18px;border-top:1px solid rgba(255,255,255,.08);font-weight:700}.vs-price-affordable{color:#10b981!important;font-size:.9rem}.vs-price-expensive{color:#ef4444!important}.vs-price-medium{color:#f59e0b!important}.vs-verdict-card{margin-top:32px;padding:24px 32px;background:linear-gradient(135deg,#6366f114,#10b9810f);border:1px solid rgba(99,102,241,.15);border-radius:14px;text-align:center}.vs-verdict-card p{font-size:.95rem;color:#ffffffbf;line-height:1.7;font-weight:500}@media(max-width:768px){.seo-alternatives-section{padding:50px 4%}.alternatives-grid{grid-template-columns:1fr}.vs-table{font-size:.82rem}.vs-table thead th,.vs-table tbody td{padding:10px 8px}.vs-table tbody td:first-child{padding-left:12px;min-width:160px}}.slider-controls-wrap{display:flex;align-items:center;gap:16px;margin-bottom:28px}.slider-nav-arrow{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#ffffffb3;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease;user-select:none}.slider-nav-arrow:hover{background:#6366f133;border-color:#6366f180;color:#fff;transform:scale(1.08)}.hero-placeholder-card{width:100%;max-width:480px;min-height:420px;background:linear-gradient(145deg,#141420f2,#0c0c14fa);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:32px;box-shadow:0 24px 60px #0006,0 0 40px #6366f114;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:transform .4s ease,border-color .4s ease}.hero-placeholder-card:hover{border-color:#6366f14d;transform:translateY(-4px)}.slide-visual-fade{animation:fadeVisual .5s ease forwards}@keyframes fadeVisual{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.placeholder-tag{align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.08em;color:#818cf8;background:#6366f11f;padding:4px 12px;border-radius:999px;border:1px solid rgba(99,102,241,.2);text-transform:uppercase}.placeholder-icon-badge{font-size:48px;margin:16px 0 8px}.placeholder-title{font-size:20px;font-weight:700;color:#fff;margin-bottom:8px;line-height:1.3}.placeholder-desc{font-size:13.5px;color:#fff9;line-height:1.5;margin-bottom:20px}.placeholder-canvas-box{width:100%;height:180px;background:linear-gradient(160deg,#1b1b28,#12121c);border:2px dashed rgba(255,255,255,.12);border-radius:16px;display:flex;align-items:center;justify-content:center;padding:16px}.placeholder-canvas-inner{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.placeholder-canvas-label{font-size:14px;font-weight:600;color:#ffffffbf}.placeholder-canvas-sub{font-size:11.5px;color:#ffffff59}.hero-platform-pills{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap;align-items:center}.hero-platform-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);font-size:13.5px;font-weight:600;color:#ffffffe6;backdrop-filter:blur(8px);transition:all .25s ease}.hero-platform-pill:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.cross-platform-card{width:100%;max-width:520px;background:linear-gradient(145deg,#161622f2,#0e0e16fa);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:24px 20px 18px;box-shadow:0 24px 60px #00000080,0 0 50px #6366f11a;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.device-scene-group{position:relative;width:100%;height:250px;display:flex;justify-content:center;align-items:flex-end;margin-bottom:16px}.device-scene-group{position:relative;width:100%;height:330px;display:flex;justify-content:center;align-items:flex-end;margin-bottom:20px}.dev-unit{position:absolute;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 15px 30px rgba(0,0,0,.6));transition:transform .3s cubic-bezier(.16,1,.3,1)}.dev-unit:hover{transform:translateY(-6px) scale(1.03);z-index:10!important}.dev-screen{background:#11121d;border:3px solid #2e2e42;border-radius:12px;overflow:hidden;position:relative;box-shadow:inset 0 0 15px #000c}.dev-screen-glass{position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,.02) 45%,transparent 100%);pointer-events:none;z-index:5}.dev-monitor{top:0;z-index:1}.dev-monitor .dev-screen{width:380px;height:220px;border-radius:14px;border:4px solid #28283a;box-shadow:0 20px 45px #000000b3,0 0 25px #818cf826}.dev-monitor-stand{width:32px;height:24px;background:linear-gradient(180deg,#3a3a4c,#1f1f2e);border-left:1px solid rgba(255,255,255,.15);border-right:1px solid rgba(255,255,255,.15)}.dev-monitor-base{width:130px;height:7px;background:linear-gradient(180deg,#3a3a4c,#1a1a26);border-radius:999px;box-shadow:0 6px 12px #00000080}.dev-header{height:24px;background:#0d0e17;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;padding:0 10px}.dot{width:7px;height:7px;border-radius:50%}.dot-r{background:#ff5f57}.dot-y{background:#febc2e}.dot-g{background:#28c840}.dev-url{font-size:10px;font-weight:600;color:#fff9;margin-left:6px}.dev-status-pill{font-size:9px;font-weight:800;color:#10b981;letter-spacing:.05em}.dev-content{height:calc(100% - 24px);background:radial-gradient(circle at center,#1b1b2a,#0d0d15);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;text-align:center;position:relative}.studio-canvas-bg{background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1px);background-size:14px 14px}.mini-toolbar{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:4px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);padding:4px;border-radius:6px;backdrop-filter:blur(8px)}.tb-tool{font-size:10px;padding:3px;border-radius:4px}.tb-tool.active{background:#f1c40f40;border:1px solid #f1c40f}.studio-rhinestones-pattern{position:relative;width:90px;height:90px;margin:5px auto 0}.rs-dot{position:absolute;border-radius:50%;box-shadow:0 0 10px currentColor}.rs-1{width:14px;height:14px;background:#e74c3c;color:#e74c3c;top:8px;left:38px}.rs-2{width:14px;height:14px;background:#f1c40f;color:#f1c40f;top:38px;left:8px}.rs-3{width:14px;height:14px;background:#2ecc71;color:#2ecc71;top:38px;left:68px}.rs-4{width:14px;height:14px;background:#3498db;color:#3498db;top:68px;left:38px}.rs-center-glow{width:20px;height:20px;background:#9b59b6;border-radius:50%;position:absolute;top:35px;left:35px;box-shadow:0 0 15px #9b59b6;animation:pulseGlow 2s infinite alternate ease-in-out}@keyframes pulseGlow{0%{transform:scale(.9);opacity:.8}to{transform:scale(1.15);opacity:1}}.dev-content.mini{height:100%;padding:8px 4px}.dev-active-badge{font-size:11px;font-weight:700;color:#818cf8;margin-top:4px}.dev-laptop{left:10px;bottom:15px;z-index:3}.dev-laptop .dev-screen{width:215px;height:135px;border-radius:10px 10px 2px 2px;border:3px solid #2e2e42;box-shadow:0 15px 30px #0009}.dev-laptop-keyboard{width:245px;height:9px;background:linear-gradient(180deg,#2a2a3e,#1a1a28);border-radius:2px 2px 10px 10px;border:1px solid rgba(255,255,255,.15);position:relative}.laptop-notch{width:36px;height:3px;background:#12121c;border-radius:999px;margin:1px auto 0}.dev-tablet{right:15px;bottom:15px;z-index:3}.dev-tablet .dev-screen{width:130px;height:175px;border-radius:16px;border:4px solid #2e2e42;box-shadow:0 15px 30px #0009}.tablet-camera{width:5px;height:5px;background:#ffffff4d;border-radius:50%;margin:4px auto 0}.dev-phone{bottom:8px;z-index:4}.dev-phone .dev-screen{width:82px;height:150px;border-radius:18px;border:3px solid #3d3d54;box-shadow:0 20px 40px #000000b3,0 0 20px #f1c40f33}.phone-notch{width:24px;height:5px;background:#09090e;border-radius:999px;margin:3px auto 0}.mobile-app-bg{background:linear-gradient(160deg,#181826,#0e0e18);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:8px 4px}.mobile-header{display:flex;align-items:center;gap:3px;font-size:9.5px;font-weight:800;color:#f1c40f}.mob-live-badge{font-size:8.5px;font-weight:700;color:#2ecc71;background:#2ecc7126;padding:2px 5px;border-radius:4px}.mini-mode-tag{font-size:9.5px;font-weight:700;color:#a5b4fc}.cross-platform-logos{width:100%;display:flex;justify-content:space-around;align-items:center;padding-top:14px;border-top:1px solid rgba(255,255,255,.08);flex-wrap:wrap;gap:8px}.cp-logo-item{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:#ffffffd9;background:#ffffff0a;padding:5px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.08);transition:all .25s ease}.cp-logo-item:hover{background:#ffffff17;border-color:#6366f14d;transform:translateY(-1px)}.sketch-product-showcase{position:relative;min-height:340px;justify-content:space-between}.showcase-top-bar{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.showcase-step-tag{font-size:11px;font-weight:800;color:#818cf8;letter-spacing:.08em;background:#6366f11f;padding:4px 10px;border-radius:6px;border:1px solid rgba(99,102,241,.2)}.showcase-title-badge{font-size:11px;font-weight:700;color:#fff9;letter-spacing:.05em}.anim-from-left{animation:slideFromLeft .7s cubic-bezier(.16,1,.3,1) forwards}.anim-from-right{animation:slideFromRight .7s cubic-bezier(.16,1,.3,1) forwards}.anim-from-top{animation:slideFromTop .7s cubic-bezier(.16,1,.3,1) forwards}.anim-from-bottom{animation:slideFromBottom .7s cubic-bezier(.16,1,.3,1) forwards}.anim-pop{animation:popIn .6s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes slideFromLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideFromRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slideFromTop{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideFromBottom{0%{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.sketch-transform-scene{width:100%;height:230px;display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative}.sketch-box{flex:1;height:170px;background:#181826;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px;display:flex;flex-direction:column;align-items:center;box-shadow:0 10px 24px #0000004d}.box-label{font-size:11px;font-weight:700;color:#ffffffb3;margin-bottom:10px}.raw-image-wireframe{width:100%;height:110px;border:2px dashed rgba(255,255,255,.15);border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative}.wireframe-circle{width:44px;height:44px;border:2px dashed rgba(255,255,255,.3);border-radius:50%}.transform-arrow{display:flex;flex-direction:column;align-items:center;gap:4px}.sparkle-icon{font-size:26px}.arrow-text{font-size:10.5px;font-weight:800;color:#818cf8}.stones-physics-demo{position:relative;width:100%;height:110px;background:#12121c;border-radius:8px}.demo-stone{position:absolute;border-radius:50%;box-shadow:0 0 10px currentColor}.st-1{width:16px;height:16px;background:#e74c3c;color:#e74c3c;top:20px;left:20px}.st-2{width:22px;height:22px;background:#f1c40f;color:#f1c40f;top:15px;left:60px}.st-3{width:14px;height:14px;background:#2ecc71;color:#2ecc71;top:60px;left:35px}.st-4{width:26px;height:26px;background:#9b59b6;color:#9b59b6;top:50px;left:75px}.anim-push-1{animation:pushRepulsion 2.5s infinite alternate ease-in-out}.anim-push-2{animation:pushRepulsion 2.5s infinite alternate-reverse ease-in-out}@keyframes pushRepulsion{0%{transform:translate(0)}to{transform:translate(4px,-6px)}}.workforce-scene{width:100%;height:230px;display:flex;flex-direction:column;gap:12px}.company-panel-main{background:linear-gradient(135deg,#1e1e2f,#151522);border:1px solid rgba(99,102,241,.25);border-radius:12px;padding:12px 16px;box-shadow:0 10px 24px #0000004d}.panel-header{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;color:#fff;margin-bottom:6px}.live-status-dot{font-size:11px;color:#2ecc71;font-weight:700}.panel-body-info{font-size:11.5px;color:#fff9}.designer-cards-row{display:flex;gap:10px}.designer-card{flex:1;background:#181826;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 8px;text-align:center;display:flex;flex-direction:column;align-items:center}.des-avatar{font-size:22px;margin-bottom:4px}.des-name{font-size:11px;font-weight:600;color:#fff}.des-badge{font-size:9.5px;font-weight:700;color:#38ef7d;margin-top:4px}.comparison-scene{width:100%;height:230px;display:flex;align-items:center;justify-content:space-between;gap:8px}.comp-card{flex:1;height:180px;background:#181826;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 10px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center}.comp-card.ztrass-engine{border-color:#6366f166;background:linear-gradient(160deg,#1f1f33,#141424);box-shadow:0 0 30px #6366f126}.comp-header{font-size:12px;font-weight:800;color:#fff}.software-icons-row{display:flex;flex-direction:column;gap:4px;font-size:10.5px;color:#fff6}.ztrass-logo-badge{font-size:12px;font-weight:800;color:#818cf8}.comp-status{font-size:10.5px;font-weight:700}.comp-status.bad{color:#ff5f57}.comp-status.good{color:#28c840}.vs-badge{font-size:12px;font-weight:900;color:#f1c40f;background:#f1c40f1a;padding:6px;border-radius:50%;border:1px solid rgba(241,196,15,.2)}.custom-services-scene{width:100%;height:230px;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:center}.service-card{background:#181826;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 10px;display:flex;align-items:center;gap:10px;transition:all .3s ease}.s-icon{font-size:22px}.s-title{font-size:12px;font-weight:700;color:#fff}.anim-cascade-1{animation:slideFromLeft .5s cubic-bezier(.16,1,.3,1) forwards}.anim-cascade-2{animation:slideFromRight .5s cubic-bezier(.16,1,.3,1) .1s forwards}.anim-cascade-3{animation:slideFromLeft .5s cubic-bezier(.16,1,.3,1) .2s forwards}.anim-cascade-4{animation:slideFromRight .5s cubic-bezier(.16,1,.3,1) .3s forwards}.tech-showcase-slide-next{animation:techSlideNextIn .65s cubic-bezier(.16,1,.3,1) forwards}.tech-showcase-slide-prev{animation:techSlidePrevIn .65s cubic-bezier(.16,1,.3,1) forwards}.tech-showcase-visual-next{animation:techVisualNextIn .7s cubic-bezier(.16,1,.3,1) forwards}.tech-showcase-visual-prev{animation:techVisualPrevIn .7s cubic-bezier(.16,1,.3,1) forwards}@keyframes techSlideNextIn{0%{opacity:0;transform:translate(65px) scale(.97)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes techSlidePrevIn{0%{opacity:0;transform:translate(-65px) scale(.97)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes techVisualNextIn{0%{opacity:0}to{opacity:1}}@keyframes techVisualPrevIn{0%{opacity:0}to{opacity:1}}.sketch-hero-layout{padding:110px 4vw 40px;display:flex;flex-direction:column;gap:24px;max-width:1400px;margin:0 auto;min-height:85vh;justify-content:space-between}.sketch-header-row{display:flex;justify-content:space-between;align-items:center;width:100%}.sketch-logo-group{display:flex;align-items:center;gap:16px}.sketch-brand-logo{display:inline-flex;align-items:center;gap:6px;text-decoration:none;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);padding:5px 12px;border-radius:6px;backdrop-filter:blur(8px);transition:all .3s ease}.sketch-brand-logo:hover{border-color:#f1c40f80;box-shadow:0 0 15px #f1c40f33}.sketch-logo-sparkle{color:#f1c40f;font-size:14px}.sketch-logo-text{font-size:16px;font-weight:900;letter-spacing:.1em;color:#fff}.sketch-logo-badge{font-size:9px;font-weight:800;color:#818cf8;background:#818cf826;padding:2px 6px;border-radius:4px;letter-spacing:.05em}.sketch-tag-pill{display:inline-flex;border:2px solid #f1c40f;border-radius:4px;overflow:hidden;font-family:monospace,sans-serif;font-size:11px;font-weight:900;letter-spacing:.08em}.yellow-box{background:#f1c40f;color:#000;padding:5px 10px}.black-box{background:#000;color:#fff;padding:5px 10px}.sketch-giant-number{font-size:72px;font-weight:900;color:#f1c40f;line-height:1;letter-spacing:-2px;text-shadow:0 0 20px rgba(241,196,15,.3)}.sketch-main-grid{display:grid;grid-template-columns:1fr 1.3fr 180px;gap:28px;align-items:center;width:100%}.sketch-hero-slogan{display:flex;flex-direction:column;justify-content:flex-end;text-align:left}.slogan-yellow-line{font-size:clamp(34px,4.2vw,60px);font-weight:900;color:#f1c40f;line-height:.95;letter-spacing:-1.5px;text-transform:uppercase;margin:0}.slogan-white-line{font-size:clamp(34px,4.2vw,60px);font-weight:900;color:#fff;line-height:.95;letter-spacing:-1.5px;text-transform:uppercase;margin:0}.sketch-hero-visual{display:flex;justify-content:center;align-items:center}.sketch-right-nav{display:flex;flex-direction:column;gap:16px;align-items:flex-end}.sketch-nav-arrows{display:flex;gap:8px}.tech-nav-arrow{width:38px;height:38px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(8px)}.tech-nav-arrow:hover{background:#f1c40f;color:#000;border-color:#f1c40f;box-shadow:0 0 16px #f1c40f66;transform:translateY(-2px)}.sketch-nav-steps{display:flex;flex-direction:column;gap:8px;width:100%}.sketch-nav-item{cursor:pointer;padding:8px 14px;border-right:3px solid rgba(255,255,255,.15);font-size:11.5px;font-weight:800;letter-spacing:.08em;color:#fff6;transition:all .3s ease;text-align:right;width:100%;display:flex;align-items:center;justify-content:flex-end;gap:8px}.step-num-mini{font-size:10px;font-family:monospace;opacity:.5}.sketch-nav-item:hover{color:#ffffffd9;border-right-color:#f1c40f80}.sketch-nav-item.active{color:#f1c40f;border-right-color:#f1c40f;background:linear-gradient(270deg,rgba(241,196,15,.15),transparent)}.sketch-nav-item.active .step-num-mini{opacity:1;color:#f1c40f}.sketch-bottom-row{display:flex;justify-content:flex-end;width:100%}.sketch-bottom-desc{max-width:520px;text-align:right}.sketch-desc-badge{font-size:11px;font-weight:700;color:#818cf8;margin-bottom:6px;letter-spacing:.05em}.desc-title{font-size:20px;font-weight:800;color:#fff;margin-bottom:8px;line-height:1.3}.desc-text{font-size:14px;color:#ffffffb3;line-height:1.55;margin-bottom:16px}@media(max-width:1024px){.sketch-main-grid{grid-template-columns:1fr;gap:20px}.sketch-right-nav{flex-direction:row;justify-content:center;align-items:center}.sketch-nav-item{border-right:none;border-bottom:3px solid rgba(255,255,255,.15);text-align:center}.sketch-bottom-desc{max-width:100%;text-align:center}}.tech-showcase-hero{padding:100px 3vw 30px;display:flex;flex-direction:column;align-items:center;gap:24px;max-width:1400px;margin:0 auto;min-height:85vh;justify-content:space-between;text-align:center}.tech-hero-top{display:flex;justify-content:center}.tech-hero-center-stage{display:flex;flex-direction:column;align-items:center;gap:32px;width:100%}.tech-text-box{max-width:800px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:12px}.tech-visual-stage{display:flex;align-items:center;justify-content:center;gap:20px;width:100%;position:relative}.tech-side-arrow{width:48px;height:48px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(10px);z-index:10;flex-shrink:0}.tech-side-arrow:hover{background:#f1c40f;color:#000;border-color:#f1c40f;box-shadow:0 0 20px #f1c40f80;transform:scale(1.1)}.tech-bottom-ribbon{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap;width:100%;max-width:1000px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}.tech-ribbon-tab{position:relative;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);padding:10px 18px;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;overflow:hidden}.tech-ribbon-tab:hover{background:#ffffff14;border-color:#f1c40f66}.tech-ribbon-tab.active{background:#f1c40f1f;border-color:#f1c40f;box-shadow:0 0 15px #f1c40f26}.tab-title{font-size:12px;font-weight:800;letter-spacing:.06em;color:#fff9;transition:color .3s ease}.tech-ribbon-tab.active .tab-title{color:#f1c40f}.tab-progress-line{position:absolute;bottom:0;left:0;height:2px;background:#f1c40f;width:100%;animation:fillTab .3s ease forwards}@keyframes fillTab{0%{width:0}to{width:100%}}.sr7-tech-module-wrap{position:relative;width:100%;max-width:100%;height:100vh;min-height:100vh;padding:0;margin:0;overflow:hidden;box-sizing:border-box;display:flex;align-items:center}.sr7-tech-module{position:relative;width:100%;height:100%;background:transparent;display:flex;flex-direction:column;justify-content:center;border-radius:0}.sr7-slide-stage{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;height:100%;min-height:auto;width:100%}.sr7-left-visual-col{display:flex;justify-content:center;align-items:center;width:100%;position:relative}.sr7-visual-card{width:100%;max-width:580px;background:#0f111ab3;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:24px;backdrop-filter:blur(16px);box-shadow:0 20px 50px #00000080;position:relative;overflow:hidden}.sr7-right-text-col{display:flex;flex-direction:column;align-items:flex-start;text-align:left;justify-content:center;min-height:auto;padding:10px 20px;position:relative}.sr7-text-content-box{display:flex;flex-direction:column;gap:14px;min-height:auto;justify-content:center;width:100%}.sr7-giant-title{font-family:Poppins,sans-serif;font-size:clamp(32px,3.8vw,56px);font-weight:800;line-height:1.15;color:#fff;margin:0;letter-spacing:-.02em;min-height:auto}.sr7-subtitle{font-family:Poppins,sans-serif;font-size:15px;font-weight:400;line-height:1.65;color:#ffffffbf;max-width:540px;margin:0;min-height:auto}.sr7-cta-buttons{margin-top:auto;display:flex;gap:16px;align-items:center;position:relative;z-index:10}.sr7-arrow{position:absolute;top:50%;transform:translateY(-50%);width:auto;height:auto;background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:60;transition:transform .25s ease,opacity .25s ease}.sr7-arrow:hover{transform:translateY(-50%) scale(1.15);color:#f1c40f}.sr7-leftarrow{left:28px}.sr7-rightarrow{right:28px}.sr7-bullets-ribbon{display:flex;justify-content:center;align-items:center;gap:12px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);width:100%;flex-wrap:wrap}.sr7-bullet-item{position:relative;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .3s ease;overflow:hidden}.sr7-bullet-item:hover{background:#ffffff14;border-color:#f1c40f66}.sr7-bullet-item.selected{background:#f1c40f1f;border-color:#f1c40f;box-shadow:0 0 20px #f1c40f2e}.bullet-title{font-size:13px;font-weight:800;letter-spacing:.06em;color:#fff9;transition:color .3s ease}.sr7-bullet-item.selected .bullet-title{color:#f1c40f}.bullet-bar-fill{position:absolute;bottom:0;left:0;height:3px;width:100%;background:#f1c40f;animation:sr7BarFill 20s linear forwards}@keyframes sr7BarFill{0%{width:0}to{width:100%}}@media(max-width:1024px){.sr7-slide-stage{grid-template-columns:1fr;gap:30px}.sr7-right-text-col{align-items:center;text-align:center}.sr7-leftarrow{left:10px}.sr7-rightarrow{right:10px}}.clean-cloud-showcase{display:flex;align-items:center;justify-content:center;height:260px;width:100%}.cloud-badge-hero{display:flex;align-items:center;gap:16px;background:#141622a6;border:1px solid rgba(255,255,255,.18);padding:18px 28px;border-radius:20px;backdrop-filter:blur(16px);box-shadow:0 20px 40px #0006}.cloud-icon-pulse{font-size:36px;filter:drop-shadow(0 0 10px rgba(241,196,15,.4));animation:floatCloud 3s ease-in-out infinite}@keyframes floatCloud{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.cloud-text-group{display:flex;flex-direction:column;text-align:left}.cloud-title{color:#fff;font-size:16px;font-weight:700;letter-spacing:-.01em}.cloud-desc{color:#a0a5ba;font-size:13px;font-weight:500;margin-top:2px}.hero-platforms-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:20px}.hp-badge{display:flex;align-items:center;gap:8px;background:#141828d9;border:1px solid rgba(255,255,255,.22);padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;color:#fff;backdrop-filter:blur(10px);box-shadow:0 4px 14px #0006}@keyframes animSlideInRight{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:translate(0)}}.hero-bg-layer{position:absolute;inset:0;width:100%;height:100%;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat;z-index:1}@keyframes animBgSlide{0%{opacity:.15;transform:scale(1.05) translate(50px);filter:blur(14px)}to{opacity:1;transform:scale(1) translate(0);filter:blur(0px)}}.anim-bg-slide{animation:animBgSlide .75s cubic-bezier(.16,1,.3,1) forwards}@keyframes animGlassUnblur{0%{opacity:0;filter:blur(18px);transform:translate(-30px)}to{opacity:1;filter:blur(0px);transform:translate(0)}}.hero-full-bleed-module:before{content:"";position:absolute;inset:0;width:60%;height:100%;background:linear-gradient(to right,rgba(4,6,14,.82) 0%,rgba(4,6,14,.45) 55%,transparent 100%);z-index:2;pointer-events:none}.full-bg-text-col{width:100%;max-width:580px;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:none!important;padding:0!important;box-shadow:none!important;z-index:10;margin-left:48px;margin-right:auto;animation:animGlassUnblur .7s cubic-bezier(.16,1,.3,1) .35s both}.sr7-giant-title{color:#fff!important;text-shadow:0 2px 4px #000000,0 4px 16px rgba(0,0,0,.98),0 0 30px rgba(0,0,0,.95)!important}.intext-dev-note{font-size:13px;font-weight:600;color:#f1c40f;font-style:normal;background:#f1c40f26;padding:2px 8px;border-radius:6px;border:1px solid rgba(241,196,15,.3);margin-left:6px;text-shadow:0 2px 6px rgba(0,0,0,.9)}.white-highlight{display:block;margin-top:6px;color:#fff!important;background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#ffffff!important;text-shadow:0 2px 4px #000000,0 4px 16px rgba(0,0,0,.98),0 0 30px rgba(0,0,0,.95)!important;font-weight:800}.inline-title-logos{display:inline-flex;align-items:center;gap:10px;margin-left:12px;vertical-align:middle}.hp-pure-logo.inline{display:inline-flex;margin:0;padding:0}.sr7-text-content-box .sr7-giant-title{font-size:34px;font-weight:800;min-height:auto;line-height:1.2;letter-spacing:-.015em;color:#fff!important;text-shadow:0 2px 4px #000000,0 4px 16px rgba(0,0,0,.98),0 0 30px rgba(0,0,0,.95)!important;margin-bottom:12px}.full-bg-text-col .sr7-subtitle{font-size:15.5px;font-weight:500;min-height:auto;line-height:1.65;letter-spacing:.01em;color:#fff!important;text-shadow:0 2px 4px #000000,0 3px 12px rgba(0,0,0,.98),0 0 20px rgba(0,0,0,.95)!important;margin-top:14px}.cross-device-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px;margin-bottom:6px;width:100%}.dev-cap-card{display:flex;align-items:center;gap:8px;background:#ffffff12;border:1px solid rgba(255,255,255,.16);padding:8px 12px;border-radius:12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 14px #0000004d;transition:all .3s ease}.dev-cap-card:hover{background:#f1c40f26;border-color:#f1c40f;transform:translateY(-2px)}.dev-cap-icon{font-size:20px}.dev-cap-info{display:flex;flex-direction:column}.dev-cap-info strong{font-size:12px;font-weight:700;color:#fff;line-height:1.2}.dev-cap-info span{font-size:10px;color:#ffffffb3;line-height:1.2}.hp-pure-logo{display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:4px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);filter:drop-shadow(0 4px 12px rgba(0,0,0,.7))}.hp-pure-logo:hover{transform:translateY(-4px) scale(1.2);filter:drop-shadow(0 6px 18px rgba(241,196,15,.6))}.sr7-bullets-ribbon{display:flex;flex-direction:column;align-items:flex-end;gap:10px;position:absolute;right:32px;top:50%;transform:translateY(-50%);z-index:60;width:auto;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;padding:0;margin:0}.sr7-bullet-item{display:flex;align-items:center;gap:8px;background:#0a0c18a6;border:1px solid rgba(255,255,255,.16);padding:6px 14px;border-radius:20px;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 14px #0006}.sr7-bullet-item:hover{background:#fff3;border-color:#f1c40f80;transform:translate(-4px)}.sr7-bullet-item.selected{background:#f1c40f33;border-color:#f1c40f;box-shadow:0 4px 18px #f1c40f59}.bullet-num{font-size:10px;font-weight:800;color:#f1c40f}.bullet-title{font-size:11px;font-weight:600;letter-spacing:.04em;color:#fffc}.sr7-tech-module-wrap.hero-full-bleed-wrap{width:100%;max-width:100%;height:100vh;min-height:100vh;padding:0;margin:0!important;overflow:hidden;box-sizing:border-box;display:flex;align-items:center}.sr7-tech-module.hero-full-bleed-module{width:100%;max-width:100%;height:100%;min-height:100%;border-radius:0;margin:0;padding:72px 4vw 20px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.features-section{padding-top:140px!important}.elite-features-section{padding:80px 4vw 100px;max-width:1280px;margin:0 auto}.elite-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}@media(max-width:1024px){.elite-features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.elite-features-grid{grid-template-columns:1fr}}.elite-feature-card{background:#0e101cbf;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:32px 28px;display:flex;flex-direction:column;justify-content:space-between;gap:20px;transition:all .35s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:relative;overflow:hidden}.elite-feature-card:hover{transform:translateY(-6px);border-color:#f1c40f66;box-shadow:0 20px 50px #0009,0 0 30px #f1c40f26;background:#121526e6}.elite-card-top{display:flex;align-items:center;justify-content:space-between}.elite-card-icon-wrap{width:48px;height:48px;border-radius:14px;background:#f1c40f1a;border:1px solid rgba(241,196,15,.25);display:flex;align-items:center;justify-content:center;font-size:22px}.elite-card-badge{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#ffffff80;background:#ffffff0d;padding:4px 10px;border-radius:12px}.elite-card-content h3{font-size:20px;font-weight:700;color:#fff;margin:0 0 10px;line-height:1.3}.elite-card-content p{font-size:14px;line-height:1.6;color:#ffffffb3;margin:0}.btn-read-more{display:inline-flex;align-items:center;gap:8px;background:transparent;border:none;color:#f1c40f;font-size:14px;font-weight:700;cursor:pointer;padding:0;margin-top:10px;transition:gap .25s ease,color .25s ease;width:fit-content}.btn-read-more:hover{gap:12px;color:#fff}.pp-page{min-height:100vh;background:radial-gradient(circle at top right,#1a1c2c,#0d0e14);color:#fff;padding:24px 20px;font-family:Inter,sans-serif;display:flex;flex-direction:column;align-items:center}.pp-header{text-align:center;margin-bottom:10px;max-width:800px}.pp-title{font-size:2rem;font-weight:800;margin-bottom:6px;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.pp-subtitle{font-size:.95rem;color:#94a3b8;line-height:1.5;margin-bottom:10px}.pp-toggle-wrapper{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:16px;font-weight:600;font-size:.95rem}.pp-toggle-wrapper span{color:#64748b;transition:color .3s}.pp-toggle-wrapper span.active{color:#fff}.pp-toggle-btn{width:54px;height:28px;background:#334155;border-radius:30px;position:relative;border:none;cursor:pointer;padding:4px;transition:background .3s}.pp-toggle-btn.yearly{background:#6366f1}.pp-toggle-dot{width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.pp-toggle-btn.yearly .pp-toggle-dot{transform:translate(26px)}.pp-save-badge{background:#10b981;color:#fff;font-size:.75rem;padding:2px 8px;border-radius:12px;margin-left:8px;vertical-align:middle}.pp-hybrid-badge{display:inline-flex;align-items:center;gap:8px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:#60a5fa;padding:6px 14px;border-radius:50px;font-size:.82rem;font-weight:500;backdrop-filter:blur(4px);margin-top:4px;margin-bottom:16px}.pp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;width:100%;max-width:960px;margin:0 auto 24px}@media(max-width:992px){.pp-grid{grid-template-columns:repeat(2,1fr);max-width:600px}}@media(max-width:576px){.pp-grid{grid-template-columns:1fr;max-width:340px}}.pp-card{position:relative;background:#1e293b66;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:18px 16px;display:flex;flex-direction:column;transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}.pp-card:hover{transform:translateY(-5px);border-color:var(--accent-color);box-shadow:0 16px 32px #0006,0 0 16px rgba(var(--accent-color-rgb, 99, 102, 241),.3)}.pp-card.popular{border-color:#f59e0b;background:#f59e0b14;transform:scale(1.02);z-index:2}.pp-card.popular:hover{transform:scale(1.02) translateY(-5px)}.pp-card.highlight{border-color:#8b5cf6;box-shadow:0 0 30px #8b5cf633}.pp-popular-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#0b0e14;padding:4px 10px;border-radius:10px;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 12px #f59e0b66;z-index:10}.pp-price-meta{display:flex;align-items:center;gap:5px;margin-left:3px;white-space:nowrap;flex-wrap:nowrap}.pp-price-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:2px 7px;border-radius:6px;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.02em;box-shadow:0 0 10px #10b98166;border:1px solid rgba(16,185,129,.5);white-space:nowrap;flex-shrink:0;animation:badge-glow 2.5s infinite ease-in-out}@keyframes badge-glow{0%{box-shadow:0 0 6px #10b98166;border-color:#10b98180}50%{box-shadow:0 0 16px #10b981cc,0 0 22px #10b9814d;border-color:#ffffffb3}to{box-shadow:0 0 6px #10b98166;border-color:#10b98180}}.pp-plan-header{margin-bottom:12px}.pp-icon-wrapper{width:38px;height:38px;background:#ffffff0d;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;color:var(--accent-color)}.pp-plan-icon{width:20px;height:20px}.pp-plan-name{font-size:1.15rem;font-weight:700;margin-bottom:4px}.pp-plan-price{display:flex;align-items:baseline;gap:4px;white-space:nowrap;flex-wrap:nowrap}.pp-card-seat-stepper{display:inline-flex;align-items:center;gap:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:3px 8px;margin-top:8px}.pp-stepper-label{font-size:.72rem;color:#94a3b8;font-weight:600}.pp-stepper-box{display:flex;align-items:center;gap:4px}.pp-stepper-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#fff;width:18px;height:18px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:all .2s ease}.pp-stepper-btn:hover:not(:disabled){background:var(--accent-color, #6366f1);border-color:var(--accent-color, #6366f1)}.pp-stepper-btn:disabled{opacity:.25;cursor:not-allowed}.pp-stepper-count{font-size:.8rem;font-weight:800;color:#fff;min-width:14px;text-align:center}.pp-currency{font-size:1.1rem;font-weight:600;color:#94a3b8}.pp-amount{font-size:1.85rem;font-weight:800;color:#fff}.pp-period{font-size:.82rem;color:#94a3b8}.pp-features{list-style:none;padding:0;margin:0 0 14px;flex-grow:1}.pp-features li{display:flex;align-items:center;gap:8px;margin-bottom:6px;color:#cbd5e1;font-size:.82rem;line-height:1.35}.pp-check{color:#10b981;flex-shrink:0}.pp-button{background:var(--accent-color);color:#fff;border:none;padding:9px;border-radius:10px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .3s ease}.pp-button:hover{filter:brightness(1.15);transform:scale(1.02);box-shadow:0 8px 20px #0000004d}.pp-sidebyside-banners{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;width:100%;max-width:1200px;margin-bottom:40px}@media(max-width:992px){.pp-sidebyside-banners{grid-template-columns:1fr}}.pp-compact-banner{margin-bottom:0!important;display:flex;flex-direction:column;justify-content:space-between;padding:28px 24px}.pp-custom-features-list.compact-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 12px}.pp-payg-section{width:100%;max-width:1200px;margin-bottom:40px;background:#1e293b33;border:1px dashed rgba(255,255,255,.1);border-radius:32px;padding:40px}.pp-section-intro{text-align:center;margin-bottom:32px}.pp-section-intro h2{font-size:1.8rem;font-weight:800;margin-bottom:8px}.pp-section-intro p{color:#94a3b8}.pp-packages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.pp-package-item{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.pp-package-item:hover{background:#ffffff0d;border-color:#ffffff1a}.pp-package-item.featured{border-color:#6366f1;background:#6366f10d}.pp-package-text{font-weight:700;font-size:1.1rem;color:#fff}.pp-package-buy{background:#ffffff1a;color:#fff;border:none;padding:10px 20px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.pp-package-buy:hover{background:#fff;color:#000}.pp-trust-row{display:flex;justify-content:center;gap:48px;margin-bottom:40px;color:#94a3b8;font-size:.9rem;font-weight:500}.pp-trust-item{display:flex;align-items:center;gap:10px}.pp-comparison-section{width:100%;max-width:1000px;margin-bottom:40px}.pp-section-title{text-align:center;font-size:2rem;font-weight:800;margin-bottom:40px}.pp-table-container{background:#1e293b4d;border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow-x:auto}.pp-table{width:100%;border-collapse:collapse;text-align:left;min-width:600px}.pp-table th,.pp-table td{padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.05)}.pp-table th{background:#ffffff08;font-weight:700;color:#fff;font-size:.95rem}.pp-table td{color:#cbd5e1;font-size:.9rem}.pp-table td:not(:first-child){text-align:center}.pp-table tr:hover td{background:#ffffff05}.pp-faq-section{width:100%;max-width:800px;margin-bottom:40px}.pp-faq-list{display:flex;flex-direction:column;gap:12px}.pp-faq-item{background:#1e293b66;border:1px solid rgba(255,255,255,.08);border-radius:16px;cursor:pointer;transition:all .3s ease}.pp-faq-item.active{border-color:#6366f1}.pp-faq-question{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:1rem}.pp-faq-answer{padding:0 24px 20px;color:#94a3b8;font-size:.95rem;line-height:1.6}@media(max-width:1100px){.pp-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.pp-title{font-size:2.2rem}.pp-grid{grid-template-columns:1fr;max-width:450px}.pp-card.popular{transform:none}.pp-card.popular:hover{transform:translateY(-8px)}.pp-trust-row{flex-wrap:wrap;gap:24px;justify-content:center}.pp-payg-section{padding:24px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-family:inherit;font-weight:600;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap;position:relative;overflow:hidden;outline:none}.btn:focus-visible{box-shadow:0 0 0 3px var(--color-primary-light)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:.875rem}.btn-md{padding:var(--spacing-sm) var(--spacing-lg);font-size:.9375rem}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:1.0625rem}.btn-fullwidth{width:100%}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:var(--text-light);box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary-dark) 100%);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-secondary-hover) 100%);color:var(--text-light);box-shadow:var(--shadow-md)}.btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-secondary-hover) 0%,#BE185D 100%);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-success{background:var(--color-success);color:var(--text-light);box-shadow:var(--shadow-md)}.btn-success:hover:not(:disabled){background:#059669;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-warning{background:var(--color-warning);color:#78350f;box-shadow:var(--shadow-md)}.btn-warning:hover:not(:disabled){background:#d97706;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-error{background:var(--color-error);color:var(--text-light);box-shadow:var(--shadow-md)}.btn-error:hover:not(:disabled){background:#dc2626;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-ghost{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-ghost:hover:not(:disabled){background:var(--color-primary);color:var(--text-light);transform:translateY(-2px)}.btn-loading{position:relative;color:transparent!important;pointer-events:none}.btn-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.btn-icon{display:inline-flex;align-items:center}.btn-icon-left{margin-right:calc(var(--spacing-xs) * -1)}.btn-icon-right{margin-left:calc(var(--spacing-xs) * -1)}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:active:not(:disabled):before{width:300px;height:300px}.card{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:all var(--transition-normal);border:1px solid var(--color-gray-200)}.card-padding-none{padding:0}.card-padding-sm{padding:var(--spacing-md)}.card-padding-md{padding:var(--spacing-lg)}.card-padding-lg{padding:var(--spacing-xl)}.card-hover:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px);border-color:var(--color-primary-light)}.card-clickable{cursor:pointer;user-select:none}.card-clickable:active{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-header{padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-md);border-bottom:1px solid var(--color-gray-200)}.card-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.card-subtitle{font-size:.875rem;color:var(--text-tertiary);margin-top:var(--spacing-xs)}.card-body{color:var(--text-secondary);line-height:1.6}.card-footer{padding-top:var(--spacing-md);margin-top:var(--spacing-md);border-top:1px solid var(--color-gray-200);display:flex;gap:var(--spacing-md);align-items:center}.input-wrapper{display:flex;flex-direction:column;gap:.125rem}.input-fullwidth{width:100%}.input-label{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem;letter-spacing:.01em}.input-container{position:relative;display:flex;align-items:center}.input{width:100%;padding:.5rem .75rem;font-size:.9375rem;font-family:inherit;color:var(--text-primary);background:var(--bg-primary);border:1.5px solid var(--color-gray-300);border-radius:var(--radius-md);transition:all var(--transition-fast);outline:none;line-height:1.4}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.input:disabled{background:var(--color-gray-100);cursor:not-allowed;opacity:.7}.input::placeholder{color:var(--color-gray-400)}.input-with-icon-left{padding-left:2.5rem}.input-with-icon-right{padding-right:2.5rem}.input-icon{position:absolute;top:50%;transform:translateY(-50%);color:var(--color-gray-500);display:flex;align-items:center;justify-content:center;pointer-events:none;font-size:1.25rem;line-height:1;width:20px;height:20px}.input-icon-left{left:.75rem}.input-icon-right{right:.75rem}.input-container.input-error .input{border-color:var(--color-error)}.input-container.input-error .input:focus{box-shadow:0 0 0 3px var(--color-error-light)}.input-error-text{font-size:.875rem;color:var(--color-error);margin-top:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-xs)}.input-error-text:before{content:"⚠️";font-size:.875rem}.input-helper-text{font-size:.875rem;color:var(--text-tertiary);margin-top:var(--spacing-xs)}textarea.input{min-height:100px;resize:vertical;padding:var(--spacing-md);line-height:1.6}select.input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23737373'%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-repeat:no-repeat;background-position:right var(--spacing-md) center;background-size:1.25rem;padding-right:calc(var(--spacing-xl) + var(--spacing-md))}.contact-page{min-height:100vh;background-color:#050505;color:#ededed;font-family:inherit}.contact-embedded{color:#ededed;font-family:inherit;width:100%}.contact-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-xl);background:#0a0a0ccc;backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05);position:sticky;top:0;z-index:100}.contact-header .logo a{font-size:1.25rem;font-weight:800;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none}.back-home{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.875rem;transition:color .2s ease;display:flex;align-items:center;gap:var(--spacing-xs)}.back-home:hover{color:var(--color-primary)}.contact-hero{text-align:center;padding:1.5rem var(--spacing-lg);background:linear-gradient(135deg,#6366f114,#a855f714);border-bottom:1px solid rgba(255,255,255,.03)}.contact-hero h1{font-size:1.75rem;font-weight:800;margin:0 0 6px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3)}.contact-hero p{font-size:.9375rem;color:#a1a1aa;max-width:500px;margin:0 auto}.contact-container{max-width:1100px;margin:0 auto;padding:1.5rem var(--spacing-md)}.contact-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:1.5rem;align-items:start}.contact-info-panel .card{background:#12121666;border:1px solid rgba(255,255,255,.05);border-radius:12px;box-shadow:0 4px 20px #0000004d}.info-panel-header{margin-bottom:1.25rem;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:.75rem}.info-panel-header h2{font-size:1.15rem;font-weight:700;color:#fff;margin:0 0 4px}.info-panel-header p{font-size:.85rem;color:#a1a1aa;margin:0}.contact-methods-list{display:flex;flex-direction:column;gap:1rem}.contact-method-row{display:flex;gap:.875rem;align-items:flex-start;padding-bottom:.875rem;border-bottom:1px solid rgba(255,255,255,.03)}.contact-method-row:last-child{border-bottom:none;padding-bottom:0}.method-icon-mini{font-size:1.25rem;background:#6366f11a;color:#818cf8;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.method-details{display:flex;flex-direction:column;gap:1px}.method-details h4{margin:0;font-size:.875rem;font-weight:600;color:#fff}.method-link{color:#818cf8;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s ease}.method-link:hover{color:#a5b4fc;text-decoration:underline}.method-value{color:#ededed;font-size:.875rem;font-weight:500}.method-subtext{color:#71717a;font-size:.75rem}.contact-form-panel .card{background:#12121666;border:1px solid rgba(255,255,255,.05);border-radius:12px;box-shadow:0 4px 20px #0000004d}.form-header-compact{margin-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:.75rem}.form-header-compact h3{font-size:1.15rem;font-weight:700;color:#fff;margin:0 0 4px}.form-header-compact p{font-size:.85rem;color:#a1a1aa;margin:0}.contact-form-compact{display:flex;flex-direction:column;gap:.75rem}.form-row-compact{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.form-group-compact{display:flex;flex-direction:column;gap:3px}.input-label-compact{font-size:.875rem;font-weight:600;color:#d4d4d8;text-transform:uppercase;letter-spacing:.03em}.select-container-compact{position:relative;width:100%}.select-compact{width:100%;padding:.45rem .75rem;font-size:.875rem;background:#121214;border:1px solid #27272a;border-radius:6px;color:#ededed;outline:none;cursor:pointer;height:38px;transition:all .2s ease}.select-compact:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f126}.textarea-compact{width:100%;padding:.5rem .75rem;font-size:.875rem;background:#121214;border:1px solid #27272a;border-radius:6px;color:#ededed;outline:none;resize:vertical;line-height:1.4;transition:all .2s ease}.textarea-compact:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f126}.faq-section-accordion{margin-top:2.5rem;border-top:1px solid rgba(255,255,255,.05);padding-top:2rem}.faq-title-compact{font-size:1.35rem;font-weight:800;text-align:center;color:#fff;margin-bottom:1.25rem}.faq-accordion{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:8px}.faq-accordion-item{background:#1212164d;border:1px solid rgba(255,255,255,.04);border-radius:8px;overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1)}.faq-accordion-item:hover{border-color:#6366f140;background:#12121680}.faq-accordion-item.active{border-color:#6366f159;background:#0f0f14b3;box-shadow:0 4px 20px #0003}.faq-accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;background:transparent;border:none;font-size:.9375rem;font-weight:600;color:#fff;text-align:left;cursor:pointer;outline:none;transition:color .2s ease}.faq-accordion-header:hover{color:#818cf8}.faq-icon-arrow{font-size:.75rem;color:#71717a;transition:transform .25s ease}.faq-accordion-item.active .faq-icon-arrow{color:#818cf8;transform:rotate(180deg)}.faq-accordion-content{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1)}.faq-accordion-item.active .faq-accordion-content{max-height:250px}.faq-accordion-content-inner{padding:0 1.25rem 1.25rem;border-top:1px solid rgba(255,255,255,.02)}.faq-accordion-content p{margin:0;color:#a1a1aa;font-size:.875rem;line-height:1.5}.contact-footer{text-align:center;padding:var(--spacing-lg);margin-top:2rem;border-top:1px solid rgba(255,255,255,.05);color:#52525b}.contact-footer p{margin:0;font-size:.8rem}.contact-page .input-container,.contact-embedded .input-container{height:38px!important}.contact-page .input,.contact-embedded .input{background:#121214!important;border-color:#27272a!important;color:#ededed!important;height:38px!important;padding:.45rem .75rem!important;font-size:.875rem!important}.contact-page .input.input-with-icon-left,.contact-embedded .input.input-with-icon-left{padding-left:2.5rem!important}.contact-page .input:focus,.contact-embedded .input:focus{border-color:#6366f1!important}.contact-page .input-label,.contact-embedded .input-label{font-size:.875rem!important;font-weight:600!important;color:#d4d4d8!important;text-transform:uppercase!important;letter-spacing:.03em!important}@media(max-width:992px){.contact-grid{grid-template-columns:1fr;gap:1.25rem}}@media(max-width:768px){.contact-header{padding:var(--spacing-sm) var(--spacing-md)}.contact-hero{padding:1.25rem var(--spacing-md)}.contact-hero h1{font-size:1.5rem}.form-row-compact{grid-template-columns:1fr;gap:.75rem}}.login-modal-overlay{position:fixed;inset:0;background:#0a0a19eb;z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease}.login-modal-content{background:#0e101cf5;backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px 36px;width:100%;max-width:480px;position:relative;box-shadow:0 20px 60px #000000b3;animation:slideUp .25s cubic-bezier(.16,1,.3,1) forwards;will-change:transform,opacity}.login-dev-banner{display:flex;align-items:flex-start;gap:14px;background:#0a0c18d9;border:1px solid rgba(255,255,255,.09);padding:16px 18px;border-radius:14px;margin-bottom:24px;margin-top:10px;box-shadow:0 4px 16px #0000004d}.login-dev-icon{font-size:24px;line-height:1;flex-shrink:0;margin-top:2px}.login-dev-text h4{margin:0 0 6px;font-size:14.5px;font-weight:700;color:#fff;letter-spacing:.01em}.login-dev-text p{margin:0;font-size:12.5px;line-height:1.55;color:#fffc}.dev-banner-accent{color:#00d2ff!important;font-weight:700}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-modal-close{position:absolute;top:16px;right:16px;background:transparent;border:none;color:#fff;font-size:24px;cursor:pointer;opacity:.6;transition:opacity .2s}.login-modal-close:hover{opacity:1}.login-modal-header{text-align:center;margin-bottom:28px}.login-logo{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px;text-decoration:none}.login-logo-stone-wrap{position:relative;width:28px;height:28px;border-radius:50%;overflow:hidden;box-shadow:0 0 15px #a5b4fc4d}.login-logo-stone-img{width:100%;height:100%;object-fit:cover;display:block}.login-logo-stone-shine{position:absolute;inset:0;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:shineSweep 3s ease-in-out infinite}.login-logo-text{font-family:Playfair Display,Georgia,serif;font-size:21px;font-weight:800;letter-spacing:.04em;background:linear-gradient(to right,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;user-select:none}.login-modal-content h2{margin:0 0 8px;color:#fff;font-size:22px;font-weight:600}.login-modal-subtitle{color:#ffffff80;font-size:14px;margin:0}.login-modal-error{color:#ef4444;background:#ef44441a;padding:10px;border-radius:8px;text-align:center;font-size:14px;margin-bottom:20px}.login-modal-form{display:flex;flex-direction:column;gap:16px}.login-input-group{position:relative;display:flex;align-items:center}.login-input-icon{position:absolute;left:16px;color:#fff6;pointer-events:none;transition:color .3s}.login-input-group:focus-within .login-input-icon{color:#a5b4fc}.login-modal-form input[type=email],.login-modal-form input[type=password]{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:14px 16px 14px 44px!important;border-radius:12px!important;font-size:15px;transition:all .3s ease;box-sizing:border-box}.login-modal-form input[type=email]:focus,.login-modal-form input[type=password]:focus{outline:none;border-color:#a5b4fc;background:#ffffff14}.btn-modal-primary{background:linear-gradient(120deg,#4338ca,#6366f1);color:#fff;border:none;padding:14px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;margin-top:8px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 14px #6366f166}.btn-modal-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f199}.btn-modal-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-modal-footer{margin-top:24px;text-align:center;color:#fff9;font-size:14px;line-height:1.6}.login-modal-footer a{color:#a5b4fc;text-decoration:none;transition:color .2s}.login-modal-footer a:hover{color:#fff}.feature-modal-overlay{position:fixed;inset:0;background:#04060ee0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeInModal .2s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.feature-modal-card{background:#10121ef5;border:1px solid rgba(255,255,255,.14);border-radius:24px;width:100%;max-width:640px;max-height:85vh;overflow-y:auto;position:relative;box-shadow:0 24px 70px #000c;padding:36px 40px;display:flex;flex-direction:column;gap:24px;animation:slideUpModal .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideUpModal{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.feature-modal-close{position:absolute;top:20px;right:20px;width:36px;height:36px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.feature-modal-close:hover{background:#ffffff26;color:#fff}.feature-modal-header{display:flex;flex-direction:column;gap:12px}.feature-badge-pill{display:inline-flex;align-items:center;gap:8px;background:#f1c40f1f;border:1px solid rgba(241,196,15,.3);color:#f1c40f;font-size:12.5px;font-weight:700;padding:6px 14px;border-radius:20px;width:fit-content;letter-spacing:.03em}.feature-icon-symbol{font-size:16px}.feature-modal-title{font-size:26px;font-weight:800;color:#fff;margin:0;line-height:1.25;letter-spacing:-.015em}.feature-modal-summary{font-size:15px;color:#ffffffbf;line-height:1.6;margin:0}.feature-modal-body{display:flex;flex-direction:column;gap:22px;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);padding:20px 0}.feature-modal-section h3{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#f1c40f;margin:0 0 10px}.feature-full-text{font-size:14.5px;line-height:1.65;color:#ffffffe0;margin:0}.feature-highlights-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.highlight-item{display:flex;align-items:center;gap:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);padding:10px 14px;border-radius:10px;font-size:13.5px;color:#fff}.highlight-check{color:#f1c40f;flex-shrink:0}.tech-specs-list{display:flex;flex-direction:column;gap:8px;background:#0000004d;padding:14px;border-radius:12px;border:1px solid rgba(255,255,255,.06)}.spec-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:4px 0;border-bottom:1px dashed rgba(255,255,255,.08)}.spec-row:last-child{border-bottom:none}.spec-label{color:#fff9}.spec-value{color:#fff;font-weight:600}.feature-modal-footer{display:flex;justify-content:flex-end;gap:12px;align-items:center}.btn-modal-close-secondary{background:transparent;border:1px solid rgba(255,255,255,.15);color:#fffc;padding:10px 20px;border-radius:10px;font-size:13.5px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-modal-close-secondary:hover{background:#ffffff14;color:#fff}.btn-modal-action-primary{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#f1c40f,#d4ac0d);color:#0b0e14;padding:10px 22px;border-radius:10px;font-size:13.5px;font-weight:700;text-decoration:none;transition:all .2s ease;box-shadow:0 4px 16px #f1c40f4d}.btn-modal-action-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #f1c40f80}.login-page{min-height:80vh;display:flex;justify-content:center;align-items:center;background:#f3f4f6;padding:1.5rem 1rem}.login-card{background:#fff;padding:1.5rem;border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000000d;width:100%;max-width:400px}.login-card.wide{max-width:700px}.login-card.compact-wide{max-width:650px;padding:1.25rem}.login-card h1{text-align:center;margin-bottom:.5rem;font-size:1.5rem}.form-description{text-align:center;margin-bottom:1rem;color:#6b7280;font-size:13px}.compact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:.75rem}.grid-column{display:flex;flex-direction:column;gap:.625rem}.form-section-compact{display:flex;flex-direction:column}.form-section-compact label{font-size:12px;font-weight:500;color:#374151;margin-bottom:.25rem}.form-section-compact input,.form-section-compact select,.form-section-compact textarea{width:100%;padding:.5rem .625rem;border:1px solid #d1d5db;border-radius:var(--radius-md);font-size:13px}.form-section-compact textarea{resize:vertical;font-family:inherit}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 1rem}.form-section{margin-bottom:1rem}.form-section.grid-span-2{grid-column:span 2 / span 2}.form-section label{display:block;margin-bottom:.375rem;font-weight:500;color:#374151;font-size:13px}.login-card input[type=text],.login-card input[type=email],.login-card input[type=password],.login-card input[type=tel],.login-card input[type=number],.login-card input[type=file],.login-card select,.login-card textarea{width:100%;padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:var(--radius-md);font-size:14px}.login-card textarea{min-height:80px;resize:vertical}.login-card button{width:100%;padding:.75rem;background:#4f46e5;color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:600;margin-top:.5rem;transition:background .2s}.login-card button:hover:not(:disabled){background:#4338ca}.login-card button:disabled{opacity:.6;cursor:not-allowed}.error-message{padding:.75rem;background-color:#fee2e2;border:1px solid #ef4444;border-radius:var(--radius-md);margin-bottom:1rem;color:#dc2626;font-size:.875rem}.login-card p{text-align:center;margin-top:1rem;color:#6b7280}.login-card p.form-footer{text-align:center;margin-top:1rem;color:#6b7280;font-size:13px}.login-card p a{color:#4f46e5;font-weight:500;text-decoration:none;margin-left:.25rem}.approval-card{background:#fff;padding:2.5rem 2rem;border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000014;width:100%;max-width:550px;text-align:center}.approval-icon{display:flex;justify-content:center;margin-bottom:1.5rem;color:#22c55e;animation:scaleIn .4s ease-out}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.approval-card h1{font-size:1.75rem;margin-bottom:1.5rem;color:#111827}.approval-message{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:#fef3c7;border:1px solid #fbbf24;border-radius:var(--radius-md);margin-bottom:2rem;color:#92400e}.approval-message svg{flex-shrink:0}.approval-message p{margin:0;font-size:15px;text-align:center}.approval-message strong{color:#78350f;font-weight:600}.approval-steps{display:flex;flex-direction:column;gap:0;margin:2rem 0;padding:0 1rem}.step{display:flex;align-items:flex-start;gap:1rem;text-align:left}.step-number{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0;transition:all .3s}.step.completed .step-number{background:#22c55e;color:#fff}.step.pending .step-number{background:#e5e7eb;color:#9ca3af}.step-content h3{font-size:15px;font-weight:600;margin:0 0 .25rem;color:#111827}.step-content p{margin:0;font-size:13px;color:#6b7280;text-align:left}.step.pending .step-content h3{color:#6b7280}.step-line{width:2px;height:24px;background:#e5e7eb;margin-left:17px}.approval-info{display:flex;align-items:center;justify-content:center;gap:.625rem;padding:.875rem;background:#eff6ff;border:1px solid #3b82f6;border-radius:var(--radius-md);margin:2rem 0 1.5rem;color:#1e40af}.approval-info svg{flex-shrink:0}.approval-info p{margin:0;font-size:14px;text-align:center}.approval-actions{display:flex;gap:.75rem;margin-bottom:1.5rem}.btn-primary,.btn-secondary{flex:1;padding:.75rem 1.25rem;border-radius:var(--radius-md);font-weight:600;font-size:14px;text-decoration:none;text-align:center;transition:all .2s}.btn-primary{background:#4f46e5;color:#fff;border:2px solid #4F46E5}.btn-primary:hover{background:#4338ca;border-color:#4338ca}.btn-secondary{background:#fff;color:#4f46e5;border:2px solid #4F46E5}.btn-secondary:hover{background:#f5f5ff}.approval-note{padding-top:1rem;border-top:1px solid #e5e7eb}.approval-note p{margin:0;font-size:13px;color:#6b7280}.approval-note a{color:#4f46e5;text-decoration:none;font-weight:500}.approval-note a:hover{text-decoration:underline}@media(max-width:640px){.compact-grid{grid-template-columns:1fr}.approval-card{padding:2rem 1.5rem}.approval-actions{flex-direction:column}}.login-page.dark-modern-theme{background:#09090b;color:#f8fafc;min-height:100vh}.dark-modern-theme .login-card{background:#18181bcc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);box-shadow:0 25px 50px -12px #0009,0 0 0 1px #ffffff0d;border-radius:1.5rem}.dark-modern-theme .login-card h1{color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:-.025em;margin-bottom:.1rem}.dark-modern-theme .form-description{color:#a1a1aa;font-size:12px;margin-bottom:.5rem}.dark-modern-theme .form-section-compact label{color:#d4d4d8;font-size:11px;font-weight:600;letter-spacing:.025em;text-transform:uppercase;margin-bottom:.2rem}.dark-modern-theme .form-section-compact input[name=age],.dark-modern-theme .form-section-compact input[name=employeeCount],.dark-modern-theme .form-section-compact input[name=designerCount],.dark-modern-theme .form-section-compact input[name=taxInfo],.dark-modern-theme .form-section-compact input[name=iban]{padding:.25rem .6rem}.dark-modern-theme .form-section-compact input,.dark-modern-theme .form-section-compact select,.dark-modern-theme .form-section-compact textarea{background:#18181b;border:1px solid #3f3f46;color:#f4f4f5;border-radius:.35rem;padding:.35rem .6rem;font-size:13px;transition:all .2s ease;box-shadow:inset 0 2px 4px #0000001a}.dark-modern-theme .form-section-compact input:focus,.dark-modern-theme .form-section-compact select:focus,.dark-modern-theme .form-section-compact textarea:focus{outline:none;border-color:#6366f1;background:#27272a;box-shadow:0 0 0 2px #6366f133}.dark-modern-theme .form-section-compact input::placeholder,.dark-modern-theme .form-section-compact textarea::placeholder{color:#52525b}.dark-modern-theme .login-card button{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:.35rem;font-size:14px;font-weight:600;padding:.5rem;margin-top:.5rem;box-shadow:0 4px 14px #4f46e563;transition:all .3s ease;text-transform:uppercase;letter-spacing:.025em}.dark-modern-theme .login-card button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4f46e573;background:linear-gradient(135deg,#4f46e5,#4338ca)}.dark-modern-theme .login-card button:active:not(:disabled){transform:translateY(0)}.dark-modern-theme .login-card p.form-footer{color:#a1a1aa;margin-top:.5rem;font-size:12px}.dark-modern-theme .login-card p a{color:#818cf8;font-weight:600;transition:color .2s}.dark-modern-theme .login-card p a:hover{color:#a5b4fc}.dark-modern-theme .compact-grid{gap:.4rem .75rem}.dark-modern-theme .grid-column{gap:.4rem}.dark-modern-theme .error-message{background:#dc26261a;border:1px solid rgba(220,38,38,.3);color:#fca5a5;border-radius:.75rem}.dark-modern-theme .approval-card{background:#18181bd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);box-shadow:0 25px 50px -12px #0009;border-radius:1.25rem}.dark-modern-theme .approval-card h1{color:#fff}.dark-modern-theme .approval-icon{color:#4ade80}.dark-modern-theme .approval-message{background:#fbbf2414;border:1px solid rgba(251,191,36,.2);color:#fcd34d}.dark-modern-theme .approval-message strong{color:#fbbf24}.dark-modern-theme .step.completed .step-number{background:#22c55e;color:#fff}.dark-modern-theme .step.pending .step-number{background:#27272a;color:#71717a;border:1px solid #3f3f46}.dark-modern-theme .step-content h3{color:#e4e4e7}.dark-modern-theme .step-content p{color:#a1a1aa}.dark-modern-theme .step.pending .step-content h3{color:#71717a}.dark-modern-theme .step-line{background:#3f3f46}.dark-modern-theme .approval-info{background:#6366f114;border:1px solid rgba(99,102,241,.2);color:#a5b4fc}.dark-modern-theme .approval-info p{color:#a5b4fc}.dark-modern-theme .btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:2px solid transparent;box-shadow:0 4px 14px #4f46e54d;transition:all .3s ease}.dark-modern-theme .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4f46e573;background:linear-gradient(135deg,#4f46e5,#4338ca)}.dark-modern-theme .btn-secondary{background:transparent;color:#818cf8;border:2px solid #3f3f46}.dark-modern-theme .btn-secondary:hover{background:#6366f114;border-color:#6366f1}.dark-modern-theme .approval-note{border-top:1px solid #27272a}.dark-modern-theme .approval-note p{color:#71717a}.dark-modern-theme .approval-note a{color:#818cf8}.dark-modern-theme .approval-note a:hover{color:#a5b4fc}.support-page{min-height:100vh;background:var(--bg-secondary)}.support-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-2xl);background:var(--bg-primary);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:var(--z-sticky)}.support-header .logo a{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none}.support-hero{text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);background:linear-gradient(135deg,#667eea,#764ba2);color:var(--text-light)}.support-hero h1{font-size:2.5rem;font-weight:900;margin-bottom:var(--spacing-sm);animation:fadeInDown .6s ease-out}.support-hero p{font-size:1.125rem;opacity:.95;margin-bottom:var(--spacing-xl);animation:fadeInUp .6s ease-out .1s backwards}.search-bar{max-width:600px;margin:0 auto;position:relative;animation:fadeInUp .6s ease-out .2s backwards}.search-icon{position:absolute;left:var(--spacing-lg);top:50%;transform:translateY(-50%);font-size:1.25rem;opacity:.7}.search-bar input{width:100%;padding:var(--spacing-md) var(--spacing-lg) var(--spacing-md) calc(var(--spacing-2xl) + var(--spacing-lg));font-size:1rem;border:none;border-radius:var(--radius-xl);background:var(--bg-primary);color:var(--text-primary);box-shadow:var(--shadow-lg);outline:none;transition:all var(--transition-normal)}.search-bar input:focus{box-shadow:0 10px 25px #0003;transform:translateY(-2px)}.search-bar input::placeholder{color:var(--color-gray-400)}.support-container{max-width:1000px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-lg)}.quick-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.quick-link{text-align:center;cursor:pointer}.link-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.quick-link h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.quick-link p{color:var(--text-secondary);font-size:.9375rem}.faq-categories{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-2xl);overflow-x:auto;padding-bottom:var(--spacing-xs)}.category-btn{padding:var(--spacing-sm) var(--spacing-lg);background:var(--bg-primary);border:2px solid var(--color-gray-300);border-radius:var(--radius-full);font-weight:600;font-size:.9375rem;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.category-btn:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.category-btn.active{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:var(--text-light);border-color:var(--color-primary);box-shadow:var(--shadow-md)}.faq-list{margin-bottom:var(--spacing-2xl)}.section-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xl)}.search-result{font-size:1rem;font-weight:500;color:var(--color-primary)}.faq-items{display:flex;flex-direction:column;gap:var(--spacing-md)}.faq-item{cursor:pointer;user-select:none}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);gap:var(--spacing-md)}.faq-question h3{font-size:1.0625rem;font-weight:600;color:var(--text-primary);margin:0;flex:1}.faq-toggle{font-size:1.5rem;font-weight:700;color:var(--color-primary);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-light);border-radius:var(--radius-full);transition:all var(--transition-fast)}.faq-item.open .faq-toggle{transform:rotate(180deg);background:var(--color-primary);color:var(--text-light)}.faq-answer{padding:0 var(--spacing-lg) var(--spacing-lg);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.faq-answer p{color:var(--text-secondary);line-height:1.7;font-size:.9375rem;margin:0}.no-results{text-align:center;padding:var(--spacing-2xl)}.no-results-icon{font-size:4rem;display:block;margin-bottom:var(--spacing-lg);opacity:.5}.no-results h3{font-size:1.5rem;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.no-results p{color:var(--text-secondary);font-size:1rem}.no-results a{color:var(--color-primary);font-weight:600;text-decoration:underline}.contact-cta{text-align:center;padding:var(--spacing-xl)}.contact-cta h2{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.contact-cta p{color:var(--text-secondary);font-size:1rem;margin-bottom:var(--spacing-xl)}.cta-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-xl);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:var(--text-light);font-weight:600;font-size:1rem;border-radius:var(--radius-lg);text-decoration:none;box-shadow:var(--shadow-md);transition:all var(--transition-fast)}.cta-button:hover{background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary-dark) 100%);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.support-footer{background:linear-gradient(180deg,#1f2937,#111827);color:var(--text-light);text-align:center;padding:var(--spacing-xl);margin-top:var(--spacing-2xl)}@media(max-width:768px){.support-header{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.support-hero h1{font-size:1.75rem}.support-hero p{font-size:1rem}.quick-links{grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.faq-categories{flex-wrap:nowrap;overflow-x:auto}.section-title{font-size:1.5rem}.faq-question h3{font-size:.9375rem}}@media(max-width:480px){.quick-links{grid-template-columns:1fr}}.toolbar{width:38px;background:var(--bg-card);display:flex;flex-direction:column;padding:4px 1px;gap:2px;border-right:1px solid var(--glass-border);align-items:center}.tool-section{display:flex;flex-direction:column;gap:2px}.toolbar.readonly-mode{border-right:2px solid #e74c3c}.toolbar.readonly-mode .tool-button{opacity:.4;filter:grayscale(1);cursor:not-allowed;pointer-events:none}.toolbar.readonly-mode .tool-button[title*=Pan],.toolbar.readonly-mode .tool-button[title*=Measure],.toolbar.readonly-mode .tool-button:has(.lucide-hand),.toolbar.readonly-mode .tool-button:has(.lucide-ruler){opacity:1;filter:grayscale(0);cursor:pointer;pointer-events:auto}.toolbar.readonly-mode .section-label{color:#e74c3c}.section-label{display:block;font-size:7px;color:#8b9bb4;font-weight:700;letter-spacing:.3px;margin-bottom:1px}.tool-button{width:32px;height:32px;border:none;background:transparent;color:var(--text-primary);border-radius:3px;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:all .2s;margin-bottom:0;padding:0}.tool-button:hover{background:#3498db26;color:#3498db}.tool-button.active{background:#3498db33;color:#3498db;box-shadow:none}.tool-button:hover{background:#3498db1a;border-color:#3498db;color:#3498db}.tool-button.active{background:#3498db26;border-color:#3498db;color:#3498db;box-shadow:0 0 8px #3498db33}.toolbar-separator{height:1px;background:var(--glass-border);width:80%;margin:6px 0}.input-group{display:flex;flex-direction:column;gap:2px;align-items:center;width:100%}.input-group.stone-controls{margin-top:4px;padding-top:8px}.input-label{font-size:8px;color:#8b9bb4;font-weight:700;text-align:center;text-transform:uppercase;line-height:1.1;transform:scale(.9)}.input-text{width:36px!important;padding:2px 0;background:transparent;border:2px solid #576574;border-radius:4px;color:#3498db;font-size:10px;font-weight:700;text-align:center;font-family:Consolas,Monaco,monospace;transition:all .2s;box-sizing:border-box}.input-text:focus{outline:none;border-color:#3498db;background:#3498db0d}.input-text::-webkit-outer-spin-button,.input-text::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-text[type=number]{-moz-appearance:textfield;appearance:textfield}.input-unit{font-size:9px;color:#7f8c8d;font-weight:700;margin-top:2px}.delete-controls{display:flex;flex-direction:column;gap:4px;margin-top:8px;padding-top:8px;border-top:1px solid var(--glass-border)}.delete-btn{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;padding:6px 4px;background:#c0392b;border:none;border-radius:4px;color:#fff;font-size:9px;font-weight:700;cursor:pointer;transition:all .2s}.delete-btn:hover{background:#e74c3c;transform:scale(1.02)}.delete-btn:disabled{background:#7f8c8d;cursor:not-allowed;opacity:.6}.delete-btn.mirror-delete{background:#8e44ad}.delete-btn.mirror-delete:hover{background:#9b59b6}.delete-btn.mirror-delete:disabled{background:#7f8c8d}.group-mode-indicator{position:absolute;left:100%;top:0;margin-left:10px;background:linear-gradient(90deg,#f1c40f,#e67e22);color:#000;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:800;white-space:nowrap;display:flex;align-items:center;gap:8px;box-shadow:0 4px 15px #0006;animation:badgePop .4s cubic-bezier(.175,.885,.32,1.275);z-index:10000;border:1px solid rgba(0,0,0,.1);pointer-events:auto}.group-mode-indicator:before{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%);border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #f1c40f}.group-mode-indicator-close{background:#00000026;border:none;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:9px;cursor:pointer;transition:all .2s;color:#000;margin-left:2px}.group-mode-indicator-close:hover{background:#0000004d;transform:scale(1.1)}.shiny-icon-mini{display:inline-block;animation:shinyMini 1.5s infinite ease-in-out;font-size:12px}@keyframes shinyMini{0%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.2);filter:brightness(1.4)}to{transform:scale(1);filter:brightness(1)}}@keyframes badgePop{0%{opacity:0;transform:translate(-15px) scale(.7)}to{opacity:1;transform:translate(0) scale(1)}}.tool-group{position:relative;display:flex;flex-direction:column;align-items:center}.tool-button-content{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%}.tool-button .chevron{position:absolute;bottom:2px;right:2px;opacity:.5;transition:transform .2s;color:#8b9bb4}.tool-button .chevron.open{transform:rotate(90deg);opacity:1;color:#3498db}.tool-dropdown{position:absolute;left:100%;top:0;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:4px;display:flex;flex-direction:column;min-width:130px;box-shadow:0 4px 15px #00000026;z-index:1000;margin-left:5px;padding:2px}.dropdown-item{display:flex;align-items:center;gap:8px;padding:4px 10px;background:transparent;border:none;color:var(--text-primary);font-size:11px;text-align:left;cursor:pointer;transition:all .2s;width:100%;position:relative;border-radius:3px}.dropdown-item:hover{background:#3498db26;color:#3498db}.dropdown-item.active{color:#3498db;background:#3498db1a;font-weight:700}.dropdown-item .status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.dropdown-item .status-dot.green{background-color:#2ecc71!important;box-shadow:0 0 8px #2ecc7199}.dropdown-item .status-dot.gray{background-color:#7f8c8d!important;box-shadow:none;opacity:.5}.dropdown-item.group-info{border-top:1px solid var(--glass-border);margin-top:2px;padding-top:6px;padding-bottom:6px;font-size:10px;color:#f1c40f;display:flex;justify-content:space-between}.dropdown-item.group-info .close{opacity:.5;font-size:8px}.dropdown-item.group-info:hover .close{opacity:1}.dropdown-divider-line{height:1px;background:var(--glass-border);margin:4px 0;width:100%}.tool-settings-mini{padding:4px 8px;display:flex;flex-direction:column;gap:4px}.tool-settings-mini .setting-label{font-size:9px;color:#8b9bb4;font-weight:700;text-transform:uppercase;letter-spacing:.2px}.tool-settings-mini .slider-row{display:flex;align-items:center;gap:8px}.tool-settings-mini input[type=range]{flex:1;height:4px;-webkit-appearance:none;background:#3a4b5d;border-radius:2px;outline:none}.tool-settings-mini input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;background:#3498db;border-radius:50%;cursor:pointer;transition:transform .1s}.tool-settings-mini input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.tool-settings-mini .value-label{font-size:10px;color:#3498db;font-family:monospace;min-width:30px;text-align:right}.mini-button{flex:1;padding:4px 2px;background:transparent;border:none;color:#8b9bb4;font-size:9px;font-weight:700;cursor:pointer;border-radius:2px;transition:all .2s;text-transform:uppercase}.mini-button:hover{background:#ffffff0d;color:#ecf0f1}.mini-button.active{background:#3498db;color:#fff}.mobile-quick-tools{position:absolute;bottom:60px;left:50%;transform:translate(-50%);display:flex;gap:15px;background:#141419d9;backdrop-filter:blur(10px);padding:12px 20px;border-radius:40px;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #00000080,inset 0 1px #ffffff1a;z-index:1000;transition:all .3s cubic-bezier(.4,0,.2,1)}.quick-tool-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:65px;height:65px;border-radius:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.05);color:#c9d7ec;cursor:pointer;transition:all .2s ease;user-select:none;-webkit-tap-highlight-color:transparent}.quick-tool-icon{display:flex;align-items:center;justify-content:center;color:#3498db}.quick-tool-btn:active{transform:scale(.92);background:#ffffff1a}@media(pointer:fine){.mobile-quick-tools{display:none}}.top-menu{height:36px;background:var(--bg-card);border-bottom:1px solid var(--glass-border);display:flex;align-items:center;justify-content:space-between;padding:0 12px;position:relative;color:var(--text-primary)}.top-menu-left,.top-menu-right{flex:1;display:flex;align-items:center}.top-menu-right{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:4px}.top-menu-center{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:12px;z-index:10;pointer-events:none}.top-menu-center>*{pointer-events:auto}.logo{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;transition:all .3s ease;flex-shrink:0;color:var(--text-primary)}.editor-logo-brand{display:flex;align-items:center;gap:8px;text-decoration:none;cursor:pointer}.editor-logo-brand .logo-stone-wrap{position:relative;width:22px;height:22px;flex-shrink:0;border-radius:50%;overflow:hidden;box-shadow:0 0 10px #a5b4fc66}.editor-logo-brand .logo-stone-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}.editor-logo-brand .logo-stone-shine{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:50%}.editor-logo-brand .logo-stone-shine:before{content:"";position:absolute;top:-10%;left:0;width:35%;height:120%;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.35) 50%,transparent 100%);animation:shineSweep 4s ease-in-out infinite}.editor-logo-brand .logo-text{font-family:Playfair Display,Georgia,serif;font-size:16px;font-weight:800;letter-spacing:.12em;background:linear-gradient(110deg,#fff,#c7d2fe,#a5b4fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.logo.is-processing{animation:logo-blink-red .8s infinite alternate}@keyframes logo-blink-red{0%{color:var(--text-primary)}to{color:#f44}}.menu-items{display:flex;align-items:center;gap:6px}.project-info-inline{display:flex;align-items:center;gap:8px;margin-left:10px;padding-left:12px;border-left:1px solid var(--glass-border)}.project-title{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;font-size:13px!important;font-weight:500!important;font-style:normal!important;letter-spacing:0!important;color:var(--text-primary)!important;-webkit-text-fill-color:var(--text-primary)!important;background:none!important;text-transform:none!important}.company-name-inline{font-size:12px;color:var(--text-secondary);font-weight:400}.status-badge-inline{padding:3px 8px;border-radius:3px;font-size:10px;font-weight:600;text-transform:uppercase}.status-badge-inline.status-pending{background:orange;color:#000}.status-badge-inline.status-in_progress{background:#00bcd4;color:#000}.status-badge-inline.status-completed{background:#4caf50;color:#000}.logo-icon{font-size:24px}.tool-settings-bar{display:flex!important;flex-direction:row!important;align-items:center!important;gap:3px;overflow:hidden;flex-wrap:nowrap!important}.setting-item{display:flex!important;flex-direction:row!important;align-items:center!important;gap:2px;padding:2px 4px;border-radius:4px;cursor:pointer;transition:all .2s;color:var(--text-secondary);font-size:11px;white-space:nowrap!important}.setting-item:hover{background:var(--bg-card-hover);color:var(--text-primary)}.setting-item.active{background:var(--bg-secondary);color:var(--color-primary)}.setting-item input{width:38px;background:var(--bg-primary);border:1px solid var(--glass-border);color:var(--text-primary);font-size:10px;padding:1px 3px;border-radius:2px;outline:none;text-align:center}.setting-item input:focus{border-color:#00bcd4}.setting-item .input-label{font-size:11px;font-weight:500;color:var(--text-secondary);min-width:14px;text-align:center;user-select:none}.hamburger-menu{display:flex!important;align-items:center;position:relative;cursor:pointer;padding:0!important;color:var(--text-primary);border-radius:6px;transition:all .2s ease}.hamburger-trigger{display:flex;align-items:center;justify-content:center;padding:4px;border-radius:6px;height:30px;width:30px}.history-action-btn{display:flex!important;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;cursor:pointer;color:var(--text-primary);transition:all .2s ease;background:none;border:none;padding:0}.history-action-btn:hover:not(:disabled){background:var(--bg-card-hover)}.history-action-btn:disabled{opacity:.3;cursor:not-allowed}.hamburger-menu:hover .hamburger-trigger,.hamburger-menu.is-open .hamburger-trigger{background:var(--bg-card-hover)}.hamburger-dropdown{min-width:210px!important;left:0!important;top:100%!important;padding:8px 0!important;background:var(--bg-card)!important;border:1px solid var(--glass-border)!important;box-shadow:0 10px 30px #00000026!important}.dropdown-label{padding:6px 12px 2px;font-size:10px;font-weight:700;color:#00bcd4;text-transform:uppercase;letter-spacing:1px;pointer-events:none}.dropdown hr{border:none;border-top:1px solid var(--glass-border);margin:5px 0;width:100%}.dropdown button{width:100%;display:flex;align-items:center;gap:8px;padding:5px 12px!important;font-size:12px;color:var(--text-primary);border-radius:0!important}.dropdown button:hover{background:var(--bg-card-hover)!important;color:var(--text-primary)!important}.dropdown button.zoom-speed-btn{width:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:0!important;padding:1px 5px!important;font-size:9px!important;border-radius:8px!important;line-height:12px!important;height:16px!important;min-height:16px!important}.dropdown button.zoom-speed-btn:hover{background:#ffffff1f!important;color:#fff!important}.dropdown button.zoom-speed-btn.active-speed:hover{background:#00bcd466!important;color:#00d2ff!important}.menu-item{position:relative;padding:6px 12px;cursor:pointer;border-radius:4px;transition:background .2s;color:var(--text-primary);font-weight:500}.menu-item:hover,.menu-item.is-open{background:var(--bg-card-hover)}.dropdown{display:none;position:absolute;top:100%;left:0;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:4px;padding:5px;min-width:200px;z-index:1000;box-shadow:0 4px 12px #00000026}.menu-item:hover .dropdown,.menu-item.is-open .dropdown{display:flex;flex-direction:column}.dropdown.right-aligned{left:auto!important;right:0!important}.section-menu{font-size:12px;padding:4px 8px!important;opacity:.8}.section-menu:hover{opacity:1;background:#ffffff0d}.physic-toggle-btn{margin-left:6px}.dropdown button{background:none;border:none;color:var(--text-primary);padding:8px 12px;text-align:left;cursor:pointer;border-radius:4px;transition:background .2s}.dropdown button:hover:not(:disabled){background:var(--bg-card-hover)}.dropdown button:disabled{opacity:.5;cursor:not-allowed}.dropdown button hr{border:none;border-top:1px solid var(--glass-border);margin:5px 0}.button-group-mini{display:flex!important;gap:4px!important;background:transparent!important;padding:0!important;border-radius:4px!important;align-items:center!important}.mini-button{padding:4px 8px!important;background:#ffffff0f!important;border:1px solid rgba(255,255,255,.04)!important;color:#9cb1ce!important;font-size:10px!important;font-weight:700!important;cursor:pointer!important;border-radius:3px!important;transition:all .2s ease!important;text-transform:uppercase!important;white-space:nowrap!important}.mini-button:hover{background:#ffffff1f!important;color:#c9d7ec!important}.mini-button.active{background:#3498db!important;border-color:#3498db!important;color:#fff!important}.toggle-switch{width:24px;height:14px;background:#444;border-radius:7px;position:relative;transition:all .2s ease;cursor:pointer}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;background:#fff;border-radius:50%;transition:all .2s ease}.toggle-switch.active{background:#3498db}.toggle-switch.active:after{left:12px}@media(max-width:768px){.top-menu{padding:0 6px;height:32px}.top-menu-hide-mobile{display:none!important}.top-menu-compact .logo-text{font-size:14px!important;letter-spacing:0px!important}.top-menu-compact .project-info-inline{margin-left:5px;padding-left:5px;gap:4px}.top-menu-compact .project-title{font-size:10px;max-width:70px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-items{gap:4px}.tool-settings-bar{margin-left:2px!important;padding-left:2px!important;gap:2px!important}.setting-item{padding:0 4px!important;gap:2px!important}.setting-item input{width:45px!important;height:20px!important;font-size:10px!important}.setting-item .input-label{font-size:9px!important}.history-action-btn{padding:0 2px!important}}.contour-width-input::-webkit-outer-spin-button,.contour-width-input::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important}.contour-width-input[type=number]{-moz-appearance:textfield!important}.svg-import-dialog-overlay{position:fixed;inset:0;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;display:flex;align-items:center;justify-content:center;z-index:10000}.svg-import-dialog{background:var(--bg-panel, #1a1a1a);border:1px solid var(--border-color, #3a3a3a);border-radius:8px;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #00000080}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color, #3a3a3a)}.dialog-header h3{margin:0;font-size:18px;color:var(--text-primary, #ffffff)}.close-btn{background:none;border:none;color:var(--text-secondary, #999);font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.close-btn:hover{background:#ffffff1a;color:var(--text-primary, #ffffff)}.dialog-body{padding:20px;overflow-y:auto;flex:1}.import-info{background:#0096ff1a;border:1px solid rgba(0,150,255,.3);border-radius:6px;padding:12px;margin-bottom:20px}.import-info p{margin:4px 0;font-size:14px;color:var(--text-primary, #ffffff)}.import-info strong{color:#0af;margin-right:8px}.color-groups{margin-bottom:20px}.color-groups h4{margin:0 0 12px;font-size:16px;color:var(--text-primary, #ffffff)}.color-group-row{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border:1px solid var(--border-color, #3a3a3a);border-radius:6px;margin-bottom:8px;transition:background .2s}.color-group-row:hover{background:#ffffff0d}.color-indicator{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.3);flex-shrink:0}.color-info{flex:1;display:flex;flex-direction:column;gap:2px}.color-label{font-size:14px;font-weight:500;color:var(--text-primary, #ffffff)}.shape-count{font-size:12px;color:var(--text-secondary, #999)}.size-controls{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary, #999)}.size-controls label{white-space:nowrap}.size-input{width:70px;padding:6px 8px;background:var(--bg-input, #2a2a2a);border:1px solid var(--border-color, #3a3a3a);border-radius:4px;color:var(--text-primary, #ffffff);font-size:13px;text-align:center}.size-input:focus{outline:none;border-color:#0af}.import-note{background:#00ff641a;border:1px solid rgba(0,255,100,.3);border-radius:6px;padding:12px}.import-note p{margin:4px 0;font-size:13px;color:#0f6}.dialog-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid var(--border-color, #3a3a3a)}.btn-cancel,.btn-confirm{padding:10px 24px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel{background:#ffffff1a;color:var(--text-primary, #ffffff)}.btn-cancel:hover{background:#ffffff26}.btn-confirm{background:#0af;color:#fff}.btn-confirm:hover{background:#09e;transform:translateY(-1px);box-shadow:0 2px 8px #0af6}.btn-confirm:active{transform:translateY(0)}.modal-overlay{position:fixed;inset:0;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.shortcuts-dialog{background:#1e1e1e;width:650px;max-width:90vw;max-height:85vh;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #00000080;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.dialog-header{padding:16px 20px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between}.header-title{display:flex;align-items:center;gap:12px;color:#ff1493}.header-title h2{margin:0;font-size:18px;font-weight:600;color:#f0f0f0}.close-btn{background:transparent;border:none;color:#888;cursor:pointer;padding:6px;border-radius:6px;transition:all .2s}.dialog-content{padding:20px;overflow-y:auto;flex:1}.dialog-description{font-size:13px;color:#999;margin-bottom:24px}.shortcuts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.shortcut-category-group{display:flex;flex-direction:column;gap:12px}.shortcut-category-title{font-size:12px;font-weight:700;color:#ff1493;text-transform:uppercase;letter-spacing:1px;padding-bottom:8px;border-bottom:1px solid rgba(255,20,147,.2)}.shortcuts-list{display:flex;flex-direction:column;gap:6px}.shortcut-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:8px;cursor:pointer;transition:all .2s}.shortcut-item:hover{background:#ffffff0f;border-color:#ffffff1a}.shortcut-item.recording{background:#00aaff26;border-color:#0af;animation:modalPulse 1.5s infinite}@keyframes modalPulse{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}.shortcut-label{font-size:14px;color:#e0e0e0}.shortcut-key{background:#00aaff1a;color:#0af;padding:4px 10px;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:600;min-width:44px;text-align:center}.dialog-footer{padding:16px 20px;background:#ffffff05;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between}.footer-tips{display:flex;flex-direction:column;gap:4px}.footer-tips span{font-size:11px;color:#666}.reset-shortcuts-btn{display:flex;align-items:center;gap:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:#888;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:12px;transition:all .2s}.reset-shortcuts-btn:hover{background:#ff14931a;border-color:#ff1493;color:#ff1493}.settings-dialog{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:12px;width:680px;max-width:90vw;height:480px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #00000080;animation:modal-anim .25s ease-out;color:var(--text-primary);overflow:hidden;backdrop-filter:blur(20px)}.dialog-body-layout{display:flex;flex:1;overflow:hidden}.dialog-sidebar{width:180px;background:#0003;border-right:1px solid var(--glass-border);padding:15px 10px;display:flex;flex-direction:column;gap:6px}.sidebar-tab-btn{display:flex;align-items:center;gap:10px;background:transparent;border:1px solid transparent;color:var(--text-secondary);padding:8px 12px;border-radius:6px;cursor:pointer;text-align:left;font-size:13px;font-weight:500;transition:all .2s ease}.sidebar-tab-btn:hover{background:#ffffff0d;color:var(--text-primary)}.sidebar-tab-btn.active{background:#00bcd426;border-color:#00bcd440;color:#00bcd4}.dialog-tab-content{flex:1;padding:20px 25px;overflow-y:auto;scrollbar-width:thin}.settings-section{display:flex;flex-direction:column;gap:16px}.settings-section h3{margin:0 0 4px;font-size:15px;font-weight:600;color:var(--text-primary)}.section-description{margin:0;font-size:11px;color:var(--text-secondary);line-height:1.4}.setting-control-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04);gap:20px}.setting-control-row:last-child{border-bottom:none}.setting-control-row.checkbox-row{cursor:pointer}.setting-control-row.checkbox-row:hover{background:#ffffff03}.setting-info{display:flex;flex-direction:column;gap:4px;flex:1}.setting-label{font-size:13px;font-weight:500;color:var(--text-primary)}.setting-desc{font-size:11px;color:var(--text-secondary)}.settings-select{background:#0006;border:1px solid rgba(255,255,255,.15);color:var(--text-primary);padding:6px 10px;border-radius:4px;font-size:12px;outline:none;cursor:pointer;min-width:140px}.settings-select option{background:#1a1a1a;color:var(--text-primary)}.settings-num-input{background:#0006;border:1px solid rgba(255,255,255,.15);color:var(--text-primary);padding:4px 8px;border-radius:4px;font-size:12px;outline:none;width:60px;text-align:center}.settings-unit-label{font-size:11px;color:var(--text-secondary)}.settings-action-btn{display:flex;align-items:center;gap:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:var(--text-primary);padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s}.settings-action-btn:hover{background:#00bcd426;border-color:#00bcd44d;color:#00bcd4}.setting-action input[type=checkbox]{width:16px;height:16px;accent-color:#00bcd4}.visual-layout-mockup{width:100%;max-width:440px;height:180px;background:#090909;border:1px solid rgba(255,255,255,.08);border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:6px;margin:5px auto;box-sizing:border-box}.mock-top-menu{height:22px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:10px;cursor:pointer;transition:all .2s ease;user-select:none}.mock-middle-row{display:flex;flex:1;gap:4px;min-height:70px}.mock-left-toolbar{width:50px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:10px;cursor:pointer;transition:all .2s ease;user-select:none;text-align:center}.mock-canvas{flex:1;background:#0f0f0f;border:1px dashed rgba(255,255,255,.04);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:11px;color:#3f3f3f;user-select:none;font-weight:500}.mock-right-panel{width:68px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:10px;cursor:pointer;transition:all .2s ease;user-select:none;text-align:center}.mock-bottom-container{display:flex;flex-direction:column;gap:4px}.mock-pantones{width:50px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:10px;cursor:pointer;transition:all .2s ease;user-select:none;text-align:center}.mock-status-bar{height:16px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:9px;cursor:pointer;transition:all .2s ease;user-select:none}.mock-top-menu.active,.mock-left-toolbar.active,.mock-right-panel.active,.mock-pantones.active,.mock-status-bar.active{background:#00bcd41f;border:1.5px solid rgba(0,188,212,.55);color:#00d2ff;text-shadow:0 0 4px rgba(0,210,255,.2);font-weight:600}.mock-top-menu.inactive,.mock-left-toolbar.inactive,.mock-right-panel.inactive,.mock-pantones.inactive,.mock-status-bar.inactive{background:#ffffff04;border:1.5px dashed rgba(255,255,255,.06);color:#444}.mock-top-menu:hover,.mock-left-toolbar:hover,.mock-right-panel:hover,.mock-pantones:hover,.mock-status-bar:hover{filter:brightness(1.3);box-shadow:0 0 10px #00bcd433}.backup-left-panel{position:fixed;left:60px;top:55px;width:290px;max-height:calc(100vh - 80px);background:#12141aeb;backdrop-filter:blur(12px);border:1px solid rgba(0,210,255,.3);border-radius:12px;box-shadow:0 10px 35px #000000b3,0 0 20px #00d2ff26;display:flex;flex-direction:column;z-index:9999;color:#f8fafc;font-family:system-ui,-apple-system,sans-serif;overflow:hidden;animation:slideInLeft .25s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.backup-panel-header{padding:12px 14px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between}.backup-panel-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#fff}.backup-panel-close{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.backup-panel-close:hover{background:#ffffff1a;color:#fff}.backup-panel-subtitle{padding:8px 14px;font-size:11px;color:#94a3b8;line-height:1.4;border-bottom:1px solid rgba(255,255,255,.04);background:#00d2ff08}.backup-panel-body{padding:10px;overflow-y:auto;flex:1;max-height:calc(100vh - 160px)}.backup-panel-loading,.backup-panel-empty{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px;color:#94a3b8;font-size:12px}.backup-compact-list{display:flex;flex-direction:column;gap:8px}.backup-compact-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px 12px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:8px}.backup-compact-card:hover{background:#00d2ff14;border-color:#00d2ff4d}.backup-compact-card.selected{background:#00d2ff24;border-color:#00d2ff;box-shadow:0 0 12px #00d2ff40}.backup-compact-top{display:flex;align-items:center;justify-content:space-between}.backup-compact-count{font-size:13px;color:#38bdf8;font-weight:600}.backup-compact-count strong{font-size:14px;color:#00d2ff;font-weight:800}.backup-compact-img{font-size:11px;color:#94a3b8}.backup-compact-bottom{display:flex;gap:6px}.btn-compact-preview{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#e2e8f0;padding:5px 8px;border-radius:5px;font-size:11px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .2s}.backup-compact-card.selected .btn-compact-preview{background:#00d2ff33;color:#00d2ff;border-color:#00d2ff66}.btn-compact-confirm{flex:1;background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#34d399;padding:5px 8px;border-radius:5px;font-size:11px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .2s}.btn-compact-confirm:hover{background:#10b9814d}.btn-compact-confirm.confirmed{background:#10b981;color:#fff;border-color:#10b981}.payg-dialog-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.payg-dialog-content{background:#1e293b;border:1px solid rgba(255,255,255,.1);border-radius:24px;width:100%;max-width:440px;padding:32px;box-shadow:0 25px 50px -12px #00000080}.payg-dialog-header{text-align:center;margin-bottom:24px}.icon-badge{width:56px;height:56px;background:#3b82f61a;color:#3b82f6;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.payg-dialog-header h2{font-size:1.5rem;color:#fff;margin:0}.payg-stats{background:#0f172a80;border-radius:16px;padding:20px;margin-bottom:24px}.stat-item{display:flex;justify-content:space-between;margin-bottom:12px}.stat-item:last-child{margin-bottom:0}.stat-label{color:#94a3b8;font-size:.9rem}.stat-value{color:#fff;font-weight:600}.stat-item.highlight .stat-value{color:#3b82f6;font-size:1.1rem}.gift-bonus-card{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);border:1px solid rgba(245,158,11,.2);border-radius:16px;padding:20px;display:flex;gap:16px;margin-bottom:24px}.gift-icon{color:#f59e0b}.gift-info h4{color:#fbbf24;margin:0 0 4px;font-size:1rem}.gift-info p{color:#d1d5db;font-size:.85rem;margin:0 0 12px;line-height:1.4}.gift-calc{display:flex;align-items:center;gap:8px;font-family:monospace;font-size:.8rem;color:#94a3b8}.gift-calc .result{color:#10b981;font-weight:700;background:#10b9811a;padding:2px 6px;border-radius:4px}.balance-warning{display:flex;align-items:center;gap:8px;background:#ef44441a;color:#f87171;padding:12px;border-radius:12px;font-size:.85rem;margin-bottom:24px}.payg-dialog-footer{display:flex;gap:12px}.btn-cancel{flex:1;background:transparent;border:1px solid rgba(255,255,255,.1);color:#94a3b8;padding:12px;border-radius:12px;cursor:pointer;font-weight:600;transition:all .2s}.btn-cancel:hover{background:#ffffff0d;color:#fff}.btn-confirm{flex:2;background:#3b82f6;border:none;color:#fff;padding:12px;border-radius:12px;cursor:pointer;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.btn-confirm:hover:not(:disabled){background:#2563eb;transform:scale(1.02)}.btn-confirm:disabled{opacity:.5;cursor:not-allowed}.sticky-notes-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100}.sticky-note{position:absolute;pointer-events:all;border-radius:4px;box-shadow:2px 2px 8px #0000004d;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden}.sticky-note-header{background:#00000026;padding:4px 6px;display:flex;align-items:center;justify-content:space-between;cursor:move;user-select:none;border-bottom:1px solid rgba(0,0,0,.1);gap:4px}.sticky-note-info{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.sticky-note-creator{font-size:10px;font-weight:600;color:#000c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticky-note-date{font-size:9px;font-weight:400;color:#00000080;white-space:nowrap}.sticky-note-delete{background:transparent;border:none;border-radius:2px;color:#0006;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sticky-note-delete:hover{background:#ff000026;color:#f00c}.sticky-note-textarea{flex:1;width:100%;background:transparent;border:none;outline:none;resize:none;font-size:12px;color:#333;font-family:inherit;padding:8px;cursor:text}.sticky-note-text{flex:1;font-size:12px;color:#333;white-space:pre-wrap;word-wrap:break-word;overflow-y:auto;cursor:text;padding:8px}.sticky-note-text:empty:before{content:"Düzenlemek için tıklayın...";color:#0006;font-style:italic}.sticky-note.outline-mode{background-color:transparent!important;border:1px solid #3498db;box-shadow:none}.sticky-note.outline-mode .sticky-note-header,.sticky-note.outline-mode .sticky-note-info,.sticky-note.outline-mode .sticky-note-text,.sticky-note.outline-mode .sticky-note-textarea{opacity:.2}.canvas-rulers-container{position:absolute;inset:0;pointer-events:none;z-index:100;overflow:hidden}.ruler{position:absolute;background:var(--bg-secondary);box-sizing:border-box}.ruler-horizontal{top:0;left:18px;right:0;height:18px;border-bottom:1px solid var(--border-color);overflow:hidden}.ruler-vertical{top:18px;left:0;width:18px;height:calc(100% - 18px);border-right:1px solid var(--border-color);overflow:hidden}.ruler-corner{position:absolute;top:0;left:0;width:18px;height:18px;background:var(--bg-secondary);box-sizing:border-box;z-index:1;border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color)}.ruler-canvas{display:block;width:100%!important;height:100%!important;position:absolute;top:0;left:0}.canvas-container{flex:1;position:relative;overflow:hidden;background:var(--bg-canvas);isolation:isolate;transition:background .25s ease}.canvas-container.white-canvas-page{background:#fff!important}.canvas-container canvas.main-canvas{width:100%;height:100%;position:absolute;top:0;left:0;display:block;outline:none}.main-canvas{width:100%;height:100%;display:block;cursor:default}.main-canvas.pan{cursor:grab}.main-canvas.pan:active{cursor:grabbing}.main-canvas.stone-tool,.main-canvas.image-tool{cursor:crosshair}.main-canvas.stone-tool-hidden{cursor:default}.main-canvas.node-tool,.main-canvas.pen-tool,.main-canvas.freehand-tool,.main-canvas.shape-tool{cursor:crosshair}.main-canvas.color-picker-tool.pipette-mode{cursor:copy}.main-canvas.color-picker-tool.bucket-mode{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="m19 11-8-8-8.6 8.6a2 2 0 0 0 0 2.8l5.2 5.2c.8.8 2 .8 2.8 0L19 11Z" stroke="black" stroke-width="3"/><path d="m19 11-8-8-8.6 8.6a2 2 0 0 0 0 2.8l5.2 5.2c.8.8 2 .8 2.8 0L19 11Z" stroke="white" stroke-width="2"/><path d="m5 2 5 5" stroke="black" stroke-width="3"/><path d="m5 2 5 5" stroke="white" stroke-width="2"/><path d="M2 13h15" stroke="black" stroke-width="3"/><path d="M2 13h15" stroke="white" stroke-width="2"/><path d="M7 20v2" stroke="black" stroke-width="3"/><path d="M7 20v2" stroke="white" stroke-width="2"/></svg>') 4 0,crosshair}.main-canvas.sticky-note-tool{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/><path d="M18.375 2.625a2.121 2.121 0 1 1 3 3L12 15l-4 1 1-4Z"/></svg>') 2 18,text}.main-canvas.ruler-tool{cursor:crosshair}.main-canvas.bezier-tool{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="m12 19 7-7 3 3-7 7-3-3z" stroke="black" stroke-width="4"/><path d="m18 13-1.5-7.5L2 2l3.5 14.5L13 18l5-5z" stroke="black" stroke-width="4"/><path d="m2 2 7.586 7.586" stroke="black" stroke-width="4"/><circle cx="11" cy="11" r="2" stroke="black" stroke-width="4"/><path d="m12 19 7-7 3 3-7 7-3-3z" stroke="white" stroke-width="2"/><path d="m18 13-1.5-7.5L2 2l3.5 14.5L13 18l5-5z" stroke="white" stroke-width="2"/><path d="m2 2 7.586 7.586" stroke="white" stroke-width="2"/><circle cx="11" cy="11" r="2" stroke="white" stroke-width="2"/></svg>') 1 1,crosshair}.canvas-overlay{position:absolute;inset:0;pointer-events:none}.canvas-info{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:5px;transition:all .2s;z-index:10}.with-rulers .canvas-info{top:25px;left:25px}.info-badge{background:#000000d9;padding:6px 12px;border-radius:4px;font-size:12px;color:#fff}.stone-cursor-preview{position:absolute;pointer-events:none;transform:translate(-50%,-50%);box-sizing:border-box;z-index:2}.stone-cursor-preview.circle{border-radius:50%}.magnet-pull-preview{position:absolute;pointer-events:none;transform:translate(-50%,-50%);border-radius:50%;background:#0096ff1a;border:1px dashed rgba(0,150,255,.5);z-index:1;box-sizing:border-box}.compact-mode .canvas-info{top:5px;left:5px;gap:2px}.compact-mode .info-badge{padding:2px 8px;font-size:11px;border-radius:3px;background:#000000d9}.compact-mode .tool-bar{transform:scale(.9);padding:4px}.compact-mode .layer-panel{transform:scale(.9);transform-origin:top right}.context-menu-backdrop{position:fixed;inset:0;z-index:9998}.context-menu{position:fixed;background:var(--bg-canvas);border:1px solid #444;border-radius:6px;box-shadow:0 4px 12px #00000080;min-width:180px;padding:4px 0;z-index:9999;font-size:13px}.context-menu-item{padding:8px 16px;cursor:pointer;color:#e0e0e0;transition:background .15s}.context-menu-item:hover{background:#3a3a3a;color:#fff}.context-menu-divider{height:1px;background:#444;margin:4px 0}.group-mode-indicator{position:absolute;left:20px;top:20px;background:#000000bf;color:#fff;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:500;white-space:nowrap;display:flex;align-items:center;gap:10px;box-shadow:0 4px 15px #0003;z-index:10000;border:1px solid rgba(255,255,255,.1);pointer-events:auto}.group-mode-indicator-close{background:#ffffff1a;border:none;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;cursor:pointer;transition:all .2s;color:#fff;margin-left:4px}.group-mode-indicator-close:hover{background:#fff3;transform:scale(1.1)}.shiny-icon-mini{display:inline-block;font-size:14px}.color-palette{width:24px;background:#111;display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,.05);height:100%;position:relative;z-index:100;overflow:hidden;transition:width .3s cubic-bezier(.4,0,.2,1)}.color-palette.wide{width:180px}.palette-header{display:flex;align-items:center;justify-content:space-between;padding:0;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.05)}.color-palette.wide .palette-header{padding:6px}.section-label{font-size:9px;color:#aaa;font-weight:800;letter-spacing:1px;text-transform:uppercase;display:none}.color-palette.wide .section-label{display:block}.expand-button{background:#ffffff0d;border:none;border-radius:0;color:#888;width:100%;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;padding:0;flex-shrink:0}.color-palette.wide .expand-button{width:22px;min-width:22px;height:20px;border-radius:4px;border:1px solid rgba(255,255,255,.1)}.expand-button svg{width:12px;height:12px;flex-shrink:0}.expand-button:hover{color:#fff;background:#ffffff26}.color-scroll{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;flex-grow:1;padding:0}.color-scroll::-webkit-scrollbar{width:2px}.color-scroll::-webkit-scrollbar-track{background:transparent}.color-scroll::-webkit-scrollbar-thumb{background:#ffffff1a}.color-swatch-item{display:flex;align-items:center;gap:8px;background:transparent;border:none;padding:0;cursor:pointer;transition:background .2s}.color-palette.wide .color-swatch-item{padding:4px 8px}.color-swatch-item:hover{background:#ffffff0d}.swatch-color-box{width:100%;aspect-ratio:1 / 1;min-height:20px;flex-shrink:0;border:none;position:relative;border-radius:0}.color-palette.wide .swatch-color-box{width:16px;height:16px;aspect-ratio:1 / 1;border-radius:2px}.color-swatch-item.active .swatch-color-box{box-shadow:inset 0 0 0 1px #ffffff80,0 0 8px #fff3}.swatch-name{font-size:10px;color:#bbb;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.color-swatch-item.active .swatch-name{color:#fff}.category-section{display:flex;flex-direction:column}.category-header{font-size:8px;color:#888;font-weight:800;padding:6px 8px 2px;text-transform:uppercase;letter-spacing:.5px}.palette-grid-divider{height:1px;background:#ffffff26;margin:6px 0}.palette-category-divider{height:1px;background:#ffffff26;margin:8px 6px 4px}.selected-color-display{width:100%;height:24px;border-top:1px solid rgba(255,255,255,.05);box-shadow:0 -4px 10px #0003}.status-bar{position:relative;width:100%;flex-shrink:0;height:32px;background:var(--bg-card);border-top:1px solid var(--glass-border);display:flex;align-items:center;padding:0 20px;gap:30px;z-index:100;font-size:12px}.status-item{display:flex;align-items:center;gap:8px}.status-label{color:var(--text-secondary);font-weight:500}.status-value{color:var(--text-primary);font-weight:600;font-family:Courier New,monospace}.status-left{display:flex;align-items:center;gap:15px}.status-left{display:flex;align-items:center;gap:12px}.save-status-indicator{display:flex;align-items:center;justify-content:center;width:24px;height:24px;transition:all .3s ease}.save-status-indicator.clean{color:#4ade80}.save-status-indicator.dirty{color:#888}.save-status-indicator.saving{color:#fc0;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.save-status-indicator .spin{animation:spin 2s linear infinite}.processing-dot{width:10px;height:10px;background-color:#f44;border-radius:50%;margin-right:4px;box-shadow:0 0 8px #f449;animation:pulse .8s infinite alternate}.status-progress-container{position:absolute;top:-4px;left:0;right:0;height:4px;background:#282828cc;overflow:visible;z-index:101}.status-progress-bar{height:100%;background:linear-gradient(90deg,#3498db,#2ecc71);box-shadow:0 0 10px #3498db80;transition:width .3s ease-out}.status-progress-text{position:absolute;top:-20px;left:50%;transform:translate(-50%);background:#1e1e1ee6;padding:2px 10px;border-radius:4px;border:1px solid rgba(52,152,219,.3);color:#3498db;font-size:10px;font-weight:700;white-space:nowrap;pointer-events:none;box-shadow:0 2px 10px #00000080}.color-info-box{display:flex;flex-direction:column;gap:2px;background:#00ff0026;border:1px solid rgba(0,255,0,.3);border-radius:4px;padding:4px 12px;font-size:11px}.color-line{display:flex;gap:8px;align-items:center}.color-label{color:#0f0c;font-weight:600;min-width:15px}.color-value{color:#0f0;font-weight:700;font-family:Courier New,monospace}.status-right-info{display:flex;gap:20px;margin-left:auto;align-items:center}.zoom-controls-group{display:flex;align-items:center;gap:4px;background:#ffffff0d;border-radius:4px;padding:2px}.zoom-btn{background:#0006;border:1px solid rgba(255,255,255,.2);color:#fff;width:24px;height:24px;min-width:24px;min-height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;padding:0;overflow:visible}.zoom-btn svg{display:block;width:14px;height:14px;flex-shrink:0}.zoom-btn:hover{background:#555;border-color:#666;transform:scale(1.05)}.zoom-btn:disabled{opacity:.3;cursor:not-allowed}.zoom-display{min-width:50px;text-align:center;justify-content:center;padding:0 4px}.zoom-display.status-item{gap:0}.stone-types-container{display:flex;align-items:center;gap:6px;overflow-x:auto;overflow-y:hidden;flex:1;max-width:50%;padding:2px 0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.stone-types-container::-webkit-scrollbar{height:4px}.stone-types-container::-webkit-scrollbar-track{background:transparent}.stone-types-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.stone-types-container::-webkit-scrollbar-thumb:hover{background:#ffffff80}.stone-type-btn{display:flex;align-items:center;gap:4px;padding:3px 8px;background:transparent;border:1px solid transparent;border-radius:3px;cursor:pointer;transition:all .2s ease;min-width:fit-content;white-space:nowrap;height:22px}.stone-type-btn:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-1px)}.stone-type-btn.active{background:#3b82f633;border-color:#3b82f699;box-shadow:0 0 8px #3b82f666}.stone-type-circle{width:14px;height:14px;border-radius:50%;box-shadow:0 1px 2px #0000004d;flex-shrink:0;border:1px solid rgba(255,255,255,.2)}.stone-type-circle.shape-square{border-radius:1px}.stone-type-circle.shape-baguette{border-radius:1px;width:16px;height:8px}.stone-type-circle.shape-oval{border-radius:50%;width:16px;height:10px}.stone-type-text{color:#ffffffe6;font-size:11px;font-weight:600;font-family:Courier New,monospace;display:flex;align-items:center;gap:2px}.stone-type-count{color:#fff!important;font-size:10px;font-weight:700;background:#ffffff26;padding:1px 5px;border-radius:3px;margin-left:3px}.stone-outline-text{color:#fff9;font-size:9px;font-weight:500}@media(max-width:768px){.status-coords{display:none!important}}.pulse-green-dot{width:6px;height:6px;background:#2ecc71;border-radius:50%;box-shadow:0 0 5px #2ecc71;animation:pulse-dot-bar 2s infinite;display:inline-block}@keyframes pulse-dot-bar{0%{transform:scale(.95);box-shadow:0 0 #2ecc71b3}70%{transform:scale(1);box-shadow:0 0 0 5px #2ecc7100}to{transform:scale(.95);box-shadow:0 0 #2ecc7100}}.public-stats-container{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:10px;font-weight:500;white-space:nowrap;margin-right:8px;background:#ffffff08;padding:2px 8px;border-radius:4px;border:1px solid rgba(255,255,255,.05)}@media(max-width:1024px){.public-stats-container{display:none!important}}.save-info-tooltip{position:absolute;bottom:calc(100% + 8px);left:0;background:#14141ef2;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:8px 12px;min-width:210px;width:max-content;z-index:9999;box-shadow:0 4px 20px #00000080;animation:saveTooltipIn .15s ease-out;pointer-events:none}.save-info-tooltip:after{content:"";position:absolute;top:100%;left:12px;border:5px solid transparent;border-top-color:#ffffff1f}@keyframes saveTooltipIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.save-info-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:3px 0;font-size:11px;color:#ffffffb3;white-space:nowrap}.save-info-row span:first-child{color:#ffffff73;font-size:10px;white-space:nowrap}.save-info-row span:last-child{font-weight:600;font-family:Courier New,monospace;color:#ffffffd9;white-space:nowrap}.save-info-row.deleted span:last-child{color:#e74c3c;opacity:.8}.save-info-row.size span:last-child{color:#2ecc71}.save-info-row.size.over-limit span:last-child{color:#e74c3c;font-weight:700}.save-info-divider{height:1px;background:#ffffff14;margin:4px 0}.save-info-notice{margin-top:6px;padding:6px 8px;border-radius:6px;background:#f39c121f;border:1px solid rgba(243,156,18,.25);color:#f39c12;font-size:10px;line-height:1.35;white-space:normal;max-width:210px}.save-info-tip{margin-top:6px;font-size:10px;color:#ffffff73;text-align:center;white-space:nowrap}.activity-feed{background:#1e1e1e99;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);border-radius:12px;margin-bottom:1rem;overflow:hidden;display:flex;flex-direction:column;max-height:350px}.activity-header{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;background:#14141466}.activity-header h3{margin:0;font-size:.85rem;font-weight:600;color:#e0e0e0;letter-spacing:.5px}.live-badge{background:#2ecc7126;color:#2ecc71;font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;border:1px solid rgba(46,204,113,.3);text-transform:uppercase;letter-spacing:1px;animation:pulse-live 2s infinite alternate}@keyframes pulse-live{0%{opacity:.7;box-shadow:0 0 2px #2ecc7133}to{opacity:1;box-shadow:0 0 6px #2ecc7180}}.activity-list{overflow-y:auto;flex:1;padding:8px;display:flex;flex-direction:column;gap:6px}.activity-list::-webkit-scrollbar{width:4px}.activity-list::-webkit-scrollbar-track{background:transparent}.activity-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.activity-list::-webkit-scrollbar-thumb:hover{background:#fff3}.activity-empty{padding:20px;text-align:center;color:#777;font-size:.8rem;font-style:italic}.activity-item{display:flex;gap:10px;padding:8px 12px;border-radius:8px;background:#ffffff05;border:1px solid rgba(255,255,255,.02);transition:all .2s ease}.activity-item:hover{background:#ffffff0a;border-color:#ffffff0d;transform:translate(2px)}.activity-icon-wrapper{font-size:1.1rem;display:flex;align-items:center;justify-content:center}.activity-details{flex:1;display:flex;flex-direction:column;gap:2px}.activity-user-row{display:flex;justify-content:space-between;align-items:center}.activity-user{font-size:.75rem;font-weight:600;color:#fff}.activity-time{font-size:10px;color:#666}.activity-desc{margin:0;font-size:.75rem;color:#b0b0b0;line-height:1.3}.chat-panel{background:#2a2a2a;border-radius:8px;margin-bottom:1rem}.chat-panel h3{padding:1rem;margin:0;border-bottom:1px solid #3a3a3a;font-size:.95rem;color:#fff}.earnings-panel{background:#2a2a2a;border-radius:8px;margin-bottom:1rem}.earnings-panel h3{padding:1rem;margin:0;border-bottom:1px solid #3a3a3a;font-size:.95rem;color:#fff}.users-panel{display:flex;flex-direction:column;gap:8px}.info-section{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:6px;padding:8px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.info-label{font-size:9px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.compact-title{font-size:13px;font-weight:600;color:#fffffff2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-description{font-size:11px;color:#fff9;line-height:1.3;margin-top:4px;padding-top:4px;border-top:1px solid rgba(255,255,255,.05);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.status-text{font-size:9px;font-weight:600}.status-active{color:#4caf50}.status-completed{color:#2196f3}.status-pending{color:#ffc107}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat-item{display:flex;flex-direction:column;background:#0003;padding:4px 6px;border-radius:4px}.stat-label{font-size:9px;color:#ffffff80}.stat-value{font-size:14px;font-weight:700;color:#fffffff2}.stat-value.highlight{color:#00bcd4}.color-list,.user-list{max-height:120px;overflow-y:auto;overflow-x:hidden;margin:-2px -4px;padding:2px 4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.color-list::-webkit-scrollbar,.user-list::-webkit-scrollbar{width:4px}.color-list::-webkit-scrollbar-track,.user-list::-webkit-scrollbar-track{background:transparent}.color-list::-webkit-scrollbar-thumb,.user-list::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:2px}.color-row.compact,.user-row.compact{display:flex;align-items:center;padding:3px 4px;border-radius:4px;transition:background .1s}.color-row.compact:hover,.user-row.compact:hover{background:#ffffff0d}.color-preview{width:12px;height:12px;border-radius:3px;border:1px solid rgba(255,255,255,.2);flex-shrink:0;margin-right:8px}.color-name,.user-name{flex:1;font-size:11px;color:#fffc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.color-count,.user-count{font-size:10px;font-weight:600;color:#ffffff80}.deleted-panel-compact{display:flex;flex-direction:column;gap:var(--sb-gap-md);color:#ccc}.panel-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.panel-title{font-size:11px;font-weight:800;color:#eee}.clear-list-btn{background:#e74c3c1a;border:1px solid rgba(231,76,60,.3);color:#e74c3c;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;cursor:pointer;transition:all .2s}.clear-list-btn:hover{background:#e74c3c;color:#fff}.deleted-rows{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto}.deleted-row{display:flex;align-items:center;gap:10px;padding:6px 8px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:var(--sb-rad-md);transition:all .2s}.deleted-row:hover{background:#ffffff0d}.deleted-row.previewing{border-color:#3498db;background:#3498db0d}.row-colors{display:flex;gap:2px}.color-dot{width:6px;height:6px;border-radius:50%;border:1px solid rgba(255,255,255,.1)}.row-count{font-size:10px;font-weight:700;color:#eee;flex:1}.row-time{font-size:9px;color:#444}.preview-btn,.restore-btn-compact{background:transparent;border:none;color:#444;cursor:pointer;padding:4px;display:flex;align-items:center;border-radius:4px;transition:all .2s}.preview-btn:hover{color:#3498db;background:#3498db1a}.preview-btn.active{color:#3498db}.restore-btn-compact:hover{color:#2ecc71;background:#2ecc711a}.layer-dialog-overlay{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;animation:layerFadeIn .2s cubic-bezier(.16,1,.3,1)}.layer-dialog-container{background:#12161cf5;border:1px solid rgba(255,255,255,.15);border-radius:12px;width:500px;max-width:92vw;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 16px 40px #0009,0 0 24px #2ecc7133;overflow:hidden;color:#f0f4f8;font-family:Inter,system-ui,sans-serif}.layer-dialog-header{padding:14px 18px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between}.layer-dialog-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#3498db}.layer-icon-title{color:#3498db}.layer-dialog-close{background:transparent;border:none;color:#fff9;cursor:pointer;padding:4px;border-radius:4px;display:flex;transition:all .2s}.layer-dialog-close:hover{background:#ffffff1a;color:#fff}.layer-dialog-body{padding:16px 18px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;flex:1}.layer-dialog-subtitle{font-size:12px;color:#ffffffb3}.layer-selection-actions{display:flex;align-items:center;justify-content:space-between;background:#00000040;padding:8px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.06)}.layer-select-all-btn{background:#3498db1f;border:1px solid rgba(52,152,219,.3);color:#3498db;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.layer-select-all-btn:hover:not(:disabled){background:#3498db40}.layer-select-all-btn:disabled{opacity:.5;cursor:not-allowed}.selected-count-badge{font-size:11px;font-weight:600;color:#2ecc71}.layer-items-list{display:flex;flex-direction:column;gap:6px;max-height:260px;overflow-y:auto;padding-right:4px}.layer-item-card{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;cursor:pointer;transition:all .18s ease;user-select:none}.layer-item-card.disabled{pointer-events:none;opacity:.6}.layer-item-card:hover:not(.disabled){background:#ffffff0f;border-color:#3498db66}.layer-item-card.selected{background:#3498db1f;border-color:#3498db80}.layer-item-checkbox{display:flex;align-items:center}.layer-color-badges{display:flex;align-items:center;gap:3px}.layer-color-dot{width:14px;height:14px;border-radius:50%;border:1px solid rgba(255,255,255,.3)}.layer-color-more{font-size:10px;color:#aaa;margin-left:2px}.layer-item-info{display:flex;align-items:center;gap:10px;flex:1;font-size:12px;font-weight:600}.layer-item-dim{color:#f0f4f8}.layer-item-outline{font-size:11px;color:#888}.layer-item-count{font-size:12px;font-weight:700;color:#3498db;background:#3498db26;padding:3px 8px;border-radius:4px}.layer-progress-section{display:flex;flex-direction:column;gap:6px;margin-top:8px;background:#2ecc7114;border:1px solid rgba(46,204,113,.25);padding:10px 12px;border-radius:8px}.layer-progress-header{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600}.layer-progress-status{color:#2ecc71;display:flex;align-items:center;gap:6px}.layer-progress-percentage{color:#2ecc71;font-weight:700}.layer-progress-track{width:100%;height:8px;background:#0006;border-radius:4px;overflow:hidden;position:relative}.layer-progress-fill{height:100%;background:linear-gradient(90deg,#2ecc71,#27ae60);border-radius:4px;transition:width .15s ease-out;box-shadow:0 0 10px #2ecc7199}.spin-icon{animation:spin 1s linear infinite}.layer-dialog-footer{padding:14px 18px;background:#00000040;border-top:1px solid rgba(255,255,255,.08)}.layer-actions-group{display:flex;gap:10px}.layer-optimize-action-btn{flex:1;background:linear-gradient(135deg,#2ecc71,#27ae60);border:none;color:#fff;border-radius:8px;padding:11px 16px;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 14px #2ecc714d;transition:all .2s ease}.layer-optimize-action-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #2ecc7173}.layer-optimize-action-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes layerFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.stones-list{display:flex;flex-direction:column;height:100%;gap:8px}.stones-filter{display:flex;gap:0px;padding:2px;background:var(--bg-primary);border-radius:4px;border:1px solid rgba(255,255,255,.05)}.filter-btn{flex:1;height:24px;padding:0 8px;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);font-size:11px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.filter-btn:hover{background:var(--bg-card-hover);border-color:#fff3}.filter-btn.active{background:#4a9eff33;border:1px solid rgba(74,158,255,.4);color:#4a9eff;font-weight:600}.stones-list-header{font-size:11px;font-weight:600;color:var(--text-secondary);padding:4px 8px;border-bottom:1px solid rgba(255,255,255,.1)}.stones-groups{flex:1;overflow-y:auto;overflow-x:hidden;padding:4px 8px;display:flex;flex-direction:column;gap:4px}.empty-state{padding:20px;text-align:center;color:var(--text-tertiary);font-size:11px}.stone-group{background:#80808026;border:none;border-bottom:1px solid rgba(255,255,255,.05);padding:2px 4px;margin:0;border-radius:4px;cursor:pointer;transition:all .2s}.stone-group:last-child{border-bottom:none}.stone-group:hover{background:var(--bg-card-hover)}.group-header{font-size:11px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;user-select:none}.group-colors{display:flex;flex-direction:column;gap:0px;padding-left:8px}.color-row{display:flex;align-items:center;gap:4px;padding:1px 4px;min-height:20px;border-radius:0;font-size:11px;transition:background .2s;border-top:1px solid rgba(255,255,255,.03)}.color-row:first-child{border-top:none}.color-row:hover{background:var(--bg-card-hover)}.color-indicator{border:1px solid #555;width:12px;height:12px;border-radius:2px;border:1px solid rgba(255,255,255,.2);flex-shrink:0}.color-name{color:var(--text-primary);font-weight:500;flex:1}.color-count{color:#4a9eff;font-weight:600;font-size:10px;font-family:monospace}.color-owners{color:var(--text-secondary);font-size:9px;margin-left:4px}.group-header-ultra{display:flex;justify-content:space-between;align-items:center;gap:4px;padding-bottom:2px}.group-main-info{display:flex;align-items:center;gap:4px}.group-count{font-size:10px;font-weight:700;color:#4a9eff;white-space:nowrap}.group-edit-inline{display:flex;gap:3px;align-items:center}.tiny-input-group{display:flex;align-items:center;gap:3px;background:var(--bg-primary);border-radius:4px;padding:0 6px;border:1px solid var(--input-border)!important;outline:none!important;box-shadow:none!important;height:22px;transition:all .2s}.tiny-input-group:focus-within{background:var(--bg-card-hover);box-shadow:0 0 0 1px #4a9eff4d!important}.tiny-tag{font-size:10px;color:var(--text-tertiary);font-weight:700;user-select:none}.tiny-input-group input{width:40px;background:transparent;border:0!important;border-style:none!important;outline:0!important;box-shadow:none!important;color:var(--text-primary);font-size:11px;font-weight:600;height:100%;padding:0 2px;text-align:center;appearance:none;-webkit-appearance:none;-moz-appearance:textfield}.tiny-input-group input:focus{color:#4a9eff}.tiny-input-group input::-webkit-inner-spin-button,.tiny-input-group input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tiny-input-group input::placeholder{color:#999;font-size:10px;font-weight:400}.bulk-apply-container{padding:4px 12px;background:transparent;border-top:1px solid rgba(255,255,255,.05);position:sticky;bottom:0;z-index:10;display:flex;justify-content:center}.bulk-apply-btn{width:100%;height:26px;padding:0 12px;background:#2ecc7126;color:var(--color-success);border:1px solid rgba(46,204,113,.3);border-radius:4px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.bulk-apply-btn:hover:not(:disabled){background:#2ecc7140;border-color:#2ecc7180;color:var(--text-primary)}.bulk-apply-btn:active:not(:disabled){transform:scale(.98)}.bulk-apply-btn:disabled{background:var(--bg-card-hover);color:#555;box-shadow:none;border:1px solid rgba(255,255,255,.05)}.stones-groups::-webkit-scrollbar{width:6px}.stones-groups::-webkit-scrollbar-track{background:var(--bg-card-hover);border-radius:3px}.stones-groups::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.stones-groups::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.selected-stones-panel{background:#4a9eff14;border:1px solid rgba(74,158,255,.2);border-radius:4px;margin:0 4px;overflow:hidden}.panel-content-compact{display:flex;align-items:stretch;height:32px}.compact-gap-info{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 8px;border-right:1px solid rgba(74,158,255,.2);background:#4a9eff0d;min-width:45px}.gap-value{font-size:11px;font-weight:700;color:#4a9eff;font-family:monospace}.compact-measure-input{flex:1;display:flex;flex-direction:column;justify-content:center;padding:0 4px;border-right:1px solid rgba(255,255,255,.05)}.compact-measure-input:last-child{border-right:none}.input-with-label{display:flex;align-items:center;gap:4px}.input-label-tiny{font-size:9px;color:var(--text-secondary);text-transform:uppercase}.compact-measure-input input{width:100%;background:transparent;border:none;color:var(--text-primary);font-size:11px;font-weight:600;padding:0;text-align:left}.compact-measure-input input:focus{outline:none;color:#4a9eff}.quick-sizes-tiny{display:flex;gap:2px}.quick-sizes-tiny button{font-size:8px;background:var(--bg-card-hover);border:none;color:var(--text-tertiary);padding:0 2px;border-radius:1px;cursor:pointer}.quick-sizes-tiny button:hover{background:#ffffff1a;color:var(--text-secondary)}.svg-fill-container-compact-v2{display:flex;flex-direction:column;gap:5px;height:100%;user-select:none;box-sizing:border-box;padding:0;width:100%;max-width:100%;overflow:hidden}.tab-section-header{display:flex;align-items:center;justify-content:space-between;padding:0 2px 3px;border-bottom:1px solid rgba(255,255,255,.08);width:100%;box-sizing:border-box}.header-left{display:flex;align-items:center;gap:5px}.header-icon{flex-shrink:0}.header-icon.cyan{color:#00d2ff}.header-icon.orange{color:#ff9d00}.header-title{font-size:10.5px;font-weight:700;letter-spacing:.3px;color:#d1d5db}.svg-patterns-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:3px;width:100%;box-sizing:border-box}.svg-pattern-btn-compact{display:flex;align-items:center;justify-content:flex-start;gap:5px;height:21px;padding:0 5px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:3px;cursor:pointer;transition:all .15s ease;outline:none;box-sizing:border-box;min-width:0;width:100%;overflow:hidden}.svg-pattern-btn-compact:hover{background:#ffffff12;border-color:#ffffff2e}.svg-pattern-btn-compact.active{background:#ffffff1a;border:1.5px solid currentColor!important}.btn-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-label{font-size:9px;font-weight:700;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.svg-params-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:4px 6px;width:100%;box-sizing:border-box;margin-top:2px}.svg-param-cell-compact{display:flex;align-items:center;gap:4px;min-width:0;width:100%;box-sizing:border-box;height:22px}.svg-param-cell-compact.placeholder{visibility:hidden}.cell-label{font-size:10px;font-weight:700;min-width:24px;width:auto;text-align:left;padding-left:1px;flex-shrink:0;white-space:nowrap}.neon-green{color:#2ecc71}.neon-orange{color:#ff9500}.neon-purple{color:#a29bfe}.neon-red{color:#ff6b6b}.neon-blue{color:#00d2ff}.neon-gray{color:#a4b0be}.cell-input{flex:1;width:0;min-width:0;height:21px;background:#0d1117;border:1px solid rgba(255,255,255,.22);border-radius:3px;color:#fff;font-size:10.5px;font-weight:600;text-align:center;outline:none;padding:0 3px;box-sizing:border-box;transition:border-color .15s ease}.cell-input:hover{border-color:#ffffff80}.cell-input:focus{border-color:#00d2ff;background:#161b22}.cell-select{flex:1;width:0;min-width:0;height:21px;background:#0d1117;border:1px solid rgba(255,255,255,.22);border-radius:3px;color:#eee;font-size:9px;font-weight:600;cursor:pointer;padding:0 2px;box-sizing:border-box}.cell-select option{background:#1e1e1e;color:#fff}.svg-sizelist-box-compact{margin-top:2px;padding:2px;background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:3px}.sizelist-grid-compact{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}.sizelist-cell-compact{display:flex;align-items:center;background:#00000059;border:1px solid rgba(255,255,255,.08);border-radius:2px;height:18px;padding:0 2px}.sizelist-idx{font-size:7.5px;font-weight:700;color:#666;min-width:8px;text-align:center}.sizelist-input{width:100%;height:100%;background:transparent;border:none;outline:none;color:#fff;font-size:9px;font-weight:600;text-align:center}.svg-compact-actions{display:flex;gap:4px;margin-top:3px}.btn-fill-action-compact{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;height:24px;background:#2ecc7126;border:1px solid rgba(46,204,113,.5);border-radius:4px;color:#2ecc71;font-size:9.5px;font-weight:800;cursor:pointer;transition:all .15s ease}.btn-fill-action-compact:hover:not(:disabled){background:#2ecc714d;border-color:#2ecc71;box-shadow:0 0 8px #2ecc714d}.btn-fill-action-compact:disabled{opacity:.35;cursor:not-allowed;background:#ffffff08;border-color:#ffffff14;color:#777}.btn-select-action-compact{flex:0 0 55px;display:flex;align-items:center;justify-content:center;gap:3px;height:24px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:4px;color:#ccc;font-size:9px;font-weight:700;cursor:pointer;transition:all .15s ease}.btn-select-action-compact:hover:not(:disabled){background:#ffffff1a;color:#fff;border-color:#ffffff40}.btn-select-action-compact:disabled{opacity:.3;cursor:not-allowed}.svg-edit-container.compact{display:flex;flex-direction:column;gap:var(--sb-gap-md)}.edit-grid-compact-premium{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sb-gap-sm);margin-top:4px}.edit-grid-compact-premium .action-button-modern{flex-direction:column;height:42px;gap:2px}.edit-grid-compact-premium .action-button-modern span{font-size:8px;font-weight:700;text-transform:uppercase}.delete-btn-premium:hover{background:#ff453a26!important;border-color:#ff453a!important;color:#ff453a!important}.color-grid-compact-premium{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:4px}.color-swatch-compact-premium{height:18px;border-radius:3px;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:transform .2s,box-shadow .2s}.color-swatch-compact-premium:hover{transform:scale(1.1);box-shadow:0 0 8px #fff3;border-color:#ffffff4d}.svg-edit-container.empty{padding:30px 20px;text-align:center;color:#666;font-size:11px;font-weight:500}.image-fill-container{padding:0;display:flex;flex-direction:column;gap:var(--sb-gap-md);width:100%}.image-section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sb-gap-sm);margin-bottom:var(--sb-gap-xs)}.image-section-id{font-size:11px;font-weight:500;color:var(--text-primary)}.filter-controls-grid-premium{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin-bottom:12px;padding:4px 0}.filter-control-cell{display:flex;flex-direction:column;gap:2px}.filter-cell-header{display:flex;justify-content:space-between;align-items:center}.filter-cell-label{font-size:8px;font-weight:500;color:#999}.filter-cell-value{font-size:8px;font-weight:500;color:#777}.premium-slider.blue{accent-color:#3498db}.premium-slider.blue::-webkit-slider-runnable-track{background:#ffffff1a;height:4px;border-radius:2px}.premium-slider.blue::-webkit-slider-thumb{background:#3498db;width:12px;height:12px;margin-top:-4px}.pattern-selection-wrapper{margin-bottom:12px}.pattern-segment-group{display:flex;flex-direction:column;gap:6px}.pattern-segment-btn{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:6px;min-height:24px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:4px;cursor:pointer;transition:all .2s;padding:2px 8px;position:relative}.pattern-segment-btn:hover{background:#ffffff12}.pattern-segment-btn span:first-child{display:flex;font-size:13px;opacity:.9}.segment-label{font-size:9.5px;font-weight:600;letter-spacing:.3px}.pattern-segment-btn.active{background:#ffffff1a;border:1.5px solid currentColor!important}.image-actions-row{display:flex;gap:var(--sb-gap-sm);margin-top:var(--sb-gap-sm)}.action-btn-text{padding:0;height:auto;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#3498db;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s;opacity:.85}.action-btn-text:hover{opacity:1;text-decoration:underline}.action-btn-reset-text{color:#e74c3c}.action-btn-reset-text:hover{opacity:1}.action-btn-reset-text:hover,.action-btn-reset:hover{background:#ef444426;color:#ef4444;border-color:#ef44444d}.btn-fill-main-premium{width:100%;height:24px;background:#ffffff08;border:1px solid rgba(46,204,113,.3);border-radius:4px;color:#2ecc71;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:5px;font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;padding:0 8px}.btn-fill-main-premium:hover{background:#2ecc7114;border-color:#2ecc7199}.btn-fill-main-premium:active{background:#2ecc7126;border:1.5px solid #2ecc71!important}.btn-fill-main-premium:disabled{opacity:.2;cursor:not-allowed;border-color:#ffffff1a;color:#555}.btn-fill-main-premium span{display:flex;align-items:center}:root{--sb-btn-size: 22px;--sb-icon-size: 13px;--sb-input-height: var(--sb-btn-size);--sb-font-xs: 9px;--sb-label-size: 9px;--sb-font-md: 10.5px;--sb-font-lg: 11px;--sb-gap-xs: 1.5px;--sb-gap-small: 2px;--sb-gap-sm: 3px;--sb-gap-md: 4px;--sb-gap-lg: 6px;--sb-rad-sm: 2px;--sb-rad-md: 4px}.selection-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.selection-bar{width:100%;padding:1px 3px;display:flex;flex-direction:column;gap:1.5px}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.selection-info-wrapper{display:flex;flex-direction:column;gap:var(--sb-gap-sm)}.selection-info{display:flex;align-items:center}.selection-count{font-size:var(--sb-font-md);font-weight:600;color:#4a9eff;background:#4a9eff26;padding:3px 10px;border-radius:var(--sb-rad-md)}.bbox-info{font-size:var(--sb-label-size);font-weight:500;color:#50fa7b;background:#50fa7b26;padding:3px 8px;border-radius:var(--sb-rad-md);font-family:Courier New,monospace;white-space:nowrap}.single-selection-controls{display:flex;align-items:center;gap:3px;flex-wrap:wrap}.multiple-selection-controls{display:flex;flex-direction:column;gap:14px;align-items:flex-start}.control-group{display:flex;flex-direction:column;gap:1px;align-items:flex-start;margin-top:6px;--section-color: #ffb86c;--section-bg: rgba(255, 255, 255, .05);--section-border: rgba(255, 255, 255, .1)}.control-group.section-align{--section-color: #3498db;--section-bg: rgba(52, 152, 219, .12);--section-border: rgba(52, 152, 219, .25)}.control-group.section-copy{--section-color: #f1c40f;--section-bg: rgba(241, 196, 15, .12);--section-border: rgba(241, 196, 15, .25)}.control-group.section-array{--section-color: #e67e22;--section-bg: rgba(230, 126, 34, .12);--section-border: rgba(230, 126, 34, .25)}.control-group.section-physics{--section-color: #2ecc71;--section-bg: rgba(46, 204, 113, .12);--section-border: rgba(46, 204, 113, .25)}.control-group.section-intersect{--section-color: #e74c3c;--section-bg: rgba(231, 76, 60, .12);--section-border: rgba(231, 76, 60, .25)}.control-group.section-group{--section-color: #f39c12;--section-bg: rgba(243, 156, 18, .12);--section-border: rgba(243, 156, 18, .25)}.control-group.section-random{--section-color: #9b59b6;--section-bg: rgba(155, 89, 182, .12);--section-border: rgba(155, 89, 182, .25)}.control-group.section-colors{--section-color: #1abc9c;--section-bg: rgba(26, 188, 156, .12);--section-border: rgba(26, 188, 156, .25)}.control-group-buttons{display:flex;align-items:center;gap:1.5px;flex-wrap:wrap;justify-content:flex-start}.group-label{display:block;font-size:var(--sb-label-size);font-weight:700;color:var(--section-color);letter-spacing:.5px;text-transform:uppercase;text-align:left;margin:0 6px 0 0!important}.tool-btn{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--sb-rad-md);padding:var(--sb-gap-xs);color:var(--text-primary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--sb-gap-xs);font-size:var(--sb-font-xs);font-weight:600;transition:all .2s ease;width:var(--sb-btn-size);height:var(--sb-btn-size)}.control-group .tool-btn{background:var(--section-bg);border-color:var(--section-border);color:var(--section-color)}.control-group .tool-btn:hover:not(:disabled){background:var(--section-color);color:var(--bg-primary)}.control-group .tool-btn:hover:not(:disabled) svg{stroke:var(--bg-primary)}.tool-btn svg{width:var(--sb-icon-size);height:var(--sb-icon-size);stroke-width:2.5;flex-shrink:0;margin:0}.tool-btn.align-btn{color:#4a9eff}.tool-btn.align-btn:hover{background:#4a9eff26;border-color:#4a9eff4d}.tool-btn.distribute-btn{color:#50fa7b}.tool-btn.distribute-btn:hover{background:#50fa7b26;border-color:#50fa7b4d}.tool-btn.insert-remove-btn{color:#ff9500}.tool-btn.insert-remove-btn:hover{background:#ff950026;border-color:#ff95004d}.tool-btn.select-after-btn{color:#8be9fd;gap:var(--sb-gap-sm);min-width:50px;height:var(--sb-btn-size);width:auto;padding:0 4px}.tool-btn.select-after-btn:hover{background:#8be9fd26;border-color:#8be9fd4d}.tool-btn.select-chain-btn{color:#ffb86c;gap:var(--sb-gap-sm);min-width:50px;height:var(--sb-btn-size);width:auto;padding:0 4px}.tool-btn.select-chain-btn:hover{background:#ffb86c26;border-color:#ffb86c4d}.tool-btn.equalize-btn{color:#bd93f9}.tool-btn.equalize-btn:hover{background:#bd93f926;border-color:#bd93f94d}.tool-btn.equalize-btn .equal-sign{font-size:15px;font-weight:700}.tool-btn:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.tool-btn:active{transform:translateY(0)}.tool-btn.active{background:#4a9eff33;border-color:#4a9eff;color:#4a9eff}.tool-btn.pattern-btn{color:#8be9fd}.tool-btn.pattern-btn:hover{background:#8be9fd26;border-color:#8be9fd4d}.separator{width:1px;height:20px;background:#ffffff1a}.hint-text{font-size:var(--sb-font-md);color:#fff6;font-style:italic}.gap-input{width:60px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--sb-rad-md);padding:4px 8px;color:#fff;font-size:var(--sb-font-lg);text-align:center}.gap-input:focus{outline:none;border-color:#4a9eff;background:#4a9eff1a}.unit{font-size:var(--sb-font-md);color:#ffffff80}.transform-controls{display:flex;flex-direction:column;gap:var(--sb-gap-xs);margin-bottom:0}.transform-grid{display:grid;grid-template-columns:repeat(16,1fr);gap:var(--sb-gap-sm) 6px;width:100%}.transform-cell{display:flex;align-items:center;gap:var(--sb-gap-xs);background:#ffffff08;border-radius:var(--sb-rad-sm);padding:1px 2px;min-width:0;width:100%;height:var(--sb-input-height);box-sizing:border-box}.col-span-1{grid-column:span 1}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.col-span-4{grid-column:span 4}.col-span-5{grid-column:span 5}.col-span-6{grid-column:span 6}.col-span-7{grid-column:span 7}.col-span-8{grid-column:span 8}.col-span-9{grid-column:span 9}.col-span-10{grid-column:span 10}.col-span-11{grid-column:span 11}.col-span-12{grid-column:span 12}.col-span-13{grid-column:span 13}.col-span-14{grid-column:span 14}.col-span-15{grid-column:span 15}.col-span-16{grid-column:span 16}.transform-row{display:flex;align-items:center;gap:var(--sb-gap-sm)}.transform-section{display:flex;align-items:center;gap:var(--sb-gap-xs);flex:1}.transform-input-label{color:var(--text-secondary);font-size:11px;white-space:nowrap;min-width:14px;width:auto;flex-shrink:0;display:flex;align-items:center;justify-content:flex-start;padding-left:1px;padding-right:3px}.transform-input-label.small{width:12px;color:var(--text-secondary);font-size:var(--sb-label-size)}.transform-input{flex:1;width:0;min-width:30px;padding:0 4px;height:20px;background:var(--bg-primary);border:1px solid rgba(255,255,255,.25)!important;border-radius:3px;color:var(--text-primary);font-size:10.5px;text-align:center;outline:none;transition:border-color .2s;box-sizing:border-box;font-weight:400!important}.transform-input:hover{background:var(--bg-card-hover);border-color:#ffffffb3!important}.transform-input:focus{background:var(--bg-card);border-color:#fff!important}.input-group-compact{display:flex;align-items:center;gap:0;flex:1;width:0;min-width:0;box-sizing:border-box}.percent-input{border-left:1px solid rgba(255,255,255,.1)!important;border-radius:0 2px 2px 0!important;max-width:38px}.w-h-input{min-width:37px}.percent-input-v2{flex:0 0 31px!important;width:31px!important;min-width:31px!important;max-width:31px!important;padding:0 2px}.s-o-input,.angle-input-v2{min-width:45px}.input-group-compact .transform-input:first-child{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.input-group-compact .transform-input:last-child{border-top-left-radius:0!important;border-bottom-left-radius:0!important;border-left:none!important}.transform-unit{color:var(--text-secondary);font-size:var(--sb-font-xs);margin-left:0;opacity:.7}.avg-gap-badge{font-size:var(--sb-label-size);color:#50fa7b;background:#50fa7b1a;padding:2px 6px;border-radius:var(--sb-rad-md);white-space:nowrap;margin-left:auto;border:1px solid rgba(80,250,123,.2)}.avg-gap-badge.bottom-badge{margin-top:2px}.transform-btn{padding:2px 4px;background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:var(--sb-rad-md);color:var(--text-primary);cursor:pointer;font-size:var(--sb-font-md);transition:all .2s;min-width:var(--sb-btn-size)}.transform-btn:hover{background:var(--bg-card-hover);border-color:#4a9eff}.transform-btn:active{transform:scale(.95)}.transform-btn.mini{padding:1px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center}.avg-gap-badge.mini{font-size:7px;padding:1px 2px;border-radius:var(--sb-rad-sm);white-space:nowrap;color:#2ecc71;border:1px solid rgba(46,204,113,.3)}@media(max-width:768px){.selection-bar{flex-direction:column;gap:10px;max-width:90vw}.control-group,.transform-row{flex-wrap:wrap}}.svg-tab-switcher{display:flex;gap:var(--sb-gap-xs);background:transparent;padding:var(--sb-gap-xs)}.svg-tab-btn{flex:1;background:transparent;border:none;border-radius:3px;color:#888;font-size:var(--sb-label-size);font-weight:700;padding:4px 0;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.svg-tab-btn:hover{color:#fff;background:#ffffff0d}.svg-tab-btn.active{color:#fff;background:#ffffff1a;box-shadow:0 1px 3px #0003}.selection-bar.persistence{padding:0;background:transparent}.selection-group{display:flex;align-items:center;gap:var(--sb-gap-lg);margin-bottom:6px}.selection-group:last-child{margin-bottom:0}.selection-group.compact-centered{justify-content:center;gap:12px;margin-top:var(--sb-gap-sm)}.input-group-modern{display:flex;align-items:center;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:var(--sb-rad-md);padding:2px 6px;height:var(--sb-btn-size);flex:1}.input-label-modern{font-size:var(--sb-label-size);font-weight:800;color:#4a9eff;margin-right:6px;user-select:none}.input-field-modern{background:transparent;border:none;color:#fff;font-size:var(--sb-font-lg);font-weight:700;width:100%;outline:none;text-align:right;font-family:Inter,sans-serif}.action-button-modern{display:flex;align-items:center;justify-content:center;gap:var(--sb-gap-sm);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--sb-rad-md);padding:0 10px;height:22px;color:#ccc;cursor:pointer;font-size:var(--sb-font-md);font-weight:700;transition:all .2s ease;flex:1;white-space:nowrap}.ruler-tool-section{display:flex;flex-direction:column;width:100%;padding:0 8px;box-sizing:border-box}.ruler-header{display:flex;align-items:center;gap:var(--sb-gap-lg);padding:8px 4px 4px;color:#888;font-size:var(--sb-font-md);font-weight:600;user-select:none}.ruler-header svg{color:#666}.ruler-actions-segment{display:flex;gap:0px;padding:var(--sb-gap-xs);background:#0003;border-radius:var(--sb-rad-md);border:1px solid rgba(255,255,255,.05);margin-top:var(--sb-gap-sm);width:100%;box-sizing:border-box}.ruler-btn-segment{flex:1;padding:0 6px;background:transparent;border:none;border-radius:3px;color:#888;font-size:var(--sb-label-size);font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:var(--sb-gap-sm);white-space:nowrap;min-width:0;height:var(--sb-btn-size)}.ruler-btn-segment:hover{background:#ffffff14;color:#ccc}.ruler-btn-segment.active{background:#4a9eff33;border:1px solid rgba(74,158,255,.4);color:#4a9eff;font-weight:600}.ruler-btn-segment.delete:hover{background:#ff5f5f26;color:#ff5f5f}.ruler-divider{height:1px;background:#ffffff14;margin:12px 0 4px;width:100%}.ruler-btn-elegant:hover{background:#ffffff14;color:#fff;border-color:#fff3;transform:translateY(-1px)}.ruler-btn-elegant:active{transform:translateY(0)}.ruler-btn-elegant.active{background:#ff453a26;border-color:#ff453a;color:#ff453a}.ruler-btn-elegant.delete:hover{background:#ff453a1a;border-color:#ff453a4d;color:#ff453a}.ruler-btn-elegant svg{stroke-width:2}.action-button-modern.icon-only{flex:0 0 40px;padding:0;width:40px}.action-button-modern:hover{background:#ffffff1a;border-color:#ffffff4d;color:#fff}.action-button-modern.active{background:#ff453a26;border-color:#ff453a;color:#ff453a}.action-button-modern.delete-btn:hover{background:#ff453a33;border-color:#ff453a;color:#ff453a}.action-button-modern svg{stroke-width:2.5}.project-colors-section{transition:all .3s ease}.project-colors-section .section-collapsible-header{background:#3498db0d;color:#3498db;height:var(--sb-btn-size);min-height:var(--sb-btn-size);padding:0 8px;display:flex;align-items:center;justify-content:space-between;text-transform:uppercase;font-size:var(--sb-label-size);font-weight:700;cursor:pointer;transition:background .2s}.project-colors-section .section-collapsible-header:hover{background:#3498db1f}.project-colors-section table{width:100%;border-collapse:collapse;margin-top:var(--sb-gap-sm)}.project-colors-section th{text-align:left;font-size:var(--sb-font-xs);color:#555;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.05);text-transform:uppercase;letter-spacing:.5px}.project-colors-section td{padding:6px 0;border-bottom:1px solid rgba(255,255,255,.02);vertical-align:middle}.project-colors-section tr:last-child td{border-bottom:none}.project-colors-section tr:hover td{background:#ffffff05}@media(max-width:768px){.hide-on-mobile{display:none!important}}.neon-label{font-weight:600!important;font-size:11px!important;min-width:14px;display:flex;align-items:center;justify-content:flex-start;padding-right:4px;user-select:none}.neon-blue{color:#4a9eff!important}.neon-red{color:#ff453a!important}.neon-green{color:#50fa7b!important}.neon-orange{color:#ffb86c!important}.neon-purple{color:#bd93f9!important}.neon-cyan{color:#8be9fd!important}.neon-yellow{color:#f1fa8c!important}.neon-pink{color:#ff79c6!important}input[type=range].premium-slider{-webkit-appearance:none;width:100%;background:transparent;cursor:pointer}input[type=range].premium-slider::-webkit-slider-runnable-track{width:100%;height:3px;background:#ffffff1a;border-radius:10px}input[type=range].premium-slider::-webkit-slider-thumb{-webkit-appearance:none;height:12px;width:12px;border-radius:50%;background:#fff;margin-top:-4.5px;box-shadow:0 1px 3px #00000080;transition:transform .2s}input[type=range].premium-slider:hover::-webkit-slider-thumb{transform:scale(1.2)}.premium-slider.orange::-webkit-slider-thumb{background:#ffb86c}.premium-slider.blue::-webkit-slider-thumb{background:#4a9eff}.premium-slider.green::-webkit-slider-thumb{background:#50fa7b}.filter-btn-compact{padding:2px 6px;font-size:9px;font-weight:700;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:3px;color:#888;cursor:pointer;transition:all .2s}.filter-btn-compact:hover{background:#ffffff1a;color:#fff}.filter-btn-compact.active{background:#4a9eff26;border-color:#4a9eff;color:#4a9eff}.scrollbar-mini::-webkit-scrollbar{width:4px;height:4px}.scrollbar-mini::-webkit-scrollbar-track{background:transparent}.scrollbar-mini::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.scrollbar-mini::-webkit-scrollbar-thumb:hover{background:#fff3}.tooltip-container{position:relative;display:inline-flex;align-items:center;cursor:help}.tooltip-container .tooltip-text{visibility:hidden;width:max-content;max-width:250px;background-color:#1e1e2f;color:#e2e8f0;text-align:center;border-radius:4px;padding:6px 10px;position:absolute;z-index:100;bottom:130%;left:0;opacity:0;transition:opacity .2s ease,transform .2s ease;transform:translateY(4px);font-size:10px;font-weight:500;line-height:1.3;box-shadow:0 4px 12px #00000080,0 0 0 1px #ffffff1a;pointer-events:none;text-transform:none}.tooltip-container .tooltip-text:after{content:"";position:absolute;top:100%;left:20px;margin-left:-5px;border-width:5px;border-style:solid;border-color:#1e1e2f transparent transparent transparent}.tooltip-container:hover .tooltip-text{visibility:visible;opacity:1;transform:translateY(0)}html:not([data-theme=dark]) .control-group{--section-bg: rgba(0, 0, 0, .05) !important;--section-border: rgba(0, 0, 0, .15) !important}html:not([data-theme=dark]) .control-group.section-align{--section-color: #1e6091 !important;--section-bg: rgba(30, 96, 145, .08) !important;--section-border: rgba(30, 96, 145, .25) !important}html:not([data-theme=dark]) .control-group.section-copy{--section-color: #b15c00 !important;--section-bg: rgba(177, 92, 0, .08) !important;--section-border: rgba(177, 92, 0, .25) !important}html:not([data-theme=dark]) .control-group.section-array{--section-color: #c95100 !important;--section-bg: rgba(201, 81, 0, .08) !important;--section-border: rgba(201, 81, 0, .25) !important}html:not([data-theme=dark]) .control-group.section-physics{--section-color: #1a7a3e !important;--section-bg: rgba(26, 122, 62, .08) !important;--section-border: rgba(26, 122, 62, .25) !important}html:not([data-theme=dark]) .control-group.section-intersect{--section-color: #b32d20 !important;--section-bg: rgba(179, 45, 32, .08) !important;--section-border: rgba(179, 45, 32, .25) !important}html:not([data-theme=dark]) .control-group.section-group{--section-color: #b7791f !important;--section-bg: rgba(183, 121, 31, .08) !important;--section-border: rgba(183, 121, 31, .25) !important}html:not([data-theme=dark]) .control-group.section-random{--section-color: #6c3483 !important;--section-bg: rgba(108, 52, 131, .08) !important;--section-border: rgba(108, 52, 131, .25) !important}html:not([data-theme=dark]) .control-group.section-colors{--section-color: #117864 !important;--section-bg: rgba(17, 120, 100, .08) !important;--section-border: rgba(17, 120, 100, .25) !important}html:not([data-theme=dark]) .tool-btn{background:#fff!important;border-color:#a0aec0!important;color:var(--text-primary)!important}html:not([data-theme=dark]) .control-group .tool-btn{background:#fff!important;border-color:var(--section-border)!important;color:var(--section-color)!important}html:not([data-theme=dark]) .control-group .tool-btn:hover:not(:disabled){background:var(--section-color)!important;color:#fff!important}html:not([data-theme=dark]) .control-group .tool-btn:hover:not(:disabled) svg{stroke:#fff!important}.tool-btn svg{stroke-width:2.8!important}.tool-btn:disabled{opacity:.35!important;cursor:not-allowed}.ztrass-ai-panel{display:flex!important;flex-direction:column!important;background:#12131c!important;color:#e2e8f0!important;border-radius:8px!important;padding:8px!important;width:100%!important;box-sizing:border-box!important;border:1px solid rgba(243,128,32,.35)!important;gap:8px!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-size:11px!important}.ztrass-ai-header{display:flex!important;flex-direction:column!important;gap:5px!important;padding-bottom:6px!important;border-bottom:1px solid rgba(255,255,255,.08)!important}.ztrass-ai-engine-toggle{display:flex!important;width:100%!important;gap:3px!important;background:#0009!important;padding:2px!important;border-radius:6px!important;border:1px solid rgba(255,255,255,.08)!important;box-sizing:border-box!important}.ztrass-ai-engine-btn{flex:1!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;padding:3px 6px!important;border-radius:4px!important;font-size:10px!important;font-weight:600!important;cursor:pointer!important;background:transparent!important;color:#94a3b8!important;border:1px solid transparent!important;height:23px!important;box-sizing:border-box!important;transition:all .15s ease!important;white-space:nowrap!important}.ztrass-ai-engine-btn.active.gm{background:linear-gradient(135deg,#3b82f64d,#6366f159)!important;color:#c7d2fe!important;border-color:#818cf899!important}.ztrass-ai-engine-btn.active.cf{background:#f3802040!important;color:#fb923c!important;border-color:#f3802099!important}.ztrass-ai-engine-btn.active.nv{background:#76b90040!important;color:#84cc16!important;border-color:#76b90099!important}.ztrass-ai-badge{display:flex!important;align-items:center!important;gap:3px!important;font-size:9px!important;padding:2px 6px!important;border-radius:10px!important;font-weight:700!important;white-space:nowrap!important}.ztrass-ai-badge.free{background:#22c55e26!important;color:#4ade80!important;border:1px solid rgba(34,197,94,.4)!important}.ztrass-ai-badge.key-active{background:#84cc1626!important;color:#a3e635!important;border:1px solid rgba(132,204,22,.4)!important;cursor:pointer!important}.ztrass-ai-badge.key-missing{background:#ef444426!important;color:#f87171!important;border:1px solid rgba(239,68,68,.4)!important;cursor:pointer!important}.ztrass-ai-tabs-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:4px!important;background:#0006!important;padding:4px!important;border-radius:6px!important;border:1px solid rgba(255,255,255,.06)!important}.ztrass-ai-tab{display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;height:26px!important;padding:0 4px!important;background:#ffffff0a!important;border:1px solid rgba(255,255,255,.06)!important;color:#94a3b8!important;border-radius:4px!important;font-size:10px!important;font-weight:600!important;cursor:pointer!important;box-sizing:border-box!important;white-space:nowrap!important;transition:all .15s ease!important}.ztrass-ai-tab:hover{background:#ffffff14!important;color:#fff!important}.ztrass-ai-tab.active{background:#f3802040!important;border-color:#f38020b3!important;color:#fff!important;box-shadow:0 0 8px #f3802040!important}.ztrass-ai-body{display:flex!important;flex-direction:column!important;gap:6px!important}.ztrass-ai-desc{font-size:10px!important;color:#93c5fd!important;line-height:1.3!important}.ztrass-ai-info-pill{font-size:10px!important;padding:4px 8px!important;border-radius:4px!important;background:#0006!important;border:1px solid rgba(255,255,255,.08)!important;color:#86efac!important;font-weight:500!important}.ztrass-ai-presets-box{display:flex!important;flex-direction:column!important;gap:3px!important}.ztrass-ai-presets-label{font-size:9.5px!important;font-weight:700!important;color:#cbd5e1!important}.ztrass-ai-presets-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important}.ztrass-ai-preset-btn{display:flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;height:26px!important;padding:0 4px!important;background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important;color:#e2e8f0!important;border-radius:4px!important;font-size:10px!important;font-weight:500!important;cursor:pointer!important;white-space:nowrap!important;transition:all .15s ease!important}.ztrass-ai-preset-btn:hover{background:#f3802033!important;border-color:#f3802080!important;color:#fff!important}.ztrass-ai-controls-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}.ztrass-ai-field{display:flex!important;flex-direction:column!important;gap:2px!important}.ztrass-ai-field label{font-size:9px!important;color:#94a3b8!important;font-weight:600!important}.ztrass-ai-select{width:100%!important;height:26px!important;background:#00000080!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:4px!important;padding:0 6px!important;color:#fff!important;font-size:10px!important;box-sizing:border-box!important}.ztrass-ai-color-box{display:flex!important;align-items:center!important;gap:6px!important;height:26px!important;background:#00000080!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:4px!important;padding:0 6px!important;box-sizing:border-box!important}.ztrass-ai-color-input{border:none!important;width:16px!important;height:16px!important;border-radius:3px!important;cursor:pointer!important;background:transparent!important;padding:0!important}.ztrass-ai-color-text{font-size:10px!important;font-family:monospace!important;color:#e2e8f0!important;font-weight:600!important}.ztrass-ai-textarea{width:100%!important;height:46px!important;background:#00000080!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:5px!important;padding:6px!important;color:#fff!important;font-size:10px!important;resize:none!important;box-sizing:border-box!important;font-family:inherit!important;line-height:1.3!important}.ztrass-ai-textarea:focus,.ztrass-ai-select:focus,.ztrass-ai-num-input:focus{outline:none!important;border-color:#f38020!important;box-shadow:0 0 6px #f3802059!important}.ztrass-ai-num-input{width:100%!important;height:26px!important;background:#00000080!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:4px!important;padding:0 6px!important;color:#fff!important;font-size:10px!important;font-weight:600!important;box-sizing:border-box!important}.ztrass-ai-submit-btn{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;height:32px!important;padding:0 12px!important;border-radius:5px!important;font-size:11px!important;font-weight:700!important;cursor:pointer!important;transition:all .2s ease!important;border:none!important;width:100%!important;box-sizing:border-box!important;background:linear-gradient(135deg,#f38020,#d96b0f)!important;color:#fff!important;box-shadow:0 3px 10px #f3802066!important;text-shadow:0 1px 2px rgba(0,0,0,.4)!important}.ztrass-ai-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#ff8c2b,#e05d00)!important;transform:translateY(-1px)!important;box-shadow:0 4px 14px #f3802080!important}.ztrass-ai-submit-btn:disabled{opacity:.5!important;cursor:not-allowed!important;transform:none!important}.ztrass-ai-upload-area{width:100%!important;border:1.5px dashed rgba(255,255,255,.2)!important;border-radius:6px!important;background:#00000059!important;padding:8px!important;box-sizing:border-box!important;text-align:center!important;cursor:pointer!important}.ztrass-ai-upload-label{cursor:pointer!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;color:#94a3b8!important;font-size:10px!important}.ztrass-ai-preview-img{max-width:100%!important;max-height:70px!important;border-radius:4px!important;object-fit:contain!important}.ztrass-ai-summary-pill{display:flex!important;align-items:center!important;gap:5px!important;background:#22c55e1a!important;border:1px solid rgba(34,197,94,.3)!important;padding:4px 8px!important;border-radius:4px!important;font-size:9.5px!important}.ztrass-ai-summary-pill .title{color:#4ade80!important;font-weight:700!important}.ztrass-ai-summary-pill .val{color:#fff!important;font-weight:600!important}.ztrass-ai-color-dot{width:9px!important;height:9px!important;border-radius:2px!important;border:1px solid #fff!important;display:inline-block!important}.ztrass-ai-alert{display:flex!important;align-items:center!important;gap:6px!important;padding:5px 8px!important;border-radius:4px!important;font-size:10px!important;font-weight:500!important}.ztrass-ai-alert.error{background:#ef444426!important;border:1px solid rgba(239,68,68,.4)!important;color:#f87171!important}.ztrass-ai-alert.success{background:#22c55e26!important;border:1px solid rgba(34,197,94,.4)!important;color:#4ade80!important}.floating-panel{width:290px;background:var(--bg-card);border-left:1px solid var(--glass-border);display:flex;flex-direction:column;height:100%;flex-shrink:0;z-index:10;box-shadow:-4px 0 16px #00000026;transition:width .3s cubic-bezier(.4,0,.2,1)}.floating-panel.collapsed{width:40px}.floating-panel.collapsed .panel-header{padding:8px 0;justify-content:center}.floating-panel.collapsed .panel-tabs,.floating-panel.collapsed .panel-content,.floating-panel.collapsed .panel-delete-section,.floating-panel.collapsed .selection-bar-wrapper{display:none}.panel-header{background:var(--bg-card);padding:6px 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--glass-border);user-select:none;min-height:32px;flex-shrink:0}.panel-header:active{cursor:grabbing}.panel-title{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--text-primary)}.panel-icon{font-size:11px}.stone-count-badge{margin-left:8px;padding:2px 6px;background:#4a9eff33;border:1px solid rgba(74,158,255,.4);border-radius:3px;font-size:10px;font-weight:600;color:#4a9eff}.panel-controls{display:flex;gap:4px}.panel-btn{min-width:18px;height:18px;background:transparent;border:1px solid var(--glass-border);color:var(--text-secondary);border-radius:3px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;transition:all .2s;padding:0 4px}.panel-btn:hover{background:var(--bg-card-hover);border-color:var(--text-tertiary);color:var(--text-primary)}.panel-tabs{display:flex;background:var(--bg-secondary);border-bottom:1px solid var(--glass-border);flex-shrink:0}.panel-tab{flex:1;padding:6px;background:transparent;border:none;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent}.panel-tab:hover{background:var(--bg-card-hover);color:var(--text-primary)}.panel-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--bg-card)}.panel-content{flex:1;overflow-y:auto;padding:0;color:var(--text-primary);font-size:13px;background:var(--bg-primary);scrollbar-gutter:stable}.panel-content>*:not(.selection-bar){padding:8px}.panel-content::-webkit-scrollbar{width:6px}.panel-content::-webkit-scrollbar-track{background:transparent}.panel-content::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}.panel-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media(max-width:768px){.floating-panel{width:200px;height:100%!important;max-height:none!important;overflow:hidden}.panel-header{padding:4px 8px;min-height:28px}.panel-tab{padding:4px;font-size:12px}.panel-content>*:not(.selection-bar){padding:6px}.floating-panel.collapsed{width:40px!important}}.panel-delete-section{padding:8px 8px 54px;border-top:1px solid var(--glass-border);margin-top:0;flex-shrink:0}.delete-section-title{font-size:11px;color:#ffffff80;margin-bottom:8px;font-weight:600;letter-spacing:.5px}.ruler-action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.ruler-action-btn{display:flex;align-items:center;justify-content:center;height:32px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#ffffffe6;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000001a}.ruler-action-btn:hover:not(:disabled){background:#ffffff1a;border-color:#fff3;transform:translateY(-1px);box-shadow:0 4px 8px #0003}.ruler-action-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #0000001a}.ruler-action-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.ruler-action-btn.active-mirror{background:#3498db26;border-color:#3498db66;color:#3498db}.ruler-action-btn.action-straighten:hover:not(:disabled){background:#2ecc7126;border-color:#2ecc7166;color:#2ecc71}.ruler-action-btn.action-reset:hover:not(:disabled){background:#f1c40f26;border-color:#f1c40f66;color:#f1c40f}.ruler-action-btn.danger-btn:hover:not(:disabled){background:#e74c3c1a;border-color:#e74c3c33;color:#e74c3c}.ruler-action-btn.danger-btn:hover:not(:disabled){background:#e74c3c40;border-color:#e74c3c66;color:#ff6b6b}.group-mode-banner{background:linear-gradient(90deg,#f1c40f,#e67e22);padding:8px 12px;display:flex;align-items:center;justify-content:space-between;color:#000;font-size:13px;animation:bannerFadeIn .3s ease-out}.group-mode-status{display:flex;align-items:center;gap:8px;font-weight:500}.shiny-icon{animation:shine 1.5s infinite alternate}.group-mode-close{background:#0000001a;border:none;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:10px;color:#000;transition:all .2s}.group-mode-close:hover{background:#0003}@keyframes bannerFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes shine{0%{filter:drop-shadow(0 0 2px rgba(255,255,255,.5))}to{filter:drop-shadow(0 0 5px rgba(255,255,255,1))}}.color-analysis-section{margin-top:0;padding-top:0}.section-collapsible-header{display:flex;align-items:center;justify-content:space-between;padding:4px 6px;background:#3498db0d;border-radius:4px;transition:all .2s;user-select:none;min-height:28px;font-size:10px;font-weight:700;text-transform:uppercase;color:#3498db;cursor:pointer}.section-collapsible-header:hover{background:#3498db1f}.section-collapsible-content{animation:revealVertical .2s ease-out;overflow:hidden;width:100%}@keyframes revealVertical{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.collapsed-tools-container{display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px 0;overflow-y:auto;overflow-x:hidden;max-height:calc(100vh - 100px);scrollbar-width:none}.collapsed-tools-container::-webkit-scrollbar{display:none}.collapsed-tool-group{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;padding-bottom:6px}.collapsed-separator{width:60%;height:1px;background:#fff3;margin:4px 0}.collapsed-tool-group.colors{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 0}.collapsed-tool-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#ccc;cursor:pointer;transition:all .2s;padding:0}.collapsed-tool-btn:hover{background:#ffffff1f;border-color:#ffffff40;color:#fff;transform:scale(1.05)}.collapsed-tool-btn.magnet{color:#3498db;background:#3498db1a;border-color:#3498db33}.collapsed-tool-btn.magnet-attract{color:#e74c3c;background:#e74c3c1a;border-color:#e74c3c33}.collapsed-tool-btn.layout{color:#2ecc71;background:#2ecc711a;border-color:#2ecc7133}.collapsed-tool-btn.physics-zap{color:#2ecc71;background:#2ecc711a}.collapsed-tool-btn.physics-snow{color:#e67e22;background:#e67e221a}.collapsed-tool-btn.danger{color:#e74c3c;background:#e74c3c1a}.collapsed-tool-btn.primary{color:#3498db;background:#3498db1a}.collapsed-tool-btn.group{color:#f1c40f;background:#f1c40f1a;border-color:#f1c40f33}.collapsed-tool-btn.ungroup{color:#e74c3c;background:#e74c3c1a;border-color:#e74c3c33}.analysis-row{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 2px;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:background .2s;width:100%}.collapsed-color-dot{width:18px;height:18px;border-radius:50%;border:1px solid rgba(255,255,255,.3);cursor:pointer;transition:all .2s;background:#444}.collapsed-color-dot.active{border:2px solid #00E5FF;box-shadow:0 0 8px #00e5ff80;transform:scale(1.15);background:#00e5ff}.collapsed-color-row{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.05)}.collapsed-quick-palette{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;padding:4px 0}.quick-palette-dot{width:16px;height:16px;border-radius:50%;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:transform .2s,border-color .2s}.quick-palette-dot:hover{transform:scale(1.2);border-color:#fff9;box-shadow:0 0 8px #fff3}.mini-icon-btn{background:transparent;border:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.6;transition:all .2s;color:#fff;width:20px;height:20px}.mini-icon-btn:hover{opacity:1;transform:scale(1.1)}.mini-icon-btn.active{opacity:1;color:#3498db}.mini-icon-btn.locked{color:#f39c12;opacity:1}.collapsed-color-clear{width:14px;height:14px;border-radius:50%;border:1px solid rgba(231,76,60,.3);background:#0003;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.collapsed-color-clear:hover{background:#e74c3c1a;border-color:#e74c3c;transform:scale(1.1)}.collapsed-palette-btn{width:16px;height:16px;border-radius:3px;border:1px solid rgba(255,255,255,.1);cursor:pointer}.no-spinner::-webkit-inner-spin-button,.no-spinner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.no-spinner{appearance:none;-moz-appearance:textfield}.stone-dot-mini{width:10px;height:10px;border-radius:50%;border:1px solid rgba(255,255,255,.2);flex-shrink:0}.panel-btn-preset{height:22px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:3px;color:#ccc;font-size:9px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:2px;transition:all .2s;padding:0 4px}.panel-btn-preset:hover{background:#e67e2226;border-color:#e67e22;color:#fff}.preset-dropdown{width:100%;height:24px;background:#111;border:1px solid #333;color:#aaa;font-size:10px;border-radius:4px;padding:0 4px;outline:none;cursor:pointer}.preset-dropdown:hover{border-color:#e67e22;color:#fff}.custom-dropdown-container{position:relative;width:100%;user-select:none;font-family:inherit}.custom-dropdown-trigger{width:100%;height:24px;background:#111;border:1px solid #333;color:#eee;font-size:10px;border-radius:4px;padding:0 8px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease;box-shadow:0 2px 4px #0003}.custom-dropdown-trigger:hover{border-color:#e67e22;color:#fff;background:#151515}.custom-dropdown-list{position:absolute;top:calc(100% + 4px);left:0;width:100%;max-height:240px;overflow-y:auto;background:#181818;border:1px solid #333;border-radius:4px;z-index:150;box-shadow:0 8px 16px #00000080;display:flex;flex-direction:column}.custom-dropdown-group-title{font-size:8px;color:#e67e22;padding:6px 8px 3px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:#121212;border-bottom:1px solid rgba(255,255,255,.03)}.custom-dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:5px 8px;font-size:10px;cursor:pointer;transition:all .15s ease;color:#ccc;min-height:24px}.custom-dropdown-item:nth-child(odd){background:#181922}.custom-dropdown-item:nth-child(2n){background:#222430}.custom-dropdown-item:hover{background:#e67e22!important;color:#fff}.custom-dropdown-item.active{background:#e67e2266!important;color:#fff;font-weight:700;border-left:3px solid #e67e22}.dropdown-item-content{display:flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-item-schema{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;padding:4px 8px;background:#0000004d;border-radius:4px;border:1px solid rgba(255,255,255,.08);justify-content:center}.schema-dot{border-radius:50%;background:#e67e22;display:inline-block;box-shadow:inset -1px -1px 2px #00000080,0 1.5px 3px #0006;transition:all .2s}.style-seq-tabs{display:flex;gap:2px;background:#111;padding:2px;border-radius:4px;border:1px solid #333;margin-bottom:6px}.style-seq-tab-btn{flex:1;height:22px;background:transparent;border:none;color:#888;font-size:10px;font-weight:700;cursor:pointer;border-radius:2px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.style-seq-tab-btn:hover{color:#fff;background:#ffffff08}.style-seq-tab-btn.active{background:#e67e2233;color:#e67e22}.presets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding-right:2px}.preset-grid-item{display:flex;justify-content:flex-start;align-items:center;padding:3px 4px;font-size:9px;cursor:pointer;border-radius:3px;border:1px solid transparent;transition:all .15s ease;min-height:20px;background:#1a1a24}.preset-grid-item:nth-child(2n){background:#222230}.preset-grid-item:hover{background:transparent!important;color:inherit!important}.preset-grid-item:hover .preset-grid-item-no{color:inherit!important}.preset-grid-item.active{background:#e67e2240!important;border-color:#e67e22;color:#fff}.preset-grid-item-no{font-size:9px;font-weight:700;color:#e67e22;min-width:12px;margin-right:2px}.preset-grid-item .dropdown-item-schema{padding:1px 2px;background:transparent;border:none;gap:1px;box-shadow:none}.preset-grid-item .schema-dot{transform:scale(1);margin-left:0!important;box-shadow:none}.collapsed-quick-palette{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;padding:4px 0;max-height:240px;overflow-y:auto}.quick-palette-dot{width:20px;height:20px;border-radius:50%;border:1.5px solid rgba(255,255,255,.3);cursor:pointer;transition:all .15s ease;box-shadow:0 2px 4px #0006;flex-shrink:0}.quick-palette-dot:hover{transform:scale(1.3);border-color:#fff;box-shadow:0 0 10px #fffc;z-index:5}.quick-palette-dot:active{transform:scale(1.1)}.collapsed-color-row{display:flex;align-items:center;gap:3px;width:100%;justify-content:center}.keystroke-visualizer{position:fixed;bottom:40px;display:flex;flex-direction:column;align-items:flex-end;gap:6px;pointer-events:none;z-index:9999;transition:right .3s cubic-bezier(.4,0,.2,1),bottom .2s ease}.keystroke-pill{background:#0f172af0;color:#00e5ff;padding:6px 14px;border-radius:6px;font-size:12px;font-weight:600;border:1px solid rgba(0,229,255,.4);box-shadow:0 4px 15px #00000080;backdrop-filter:blur(8px);display:flex;align-items:center;gap:8px;pointer-events:none;white-space:nowrap;animation:stroke-slide-in .2s cubic-bezier(.2,.8,.2,1.1),stroke-fade-out 2.8s forwards}.keystroke-text{letter-spacing:.3px;text-shadow:0 1px 3px rgba(0,0,0,.5)}@keyframes stroke-slide-in{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes stroke-fade-out{0%{opacity:1}85%{opacity:1}to{opacity:0;transform:translateY(-6px)}}.periodic-toast{position:fixed;bottom:24px;right:24px;background-color:#1a1a1a;border:1px solid #333;border-radius:8px;padding:12px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 12px #00000080;z-index:9999;animation:slideInBottomRight .4s cubic-bezier(.175,.885,.32,1.275) forwards,fadeOut .5s ease 14.5s forwards;max-width:300px}.periodic-toast-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.periodic-toast-text{font-size:13px;color:#fff;line-height:1.4;font-weight:500}@keyframes slideInBottomRight{0%{transform:translateY(100px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes fadeOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(20px);opacity:0}}body.hide-chat-widget .chat-widget-container{display:none!important;opacity:0!important;pointer-events:none!important}.voice-modal-overlay{position:fixed;inset:0;background:#000000a6;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:99999;animation:fadeIn .15s ease-out}.voice-modal-compact{background:#0f172a;border:1px solid rgba(59,130,246,.25);border-radius:12px;width:340px;max-width:90vw;box-shadow:0 12px 35px #0009,0 0 20px #3b82f61a;overflow:hidden;animation:slideUp .15s cubic-bezier(.16,1,.3,1);color:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.voice-compact-header{padding:10px 14px;background:#1e293b80;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:space-between}.voice-compact-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#e2e8f0}.voice-compact-close{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s}.voice-compact-close:hover{background:#ffffff1a;color:#fff}.voice-compact-body{padding:14px;display:flex;flex-direction:column;gap:12px}.voice-unconnected-view,.voice-connected-view{display:flex;flex-direction:column;gap:12px}.voice-compact-status{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:6px;font-size:11px;font-weight:600}.voice-compact-status.waiting{background:#3b82f61f;border:1px solid rgba(59,130,246,.3);color:#93c5fd}.voice-compact-status.connected,.voice-connected-badge{background:#10b9811f;border:1px solid rgba(16,185,129,.35);color:#6ee7b7;display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:6px;font-size:12px;font-weight:700}.status-dot{width:8px;height:8px;border-radius:50%}.voice-compact-status.waiting .status-dot{background:#3b82f6;box-shadow:0 0 8px #3b82f6}.status-dot.connected{background:#10b981;box-shadow:0 0 8px #10b981;animation:pulse 1.5s infinite}.voice-connected-box{background:#0000004d;border:1px solid rgba(16,185,129,.2);border-radius:10px;padding:12px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.voice-mic-indicator{display:flex;align-items:center;gap:6px;color:#10b981;font-size:13px;font-weight:700}.mic-live-icon{animation:pulse 1.2s infinite}.voice-hint-text{font-size:11px;color:#94a3b8;margin:0;line-height:1.4}.voice-hint-text strong{color:#6ee7b7}.voice-example-tags{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.voice-example-tags span{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#94a3b8;padding:2px 6px;border-radius:4px;font-size:10px}.voice-disconnect-btn{background:#ef44441f;border:1px solid rgba(239,68,68,.25);color:#fca5a5;padding:6px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s;width:100%}.voice-disconnect-btn:hover{background:#ef444440;color:#fff}.voice-compact-form{display:flex;gap:6px}.voice-compact-input{flex:1;background:#0006;border:1px solid rgba(59,130,246,.35);border-radius:6px;padding:8px 12px;font-size:18px;font-weight:700;letter-spacing:3px;color:#38bdf8;text-align:center;outline:none;font-family:monospace;transition:border-color .2s}.voice-compact-input:focus{border-color:#38bdf8;box-shadow:0 0 10px #38bdf833}.voice-compact-btn{background:#2563eb;color:#fff;border:none;border-radius:6px;padding:0 14px;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .2s}.voice-compact-btn:hover:not(:disabled){background:#1d4ed8}.voice-compact-btn:disabled{background:#ffffff1a;color:#64748b;cursor:not-allowed}.voice-compact-guide{display:flex;flex-direction:column;gap:4px;font-size:11px;color:#94a3b8;background:#0003;padding:8px 10px;border-radius:6px;border-left:2px solid #3b82f6;line-height:1.4}.voice-compact-guide strong{color:#cbd5e1}.voice-compact-lastcmd{display:flex;align-items:center;gap:6px;font-size:11px;color:#fcd34d;background:#fbbf241a;border:1px solid rgba(251,191,36,.25);padding:6px 10px;border-radius:6px;justify-content:center}@keyframes slideUp{0%{transform:scale(.96) translateY(6px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.project-editor{width:100vw;height:100vh;display:flex;flex-direction:column;background:var(--bg-primary);color:var(--text-primary);overflow:hidden;position:relative}.offline-warning{position:fixed;top:10px;left:50%;transform:translate(-50%);background:#ff9800;color:#000;padding:10px 20px;border-radius:6px;font-size:13px;font-weight:600;z-index:2000;box-shadow:0 4px 12px #0000004d;animation:slideDown .3s ease}@keyframes slideDown{0%{transform:translate(-50%) translateY(-20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.notification-banner{position:fixed;inset:auto 20px 40px auto;transform:none;z-index:9999;min-width:280px;max-width:480px;padding:12px 18px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:14px;box-shadow:0 10px 30px #00000080,0 0 0 1px #ffffff14;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:slideUpRight .3s cubic-bezier(.16,1,.3,1);font-size:13.5px;font-weight:500;line-height:1.4}@keyframes slideUpRight{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.notification-banner.info{background:linear-gradient(90deg,#0ea5e92e,#12141ef2);border-left:4px solid #38bdf8;color:#e0f2fe}.notification-banner.success{background:linear-gradient(90deg,#10b9812e,#12141ef2);border-left:4px solid #34d399;color:#d1fae5}.notification-banner.warning{background:linear-gradient(90deg,#f59e0b2e,#12141ef2);border-left:4px solid #fbbf24;color:#fef3c7}.notification-banner.error{background:linear-gradient(90deg,#ef44442e,#12141ef2);border-left:4px solid #f87171;color:#fee2e2}.notification-close{background:transparent;border:none;color:inherit;cursor:pointer;padding:2px 6px;display:flex;align-items:center;justify-content:center;opacity:.65;transition:opacity .2s,transform .2s;font-size:18px;border-radius:4px}.notification-close:hover{opacity:1;background:#ffffff1a}.notification-close:hover{opacity:1}.sync-indicator{position:fixed;top:10px;right:20px;background:#2196f3;color:#fff;padding:8px 16px;border-radius:6px;font-size:12px;font-weight:500;z-index:2000;box-shadow:0 4px 12px #0000004d}.circle-master-container{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-primary)}.main-content{flex:1;display:flex;overflow:hidden}.editor-sidebar{width:300px;background:var(--bg-secondary);border-left:1px solid var(--glass-border);display:flex;flex-direction:column;flex-shrink:0}.sidebar-tabs{display:flex;background:var(--bg-primary);border-bottom:1px solid var(--glass-border)}.tab-btn{flex:1;padding:12px;background:transparent;border:none;color:var(--text-secondary);font-size:20px;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent}.tab-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--bg-secondary)}.sidebar-content{flex:1;overflow-y:auto;padding:15px}.editor-main{flex:1;display:flex;flex-direction:row;overflow:hidden;position:relative;background:var(--bg-primary)}.editor-main>.canvas-container{flex:1;height:100%;min-width:0;position:relative}.editor-main>.floating-panel{width:290px;transition:width .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;height:100%;border-left:1px solid var(--glass-border);background:var(--bg-card);overflow:hidden}.editor-main>.floating-panel.collapsed{width:40px!important;min-width:40px!important}.editor-main>.color-palette{width:17px;flex-shrink:0;height:100%;border-left:1px solid var(--glass-border);background:var(--bg-secondary)}.editor-main>.color-palette.wide{width:180px}.editor-footer{height:30px;background:var(--bg-card);border-top:1px solid var(--glass-border);display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:11px;color:var(--text-secondary);flex-shrink:0}.footer-left,.footer-center,.footer-right{display:flex;align-items:center;gap:10px}.footer-right .online{color:#4caf50}.footer-right .offline{color:#ff5252}.editor-loading,.editor-error{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);color:#fff}.loading-spinner{width:40px;height:40px;border:4px solid #3a3a3a;border-top-color:#00bcd4;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.error-content{text-align:center;max-width:400px}.error-content h2{font-size:48px;margin:0 0 20px}.error-content p{font-size:16px;margin:0 0 30px;color:#888}.btn-primary{background:#00bcd4;border:none;color:#000;padding:12px 24px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-primary:hover{background:#00acc1}.sidebar-content::-webkit-scrollbar{width:8px}.sidebar-content::-webkit-scrollbar-track{background:var(--bg-primary)}.sidebar-content::-webkit-scrollbar-thumb{background:#4a4a4a;border-radius:4px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#5a5a5a}@media(max-width:1024px){.editor-sidebar{width:250px}}@media(max-width:768px){.main-content{flex-direction:row}.editor-main{flex-direction:row!important}.editor-sidebar{width:100%;height:200px;border-left:none;border-top:1px solid #3a3a3a}.editor-main>.floating-panel{position:relative;width:200px;min-width:180px;bottom:auto;left:auto;right:auto;height:100%;z-index:11;border-left:1px solid rgba(255,255,255,.1)!important;border-top:none!important;box-shadow:-2px 0 10px #0000004d}.editor-main>.floating-panel.collapsed{width:40px!important;min-width:40px!important}.editor-main>.color-palette{position:relative;right:0;top:0;transform:none;height:100%;z-index:10}}.drag-drop-overlay{position:absolute;inset:0;background:#00bcd426;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:10000;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:fadeIn .2s ease-out;border:4px dashed rgba(0,188,212,.4);margin:10px;border-radius:20px}.drag-drop-content{text-align:center;color:#fff;display:flex;flex-direction:column;align-items:center;gap:15px}.drag-icon{font-size:64px;filter:drop-shadow(0 0 20px rgba(0,188,212,.5));animation:bounce .6s infinite alternate ease-in-out}.drag-drop-content h2{font-size:28px;font-weight:700;margin:0;color:#00bcd4;text-transform:uppercase;letter-spacing:2px}.drag-drop-content p{font-size:16px;opacity:.8;margin:0}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-15px)}}.svg-choice-modal-overlay{position:fixed;inset:0;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;z-index:10001;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.svg-choice-modal{background:var(--bg-primary);border:1px solid rgba(255,255,255,.1);padding:30px;border-radius:20px;width:450px;max-width:90vw;box-shadow:0 20px 50px #0009;text-align:center}.svg-choice-modal h3{margin:0 0 10px;font-size:22px;color:#00bcd4}.svg-choice-options{display:flex;flex-direction:column;gap:15px;margin:25px 0}.choice-btn{display:flex;align-items:center;gap:20px;padding:15px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left;color:#fff}.choice-btn:hover{background:#00bcd41a;border-color:#00bcd4;transform:translateY(-2px)}.choice-btn .btn-icon{font-size:32px}.choice-btn .btn-text span{display:block;font-size:16px;font-weight:600}.choice-btn .btn-text small{display:block;font-size:12px;color:#888;margin-top:2px}.cancel-btn{background:transparent;border:none;color:#666;cursor:pointer;font-size:14px;padding:10px;transition:color .2s}.cancel-btn:hover{color:#e74c3c}.project-editor.tab-hidden-ui .top-menu,.project-editor.tab-hidden-ui .status-bar,.project-editor.tab-hidden-ui .floating-panel,.project-editor.tab-hidden-ui .toolbar,.project-editor.tab-hidden-ui .color-palette,.project-editor.tab-hidden-ui .mobile-quick-tools,.project-editor.tab-hidden-ui .smart-selection-menu{display:none!important}.project-editor.tab-hidden-ui.tab-show-topmenu .top-menu,.project-editor.tab-hidden-ui.tab-show-statusbar .status-bar,.project-editor.tab-hidden-ui.tab-show-floatingpanel .floating-panel,.project-editor.tab-hidden-ui.tab-show-toolbar .toolbar,.project-editor.tab-hidden-ui.tab-show-pantones .color-palette{display:flex!important}.info-page-container{position:relative;min-height:100vh;color:#f3f4f6;background-color:#030712;font-family:Outfit,Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden;padding-bottom:2rem}.info-ambient-bg{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.info-grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px;background-position:center top}.info-glow-1{position:absolute;top:-10%;left:15%;width:500px;height:500px;background:radial-gradient(circle,rgba(139,92,246,.15) 0%,transparent 70%);filter:blur(80px)}.info-glow-2{position:absolute;top:40%;right:10%;width:600px;height:600px;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);filter:blur(100px)}.info-nav{position:sticky;top:0;z-index:50;background:#030712b3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.05)}.info-nav-container{max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.info-back-btn{display:flex;align-items:center;gap:.5rem;color:#9ca3af;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .2s ease;padding:.5rem .8rem;border-radius:8px;border:1px solid transparent}.info-back-btn:hover{color:#f3f4f6;background:#ffffff0d;border-color:#ffffff14}.info-logo{font-size:1.4rem;font-weight:800;letter-spacing:-.03em;color:#fff}.logo-dot{color:#3b82f6}.info-content{position:relative;z-index:10;max-width:1200px;margin:0 auto;padding:3rem 1.5rem}.info-hero{text-align:center;margin-bottom:3.5rem}.info-hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);color:#fbbf24;padding:.5rem 1rem;border-radius:9999px;font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-bottom:1.5rem}.info-hero-title{font-size:3rem;font-weight:850;letter-spacing:-.03em;line-height:1.15;background:linear-gradient(135deg,#fff 40%,#9ca3af);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem}.info-hero-subtitle{font-size:1.25rem;color:#9ca3af;max-width:700px;margin:0 auto;line-height:1.6}.info-promo-card{position:relative;border-radius:20px;background:linear-gradient(135deg,#1e293bcc,#0f172ae6);border:1px solid rgba(139,92,246,.35);box-shadow:0 10px 40px -10px #8b5cf633;overflow:hidden;margin-bottom:4rem}.info-promo-glow{position:absolute;top:0;left:0;width:250px;height:100%;background:linear-gradient(90deg,transparent,rgba(139,92,246,.1),transparent);transform:skew(-25deg) translate(-150%);animation:shine 6s infinite ease-in-out}@keyframes shine{0%{transform:skew(-25deg) translate(-150%)}40%,to{transform:skew(-25deg) translate(250%)}}.info-promo-content{display:flex;padding:2.5rem;align-items:center;gap:2rem}.info-promo-icon-wrapper{background:linear-gradient(135deg,#8b5cf633,#8b5cf60d);border:1px solid rgba(139,92,246,.3);padding:1rem;border-radius:16px;color:#a78bfa;flex-shrink:0}.info-promo-text{flex-grow:1}.info-promo-title{font-size:1.75rem;font-weight:800;color:#fff;margin-bottom:.5rem;letter-spacing:-.02em}.info-promo-desc{color:#cbd5e1;font-size:1.05rem;line-height:1.5}.info-promo-action{flex-shrink:0}.info-promo-btn{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;text-decoration:none;font-weight:600;padding:.85rem 1.6rem;border-radius:12px;box-shadow:0 4px 12px #7c3aed4d;transition:all .2s ease}.info-promo-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed73}.info-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:4.5rem}.info-feature-card{background:#1e293b66;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;position:relative}.info-feature-card:hover{transform:translateY(-5px);background:#1e293b99;border-color:#ffffff1f;box-shadow:0 10px 30px -10px #00000080}.info-feature-card.card-highlight{grid-column:span 2;background:linear-gradient(135deg,#1e293b80,#11182799);border-color:#3b82f640;box-shadow:0 4px 30px #3b82f60d}.info-feature-card.card-highlight:hover{border-color:#3b82f666;box-shadow:0 10px 35px -10px #3b82f626}.info-card-icon-row{display:flex;gap:.75rem;margin-bottom:1.5rem}.info-card-icon-wrapper{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:1.5rem}.info-card-icon-row .info-card-icon-wrapper{margin-bottom:0;color:#60a5fa}.info-feature-title{font-size:1.35rem;font-weight:750;margin-bottom:.75rem;color:#fff;letter-spacing:-.01em}.info-feature-desc{color:#9ca3af;line-height:1.6;font-size:.975rem;margin-bottom:auto}.info-device-logos{display:flex;gap:1.5rem;margin-top:1.75rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.05)}.device-logo-item{display:flex;align-items:center;gap:.5rem;color:#cbd5e1;font-size:.85rem;font-weight:600}.device-svg{width:20px;height:20px;color:#94a3b8;transition:color .2s ease}.device-logo-item:hover .device-svg{color:#fff}.info-comparison-banner{display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;background:linear-gradient(135deg,#111827b3,#030712e6);border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:3rem;align-items:center;margin-bottom:4.5rem}.info-comparison-text h2{font-size:2rem;font-weight:800;color:#fff;margin-bottom:1rem;letter-spacing:-.02em}.info-comparison-text p{color:#9c3aef;color:#9ca3af;line-height:1.6;margin-bottom:1.75rem}.info-comparison-bullets{display:flex;flex-direction:column;gap:.75rem}.comparison-bullet{display:flex;align-items:center;gap:.75rem;color:#e2e8f0;font-size:.95rem}.info-comparison-graphics{display:flex;align-items:center;justify-content:center;gap:1.5rem}.graphic-box{background:#ffffff08;border:1px solid rgba(255,255,255,.06);padding:1.75rem;border-radius:16px;display:flex;flex-direction:column;align-items:center;gap:1rem;font-weight:700;text-align:center;flex:1}.corel-box{color:#94a3b8}.ztrass-box{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border-color:#8b5cf64d;color:#fff;box-shadow:0 4px 20px #8b5cf61a}.ztrass-box-title{font-size:1.15rem;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.graphic-vs{font-size:1.25rem;font-weight:850;color:#4b5563}.box-badge{font-size:.75rem;font-weight:700;padding:.25rem .6rem;border-radius:9999px}.badge-red{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.badge-green{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.info-cta-section{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-bottom:4rem}.info-main-cta-btn{background:#3b82f6;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;text-decoration:none;font-weight:700;padding:1rem 2.2rem;border-radius:12px;box-shadow:0 4px 15px #2563eb4d;transition:all .2s ease;font-size:1.1rem}.info-main-cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 22px #2563eb73}.info-secondary-cta-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#f3f4f6;text-decoration:none;font-weight:600;padding:1rem 2.2rem;border-radius:12px;transition:all .2s ease;font-size:1.1rem}.info-secondary-cta-btn:hover{background:#ffffff14;border-color:#ffffff26}.info-footer{text-align:center;color:#4b5563;font-size:.9rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.04)}@media(max-width:1024px){.info-comparison-banner{grid-template-columns:1fr;gap:2.5rem;padding:2.5rem}}@media(max-width:768px){.info-hero-title{font-size:2.25rem}.info-hero-subtitle{font-size:1.1rem}.info-promo-content{flex-direction:column;text-align:center;padding:2rem;gap:1.5rem}.info-promo-action{width:100%}.info-promo-btn{justify-content:center;width:100%}.info-feature-card.card-highlight{grid-column:span 1}.info-device-logos{flex-wrap:wrap;justify-content:center}.info-comparison-graphics{flex-direction:column;width:100%}.graphic-box{width:100%}.graphic-vs{margin:.5rem 0}.info-cta-section{flex-direction:column;gap:1rem;padding:0 1rem}.info-main-cta-btn,.info-secondary-cta-btn{width:100%;text-align:center}}.share-modal-overlay{position:fixed;inset:0;z-index:999999;background:#04070dcc;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeInShare .2s cubic-bezier(.16,1,.3,1);box-sizing:border-box}@keyframes fadeInShare{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.share-modal-dialog{width:100%;max-width:430px;background:#0f172a;border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:1.35rem 1.4rem;box-shadow:0 25px 60px #000000d9;display:flex;flex-direction:column;gap:1.1rem;position:relative;box-sizing:border-box}.share-modal-header{display:flex;align-items:center;justify-content:space-between}.share-header-title-wrap{display:flex;align-items:center;gap:.55rem}.share-header-icon{color:#818cf8}.share-modal-title{margin:0;font-size:1.1rem;font-weight:700;color:#fff;letter-spacing:-.01em}.share-close-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#94a3b8;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.share-close-btn:hover{background:#ef444440;color:#ef4444;border-color:#ef444473;transform:scale(1.08)}.share-pattern-summary{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:.75rem .95rem;box-sizing:border-box}.share-pattern-name{margin:0 0 .35rem;font-size:.92rem;font-weight:600;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-pattern-meta{display:flex;align-items:center;gap:.6rem}.share-badge-stones{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;color:#fbbf24;font-weight:600}.share-badge-cat{font-size:.75rem;color:#94a3b8}.share-platforms-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.45rem;width:100%;box-sizing:border-box}.share-platform-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;background:#ffffff09;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:.65rem .15rem;text-decoration:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);min-width:0;box-sizing:border-box}.share-platform-btn:hover{background:#ffffff14;transform:translateY(-3px);border-color:#ffffff38;box-shadow:0 8px 20px #00000059}.platform-icon-circle{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .2s ease;flex-shrink:0}.share-platform-btn:hover .platform-icon-circle{transform:scale(1.08)}.platform-icon-circle.whatsapp{background:#25d366;box-shadow:0 4px 14px #25d36666}.platform-icon-circle.pinterest{background:#e60023;box-shadow:0 4px 14px #e6002366}.platform-icon-circle.facebook{background:#1877f2;box-shadow:0 4px 14px #1877f266}.platform-icon-circle.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);box-shadow:0 4px 14px #dc274366}.platform-icon-circle.x-twitter{background:#000;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 14px #ffffff26}.platform-name{font-size:.74rem;font-weight:600;color:#cbd5e1;text-align:center;white-space:nowrap}.share-link-box{display:flex;align-items:center;gap:.45rem;background:#090d16;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:.35rem .45rem;box-sizing:border-box}.share-link-input{flex:1;background:transparent;border:none;color:#cbd5e1;font-size:.78rem;padding:.35rem .55rem;outline:none;text-overflow:ellipsis;min-width:0}.btn-copy-link{display:inline-flex;align-items:center;gap:.4rem;background:#6366f1;color:#fff;border:none;padding:.5rem .9rem;border-radius:8px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap;flex-shrink:0}.btn-copy-link:hover{background:#4f46e5;transform:translateY(-1px)}.btn-copy-link.copied{background:#10b981}.share-toast-bubble{position:absolute;bottom:-36px;left:50%;transform:translate(-50%);background:#10b981;color:#fff;font-size:.76rem;font-weight:600;padding:.35rem .9rem;border-radius:20px;box-shadow:0 6px 16px #0006;animation:fadeInToast .2s ease;white-space:nowrap}@keyframes fadeInToast{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.ready-pattern-card{background:#0f141f;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative}.ready-pattern-card:hover{transform:translateY(-4px);border-color:#6366f166;box-shadow:0 12px 30px #0009,0 0 20px #6366f126}.ready-pattern-card.status-assigned{border-left:3px solid #f59e0b}.card-media-stage{position:relative;width:100%;height:240px;background:#090c13;overflow:hidden;display:flex;align-items:center;justify-content:center}.card-assigned-badge{position:absolute;top:10px;left:10px;z-index:10;display:inline-flex;align-items:center;gap:.3rem;background:#f59e0be6;color:#000;font-size:.7rem;font-weight:700;padding:.2rem .5rem;border-radius:6px}.card-brand-watermark{position:absolute;top:10px;left:10px;z-index:20;display:flex;align-items:center;gap:6px;background:#0a0e16c7;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.14);padding:3.5px 9px 3.5px 5px;border-radius:20px;pointer-events:none;user-select:none;box-shadow:0 2px 10px #00000073}.watermark-stone-wrap{width:18px;height:18px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;box-shadow:0 0 6px #a5b4fc66}.watermark-stone-img{width:100%;height:100%;object-fit:cover;display:block}.brand-watermark-text{font-size:.84rem;font-weight:500;letter-spacing:.02em;color:#f1f5f9;line-height:1}.card-quick-actions{position:absolute;top:10px;right:10px;z-index:20;display:flex;align-items:center;gap:.4rem}.card-action-btn{width:34px;height:34px;border-radius:50%;background:#0d111ae6;border:1.5px solid rgba(255,255,255,.22);color:#f1f5f9;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(8px);transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000008c}.card-action-btn:hover{transform:scale(1.12);color:#fff;border-color:#fff6}.card-action-btn.like:hover{background:#ef44444d;border-color:#ef4444;color:#ef4444}.card-action-btn.like.active{background:#ef444440;border-color:#ef4444;color:#ef4444}.card-action-btn.list:hover{background:#f59e0b40;border-color:#fbbf24;color:#fbbf24}.card-action-btn.list.active{background:#f59e0b33;border-color:#fbbf24;color:#fbbf24}.card-action-btn.share:hover{background:#3b82f640;border-color:#3b82f6;color:#60a5fa}.card-slide-label{position:absolute;top:10px;left:10px;z-index:10;background:#0d111ad9;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;font-size:.7rem;font-weight:600;padding:.2rem .5rem;border-radius:6px;backdrop-filter:blur(6px)}.card-slide-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:15;width:28px;height:28px;background:#0d111ad9;border:1px solid rgba(255,255,255,.15);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all .2s ease;backdrop-filter:blur(6px)}.ready-pattern-card:hover .card-slide-arrow{opacity:1}.card-slide-arrow.left{left:8px}.card-slide-arrow.right{right:8px}.card-slide-arrow:hover{background:#6366f1;border-color:#818cf8;transform:translateY(-50%) scale(1.1)}.card-fabric-swatches{position:absolute;top:10px;left:10px;z-index:15;display:flex;align-items:center;gap:5px;background:#0d111abf;padding:3px 6px;border-radius:999px;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1)}.fabric-swatch{width:12px;height:12px;border-radius:50%;border:1.5px solid rgba(255,255,255,.3);cursor:pointer;transition:all .2s ease}.fabric-swatch:hover{transform:scale(1.2);border-color:#fff}.fabric-swatch.active{border-color:#6366f1;box-shadow:0 0 6px #6366f1;transform:scale(1.15)}.card-slider-dots{position:absolute;bottom:8px;left:50%;transform:translate(-50%);z-index:12;display:flex;align-items:center;gap:5px;background:#0d111ab3;padding:3px 6px;border-radius:999px;backdrop-filter:blur(4px)}.dot-indicator{width:6px;height:6px;border-radius:50%;background:#ffffff4d;cursor:pointer;transition:all .2s ease}.dot-indicator.active{width:14px;border-radius:4px;background:#6366f1}.card-mockup-wrap{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.card-garment-svg{width:85%;height:85%;pointer-events:none}.card-pattern-overlay{position:absolute;transform-origin:center center;pointer-events:none;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}.card-pattern-overlay svg{max-width:160px;max-height:160px;display:block}.card-raw-svg-wrap{width:100%;height:100%;padding:1.5rem;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(99,102,241,.05) 0%,transparent 70%)}.card-raw-render svg{max-width:100%;max-height:190px;filter:drop-shadow(0 0 10px rgba(255,255,255,.2))}.ready-pattern-card:hover .card-media-stage{border-color:#6366f166}.ready-pattern-card:hover .card-garment-svg{transform:scale(1.02)}.ready-pattern-card:hover .card-raw-render svg{transform:scale(1.04)}.card-stage-model-badge{position:absolute;bottom:8px;left:10px;z-index:15;background:#0a0e16d9;border:1px solid rgba(99,102,241,.35);color:#a5b4fc;font-size:.68rem;font-weight:600;padding:.12rem .45rem;border-radius:6px;letter-spacing:.03em;backdrop-filter:blur(6px);box-shadow:0 2px 8px #00000080;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;pointer-events:none}.card-info-box{padding:.65rem .9rem;display:flex;flex-direction:column;gap:.3rem}.card-title-standalone{font-size:.92rem;font-weight:700;color:#fff;margin:0;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-dim-line-with-cat{display:flex;align-items:center;justify-content:space-between;gap:.4rem;width:100%}.card-dim-line{display:flex;align-items:center;gap:.35rem;font-size:.74rem}.card-dim-label{color:#64748b;font-size:.7rem;font-weight:500}.card-dim-primary{color:#cbd5e1;font-weight:600;font-size:.74rem}.card-dim-secondary{color:#818cf8;font-size:.72rem;font-weight:500}.card-cat-badge-clean{font-size:.7rem;font-weight:500;color:#94a3b8;white-space:nowrap;margin-left:auto}.card-stones-summary-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding-top:.25rem;border-top:1px solid rgba(255,255,255,.05)}.stone-dynamic-dots-wrap{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.stone-dot-item{display:inline-flex;align-items:center;gap:.25rem;background:transparent;border:none;padding:0;cursor:default}.dynamic-color-dot{border-radius:50%;border:1px solid rgba(255,255,255,.5);box-shadow:0 0 4px #ffffff40;flex-shrink:0}.dot-size-label{font-size:.72rem;font-weight:600;color:#94a3b8;letter-spacing:.01em}.card-stone-total-badge{display:inline-flex;align-items:center;gap:.25rem;background:transparent;border:none;padding:0;font-size:.78rem;font-weight:400;color:#94a3b8;white-space:nowrap}.sparkle-gold{color:#f59e0b}.stone-count-number{font-weight:400;color:#cbd5e1}.stone-count-text{font-size:.74rem;font-weight:400;color:#94a3b8}.btn-icon-del-inline{background:none;border:none;color:#ef4444;cursor:pointer;padding:0 0 0 .35rem;margin-left:.25rem;border-left:1px solid rgba(239,68,68,.3);display:flex;align-items:center}.btn-icon-del-inline:hover{color:#ff6b6b}.pdm-overlay{position:fixed;inset:0;z-index:9998;background:#04070dd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:pdmFadeIn .2s ease}@keyframes pdmFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.pdm-dialog{width:960px;max-width:calc(100vw - 120px);height:540px;max-height:90vh;background:#0b0f19;border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:0 20px 50px #000000b3;display:flex;flex-direction:column;position:relative;overflow:hidden}.pdm-close-btn{position:absolute;top:12px;right:12px;z-index:50;width:34px;height:34px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.16);color:#f1f5f9;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.pdm-close-btn:hover{background:#ef4444;color:#fff;border-color:#ef4444;transform:scale(1.06)}.pdm-nav-btn{position:fixed;top:50%;transform:translateY(-50%);z-index:9999;width:48px;height:60px;border-radius:12px;background:#0f172ae0;border:1px solid rgba(255,255,255,.14);color:#f1f5f9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;backdrop-filter:blur(8px);transition:all .2s ease;user-select:none}.pdm-nav-btn.prev{left:max(12px,calc(50% - 542px))}.pdm-nav-btn.next{right:max(12px,calc(50% - 542px))}.pdm-nav-btn:hover:not(.disabled){background:#4f46e5;border-color:#6366f1;color:#fff}.pdm-nav-btn.disabled{opacity:.25;cursor:not-allowed;pointer-events:none}.pdm-nav-count{font-size:.65rem;font-weight:700;color:#94a3b8;font-family:monospace}.pdm-body{display:grid;grid-template-columns:460px 1fr;width:100%;height:100%;overflow:hidden}.pdm-stage-col{background:#060910;border-right:1px solid rgba(255,255,255,.06);padding:12px;display:flex;flex-direction:column;gap:10px;height:100%;box-sizing:border-box}.pdm-canvas-wrapper{position:relative;flex:1;background:#090d15;border:1px solid rgba(255,255,255,.05);border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center}.pdm-watermark{position:absolute;top:12px;left:12px;z-index:10;display:flex;align-items:center;gap:8px;background:#0a0e16d9;border:1px solid rgba(255,255,255,.14);padding:4px 12px 4px 6px;border-radius:24px;pointer-events:none;font-size:.95rem;font-weight:700;color:#fff;letter-spacing:-.2px;box-shadow:0 4px 12px #0006}.pdm-watermark-dot{width:22px;height:22px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 0 6px #a5b4fc66}.pdm-watermark-dot img{width:100%;height:100%;object-fit:cover}.pdm-mockup-stage,.pdm-raw-stage{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.pdm-raw-stage{padding:1.5rem;background:radial-gradient(circle,rgba(99,102,241,.06) 0%,transparent 70%)}.pdm-raw-svg svg{max-width:100%;max-height:340px;filter:drop-shadow(0 0 16px rgba(255,255,255,.25))}.pdm-garment-svg{width:88%;height:88%;pointer-events:none}.pdm-pattern-overlay{position:absolute;transform-origin:center center;pointer-events:none;filter:drop-shadow(0 4px 10px rgba(0,0,0,.6))}.pdm-pattern-overlay svg{max-width:260px;max-height:260px;display:block}.pdm-slide-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:15;width:36px;height:36px;background:#0d111ad9;border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.pdm-slide-arrow.left{left:10px}.pdm-slide-arrow.right{right:10px}.pdm-slide-arrow:hover{background:#4f46e5;border-color:#6366f1;transform:translateY(-50%) scale(1.08)}.pdm-stage-bottom-bar{position:absolute;bottom:8px;left:8px;right:8px;z-index:10;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.pdm-dots{display:flex;align-items:center;gap:5px;background:#0d111abf;padding:4px 8px;border-radius:20px;border:1px solid rgba(255,255,255,.1);pointer-events:auto}.pdm-dot{width:6px;height:6px;border-radius:50%;background:#ffffff59;cursor:pointer;transition:all .15s ease}.pdm-dot.active{width:16px;border-radius:3px;background:#6366f1}.pdm-share-dock{position:relative;display:flex;align-items:center;gap:6px;background:#0d111ad9;padding:4px 8px;border-radius:20px;border:1px solid rgba(255,255,255,.12);pointer-events:auto;margin-left:auto}.pdm-share-btn{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;border:none;cursor:pointer;text-decoration:none;transition:transform .15s ease}.pdm-share-btn:hover{transform:scale(1.15)}.pdm-share-btn.wa{background:#25d366}.pdm-share-btn.pin{background:#e60023}.pdm-share-btn.fb{background:#1877f2}.pdm-share-btn.ig{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.pdm-share-btn.x-tw{background:#000;border:1px solid rgba(255,255,255,.25)}.pdm-share-btn.copy{background:#4f46e5}.pdm-share-toast{position:absolute;right:0;bottom:calc(100% + 6px);background:#10b981;color:#fff;font-size:.68rem;font-weight:600;padding:2px 6px;border-radius:4px;white-space:nowrap}.pdm-editor-bar{background:#6366f117;border:1px solid rgba(99,102,241,.25);border-radius:8px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;transition:all .15s ease}.pdm-editor-bar:hover{background:#6366f129;border-color:#6366f173}.pdm-editor-bar-left{display:flex;align-items:center;gap:8px;min-width:0}.pdm-sparkle-icon{color:#a5b4fc;flex-shrink:0}.pdm-editor-text{display:flex;flex-direction:column;min-width:0}.pdm-editor-text strong{font-size:.82rem;font-weight:700;color:#fff}.pdm-editor-text span{font-size:.72rem;color:#cbd5e1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdm-btn-editor-open{background:#4f46e5;color:#fff;border:none;padding:5px 12px;border-radius:5px;font-size:.74rem;font-weight:600;cursor:pointer;flex-shrink:0;transition:background .15s ease}.pdm-btn-editor-open:hover{background:#4338ca}.pdm-info-col{padding:14px 16px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;box-sizing:border-box}.pdm-header-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}.pdm-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.pdm-title{font-size:.95rem;font-weight:700;color:#fff;margin:0;line-height:1.2}.pdm-quick-actions{display:flex;align-items:center;gap:6px}.pdm-pill-btn{width:32px;height:32px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#e2e8f0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.pdm-pill-btn:hover{background:#ffffff24;color:#fff;border-color:#ffffff40;transform:scale(1.08)}.pdm-pill-btn.liked{background:#ef444433;border-color:#ef444466;color:#ef4444}.pdm-pill-btn.bookmarked{background:#f59e0b33;border-color:#f59e0b66;color:#f59e0b}.pdm-meta-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pdm-model-badge{font-size:.68rem;font-family:monospace;font-weight:600;background:#6366f126;border:1px solid rgba(99,102,241,.25);color:#a5b4fc;padding:1px 5px;border-radius:4px}.pdm-category-badge{font-size:.7rem;font-weight:600;color:#94a3b8;cursor:pointer;transition:color .15s ease}.pdm-category-badge:hover{color:#60a5fa;text-decoration:underline}.pdm-dim-info{margin-left:auto;display:flex;align-items:center;gap:4px;font-size:.72rem;color:#94a3b8}.pdm-dim-info strong{color:#fff;font-weight:700}.pdm-dim-info small{color:#60a5fa}.pdm-bom-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}.pdm-bom-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.04)}.pdm-bom-heading{font-size:.76rem;font-weight:700;color:#cbd5e1}.pdm-bom-heading small{font-weight:500;color:#64748b}.pdm-total-stones{font-size:.72rem;color:#94a3b8}.pdm-total-stones strong{color:#34d399}.pdm-bom-list{display:flex;flex-direction:column;gap:3px}.pdm-bom-row{display:grid;grid-template-columns:1fr 110px 70px;align-items:center;gap:6px;padding:3px 6px;border-radius:4px;font-size:.72rem;transition:background .15s ease}.pdm-bom-row:hover{background:#ffffff08}.pdm-bom-color{display:flex;align-items:center;gap:6px;min-width:0}.pdm-color-dot{width:10px;height:10px;border-radius:50%;border:1px solid rgba(255,255,255,.2);flex-shrink:0}.pdm-color-name{color:#f1f5f9;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdm-bom-size{color:#94a3b8;font-weight:500;white-space:nowrap}.pdm-bom-count{text-align:right;color:#cbd5e1;font-weight:600}.pdm-tags-row{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.pdm-tag-pill{font-size:.65rem;color:#64748b;cursor:pointer;transition:color .15s ease}.pdm-tag-pill:hover{color:#818cf8;text-decoration:underline}.pdm-service-box{background:#f973160a;border:1px dashed rgba(249,115,22,.2);border-radius:6px;padding:6px 10px;display:flex;align-items:center;gap:6px}.pdm-service-icon{color:#fb923c;flex-shrink:0}.pdm-service-text{font-size:.68rem;color:#94a3b8;line-height:1.35}.pdm-service-text strong{color:#fed7aa}.pdm-bottom-actions{display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:8px;border-top:1px solid rgba(255,255,255,.05)}.pdm-btn-action{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:6px 12px;border-radius:5px;font-size:.72rem;font-weight:600;cursor:pointer;text-decoration:none;transition:all .15s ease;white-space:nowrap}.pdm-btn-action.custom{background:#f973161a;color:#fb923c;border:1px solid rgba(249,115,22,.25)}.pdm-btn-action.custom:hover{background:#ea580c;color:#fff;border-color:#ea580c}.pdm-btn-action.whatsapp{background:#25d3661a;color:#25d366;border:1px solid rgba(37,211,102,.25)}.pdm-btn-action.whatsapp:hover{background:#25d366;color:#fff;border-color:#25d366}.pdm-btn-action.admin{background:#ffffff0d;color:#38bdf8;border:1px solid rgba(255,255,255,.1);margin-left:auto}.pdm-btn-action.admin:hover{background:#38bdf826;color:#fff;border-color:#38bdf8}@media(max-width:768px){.pdm-dialog{width:95vw;height:auto;max-height:90vh;overflow-y:auto}.pdm-body{grid-template-columns:1fr}.pdm-stage-col{height:320px}}.custom-design-overlay{position:fixed;inset:0;z-index:9999;background:#04070dd9;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .2s ease}.custom-design-dialog{width:100%;max-width:820px;max-height:90vh;background:#0d111a;border:1px solid rgba(255,255,255,.12);border-radius:20px;box-shadow:0 24px 60px #000c;display:flex;flex-direction:column;overflow:hidden}.cd-header{padding:1.25rem 1.75rem;background:#121826e6;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between}.cd-header-title{display:flex;align-items:center;gap:.85rem}.cd-sparkle-icon{color:#f59e0b}.cd-header-title h3{font-size:1.15rem;font-weight:700;color:#fff;margin:0}.cd-header-title p{font-size:.8rem;color:#94a3b8;margin:.15rem 0 0}.cd-form-body{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem;flex:1}.cd-selected-pattern-box{display:flex;align-items:center;gap:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);padding:.75rem 1rem;border-radius:12px}.cd-p-preview{width:50px;height:50px;background:#06090e;border-radius:8px;display:flex;align-items:center;justify-content:center}.cd-p-preview svg{max-width:44px;max-height:44px}.cd-p-info{display:flex;flex-direction:column}.cd-p-tag{font-size:.72rem;color:#818cf8;font-weight:600}.cd-p-info h4{font-size:.95rem;font-weight:700;color:#fff;margin:.1rem 0}.cd-p-info p{font-size:.78rem;color:#94a3b8;margin:0}.cd-section{display:flex;flex-direction:column;gap:.5rem}.cd-section-title{display:inline-flex;align-items:center;gap:.45rem;font-size:.85rem;font-weight:700;color:#cbd5e1}.speed-tiers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.speed-tier-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:1rem;cursor:pointer;display:flex;flex-direction:column;gap:.4rem;position:relative;transition:all .2s ease}.speed-tier-card:hover{background:#ffffff0d;border-color:#fff3;transform:translateY(-2px)}.speed-tier-card.active{background:#6366f11f;border-color:#6366f1;box-shadow:0 0 20px #6366f140}.speed-tier-card.popular.active{background:#f59e0b1f;border-color:#f59e0b;box-shadow:0 0 20px #f59e0b40}.speed-tier-card.urgent.active{background:#ef44441f;border-color:#ef4444;box-shadow:0 0 20px #ef444440}.tier-badge{font-size:.7rem;font-weight:700;padding:.15rem .5rem;border-radius:999px;align-self:flex-start;display:inline-flex;align-items:center;gap:.25rem}.tier-badge.standard{background:#ffffff14;color:#94a3b8}.tier-badge.express{background:#f59e0b33;color:#fbbf24;border:1px solid rgba(245,158,11,.4)}.tier-badge.ultra{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.4)}.tier-time{font-size:1.25rem;font-weight:800;color:#fff;margin-top:.2rem}.speed-tier-card h4{font-size:.88rem;font-weight:700;color:#e2e8f0;margin:0}.speed-tier-card p{font-size:.74rem;color:#94a3b8;margin:0;line-height:1.35;flex:1}.tier-feature{font-size:.72rem;font-weight:600;color:#34d399;margin-top:.35rem}.cd-file-drop{border:1px dashed rgba(255,255,255,.15);border-radius:12px;padding:.85rem;background:#ffffff05}.cd-drop-clickable{display:flex;align-items:center;justify-content:center;gap:.65rem;color:#94a3b8;font-size:.8rem;cursor:pointer}.cd-drop-clickable:hover{color:#fff}.cd-file-picked{display:flex;align-items:center;justify-content:space-between;font-size:.82rem;color:#fff}.cd-file-picked button{background:none;border:none;color:#ef4444;cursor:pointer;font-size:.78rem}.cd-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem}.cd-field{display:flex;flex-direction:column;gap:.35rem}.cd-field.full-width{grid-column:1 / -1}.cd-field label{font-size:.78rem;font-weight:600;color:#cbd5e1}.cd-field input,.cd-field textarea{background:#0000004d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.55rem .85rem;border-radius:8px;font-size:.82rem}.cd-field input:focus,.cd-field textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 10px #6366f14d}.cd-footer{padding-top:.75rem;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:flex-end;gap:.75rem}.btn-cd-cancel{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#94a3b8;padding:.55rem 1.1rem;border-radius:8px;font-size:.82rem;cursor:pointer}.btn-cd-submit{display:inline-flex;align-items:center;gap:.4rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#000;border:none;padding:.6rem 1.3rem;border-radius:8px;font-size:.85rem;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #f59e0b59;transition:all .2s ease}.btn-cd-submit:hover{transform:translateY(-1px);box-shadow:0 6px 20px #f59e0b80}.cd-success-state{padding:3rem 1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.success-icon-wrap{width:75px;height:75px;background:#10b98126;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#10b981}.cd-success-state h3{font-size:1.25rem;font-weight:800;color:#fff;margin:0}.cd-success-state p{font-size:.9rem;color:#94a3b8;max-width:500px;line-height:1.6;margin:0}.btn-cd-done{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.65rem 1.5rem;border-radius:10px;font-weight:700;font-size:.88rem;cursor:pointer;margin-top:.5rem}@media(max-width:768px){.speed-tiers-grid,.cd-form-grid{grid-template-columns:1fr}}.pattern-upload-overlay{position:fixed;inset:0;z-index:9998;background:#04070dd9;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .2s ease}.pattern-upload-dialog{width:100%;max-width:680px;background:#0d111a;border:1px solid rgba(255,255,255,.12);border-radius:20px;box-shadow:0 24px 60px #000c;overflow:hidden;display:flex;flex-direction:column}.upload-header{padding:1.25rem 1.5rem;background:#121826e6;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between}.header-title-box{display:flex;align-items:center;gap:.85rem}.header-icon{color:#818cf8}.header-title-box h3{font-size:1.15rem;font-weight:700;color:#fff;margin:0}.header-title-box p{font-size:.8rem;color:#94a3b8;margin:.15rem 0 0}.close-btn{background:none;border:none;color:#94a3b8;cursor:pointer}.close-btn:hover{color:#fff}.upload-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.upload-error-banner{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:.75rem 1rem;border-radius:10px;display:flex;align-items:center;gap:.5rem;font-size:.85rem}.svg-drop-zone{border:2px dashed rgba(99,102,241,.35);background:#6366f108;border-radius:16px;padding:2.5rem 1.5rem;text-align:center;cursor:pointer;transition:all .2s ease}.svg-drop-zone:hover{border-color:#6366f1;background:#6366f114}.drop-icon-wrap{width:60px;height:60px;background:#6366f11f;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#818cf8;margin:0 auto 1rem}.svg-drop-zone h4{font-size:1rem;font-weight:700;color:#fff;margin:0 0 .35rem}.svg-drop-zone p{font-size:.85rem;color:#94a3b8;margin:0 0 .85rem}.file-hint{display:inline-block;font-size:.75rem;color:#64748b;background:#ffffff0a;padding:.25rem .6rem;border-radius:6px}.parsing-state{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:#818cf8;font-size:.9rem}.parsed-summary-card{display:flex;gap:1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:1rem;align-items:center}.parsed-preview-box{width:110px;height:110px;background:#000;border:1px solid rgba(255,255,255,.1);border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}.parsed-preview-box img{max-width:100%;max-height:100%;object-fit:contain}.parsed-details{flex:1}.parsed-badge{display:inline-flex;align-items:center;gap:.35rem;color:#34d399;font-size:.75rem;font-weight:600;margin-bottom:.25rem}.parsed-details h4{font-size:1rem;font-weight:700;color:#fff;margin:0 0 .5rem}.parsed-stats-grid{display:flex;gap:1.25rem;font-size:.8rem;color:#94a3b8;margin-bottom:.6rem}.parsed-stats-grid strong{color:#e2e8f0;margin-left:.25rem}.btn-change-svg{background:none;border:none;color:#818cf8;font-size:.78rem;font-weight:600;cursor:pointer;padding:0}.btn-change-svg:hover{text-decoration:underline}.duplicate-warning-box{background:#f59e0b1f;border:1px solid rgba(245,158,11,.35);border-radius:12px;padding:1.1rem;display:flex;flex-direction:column;gap:.75rem;animation:slideDown .25s ease}.dup-warning-header{display:flex;align-items:flex-start;gap:.75rem}.dup-icon{color:#f59e0b;margin-top:2px}.dup-warning-header h4{font-size:.95rem;font-weight:700;color:#fbbf24;margin:0 0 .25rem}.dup-warning-header p{font-size:.82rem;color:#fef3c7;margin:0;line-height:1.4}.dup-reasons-list{display:flex;flex-direction:column;gap:.25rem;background:#0003;padding:.5rem .75rem;border-radius:8px}.dup-reason-item{font-size:.78rem;color:#fde68a}.dup-action-row{display:flex;align-items:center;gap:.75rem;margin-top:.25rem}.btn-ignore-dup{background:#f59e0b33;border:1px solid rgba(245,158,11,.4);color:#fbbf24;padding:.45rem .85rem;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-ignore-dup:hover{background:#f59e0b59;color:#fff}.btn-cancel-dup{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#cbd5e1;padding:.45rem .85rem;border-radius:8px;font-size:.8rem;cursor:pointer}.btn-cancel-dup:hover{background:#ef444433;color:#ef4444}.upload-form-fields{display:flex;flex-direction:column;gap:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group label{display:block;font-size:.8rem;font-weight:600;color:#cbd5e1;margin-bottom:.35rem}.modal-input,.modal-select{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.6rem .8rem;color:#fff;font-size:.88rem}.modal-input:focus,.modal-select:focus{outline:none;border-color:#6366f1}.modal-select option{background:#0d111a;color:#fff}.ai-tag-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem}.ai-sparkle{color:#a855f7;display:inline;margin-right:4px}.ai-status{font-size:.72rem;color:#a855f7;font-weight:600}.modal-tag-chips{display:flex;flex-wrap:wrap;gap:.4rem}.m-tag-chip{background:#6366f11f;border:1px solid rgba(99,102,241,.25);color:#a5b4fc;padding:.2rem .5rem;border-radius:6px;font-size:.75rem}.no-tags{font-size:.78rem;color:#64748b}.upload-footer{padding:1.25rem 1.5rem;background:#121826e6;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between}.btn-modal-cancel{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#94a3b8;padding:.6rem 1.2rem;border-radius:8px;font-weight:600;cursor:pointer}.btn-modal-cancel:hover{background:#ffffff1a;color:#fff}.footer-right-buttons{display:flex;align-items:center;gap:.75rem}.btn-modal-assign{display:inline-flex;align-items:center;gap:.4rem;background:#6366f126;color:#818cf8;border:1px solid rgba(99,102,241,.35);padding:.6rem 1rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer}.btn-modal-assign:hover{background:#6366f140;color:#fff}.btn-modal-primary{display:inline-flex;align-items:center;gap:.4rem;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;border:none;padding:.6rem 1.25rem;border-radius:8px;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-modal-primary:hover{transform:translateY(-1px);box-shadow:0 4px 14px #a855f766}.batch-import-overlay{position:fixed;inset:0;z-index:9998;background:#04070dd9;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .2s ease}.batch-import-dialog{width:100%;max-width:780px;max-height:90vh;background:#0d111a;border:1px solid rgba(255,255,255,.12);border-radius:20px;box-shadow:0 24px 60px #000c;display:flex;flex-direction:column;overflow:hidden}.batch-header{padding:1.25rem 1.75rem;background:#121826e6;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between}.batch-title-box{display:flex;align-items:center;gap:.85rem}.batch-icon{color:#818cf8}.batch-title-box h3{font-size:1.15rem;font-weight:700;color:#fff;margin:0}.batch-title-box p{font-size:.8rem;color:#94a3b8;margin:.15rem 0 0}.batch-body{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem;flex:1}.folder-picker-zone{border:2px dashed rgba(99,102,241,.4);background:#6366f108;border-radius:16px;padding:3rem 1.5rem;text-align:center;cursor:pointer;transition:all .2s ease}.folder-picker-zone:hover{border-color:#6366f1;background:#6366f114}.folder-zone-content{display:flex;flex-direction:column;align-items:center;gap:.75rem}.f-icon-wrap{width:70px;height:70px;background:#6366f11f;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#818cf8}.folder-zone-content h4{font-size:1.1rem;font-weight:700;color:#fff;margin:0}.folder-zone-content p{font-size:.85rem;color:#94a3b8;max-width:500px;margin:0;line-height:1.5}.picker-badges-row{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin:.25rem 0}.p-badge{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;font-size:.75rem;padding:.25rem .6rem;border-radius:999px}.btn-select-folder{background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;border:none;padding:.75rem 1.4rem;border-radius:12px;font-weight:700;font-size:.92rem;cursor:pointer;margin-top:.5rem;box-shadow:0 4px 15px #6366f166;transition:all .2s ease}.btn-select-folder:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f199}.batch-summary-bar{display:flex;justify-content:space-between;align-items:center;background:#ffffff08;border:1px solid rgba(255,255,255,.08);padding:.85rem 1.15rem;border-radius:12px}.summary-left{display:flex;align-items:center;gap:.75rem}.folder-name-tag{font-size:.85rem;font-weight:700;color:#fff;background:#6366f126;border:1px solid rgba(99,102,241,.3);padding:.25rem .6rem;border-radius:6px}.total-files-count{font-size:.82rem;color:#94a3b8}.btn-start-import{display:inline-flex;align-items:center;gap:.4rem;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;border:none;padding:.55rem 1.1rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-start-import:hover{transform:translateY(-1px)}.processing-indicator{display:flex;align-items:center;gap:.5rem;color:#818cf8;font-size:.85rem;font-weight:600}.progress-track{width:100%;height:6px;background:#ffffff14;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#10b981);transition:width .2s ease}.batch-results-card{display:flex;gap:1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.08);padding:.85rem 1.25rem;border-radius:12px}.result-stat-item{display:flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600}.result-stat-item.success{color:#34d399}.result-stat-item.dup{color:#fbbf24}.result-stat-item.error{color:#f87171}.move-files-helper-box{background:#6366f114;border:1px solid rgba(99,102,241,.25);border-radius:14px;padding:1.15rem;display:flex;flex-direction:column;gap:.75rem}.move-helper-header{display:flex;align-items:flex-start;gap:.65rem}.move-icon{color:#818cf8;margin-top:2px}.move-helper-header h4{font-size:.95rem;font-weight:700;color:#fff;margin:0 0 .2rem}.move-helper-header p{font-size:.8rem;color:#cbd5e1;margin:0;line-height:1.4}.code-snippet-box{position:relative;background:#06090e;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:.85rem;overflow-x:auto}.code-snippet-box pre{margin:0;font-family:Consolas,Courier New,monospace;font-size:.78rem;color:#38bdf8;white-space:pre-wrap;word-break:break-all}.btn-copy-code{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:.35rem;background:#6366f1;color:#fff;border:none;padding:.35rem .65rem;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer}.btn-copy-code:hover{background:#4f46e5}.batch-files-list{display:flex;flex-direction:column;gap:.4rem;max-height:280px;overflow-y:auto;background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:.5rem}.batch-file-row{display:flex;justify-content:space-between;align-items:center;padding:.45rem .75rem;border-radius:8px;font-size:.82rem;background:#ffffff05}.file-name-col{display:flex;align-items:center;gap:.5rem;color:#e2e8f0}.file-idx{color:#64748b;font-size:.75rem;min-width:20px}.curve-badge{background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#34d399;font-size:.7rem;padding:.1rem .4rem;border-radius:4px}.moved-badge{background:#6366f126;border:1px solid rgba(99,102,241,.3);color:#818cf8;font-size:.7rem;padding:.1rem .4rem;border-radius:4px;font-weight:600}.st-badge{font-size:.75rem;font-weight:600;padding:.2rem .5rem;border-radius:6px;display:inline-flex;align-items:center;gap:.3rem}.st-badge.pending{background:#ffffff0f;color:#94a3b8}.st-badge.processing{background:#6366f126;color:#818cf8}.st-badge.success{background:#10b98126;color:#34d399}.st-badge.dup{background:#f59e0b26;color:#fbbf24}.st-badge.error{background:#ef444426;color:#f87171}.batch-footer{padding:1.25rem 1.75rem;background:#121826e6;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between}.free-request-overlay{position:fixed;inset:0;z-index:9998;background:#04070de0;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeInOverlay .2s ease}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.free-request-dialog{width:820px;max-width:calc(100vw - 48px);max-height:90vh;overflow-y:auto;background:#0d111a;border:1px solid rgba(255,255,255,.12);border-radius:18px;box-shadow:0 24px 60px #000000bf;position:relative;animation:slideUpDialog .25s cubic-bezier(.4,0,.2,1)}@keyframes slideUpDialog{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.free-request-close-btn{position:absolute;top:12px;right:12px;z-index:10;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#0f172acc;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.free-request-close-btn:hover{background:#ef4444;color:#fff;border-color:#ef4444;transform:scale(1.1)}.free-request-header{padding:24px 28px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.free-request-header h2{margin:8px 0 4px;font-size:1.25rem;font-weight:800;color:#f1f5f9;letter-spacing:-.01em}.header-subtitle{margin:0;font-size:.82rem;color:#94a3b8;line-height:1.5}.header-subtitle strong{color:#34d399}.zero-risk-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;background:linear-gradient(135deg,#10b98126,#34d39914);border:1px solid rgba(16,185,129,.3);font-size:.72rem;font-weight:700;color:#34d399;letter-spacing:.02em}.zero-risk-badge svg{flex-shrink:0}.free-request-form{display:flex;flex-direction:column}.free-request-body-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px 28px}.request-col-left,.request-col-right{display:flex;flex-direction:column;gap:14px}.form-group-clean{display:flex;flex-direction:column;gap:5px}.form-group-clean label{display:flex;align-items:center;gap:6px;font-size:.76rem;font-weight:600;color:#cbd5e1}.form-group-clean label svg{color:#818cf8;flex-shrink:0}.form-group-clean input[type=text],.form-group-clean input[type=number],.form-group-clean textarea{width:100%;padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#f1f5f9;font-size:.82rem;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit}.form-group-clean input:focus,.form-group-clean textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.form-group-clean input::placeholder,.form-group-clean textarea::placeholder{color:#475569}.form-group-clean textarea{resize:vertical;min-height:52px}.input-subhint{font-size:.68rem;color:#64748b;margin-top:2px}.form-row-2col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gemstone-chips-wrap{display:flex;flex-wrap:wrap;gap:6px}.gemstone-chip-btn{padding:4px 10px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#94a3b8;font-size:.72rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.gemstone-chip-btn:hover{border-color:#6366f166;color:#c7d2fe;background:#6366f114}.gemstone-chip-btn.active{background:linear-gradient(135deg,#6366f133,#a855f726);border-color:#818cf8;color:#e0e7ff;box-shadow:0 0 8px #6366f140}.image-dropzone-box{border:2px dashed rgba(255,255,255,.12);border-radius:12px;background:#ffffff05;min-height:130px;display:flex;align-items:center;justify-content:center;transition:border-color .2s,background .2s}.image-dropzone-box:hover{border-color:#6366f166;background:#6366f10a}.dropzone-label{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;padding:16px;text-align:center;color:#64748b;font-size:.78rem}.dropzone-icon{color:#475569}.dropzone-hint{font-size:.66rem;color:#475569}.preview-image-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:100%;padding:10px}.preview-image-wrap img{max-width:100%;max-height:120px;object-fit:contain;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.btn-remove-img{position:absolute;bottom:6px;right:10px;padding:3px 10px;border-radius:6px;border:1px solid rgba(239,68,68,.3);background:#ef444426;color:#f87171;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-remove-img:hover{background:#ef4444;color:#fff;border-color:#ef4444}.free-request-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 28px 20px;border-top:1px solid rgba(255,255,255,.06);gap:12px;flex-wrap:wrap}.footer-guarantee-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:20px;background:#6366f114;border:1px solid rgba(99,102,241,.2);color:#a5b4fc;font-size:.72rem;font-weight:600}.footer-guarantee-pill svg{color:#818cf8;flex-shrink:0}.footer-actions{display:flex;align-items:center;gap:10px}.btn-cancel{padding:8px 18px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:transparent;color:#94a3b8;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel:hover{border-color:#ffffff40;color:#e2e8f0;background:#ffffff0a}.btn-submit-free-request{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:10px;border:none;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #6366f159}.btn-submit-free-request:hover:not(:disabled){background:linear-gradient(135deg,#818cf8,#a78bfa);transform:translateY(-1px);box-shadow:0 8px 24px #6366f173}.btn-submit-free-request:disabled{opacity:.55;cursor:not-allowed}.free-request-success-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 32px;gap:12px}.success-icon-badge{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#10b98133,#34d3991a);border:2px solid rgba(16,185,129,.4);display:flex;align-items:center;justify-content:center;color:#34d399;animation:scaleIn .3s cubic-bezier(.4,0,.2,1)}@keyframes scaleIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.free-request-success-card h2{font-size:1.3rem;font-weight:800;color:#f1f5f9;margin:0}.success-tracking-no{font-size:.85rem;color:#94a3b8;margin:0}.success-tracking-no strong{color:#818cf8;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.04em}.success-desc{font-size:.82rem;color:#94a3b8;line-height:1.6;max-width:480px;margin:4px 0 0}.success-desc strong{color:#34d399}.success-guarantee-box{display:flex;align-items:flex-start;gap:10px;padding:14px 18px;border-radius:12px;background:#10b9810f;border:1px solid rgba(16,185,129,.2);text-align:left;max-width:500px;margin-top:8px}.success-guarantee-box svg{color:#34d399;flex-shrink:0;margin-top:2px}.success-guarantee-box span{font-size:.78rem;color:#94a3b8;line-height:1.55}.success-guarantee-box strong{color:#34d399}.btn-success-done{margin-top:12px;padding:10px 28px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:#e2e8f0;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s}.btn-success-done:hover{background:#6366f126;border-color:#6366f1;color:#c7d2fe}@media(max-width:768px){.free-request-dialog{max-width:calc(100vw - 24px)}.free-request-body-grid{grid-template-columns:1fr;padding:16px 20px}.free-request-header{padding:20px 20px 12px}.free-request-footer{flex-direction:column;align-items:stretch;padding:12px 20px 16px}.footer-actions{justify-content:stretch}.btn-submit-free-request{flex:1;justify-content:center}}.phone-modal-backdrop{position:fixed;inset:0;background:#0a0f1ed1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;animation:phoneModalFadeIn .25s cubic-bezier(.16,1,.3,1)}@keyframes phoneModalFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.phone-modal-container{position:relative;width:100%;max-width:520px;background:linear-gradient(180deg,#1a2234f2,#0f172afa);border:1px solid rgba(56,189,248,.25);border-radius:20px;padding:32px 28px 24px;box-shadow:0 25px 60px -15px #000000b3,0 0 40px #38bdf826;color:#f8fafc;overflow:hidden}.phone-modal-glow{position:absolute;top:-80px;left:50%;transform:translate(-50%);width:240px;height:120px;background:radial-gradient(circle,rgba(56,189,248,.35) 0%,rgba(99,102,241,.2) 60%,transparent 80%);filter:blur(35px);pointer-events:none}.phone-modal-close-btn{position:absolute;top:18px;right:18px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#94a3b8;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.phone-modal-close-btn:hover{background:#ef444433;border-color:#ef444466;color:#f87171;transform:rotate(90deg)}.phone-modal-header{text-align:center;margin-bottom:20px}.phone-modal-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#38bdf826,#818cf826);border:1px solid rgba(56,189,248,.35);color:#38bdf8;font-size:11px;font-weight:800;letter-spacing:.8px;padding:4px 12px;border-radius:999px;margin-bottom:12px;text-transform:uppercase}.phone-modal-header h2{font-size:22px;font-weight:800;color:#fff;margin:0 0 8px;letter-spacing:-.3px}.phone-modal-desc{font-size:13px;color:#94a3b8;line-height:1.55;margin:0 auto;max-width:440px}.phone-modal-desc strong{color:#38bdf8}.phone-modal-perks{display:flex;flex-direction:column;gap:8px;background:#0f172a99;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:12px 16px;margin-bottom:20px}.phone-perk-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#cbd5e1;font-weight:500}.phone-perk-item .perk-icon{color:#22c55e;flex-shrink:0}.phone-modal-form{display:flex;flex-direction:column;gap:14px}.phone-modal-error{background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#fca5a5;padding:8px 12px;border-radius:8px;font-size:12px;text-align:center}.phone-input-group{display:flex;flex-direction:column;gap:6px}.phone-input-group label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#cbd5e1}.phone-input-group input,.phone-input-group select{background:#0f172ad9;border:1px solid rgba(148,163,184,.2);border-radius:10px;padding:10px 14px;font-size:13px;color:#fff;outline:none;transition:all .2s ease}.phone-input-group input:focus,.phone-input-group select:focus{border-color:#38bdf8;background:#0f172a;box-shadow:0 0 0 3px #38bdf826}.phone-number-row{display:flex;gap:8px}.country-select{width:145px;flex-shrink:0;cursor:pointer}.phone-input{flex:1}.phone-optional-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:480px){.phone-optional-grid{grid-template-columns:1fr}}.phone-modal-submit-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#0284c7,#2563eb,#7c3aed);color:#fff;border:none;border-radius:12px;padding:13px 20px;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 10px 25px -5px #2563eb80;transition:all .25s ease;margin-top:4px}.phone-modal-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#0369a1,#1d4ed8,#6d28d9);box-shadow:0 12px 30px -5px #2563ebb3;transform:translateY(-1px)}.phone-modal-submit-btn:active:not(:disabled){transform:translateY(1px)}.phone-modal-submit-btn:disabled{opacity:.6;cursor:not-allowed}.phone-modal-privacy{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;color:#64748b;margin-top:2px}.ready-patterns-page{min-height:100vh;background-color:#06090e;color:#f1f5f9;display:flex;flex-direction:column}.patterns-navbar{position:sticky;top:0;z-index:50;background:#0a0e16d9;backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.navbar-content{max-width:1440px;margin:0 auto;padding:.85rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.nav-left{display:flex;align-items:center;gap:1rem}.patterns-main-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;transition:transform .2s ease}.patterns-main-logo:hover{transform:scale(1.03)}.patterns-main-logo .logo-stone-wrap{position:relative;width:30px;height:30px;flex-shrink:0;border-radius:50%;overflow:hidden;box-shadow:0 0 12px #a5b4fc59;transition:all .3s ease}.patterns-main-logo:hover .logo-stone-wrap{box-shadow:0 0 20px #a5b4fc99,0 0 35px #6366f159}.patterns-main-logo .logo-stone-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}.patterns-main-logo .logo-brand-text{font-family:Playfair Display,Georgia,serif;font-size:1.35rem;font-weight:700;color:#fff;letter-spacing:.03em}.nav-brand-divider{width:1px;height:22px;background:#ffffff26}.nav-brand{display:flex;align-items:center;gap:.45rem;font-size:.95rem;font-weight:600;color:#94a3b8}.brand-icon{color:#818cf8}.nav-right{display:flex;align-items:center;gap:.85rem}.right-upload-actions{display:flex;align-items:center;gap:.65rem}.btn-header-batch{display:inline-flex;align-items:center;gap:.45rem;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;border:none;padding:.55rem 1.15rem;border-radius:10px;font-size:.85rem;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #6366f159;transition:all .2s ease}.btn-header-batch:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f180;background:linear-gradient(135deg,#4f46e5,#9333ea)}.btn-header-phone-reg{display:inline-flex;align-items:center;gap:6px;background:#38bdf81f;border:1px solid rgba(56,189,248,.35);color:#38bdf8;padding:.55rem .95rem;border-radius:10px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-header-phone-reg:hover{background:#38bdf838;border-color:#38bdf899;transform:translateY(-1px)}.btn-header-panel{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#e2e8f0;padding:.55rem 1rem;border-radius:10px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .15s ease}.btn-header-panel:hover{background:#ffffff1f;color:#fff}.patterns-hero-compact{background:linear-gradient(180deg,#121826f2,#06090efa);border-bottom:1px solid rgba(255,255,255,.08);padding:1.25rem 2rem}.hero-compact-row{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.hero-badge-pill{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#38bdf826,#6366f126);border:1px solid rgba(56,189,248,.35);color:#38bdf8;font-size:10px;font-weight:800;letter-spacing:.6px;padding:3px 10px;border-radius:999px;margin-bottom:6px}.hero-compact-titles h1{font-size:1.35rem;font-weight:800;color:#fff;margin:0;letter-spacing:-.01em}.hero-compact-titles p{font-size:.8rem;color:#94a3b8;margin:.2rem 0 0}.hero-compact-search-bar{display:flex;align-items:center;gap:.5rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);padding:.35rem .6rem;border-radius:12px;width:100%;max-width:480px}.search-input-wrap{flex:1;display:flex;align-items:center;gap:.5rem;padding:0 .4rem}.search-icon{color:#818cf8}.search-input-wrap input{width:100%;background:none;border:none;color:#fff;font-size:.85rem}.search-input-wrap input:focus{outline:none}.search-sort-wrap{border-left:1px solid rgba(255,255,255,.1);padding-left:.5rem;display:flex;align-items:center}.sort-select{background:none;border:none;color:#fbbf24;font-size:.8rem;font-weight:600;cursor:pointer;padding:.3rem}.sort-select:focus{outline:none}.sort-select option{background:#0d111a;color:#fff}.patterns-main-container{max-width:1440px;width:100%;margin:0 auto;padding:2rem 1.5rem;flex:1}.patterns-tabs-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:1rem}.left-tabs{display:flex;gap:.5rem}.tab-btn{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:#94a3b8;padding:.55rem 1.1rem;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease}.tab-btn:hover{background:#ffffff12;color:#e2e8f0}.tab-btn.active{background:#6366f126;border-color:#6366f1;color:#fff}.tab-count-badge{background:#f59e0b;color:#000;font-size:.72rem;font-weight:700;padding:.1rem .45rem;border-radius:999px}.btn-upload-secondary{display:inline-flex;align-items:center;gap:.4rem;background:#6366f11f;border:1px solid rgba(99,102,241,.3);color:#818cf8;padding:.55rem 1rem;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-upload-secondary:hover{background:#6366f138;color:#fff}.categories-filter-scroll{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:1rem;margin-bottom:1.5rem}.cat-pill-btn{white-space:nowrap;background:#ffffff08;border:1px solid rgba(255,255,255,.07);color:#94a3b8;padding:.45rem 1rem;border-radius:999px;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .15s ease}.cat-pill-btn:hover{background:#ffffff14;color:#fff}.cat-pill-btn.active{background:#6366f1;border-color:#6366f1;color:#fff;font-weight:600;box-shadow:0 2px 10px #6366f159}.patterns-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.5rem}.patterns-loading-stage,.patterns-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1.5rem;gap:1rem;text-align:center;color:#94a3b8}.empty-icon{color:#6366f1;opacity:.7}.pattern-card-wrapper{display:flex;flex-direction:column;gap:.5rem}.staged-approval-bar{display:flex;gap:.5rem;background:#121826f2;border:1px solid rgba(255,255,255,.1);padding:.5rem;border-radius:12px}.btn-card-approve{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.5rem;border-radius:8px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-card-approve:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.btn-card-reject{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#f87171;padding:.5rem .85rem;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer}.btn-card-reject:hover{background:#ef444447;color:#fff}.rejected-restore-bar{display:flex;flex-direction:column;gap:.35rem;background:#ef444414;border:1px solid rgba(239,68,68,.2);padding:.5rem;border-radius:12px}.reject-reason-text{font-size:.75rem;color:#fca5a5}.btn-card-restore{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#fff;padding:.4rem;border-radius:6px;font-size:.78rem;font-weight:600;cursor:pointer}.btn-card-restore:hover{background:#6366f140;border-color:#818cf8}.btn-batch-approve{display:inline-flex;align-items:center;gap:.45rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.55rem 1.1rem;border-radius:10px;font-size:.85rem;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #10b98159;transition:all .2s ease}.btn-batch-approve:hover{transform:translateY(-1px);box-shadow:0 6px 18px #10b98180}.tab-count-badge.staged{background:#f59e0b;color:#000;font-weight:800}.access-restricted-card{max-width:680px;margin:3rem auto;background:#121826d9;border:1px solid rgba(245,158,11,.3);border-radius:20px;padding:3rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.25rem;box-shadow:0 20px 50px #0009}.restricted-icon-wrap{width:80px;height:80px;background:#f59e0b1f;border:1px solid rgba(245,158,11,.25);border-radius:50%;display:flex;align-items:center;justify-content:center}.lock-icon{color:#f59e0b}.access-restricted-card h2{font-size:1.4rem;font-weight:800;color:#fff;margin:0}.access-restricted-card p{font-size:.95rem;color:#94a3b8;line-height:1.6;margin:0}.access-restricted-card strong{color:#fbbf24}.restricted-badge-info{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);padding:.4rem .85rem;border-radius:999px;font-size:.8rem;color:#cbd5e1}.restricted-actions{display:flex;gap:1rem;margin-top:.5rem;flex-wrap:wrap;justify-content:center}.btn-request-access{background:linear-gradient(135deg,#f59e0b,#d97706);color:#000;font-weight:700;padding:.65rem 1.3rem;border-radius:10px;text-decoration:none;font-size:.88rem;transition:all .2s ease}.btn-request-access:hover{transform:translateY(-1px);box-shadow:0 4px 14px #f59e0b66}.btn-go-demo{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#fff;font-weight:600;padding:.65rem 1.3rem;border-radius:10px;text-decoration:none;font-size:.88rem;transition:all .15s ease}.btn-go-demo:hover{background:#ffffff1f}.custom-design-callout-banner{position:relative;margin:3.5rem 0 2rem;background:linear-gradient(135deg,#121826f2,#1e1b4bd9);border:1px solid rgba(245,158,11,.35);border-radius:20px;padding:3rem 2.5rem;overflow:hidden;box-shadow:0 20px 50px #0009;text-align:center}.top-elegant-service-bar{background:#121826b3;border:1px solid rgba(99,102,241,.22);border-radius:10px;padding:.55rem .85rem;margin-bottom:.85rem;backdrop-filter:blur(10px);animation:fadeInDown .3s ease}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.top-bar-content{display:flex;align-items:center;justify-content:space-between;gap:1rem}.top-bar-left{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:#94a3b8;flex-wrap:wrap}.top-bar-sparkle{font-size:.95rem}.top-bar-title{color:#fff;font-weight:700}.top-bar-desc{color:#cbd5e1}.top-bar-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.btn-top-bar-cta{display:inline-flex;align-items:center;gap:.35rem;background:#6366f12e;color:#c7d2fe;border:1px solid rgba(99,102,241,.35);padding:.3rem .65rem;border-radius:6px;font-size:.76rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-top-bar-cta:hover{background:#6366f1;color:#fff;border-color:#818cf8;transform:translateY(-1px);box-shadow:0 2px 10px #6366f159}.btn-top-bar-close{background:transparent;border:none;color:#64748b;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.btn-top-bar-close:hover{background:#ffffff1a;color:#cbd5e1}.custom-design-ad-banner{position:relative;background:linear-gradient(135deg,#111827f2,#1c1233f2,#0f172af2);border:1px solid rgba(245,158,11,.3);border-radius:20px;padding:2.5rem 2rem;margin-top:3.5rem;box-shadow:0 20px 50px #0009,inset 0 1px #ffffff1a;overflow:hidden}.cd-ad-glow{position:absolute;top:-40%;left:50%;transform:translate(-50%);width:600px;height:350px;background:radial-gradient(circle,rgba(245,158,11,.2) 0%,rgba(99,102,241,.08) 50%,transparent 70%);pointer-events:none}.cd-ad-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:1.75rem;max-width:860px;margin:0 auto;text-align:center}.cd-ad-header{display:flex;flex-direction:column;align-items:center;gap:.75rem}.cd-ad-badge{display:inline-flex;align-items:center;gap:.45rem;background:#f59e0b26;border:1px solid rgba(245,158,11,.4);color:#fbbf24;padding:.35rem .9rem;border-radius:999px;font-size:.75rem;font-weight:800;letter-spacing:.06em;box-shadow:0 2px 10px #f59e0b33}.cd-ad-header h2{font-size:1.85rem;font-weight:800;color:#fff;margin:0;line-height:1.25;letter-spacing:-.01em}.cd-ad-subtitle{font-size:.95rem;color:#cbd5e1;line-height:1.6;margin:0;max-width:680px}.cd-ad-stats-row{display:flex;align-items:center;justify-content:center;gap:2rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);padding:.85rem 1.5rem;border-radius:14px;width:100%;max-width:820px;flex-wrap:wrap}.cd-stat-item{display:flex;flex-direction:column;align-items:center;gap:2px}.cd-stat-item strong{font-size:1.25rem;font-weight:800;color:#fbbf24;letter-spacing:-.01em}.cd-stat-item span{font-size:.76rem;font-weight:600;color:#94a3b8}.cd-stat-divider{width:1px;height:28px;background:#ffffff1a}.cd-ad-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:100%;text-align:left}@media(max-width:900px){.cd-ad-features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.cd-ad-features-grid{grid-template-columns:1fr}}.cd-feature-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1rem;display:flex;gap:.75rem;align-items:flex-start;transition:all .2s ease}.cd-feature-card:hover{background:#ffffff0f;border-color:#ffffff2e;transform:translateY(-2px)}.feature-icon-wrap{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-icon-wrap.amber{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.feature-icon-wrap.indigo{background:#6366f126;color:#a5b4fc;border:1px solid rgba(99,102,241,.3)}.feature-icon-wrap.emerald{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.feature-icon-wrap.blue{background:#38bdf826;color:#38bdf8;border:1px solid rgba(56,189,248,.3)}.feature-icon-wrap.purple{background:#a855f726;color:#c084fc;border:1px solid rgba(168,85,247,.3)}.feature-icon-wrap.rose{background:#f43f5e26;color:#fb7185;border:1px solid rgba(244,63,94,.3)}.feature-info h4{font-size:.88rem;font-weight:700;color:#fff;margin:0 0 .25rem}.feature-info p{font-size:.78rem;color:#94a3b8;margin:0;line-height:1.45}.cd-ad-formats-strip{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;padding:.4rem .8rem}.format-label{font-size:.78rem;color:#64748b;font-weight:600}.format-pill{font-size:.72rem;font-weight:700;color:#cbd5e1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:.15rem .55rem;border-radius:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.format-pill.highlight{background:#f59e0b26;border-color:#f59e0b59;color:#fbbf24}.cd-ad-actions-row{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;width:100%}.btn-ad-custom-primary{display:inline-flex;align-items:center;gap:.55rem;background:#f973161f;color:#fb923c;border:1px solid rgba(249,115,22,.35);padding:.85rem 1.8rem;border-radius:12px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-ad-custom-primary svg{color:#fb923c;transition:color .25s ease}.btn-ad-custom-primary:hover{background:#ea580c;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #ea580c59;border-color:#ea580c}.btn-ad-custom-primary:hover svg{color:#fff}.btn-ad-whatsapp-secondary{display:inline-flex;align-items:center;gap:.6rem;background:#25d3661f;color:#25d366;border:1px solid rgba(37,211,102,.35);padding:.85rem 1.8rem;border-radius:12px;font-size:.95rem;font-weight:700;text-decoration:none;cursor:pointer;transition:all .25s ease}.btn-ad-whatsapp-secondary:hover{background:#25d366;color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #25d36659}.btn-action-custom-design{flex:1 1 100%;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#000;border:none;padding:.75rem 1.2rem;border-radius:10px;font-size:.9rem;font-weight:800;cursor:pointer;box-shadow:0 4px 14px #f59e0b59;transition:all .2s ease}.btn-action-custom-design:hover{transform:translateY(-1px);box-shadow:0 6px 20px #f59e0b80}@media(max-width:768px){.hero-content h1{font-size:1.85rem}.hero-search-bar{flex-direction:column}.search-sort-wrap{border-left:none;border-top:1px solid rgba(255,255,255,.1);padding-top:.5rem}.patterns-tabs-bar{flex-direction:column;align-items:stretch;gap:.75rem}}:root{--admin-sidebar-width: 220px;--admin-accent: #6366f1;--admin-accent-glow: rgba(99, 102, 241, .3);--admin-purple: #a855f7;--admin-bg: #0b0f19;--admin-card-bg: rgba(18, 24, 38, .7);--admin-card-border: rgba(255, 255, 255, .08);--admin-text-primary: #f8fafc;--admin-text-secondary: #94a3b8;--admin-transition: all .2s ease}.admin-dashboard{display:flex;min-height:100vh;background:radial-gradient(circle at top right,#131b2e,#0b0f19);color:var(--admin-text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden}.admin-sidebar{width:var(--admin-sidebar-width);background:#0b0f19d9;backdrop-filter:blur(20px);border-right:1px solid var(--admin-card-border);display:flex;flex-direction:column;padding:.75rem .5rem;z-index:100;transition:var(--admin-transition);overflow-x:hidden;flex-shrink:0}.sidebar-header{padding:.25rem .5rem 1rem;display:flex;align-items:center;gap:8px}.sidebar-header h2{font-size:.95rem;font-weight:800;background:linear-gradient(135deg,#818cf8,#c084fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0;letter-spacing:-.01em}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem;flex:1;overflow-y:auto}.sidebar-item{display:flex;align-items:center;gap:8px;padding:.4rem .6rem;border-radius:6px;color:var(--admin-text-secondary);text-decoration:none;font-size:.75rem;font-weight:500;transition:var(--admin-transition);background:transparent;border:none;width:100%;text-align:left;cursor:pointer;position:relative;white-space:nowrap;line-height:1.2}.sidebar-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-item:hover{background:#ffffff0a;color:var(--admin-text-primary)}.sidebar-item.active{background:linear-gradient(135deg,var(--admin-accent),var(--admin-purple));color:#fff;box-shadow:0 2px 10px var(--admin-accent-glow);font-weight:600}.sidebar-item-count{margin-left:auto;flex-shrink:0;font-size:9px;background:#ffffff1f;padding:1px 6px;border-radius:10px;font-weight:700;color:var(--admin-text-secondary);line-height:1.2}.sidebar-item.active .sidebar-item-count{background:#ffffff40;color:#fff}.sidebar-profile{margin-top:auto;padding-top:.75rem;border-top:1px solid var(--admin-card-border);display:flex;flex-direction:column;gap:6px}.user-info-brief{display:flex;flex-direction:column;gap:2px;padding:0 .35rem}.user-email-text{font-size:.7rem;color:var(--admin-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-sidebar-logout{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:.35rem;border-radius:6px;color:#fb7185;background:#f43f5e0d;border:1px solid rgba(244,63,94,.1);font-size:.72rem;font-weight:600;cursor:pointer;transition:var(--admin-transition)}.btn-sidebar-logout:hover{background:#f43f5e26;border-color:#f43f5e4d}.admin-main{flex:1;display:flex;flex-direction:column;height:100vh;overflow:hidden;background:transparent}.admin-main-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1.25rem;background:#0b0f1999;backdrop-filter:blur(12px);border-bottom:1px solid var(--admin-card-border)}.header-title h1{font-size:.95rem;font-weight:800;margin:0;letter-spacing:-.01em}.admin-stats-mini{display:flex;align-items:center;gap:.5rem}.stat-mini-badge{display:flex;align-items:center;gap:6px;background:#ffffff08;padding:3px 8px;border-radius:20px;border:1px solid var(--admin-card-border)}.stat-mini-label{font-size:.65rem;font-weight:600;color:var(--admin-text-secondary);text-transform:uppercase}.stat-mini-value{font-size:.8rem;font-weight:800;color:var(--admin-accent)}.admin-view-container{flex:1;padding:.75rem 1.25rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--admin-card-border) transparent}.admin-card{background:var(--admin-card-bg);backdrop-filter:blur(24px);border:1px solid var(--admin-card-border);border-radius:8px;padding:.75rem;box-shadow:0 4px 20px #00000040;animation:fadeIn .25s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.compact-table-wrapper{margin-top:.5rem;background:#0b0f1980;border-radius:8px;border:1px solid var(--admin-card-border);overflow-x:auto}.compact-table{width:100%;border-collapse:collapse;font-size:.74rem}.compact-table th{text-align:left;padding:.45rem .6rem;background:#ffffff08;color:var(--admin-text-secondary);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:.65rem;white-space:nowrap;border-bottom:1px solid var(--admin-card-border)}.compact-table td{padding:.35rem .6rem;border-bottom:1px solid rgba(255,255,255,.03);transition:var(--admin-transition);vertical-align:middle}.compact-table tr:last-child td{border-bottom:none}.compact-table tr:hover td{background:#6366f10d;color:#fff}.search-container{display:flex;gap:6px;margin-bottom:.65rem;align-items:center}.input-glow-wrapper{position:relative;flex:1;max-width:320px}.compact-input{width:100%;background:#0b0f19b3;border:1px solid var(--admin-card-border);border-radius:6px;color:#fff;padding:.35rem .65rem;font-size:.74rem;outline:none;transition:var(--admin-transition)}.compact-input:focus{border-color:var(--admin-accent);box-shadow:0 0 0 2px var(--admin-accent-glow);background:#0b0f19e6}.settings-section{display:flex;flex-direction:column;gap:.75rem;width:100%}.settings-header-banner{display:flex;justify-content:space-between;align-items:center;background:#6366f114;border:1px solid rgba(99,102,241,.2);padding:.65rem 1rem;border-radius:8px}.settings-title-wrap h2{font-size:.9rem;font-weight:800;margin:0 0 2px;color:#fff}.settings-title-wrap p{font-size:.72rem;color:var(--admin-text-secondary);margin:0}.btn-save-settings-primary{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--admin-accent),var(--admin-purple));color:#fff;border:none;padding:.45rem 1rem;border-radius:6px;font-weight:700;font-size:.75rem;cursor:pointer;box-shadow:0 2px 10px var(--admin-accent-glow);transition:var(--admin-transition)}.btn-save-settings-primary:hover{transform:translateY(-1px);box-shadow:0 4px 14px var(--admin-accent-glow)}.settings-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.75rem}.settings-group{background:#121826b3;padding:.75rem;border-radius:8px;border:1px solid var(--admin-card-border);display:flex;flex-direction:column;gap:.5rem}.settings-group-title{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;color:#818cf8;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:.4rem}.setting-row-modern{display:flex;align-items:center;justify-content:space-between;gap:8px}.setting-row-modern label{font-size:.72rem;color:var(--admin-text-secondary);font-weight:500}.setting-input-wrap{position:relative;width:90px}.setting-input-wrap .compact-input{padding-right:20px;text-align:right;font-weight:600}.setting-input-wrap .unit-tag{position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:.7rem;color:var(--admin-text-secondary);pointer-events:none}.admin-sub-tabs{display:inline-flex;align-items:center;gap:3px;background:#0006;padding:2px;border-radius:5px;border:1px solid rgba(255,255,255,.06);margin-bottom:.6rem;width:fit-content}.admin-sub-tab{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:3px;border:none;background:transparent;color:var(--admin-text-secondary);font-size:.68rem;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.admin-sub-tab:hover{color:#fff;background:#ffffff0a}.admin-sub-tab.active{background:#2563eb;color:#fff}.btn-primary{background:#2563eb;color:#fff;border:1px solid rgba(255,255,255,.1);padding:3px 8px;border-radius:4px;font-weight:600;font-size:.68rem;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .15s ease;text-decoration:none;box-shadow:none}.btn-primary:hover{background:#3b82f6;color:#fff;transform:none;box-shadow:none}.btn-icon{width:24px;height:24px;min-width:24px;min-height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:all .15s ease;background:#ffffff0d;color:var(--admin-text-secondary);padding:0}.btn-icon svg{width:13px!important;height:13px!important;stroke-width:2px!important}.btn-icon:hover{background:#ffffff1f;border-color:#fff3;color:#fff;transform:none}.btn-icon.success{background:#10b98124;border-color:#10b98159;color:#34d399}.btn-icon.success:hover{background:#10b981;border-color:#10b981;color:#fff}.btn-icon.danger{background:#ef444424;border-color:#ef444459;color:#f87171}.btn-icon.danger:hover{background:#ef4444;border-color:#ef4444;color:#fff}.btn-icon.warning{background:#f59e0b24;border-color:#f59e0b59;color:#fbbf24}.btn-icon.warning:hover{background:#f59e0b;border-color:#f59e0b;color:#fff}.badge{padding:2px 6px;border-radius:12px;font-size:.65rem;font-weight:700}.badge-amber{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.2)}.badge-emerald{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.2)}.badge-rose{background:#f43f5e26;color:#fb7185;border:1px solid rgba(244,63,94,.2)}.badge-slate{background:#94a3b826;color:#cbd5e1;border:1px solid rgba(148,163,184,.2)}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:1.5rem;background:var(--admin-bg)}.spinner{width:50px;height:50px;border:4px solid rgba(99,102,241,.1);border-top-color:var(--admin-accent);border-radius:50%;animation:spin 1s cubic-bezier(.5,0,.5,1) infinite}@media(max-width:992px){.admin-sidebar{width:80px;padding:1.5rem .5rem}.sidebar-header h2,.sidebar-item span,.sidebar-item-count,.user-info-brief{display:none}.sidebar-item{justify-content:center}.admin-main-header{padding:1rem}}.usage-section{display:flex;flex-direction:column;gap:2rem;max-width:1200px;animation:fadeIn .4s ease-out}.usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.usage-card{background:var(--admin-card-bg);border:1px solid var(--admin-card-border);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;transition:var(--admin-transition)}.usage-card:hover{border-color:#ffffff26;transform:translateY(-4px);background:#1e293bb3}.usage-card-header{display:flex;align-items:center;gap:12px}.usage-icon{padding:8px;border-radius:10px;width:32px;height:32px}.usage-icon.d1{background:#6366f11a;color:#818cf8}.usage-icon.r2{background:#a855f71a;color:#c084fc}.usage-icon.workers{background:#f59e0b1a;color:#fbbf24}.usage-card-header h3{font-size:1rem;font-weight:700;margin:0}.usage-body{display:flex;flex-direction:column;gap:12px}.usage-item{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.usage-item .label{color:var(--admin-text-secondary)}.usage-item .value{font-weight:700;color:var(--admin-text-primary)}.usage-tier-info{display:flex;align-items:center;gap:6px;font-size:.7rem;color:var(--admin-text-secondary);padding-top:12px;border-top:1px solid rgba(255,255,255,.05)}.billing-estimate-card{background:linear-gradient(135deg,#1e293bcc,#0f172ae6);border:1px solid rgba(99,102,241,.2);border-radius:20px;padding:2rem;box-shadow:0 20px 50px #0006}.billing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.billing-title{display:flex;align-items:center;gap:12px}.billing-title h2{font-size:1.25rem;font-weight:800;margin:0}.billing-badge.active{background:#10b98126;color:#10b981;padding:6px 14px;border-radius:30px;font-size:.75rem;font-weight:700;border:1px solid rgba(16,185,129,.3)}.billing-content{display:grid;grid-template-columns:1fr 1.5fr;gap:3rem;align-items:center}.billing-summary{display:flex;flex-direction:column;gap:1rem}.estimate-total{display:flex;align-items:baseline;gap:4px}.estimate-total .currency{font-size:1.5rem;font-weight:600;color:#10b981}.estimate-total .amount{font-size:4rem;font-weight:900;color:#10b981;line-height:1;letter-spacing:-.04em}.billing-desc{font-size:.9rem;line-height:1.6;color:var(--admin-text-secondary)}.pricing-grid{display:flex;flex-direction:column;gap:12px;background:#ffffff05;padding:1.5rem;border-radius:16px;border:1px solid rgba(255,255,255,.05)}.pricing-feature{display:flex;justify-content:space-between;font-size:.85rem;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.03)}.pricing-feature.highlight{border-bottom:none;padding-top:8px;font-weight:800;color:#10b981;font-size:1rem}.billing-footer{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center}.billing-footer p{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--admin-text-secondary)}.btn-dash-link{display:flex;align-items:center;gap:8px;background:#ffffff0d;color:#fff;padding:8px 16px;border-radius:10px;text-decoration:none;font-size:.75rem;font-weight:600;transition:var(--admin-transition);border:1px solid rgba(255,255,255,.1)}.btn-dash-link:hover{background:#ffffff1a;border-color:#fff3}@media(max-width:768px){.billing-content{grid-template-columns:1fr;gap:2rem}}.admin-user-row:hover{background:#ffffff08;transition:background .2s}.broadcast-wrapper{display:flex;flex-direction:column;gap:.5rem}.broadcast-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.broadcast-target-tabs{display:inline-flex;max-width:360px;background:#00000059;padding:2px;border-radius:6px;border:1px solid rgba(255,255,255,.06);gap:3px}.broadcast-target-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:4px 10px;border-radius:4px;border:none;background:transparent;color:var(--admin-text-secondary);font-size:.68rem;font-weight:600;cursor:pointer;transition:var(--admin-transition)}.broadcast-target-btn:hover{color:var(--admin-text-primary);background:#ffffff08}.broadcast-target-btn.active{background:linear-gradient(135deg,#6366f14d,#a855f740);border:1px solid rgba(99,102,241,.4);color:#fff;box-shadow:0 2px 8px #6366f133}.broadcast-target-count{display:inline-flex;align-items:center;justify-content:center;padding:1px 5px;border-radius:8px;font-size:.62rem;font-weight:700;background:#ffffff14}.broadcast-target-btn.active .broadcast-target-count{background:#6366f180;color:#fff}.broadcast-form-section{display:flex;flex-direction:column;gap:.4rem;background:#0f172a66;border:1px solid rgba(255,255,255,.05);border-radius:6px;padding:.5rem .75rem}.broadcast-field{display:flex;flex-direction:column;gap:2px}.broadcast-label{display:flex;align-items:center;gap:4px;font-size:.65rem;font-weight:600;color:#cbd5e1}.broadcast-select{width:100%;max-width:320px;background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:3px 6px;color:var(--admin-text-primary);font-size:.68rem;outline:none;transition:var(--admin-transition);cursor:pointer}.broadcast-select:focus{border-color:var(--admin-accent);box-shadow:0 0 0 2px #6366f126;background:#00000080}.broadcast-select option{background:#0b0f19;color:#f1f5f9}.broadcast-message-section{display:flex;flex-direction:column;gap:.45rem}.broadcast-summary-card{background:linear-gradient(135deg,#6366f11a,#a855f70f);border:1px solid rgba(99,102,241,.2);border-radius:6px;padding:.4rem .65rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.broadcast-summary-left{display:flex;flex-direction:column;gap:1px}.broadcast-summary-title{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#a5b4fc}.broadcast-summary-desc{font-size:.65rem;color:var(--admin-text-secondary);line-height:1.2}.broadcast-summary-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#6366f12e;border:1px solid rgba(99,102,241,.3);border-radius:6px;padding:2px 8px;min-width:45px;flex-shrink:0}.broadcast-summary-num{font-size:.95rem;font-weight:900;color:#fff;line-height:1}.broadcast-summary-label{font-size:.55rem;font-weight:600;color:#c7d2fe}.broadcast-textarea-wrap{display:flex;flex-direction:column;gap:3px}.broadcast-textarea{width:100%;min-height:48px;height:54px;background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:5px;color:#fff;padding:5px 8px;font-size:.7rem;outline:none;resize:vertical;font-family:inherit;line-height:1.3;transition:var(--admin-transition)}.broadcast-textarea:focus{border-color:var(--admin-accent);box-shadow:0 0 0 2px #6366f126;background:#00000080}.broadcast-textarea::placeholder{color:#64748b}.broadcast-btn-send{display:inline-flex;align-items:center;justify-content:center;align-self:flex-end;gap:5px;padding:4px 14px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:5px;font-size:.7rem;font-weight:700;cursor:pointer;transition:var(--admin-transition);box-shadow:0 2px 8px #10b98140;width:fit-content}.broadcast-btn-send:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 10px #10b98166}.broadcast-btn-send:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.broadcast-recipients-card{background:#0f172a66;border:1px solid rgba(255,255,255,.05);border-radius:8px;overflow:hidden}.broadcast-recipients-header{padding:6px 10px;background:#0003;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center}.broadcast-recipients-title{font-size:.72rem;font-weight:700;color:#f1f5f9;display:flex;align-items:center;gap:5px}.broadcast-recipients-list{max-height:120px;overflow-y:auto;display:flex;flex-direction:column}.broadcast-recipient-row{display:flex;align-items:center;justify-content:space-between;padding:4px 10px;border-bottom:1px solid rgba(255,255,255,.02);font-size:.7rem;transition:background .15s ease}.broadcast-recipient-row:hover{background:#ffffff05}.broadcast-recipient-user{display:flex;align-items:center;gap:6px}.broadcast-recipient-avatar{width:20px;height:20px;border-radius:4px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;flex-shrink:0}.broadcast-recipient-name{font-weight:600;color:#f1f5f9}.broadcast-recipient-email{color:var(--admin-text-secondary);font-family:monospace;font-size:.68rem}@media(max-width:900px){.broadcast-grid{grid-template-columns:1fr}}.settings-section{max-width:480px;width:100%;display:flex;flex-direction:column;gap:12px}.settings-header-banner{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--admin-card-bg);border:1px solid var(--admin-border);border-radius:var(--admin-radius-sm);padding:12px 16px}.settings-title-wrap h2{font-size:.95rem;font-weight:700;color:#fff;margin:0 0 2px}.settings-title-wrap p{font-size:.72rem;color:#94a3b8;margin:0}.btn-save-settings-primary{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;padding:7px 14px;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease}.btn-save-settings-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-save-settings-primary:disabled{opacity:.6;cursor:not-allowed}.settings-cards-vertical{display:flex;flex-direction:column;gap:10px;width:100%}.settings-group{background:var(--admin-card-bg);border:1px solid var(--admin-border);border-radius:var(--admin-radius-sm);padding:12px 14px;display:flex;flex-direction:column;gap:8px}.settings-group-title{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;color:#f8fafc;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.05)}.settings-group-content-grid{display:flex;flex-direction:column;gap:7px}.setting-row-modern{display:flex;justify-content:space-between;align-items:center;gap:10px}.setting-row-modern label{font-size:.75rem;color:#cbd5e1;font-weight:500}.setting-input-wrap{display:flex;align-items:center;background:#00000059;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:2px 6px;width:90px;justify-content:space-between}.compact-input{background:transparent;border:none;color:#fff;font-size:.78rem;font-weight:600;width:55px;text-align:right;outline:none;padding:2px 4px}.compact-input::-webkit-inner-spin-button,.compact-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.unit-tag{font-size:.72rem;color:#94a3b8;font-weight:600;padding-left:2px}.settings-summary-badge{padding:5px 8px;background:#ffffff08;border:1px solid rgba(255,255,255,.04);border-radius:5px;font-size:.7rem;color:#94a3b8;line-height:1.35}.settings-summary-badge.urgent{background:#ef44440d;border-color:#ef444426;color:#fca5a5}.settings-summary-badge.blue{background:#38bdf80d;border-color:#38bdf826;color:#7dd3fc}.user-detail-overlay{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(4px);z-index:10000;display:flex;justify-content:center;align-items:center;padding:12px;animation:fadeIn .1s ease}.user-detail-content{background:#141721;border:1px solid rgba(255,255,255,.12);border-radius:8px;width:100%;max-width:520px;max-height:88vh;overflow-y:auto;position:relative;box-shadow:0 10px 30px #000000b3;font-size:.75rem;color:#e2e8f0}.user-detail-header{padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:10px;background:#ffffff05}.user-detail-avatar{width:28px;height:28px;border-radius:6px;background:#00d2ff26;color:#00d2ff;display:flex;justify-content:center;align-items:center;flex-shrink:0}.user-detail-title{flex:1}.user-detail-name{font-size:.88rem;font-weight:700;color:#f8fafc}.user-detail-close{background:transparent;border:none;color:#64748b;width:22px;height:22px;border-radius:4px;display:flex;justify-content:center;align-items:center;cursor:pointer;padding:0;transition:all .15s}.user-detail-close:hover{background:#ef444433;color:#f87171}.user-detail-body{padding:10px 14px 14px;display:flex;flex-direction:column;gap:10px}.detail-action-bar{display:flex;gap:6px;flex-wrap:wrap;align-items:center;padding:6px 8px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:6px}.detail-btn{padding:4px 8px;font-size:.7rem;font-weight:600;border-radius:5px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .15s;border:1px solid transparent;white-space:nowrap}.detail-btn.btn-success{background:#059669;color:#fff;border:none}.detail-btn.btn-success:hover{background:#047857}.detail-btn.btn-success-outline{background:#10b9811f;border-color:#10b98159;color:#6ee7b7}.detail-btn.btn-danger-outline{background:#ef44441f;border-color:#ef444459;color:#f87171}.detail-btn.btn-danger-outline:hover{background:#ef4444;color:#fff}.detail-btn.btn-warning-outline{background:#f59e0b1f;border-color:#f59e0b59;color:#fbbf24}.detail-btn.btn-primary{background:#2563eb;color:#fff;border:none}.detail-finance-box{background:#1e293b80;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:8px 10px;display:flex;flex-direction:column;gap:8px}.detail-finance-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.detail-finance-val-wrap{display:flex;align-items:center;gap:6px;font-size:.74rem;color:#94a3b8}.detail-finance-val{font-size:.85rem;color:#60a5fa;font-weight:700}.detail-tab-pills{display:flex;align-items:center;gap:4px;background:#0000004d;padding:2px;border-radius:6px}.detail-tab-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;font-size:.68rem;font-weight:600;border-radius:4px;border:none;background:transparent;color:#94a3b8;cursor:pointer;transition:all .15s}.detail-tab-pill.active{background:#2563eb;color:#fff}.detail-tab-pill:hover:not(.active){color:#f1f5f9}.detail-finance-form{display:flex;align-items:center;gap:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.05)}.detail-compact-input{padding:4px 8px;background:#0006;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:#fff;font-size:.72rem}.detail-compact-input:focus{outline:none;border-color:#60a5fa}.detail-compact-list{display:flex;flex-direction:column;gap:6px;background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:6px;padding:8px 12px}.detail-row-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-row{display:flex;align-items:center;gap:8px;font-size:.74rem;min-width:0}.detail-k{color:#94a3b8;font-weight:600;min-width:55px;flex-shrink:0}.detail-v{color:#f1f5f9;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-v.monospace{font-family:monospace}.detail-about-box{background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:6px;padding:6px 10px;font-size:.7rem;color:#cbd5e1}.detail-tx-list-container{background:#00000040;border:1px solid rgba(255,255,255,.05);border-radius:6px;overflow:hidden;max-height:220px;display:flex;flex-direction:column}.detail-tx-loading,.detail-tx-empty{display:flex;align-items:center;justify-content:center;gap:6px;padding:24px;color:#94a3b8;font-size:.72rem}.detail-tx-table-wrapper{overflow-y:auto;width:100%}.detail-tx-table{width:100%;border-collapse:collapse;font-size:.7rem}.detail-tx-table th{background:#ffffff08;color:#94a3b8;font-weight:600;padding:6px 8px;text-align:left;border-bottom:1px solid rgba(255,255,255,.06)}.detail-tx-table td{padding:5px 8px;border-bottom:1px solid rgba(255,255,255,.03);color:#e2e8f0}.detail-tx-table tr:hover{background:#ffffff05}.tx-date-cell{color:#94a3b8;white-space:nowrap;font-size:.66rem}.tx-amount-cell{font-weight:700;white-space:nowrap}.tx-amount-cell.pos{color:#34d399}.tx-amount-cell.neg{color:#f87171}.tx-desc-cell{max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#cbd5e1}.mockup-studio-overlay{position:fixed;inset:0;z-index:9999;background:#04070de0;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .25s cubic-bezier(.16,1,.3,1)}.mockup-studio-container{width:100%;max-width:1440px;height:92vh;background:#0d111a;border:1px solid rgba(255,255,255,.1);border-radius:20px;display:flex;flex-direction:column;box-shadow:0 24px 64px #000c,0 0 0 1px #6366f126;overflow:hidden}.studio-header{padding:1.25rem 1.75rem;background:#121826d9;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:1rem}.header-left{display:flex;align-items:center;gap:1rem}.studio-badge{display:inline-flex;align-items:center;gap:.4rem;background:#6366f126;color:#818cf8;border:1px solid rgba(99,102,241,.3);padding:.35rem .75rem;border-radius:999px;font-size:.8rem;font-weight:600}.header-left h2{font-size:1.25rem;font-weight:700;color:#fff;margin:0}.stone-badge{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3);padding:.25rem .6rem;border-radius:6px;font-size:.78rem;font-weight:600}.header-actions{display:flex;align-items:center;gap:.75rem}.btn-smart-auto{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;border:none;padding:.6rem 1.1rem;border-radius:10px;font-weight:600;font-size:.88rem;cursor:pointer;box-shadow:0 4px 14px #a855f759;transition:all .2s ease}.btn-smart-auto:hover{transform:translateY(-1px);box-shadow:0 6px 20px #a855f780}.btn-save-studio{display:inline-flex;align-items:center;gap:.5rem;background:#10b981;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:10px;font-weight:600;font-size:.88rem;cursor:pointer;transition:all .2s ease}.btn-save-studio:hover{background:#059669;transform:translateY(-1px)}.btn-close-studio{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#94a3b8;width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.btn-close-studio:hover{background:#ef444433;color:#ef4444;border-color:#ef44444d}.studio-ai-toast{background:#6366f126;border-bottom:1px solid rgba(99,102,241,.3);color:#c7d2fe;padding:.5rem 1.75rem;font-size:.85rem;font-weight:500;animation:slideDown .3s ease}.studio-body{flex:1;display:grid;grid-template-columns:310px 1fr 340px;overflow:hidden}.studio-left-panel{background:#0b0f17;border-right:1px solid rgba(255,255,255,.08);padding:1.25rem;overflow-y:auto}.panel-section-title{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin-bottom:.85rem}.mockup-templates-grid{display:flex;flex-direction:column;gap:.5rem}.template-card-btn{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:10px;color:#e2e8f0;cursor:pointer;transition:all .15s ease;text-align:left}.template-card-btn:hover{background:#ffffff12;border-color:#ffffff26}.template-card-btn.active{background:#6366f126;border-color:#6366f1;color:#fff}.tpl-cat-badge{font-size:.7rem;background:#ffffff1a;padding:.15rem .4rem;border-radius:4px;color:#cbd5e1}.tpl-name{font-size:.85rem;font-weight:500}.tpl-check{margin-left:auto;color:#6366f1}.color-palette-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.color-swatch-btn{width:32px;height:32px;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:all .15s ease}.color-swatch-btn.active{border-color:#6366f1;transform:scale(1.15);box-shadow:0 0 10px #6366f180}.custom-color-picker{width:32px;height:32px;padding:0;border:none;border-radius:8px;cursor:pointer;background:none}.studio-slider-control{background:#ffffff08;border:1px solid rgba(255,255,255,.06);padding:.85rem;border-radius:10px}.slider-label-row{display:flex;justify-content:space-between;font-size:.8rem;color:#94a3b8;margin-bottom:.4rem}.studio-slider-control input[type=range]{width:100%;accent-color:#6366f1}.studio-canvas-stage-wrap{position:relative;background:radial-gradient(circle at center,#182032,#0a0d14);display:flex;align-items:center;justify-content:center;overflow:hidden;user-select:none}.studio-stage{position:relative;width:580px;height:680px;display:flex;align-items:center;justify-content:center}.garment-svg-layer{width:100%;height:100%;filter:drop-shadow(0 20px 40px rgba(0,0,0,.7));pointer-events:none}.pattern-stage-overlay{position:absolute;cursor:grab;transform-origin:center center;transition:box-shadow .2s ease}.pattern-stage-overlay.dragging{cursor:grabbing}.pattern-selection-box{position:absolute;inset:-6px;border:1.5px dashed rgba(99,102,241,.6);border-radius:8px;pointer-events:none;opacity:.7}.drag-hint{position:absolute;top:-22px;left:50%;transform:translate(-50%);background:#6366f1;color:#fff;font-size:.68rem;font-weight:600;padding:.15rem .5rem;border-radius:4px;white-space:nowrap}.rhinestone-shine-pulse{position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.8) 0%,transparent 60%);mix-blend-mode:overlay;pointer-events:none;animation:shineGleam 3s infinite alternate ease-in-out}@keyframes shineGleam{0%{transform:scale(.95);opacity:.4}to{transform:scale(1.05);opacity:.9}}.svg-pattern-render-box svg{max-width:320px;max-height:320px;display:block}.stage-quick-controls{position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%);background:#0d111aeb;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);padding:.5rem 1rem;border-radius:999px;display:flex;align-items:center;gap:1.25rem;box-shadow:0 10px 30px #0009}.quick-ctrl-item{display:flex;align-items:center;gap:.4rem;color:#cbd5e1;font-size:.8rem}.quick-ctrl-item input[type=range]{width:90px;accent-color:#6366f1}.val-text{font-size:.75rem;font-weight:600;color:#818cf8;min-width:34px}.btn-reset-pos{background:#ffffff14;border:none;color:#cbd5e1;font-size:.75rem;padding:.25rem .6rem;border-radius:6px;cursor:pointer;transition:all .15s ease}.btn-reset-pos:hover{background:#ffffff26;color:#fff}.studio-right-panel{background:#0b0f17;border-left:1px solid rgba(255,255,255,.08);padding:1.25rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem}.ai-tag-card{background:linear-gradient(135deg,#6366f11a,#a855f71a);border:1px solid rgba(99,102,241,.25);border-radius:12px;padding:1rem}.ai-tag-card-header{display:flex;gap:.6rem;align-items:flex-start;margin-bottom:.85rem}.ai-icon{color:#a855f7;margin-top:2px}.ai-tag-card-header h4{font-size:.9rem;font-weight:700;color:#fff;margin:0 0 .15rem}.ai-tag-card-header p{font-size:.75rem;color:#94a3b8;margin:0}.ai-button-group{display:flex;flex-direction:column;gap:.5rem}.btn-ai-action{display:flex;align-items:center;justify-content:center;gap:.4rem;background:#6366f1;color:#fff;border:none;padding:.5rem .8rem;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-ai-action:hover{background:#4f46e5}.btn-ai-action.secondary{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#e2e8f0}.btn-ai-action.secondary:hover{background:#ffffff1f}.form-group-studio label{display:block;font-size:.8rem;font-weight:600;color:#cbd5e1;margin-bottom:.4rem}.label-with-count{display:flex;justify-content:space-between;align-items:center}.count-badge{font-size:.72rem;color:#818cf8}.studio-input,.studio-textarea{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.55rem .75rem;color:#fff;font-size:.85rem;transition:all .15s ease}.studio-input:focus,.studio-textarea:focus{outline:none;border-color:#6366f1;background:#6366f10d}.tag-chips-wrap{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.6rem;max-height:120px;overflow-y:auto}.tag-chip{display:inline-flex;align-items:center;gap:.3rem;background:#6366f126;color:#a5b4fc;border:1px solid rgba(99,102,241,.3);padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:500}.tag-del-btn{background:none;border:none;color:#a5b4fc;cursor:pointer;padding:0;display:flex;align-items:center}.tag-del-btn:hover{color:#ef4444}.add-tag-form{display:flex;gap:.4rem}.btn-add-tag{background:#6366f1;color:#fff;border:none;padding:0 .75rem;border-radius:8px;cursor:pointer}.pattern-stat-box{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:.85rem;display:flex;flex-direction:column;gap:.5rem}.stat-item{display:flex;justify-content:space-between;font-size:.8rem}.stat-label{color:#94a3b8}.stat-val{color:#fff;font-weight:600}.spinning{animation:spin 1s linear infinite}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@media(max-width:1024px){.studio-body{grid-template-columns:1fr;overflow-y:auto}}.company-layout{display:flex;min-height:100vh;background:#090d16;position:relative;overflow:hidden;color:#f1f5f9}.ambient-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}.ambient-background .grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:40px 40px}.ambient-background .glow-sphere{position:absolute;border-radius:50%;filter:blur(120px);opacity:.15;pointer-events:none}.ambient-background .sphere-1{background:radial-gradient(circle,#6366f1,#4f46e5)}.ambient-background .sphere-2{background:radial-gradient(circle,#a855f7,#ec4899)}.company-sidebar{width:230px;background:#0d111cd9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;left:0;z-index:50;flex-shrink:0;box-shadow:4px 0 24px #0000004d}.sidebar-header{padding:20px 16px;border-bottom:1px solid rgba(255,255,255,.05)}.sidebar-header .logo{display:flex;align-items:center;gap:10px}.logo-icon-wrap{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#6366f1,#a855f7);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #6366f159;flex-shrink:0}.logo-text-wrap{display:flex;flex-direction:column}.logo-title{font-size:15px;font-weight:800;letter-spacing:.5px;background:linear-gradient(135deg,#fff 40%,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar-subtitle{font-size:9px;color:#818cf8;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}.sidebar-nav{flex:1;padding:16px 10px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.nav-section-title{font-size:10px;font-weight:700;color:#ffffff4d;padding:6px 12px 4px;letter-spacing:1px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;color:#94a3b8;text-decoration:none;transition:all .2s ease;font-size:13px;font-weight:500;border-radius:8px;border:1px solid transparent;position:relative}.nav-item:hover{background:#ffffff0a;color:#f1f5f9;border-color:#ffffff0d}.nav-item.active{background:linear-gradient(135deg,#6366f12e,#a855f71f);color:#fff;font-weight:600;border-color:#6366f14d;box-shadow:0 2px 10px #6366f126}.nav-icon{display:flex;align-items:center;justify-content:center;color:#818cf8;flex-shrink:0}.nav-item.active .nav-icon{color:#a5b4fc}.nav-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-arrow{opacity:0;transform:translate(-4px);transition:all .2s ease;color:#ffffff4d}.nav-item:hover .nav-arrow,.nav-item.active .nav-arrow{opacity:1;transform:translate(0);color:#818cf8}.sidebar-footer{padding:12px;background:#0a0d1699;border-top:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:10px}.user-profile{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.user-avatar{flex-shrink:0}.user-avatar img,.avatar-placeholder{width:32px;height:32px;border-radius:8px;object-fit:cover;border:1px solid rgba(255,255,255,.1)}.avatar-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-weight:700;font-size:12px}.user-info{flex:1;min-width:0}.user-name{font-size:12px;font-weight:600;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:10px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-balance{font-size:11px;font-weight:700;color:#34d399;display:inline-flex;align-items:center;gap:5px;margin-top:2px}.balance-dot{width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 8px #34d399}.logout-btn{width:100%;padding:7px 10px;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:6px;font-size:11px;font-weight:600;color:#f87171;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.logout-btn:hover{background:#ef44442e;border-color:#ef444459;color:#fff}.company-main{flex:1;min-width:0;padding:24px 32px;overflow-x:hidden;overflow-y:auto;position:relative;z-index:10}@media(max-width:768px){.company-sidebar{width:64px}.sidebar-subtitle,.nav-label,.nav-arrow,.nav-section-title,.user-info,.logo-text-wrap,.logout-btn span{display:none}.sidebar-header{padding:16px 8px;justify-content:center}.nav-item{justify-content:center;padding:10px 0}.user-profile{padding:4px;justify-content:center}.company-main{padding:16px}}.upload-container{max-width:740px;margin:0 auto}.upload-form{background:#0f172a99;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:16px 20px}.upload-file-section{margin-bottom:12px}.upload-file-section label{display:block;font-size:11px;font-weight:600;color:#cbd5e1;margin-bottom:4px}.file-drop-zone{border:1.5px dashed rgba(255,255,255,.12);border-radius:6px;padding:14px 12px;text-align:center;background:#00000040;transition:all .15s ease;cursor:pointer}.file-drop-zone:hover{border-color:#6366f1;background:#6366f10d}.file-drop-zone input[type=file]{display:none}.file-label{display:block;cursor:pointer;font-size:11px;color:#94a3b8;font-weight:500}.file-selected{color:#34d399;font-weight:600}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:10px}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.form-field{display:flex;flex-direction:column;gap:4px}.form-field label{font-size:11px;font-weight:600;color:#cbd5e1}.form-field input,.form-field select,.form-field textarea{padding:6px 10px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:5px!important;font-size:12px!important;background:#00000059!important;color:#f1f5f9!important;transition:border-color .15s ease;outline:none!important}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#6366f1!important;background:#00000080!important}.form-field select option{background:#0f172a;color:#f1f5f9}.form-field textarea{resize:vertical;min-height:60px}.checkbox-section{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:6px;padding:8px 12px;margin-bottom:12px;display:flex;flex-direction:row;gap:16px;flex-wrap:wrap}.checkbox-label{display:flex;align-items:center;gap:6px;font-size:11px;color:#cbd5e1;cursor:pointer}.checkbox-label input{accent-color:#6366f1;cursor:pointer}.pricing-summary{background:#00000059;border:1px solid rgba(255,255,255,.06);border-radius:6px;padding:10px 14px;margin-bottom:12px}.pricing-summary h3{font-size:11px;font-weight:700;color:#f1f5f9;margin:0 0 8px}.price-row{display:flex;justify-content:space-between;font-size:11px;color:#94a3b8;padding:2px 0}.price-total{display:flex;justify-content:space-between;font-size:12px;color:#f1f5f9;padding:6px 0;border-top:1px solid rgba(255,255,255,.06);margin-top:6px}.form-actions{display:flex!important;gap:8px!important;justify-content:flex-end!important;margin-top:12px!important;padding-top:10px!important;border-top:1px solid rgba(255,255,255,.05)!important}.form-actions button{width:auto!important;flex:none!important}.btn-secondary{padding:6px 14px!important;background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:5px!important;font-size:11px!important;font-weight:600!important;color:#94a3b8!important;cursor:pointer!important;transition:all .15s ease!important}.btn-secondary:hover:not(:disabled){background:#ffffff1a!important;color:#f1f5f9!important}.btn-primary{padding:6px 16px!important;background:#4f46e5!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:5px!important;font-size:11px!important;font-weight:600!important;color:#fff!important;cursor:pointer!important;transition:all .15s ease!important}.btn-primary:hover:not(:disabled){background:#4338ca!important}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5!important;cursor:not-allowed!important}@media(max-width:640px){.form-row-2{grid-template-columns:1fr}}.modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.modal-content{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-md);width:100%;max-width:700px;max-height:fit-content;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--glass-border)}.modal-header h2{font-size:17px;font-weight:700;color:var(--text-primary);margin:0}.close-btn{width:32px;height:32px;border:none;background:#ffffff0d;color:var(--text-secondary);border-radius:var(--radius-sm);font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn:hover{background:#ffffff1a;color:var(--text-primary)}.modal-body{padding:14px 18px;overflow:visible;display:grid;grid-template-columns:1fr 1fr;gap:10px}.left-column{display:flex;flex-direction:column;gap:8px;min-width:0}.reference-image-container{border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--glass-border);max-height:120px;display:flex;align-items:center;justify-content:center;background:#ffffff05}.reference-image{width:100%;height:auto;max-height:120px;object-fit:contain}.project-info-list{display:flex;flex-direction:column;gap:4px;padding:8px;background:#ffffff05;border:1px solid var(--glass-border);border-radius:var(--radius-sm);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important}.info-row{display:flex;align-items:center;gap:8px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-size:11px!important;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.04)}.info-row:last-child{border-bottom:none}.info-label{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-size:11px!important;font-weight:600!important;color:var(--text-primary);min-width:85px;flex-shrink:0;letter-spacing:normal;font-style:normal;text-transform:none;line-height:1.4}.info-value{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-size:11px!important;color:var(--text-primary);flex:1;line-height:1.4;font-weight:400!important}.status-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:var(--radius-sm);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-size:11px!important;font-weight:600!important;line-height:1.4;vertical-align:middle}.option-row{border:none;padding:3px 0;gap:6px;align-items:center}.option-icon{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-size:11px!important;flex-shrink:0;width:16px}.option-row .info-value{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-size:11px!important;color:var(--text-primary);font-weight:400!important}.description-row{flex-direction:column;align-items:flex-start;gap:4px;padding:4px 0!important}.description-row .info-label{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-size:11px!important;font-weight:600!important;margin-bottom:2px;letter-spacing:normal;font-style:normal;text-transform:none}.description-text{margin:0;padding:7px 9px;background:#ffffff0a;border-radius:var(--radius-sm);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-size:11px!important;line-height:1.4;color:var(--text-primary);font-weight:400!important;max-height:70px;overflow-y:auto;width:100%;word-break:break-word}.description-text::-webkit-scrollbar{width:3px}.description-text::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.right-column{display:flex;flex-direction:column;gap:8px}.section-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px;font-weight:600;color:var(--text-primary);margin:0;padding-bottom:6px;border-bottom:1px solid var(--glass-border);letter-spacing:normal;font-style:normal;text-transform:none}.active-worker-info{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-sm);font-size:10px}.active-badge{font-weight:600;color:#10b981}.active-name{color:var(--text-primary);font-weight:500}.worker-list{display:flex;flex-direction:column;gap:4px;max-height:100px;overflow-y:auto;padding:4px;background:#0000001a;border-radius:var(--radius-sm)}.worker-list::-webkit-scrollbar{width:3px}.worker-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.worker-row{display:grid;grid-template-columns:2fr 2.4fr .8fr;gap:6px;padding:5px 8px;background:#ffffff0d;border-radius:var(--radius-sm);font-size:9px;align-items:center;transition:all .2s}.worker-name{color:var(--text-primary);font-weight:500;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.worker-name.clickable{cursor:pointer;transition:all .2s}.worker-name.clickable:hover{color:var(--color-primary);text-decoration:underline}.worker-date{color:var(--text-secondary);font-size:8px;text-align:center}.worker-count{color:var(--text-primary);font-weight:600;text-align:right;font-size:9px}.total-stones{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:var(--radius-sm);margin-top:auto}.total-label{font-size:10px;font-weight:600;color:var(--text-secondary)}.total-count{font-size:12px;font-weight:700;color:var(--color-primary)}.modal-footer{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;padding:12px 18px;border-top:1px solid var(--glass-border)}.modal-btn{padding:8px 12px;border:none;border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap}.btn-continue{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.btn-continue:hover{background:#10b9814d;border-color:#10b98180;transform:translateY(-1px)}.btn-edit{background:#8b5cf633;color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}.btn-edit:hover{background:#8b5cf64d;border-color:#8b5cf680;transform:translateY(-1px)}.btn-complete{background:#3b82f633;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.btn-complete:hover{background:#3b82f64d;border-color:#3b82f680;transform:translateY(-1px)}.btn-pause{background:#f59e0b33;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.btn-pause:hover{background:#f59e0b4d;border-color:#f59e0b80;transform:translateY(-1px)}.btn-hide{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.btn-hide:hover{background:#ef44444d;border-color:#ef444480;transform:translateY(-1px)}.loading-state{padding:40px;text-align:center;color:var(--text-secondary);font-size:14px}@media(max-width:768px){.modal-content{max-width:100%;max-height:100vh;border-radius:0}.modal-body{grid-template-columns:1fr}.modal-footer{flex-direction:column}.modal-btn{min-width:100%}.worker-row{grid-template-columns:2fr 2fr .8fr;font-size:8px}}.cg-container{max-width:1400px;margin:0 auto}.cg-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px;flex-wrap:wrap}.cg-title{font-size:20px;font-weight:800;color:#fff;margin:0 0 4px;letter-spacing:-.5px}.cg-subtitle{font-size:12px;color:#94a3b8;margin:0}.cg-btn-upload{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s ease;box-shadow:0 4px 14px #6366f159;border:1px solid rgba(255,255,255,.15)}.cg-btn-upload:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f180;color:#fff}.cg-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:20px}.cg-stat-card{background:#0f172aa6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:12px 14px;display:flex;align-items:center;gap:12px;transition:all .2s ease}.cg-stat-card:hover{background:#0f172ad9;border-color:#ffffff1f;transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.cg-stat-icon-wrap{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cg-stat-icon-wrap.emerald{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.25)}.cg-stat-icon-wrap.blue{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.25)}.cg-stat-icon-wrap.purple{background:#a855f726;color:#c084fc;border:1px solid rgba(168,85,247,.25)}.cg-stat-icon-wrap.amber{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.25)}.cg-stat-info{display:flex;flex-direction:column;min-width:0}.cg-stat-label{font-size:11px;font-weight:600;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cg-stat-value{font-size:18px;font-weight:800;color:#f1f5f9;line-height:1.2}.cg-toolbar{background:#0f172a99;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:10px 14px;margin-bottom:20px;display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.cg-search-box{display:flex;align-items:center;background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:6px 10px;gap:8px;flex:1;min-width:240px;max-width:400px;transition:all .2s ease}.cg-search-box:focus-within{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133;background:#00000080}.cg-search-icon{color:#64748b;flex-shrink:0}.cg-search-input{background:transparent;border:none;outline:none;color:#f1f5f9;font-size:12px;width:100%}.cg-search-input::placeholder{color:#64748b}.cg-clear-btn{background:transparent;border:none;color:#64748b;cursor:pointer;padding:0;display:flex;align-items:center}.cg-clear-btn:hover{color:#f87171}.cg-filter-group{display:flex;align-items:center;gap:8px}.cg-select{background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:6px 12px;color:#cbd5e1;font-size:12px;font-weight:600;outline:none;cursor:pointer;transition:all .2s ease}.cg-select:focus{border-color:#6366f1}.cg-select option{background:#0f172a;color:#f1f5f9}.cg-btn-reset-filters{display:inline-flex;align-items:center;gap:4px;background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:#f87171;padding:6px 10px;border-radius:8px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease}.cg-btn-reset-filters:hover{background:#ef444433}.cg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.cg-card{background:#0f172aa6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);border-radius:10px;overflow:hidden;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.cg-card:hover{transform:translateY(-4px);border-color:#6366f166;box-shadow:0 10px 30px #00000073}.cg-card.in-progress-card{border-color:#3b82f666;box-shadow:0 0 12px #3b82f626}.cg-card-media{position:relative;width:100%;aspect-ratio:4 / 3;background:#090d16;overflow:hidden;display:flex;align-items:center;justify-content:center}.cg-card-media img{width:100%;height:100%;object-fit:contain;padding:8px;transition:transform .3s ease}.cg-card:hover .cg-card-media img{transform:scale(1.05)}.cg-card-no-img{color:#ffffff26;display:flex;align-items:center;justify-content:center}.cg-media-top-badge{position:absolute;top:8px;right:8px;z-index:2}.cg-status-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:12px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.cg-status-badge.in-progress{background:#3b82f6d9;color:#fff;border:1px solid rgba(255,255,255,.2)}.cg-status-badge.completed,.cg-status-badge.finished{background:#10b981d9;color:#fff;border:1px solid rgba(255,255,255,.2)}.cg-status-badge.pending{background:#f59e0bd9;color:#fff;border:1px solid rgba(255,255,255,.2)}.cg-status-badge.cancelled{background:#ef4444d9;color:#fff}.cg-status-badge.default{background:#64748bcc;color:#fff}.cg-media-bottom-badge{position:absolute;bottom:6px;left:6px;background:#000000b3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.1);padding:2px 6px;border-radius:6px;font-size:10px;font-weight:700;color:#c7d2fe;display:inline-flex;align-items:center;gap:4px}.cg-card-body{padding:10px 12px;display:flex;flex-direction:column;gap:6px;border-top:1px solid rgba(255,255,255,.04)}.cg-card-title{font-size:13px;font-weight:700;color:#f1f5f9;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cg-card-footer-row{display:flex;align-items:center;justify-content:space-between;font-size:11px}.cg-card-date{color:#64748b;display:inline-flex;align-items:center;gap:4px}.cg-card-price{font-weight:800;color:#34d399;font-size:12px}.cg-loading-state{text-align:center;padding:60px 20px;display:flex;flex-direction:column;align-items:center;gap:12px;color:#94a3b8;font-size:13px}.cg-spinner{width:32px;height:32px;border:3px solid rgba(99,102,241,.15);border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite}.cg-empty-state{background:#0f172a80;border:1px dashed rgba(255,255,255,.1);border-radius:12px;padding:48px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.cg-empty-icon{color:#fff3;margin-bottom:4px}.cg-empty-state h3{font-size:15px;font-weight:700;color:#f1f5f9;margin:0}.cg-empty-state p{font-size:12px;color:#64748b;margin:0;max-width:360px}.cg-btn-upload-empty{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:700;text-decoration:none;margin-top:10px}.cg-pagination{margin-top:24px;padding:12px 16px;background:#0f172a99;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.cg-page-info{font-size:12px;color:#64748b;font-weight:500}.cg-pagination-btns{display:flex;align-items:center;gap:4px}.cg-page-btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#94a3b8;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s ease}.cg-page-btn:hover:not(:disabled){background:#ffffff1a;color:#fff;border-color:#fff3}.cg-page-btn.active{background:#6366f1;border-color:#818cf8;color:#fff;box-shadow:0 2px 8px #6366f166}.cg-page-btn:disabled{opacity:.3;cursor:not-allowed}.cg-page-dots{color:#64748b;padding:0 4px;font-size:11px}@media(max-width:640px){.cg-toolbar{flex-direction:column;align-items:stretch}.cg-search-box{max-width:100%}.cg-filter-group{justify-content:space-between}.cg-select{flex:1}.cg-pagination{flex-direction:column;align-items:center;gap:8px}}.cb-container{max-width:860px;margin:0 auto}.cb-header{margin-bottom:14px}.cb-title{font-size:16px;font-weight:700;color:#fff;margin:0 0 2px;letter-spacing:-.3px}.cb-subtitle{font-size:11px;color:#94a3b8;margin:0}.cb-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.cb-stat-card{background:#0f172a99;border:1px solid rgba(255,255,255,.06);border-radius:6px;padding:10px 14px;display:flex;align-items:center;gap:12px}.cb-stat-icon-wrap{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cb-stat-icon-wrap.emerald{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.25)}.cb-stat-icon-wrap.amber{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.25)}.cb-stat-icon-wrap.blue{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.25)}.cb-stat-info{display:flex;flex-direction:column}.cb-stat-label{font-size:10px;font-weight:600;color:#94a3b8}.cb-stat-value{font-size:16px;font-weight:800;color:#f1f5f9;line-height:1.2}.cb-card-section{background:#0f172a99;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:14px 16px;margin-bottom:14px}.cb-section-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.05)}.cb-section-icon{width:24px;height:24px;border-radius:5px;background:#6366f126;color:#818cf8;display:flex;align-items:center;justify-content:center}.cb-section-title{font-size:12px;font-weight:700;color:#f1f5f9;margin:0}.cb-form-grid{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.cb-input-group{display:flex;flex-direction:column;gap:4px}.cb-label{font-size:11px;font-weight:600;color:#cbd5e1}input.cb-input,.cb-input{background:#00000059!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:5px!important;padding:6px 10px!important;color:#f1f5f9!important;font-size:12px!important;outline:none!important;transition:border-color .15s ease}.cb-input-group:nth-child(1) .cb-input{width:140px!important}.cb-input-group:nth-child(2) .cb-input{width:220px!important}input.cb-input:focus,.cb-input:focus{border-color:#6366f1!important;background:#00000080!important}.cb-btn-submit{display:inline-flex;align-items:center;gap:5px;background:#059669;color:#fff;border:none;padding:6px 14px;border-radius:5px;font-size:11px;font-weight:600;cursor:pointer;height:31px;transition:all .15s ease}.cb-btn-submit:hover:not(:disabled){background:#047857}.cb-btn-submit:disabled{opacity:.5;cursor:not-allowed}.cb-table-wrapper{overflow-x:auto}.cb-table{width:100%;border-collapse:collapse;font-size:11px}.cb-table th{text-align:left;padding:6px 10px;color:#64748b;font-size:10px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.05)}.cb-table td{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.03);color:#e2e8f0}.cb-td-date{color:#94a3b8;font-size:10px}.cb-td-amount{font-size:12px;color:#34d399;font-weight:700}.cb-ref-pill{font-family:monospace;font-size:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);padding:2px 5px;border-radius:4px;color:#c7d2fe}.cb-badge{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px}.cb-badge.approved{background:#10b98126;color:#34d399}.cb-badge.pending{background:#f59e0b26;color:#fbbf24}.cb-badge.archived{background:#ffffff0d;color:#94a3b8}@media(max-width:640px){.cb-stats-row{grid-template-columns:1fr}}.cw-container{max-width:1300px;margin:0 auto}.cw-header{margin-bottom:20px}.cw-title{font-size:20px;font-weight:800;color:#fff;margin:0 0 4px;letter-spacing:-.5px}.cw-subtitle{font-size:12px;color:#94a3b8;margin:0}.highlight-text{color:#818cf8;font-weight:700}.cw-toolbar{background:#0f172a99;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:10px 14px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.cw-search-box{display:flex;align-items:center;background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:6px 10px;gap:8px;flex:1;min-width:240px;max-width:400px;transition:all .2s ease}.cw-search-box:focus-within{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133;background:#00000080}.cw-search-icon{color:#64748b;flex-shrink:0}.cw-search-input{background:transparent;border:none;outline:none;color:#f1f5f9;font-size:12px;width:100%}.cw-search-input::placeholder{color:#64748b}.cw-checkbox-filter{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#cbd5e1;cursor:pointer;background:#ffffff0a;padding:6px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.cw-checkbox{accent-color:#6366f1;cursor:pointer}.cw-card-section{background:#0f172aa6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);border-radius:10px;overflow:hidden}.cw-table-wrapper{overflow-x:auto}.cw-table{width:100%;border-collapse:collapse;font-size:12px}.cw-table th{text-align:left;padding:10px 14px;color:#64748b;font-size:11px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.05);background:#0003}.cw-table td{padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.03);color:#e2e8f0}.cw-table tr:hover td{background:#ffffff05}.cw-own-row td{background:#6366f10a}.cw-user-cell{display:flex;align-items:center;gap:10px}.cw-avatar{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;overflow:hidden;flex-shrink:0}.cw-avatar img{width:100%;height:100%;object-fit:cover}.cw-name-col{display:flex;flex-direction:column}.cw-name{font-size:12px;font-weight:700;color:#f1f5f9}.cw-sub{font-size:10px;color:#64748b}.cw-contact-col{display:flex;flex-direction:column;font-size:11px}.cw-email{color:#94a3b8;font-family:monospace}.cw-phone{color:#64748b;font-size:10px}.cw-skill-pill{font-size:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);padding:2px 8px;border-radius:6px;color:#cbd5e1;font-weight:600}.cw-stat-badge{display:inline-flex;align-items:center;gap:4px;background:#10b9811f;color:#34d399;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:700}.cw-stat-badge.purple{background:#a855f71f;color:#c084fc}.cw-rating-badge{display:inline-flex;align-items:center;gap:3px;background:#f59e0b1f;color:#fbbf24;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:700}.star-icon{fill:#fbbf24}.cw-status-pill{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;padding:3px 8px;border-radius:12px}.cw-status-pill.own{background:#6366f12e;color:#a5b4fc;border:1px solid rgba(99,102,241,.3)}.cw-status-pill.pool{background:#64748b26;color:#94a3b8}.cw-btn-action{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s ease}.cw-btn-action.add{background:#10b9811f;border:1px solid rgba(16,185,129,.3);color:#34d399}.cw-btn-action.add:hover{background:#10b981;color:#fff}.cw-btn-action.remove{background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#f87171}.cw-btn-action.remove:hover{background:#ef4444;color:#fff}.cw-empty-state{background:#0f172a80;border:1px dashed rgba(255,255,255,.1);border-radius:12px;padding:48px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.cw-empty-icon{color:#fff3;margin-bottom:4px}.cw-empty-state h3{font-size:15px;font-weight:700;color:#f1f5f9;margin:0}.cw-empty-state p{font-size:12px;color:#64748b;margin:0}@media(max-width:640px){.cw-toolbar{flex-direction:column;align-items:stretch}}.cp-container{max-width:780px;margin:0 auto}.cp-header{margin-bottom:14px}.cp-title{font-size:16px;font-weight:700;color:#fff;margin:0 0 2px;letter-spacing:-.3px}.cp-subtitle{font-size:11px;color:#94a3b8;margin:0}.cp-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.cp-stat-card{background:#0f172a99;border:1px solid rgba(255,255,255,.06);border-radius:6px;padding:8px 12px;display:flex;align-items:center;gap:10px}.cp-stat-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cp-stat-icon.indigo{background:#6366f126;color:#818cf8}.cp-stat-icon.blue{background:#3b82f626;color:#60a5fa}.cp-stat-icon.emerald{background:#10b98126;color:#34d399}.cp-stat-icon.purple{background:#a855f726;color:#c084fc}.cp-stat-info{display:flex;flex-direction:column}.cp-stat-label{font-size:10px;font-weight:600;color:#94a3b8}.cp-stat-value{font-size:14px;font-weight:700;color:#f1f5f9}.cp-tabs{display:flex;gap:6px;margin-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:8px}.cp-tab-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:5px;color:#94a3b8;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s ease}.cp-tab-btn:hover{background:#ffffff14;color:#f1f5f9}.cp-tab-btn.active{background:#6366f133;border-color:#6366f166;color:#a5b4fc}.cp-card{background:#0f172a99;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:16px 18px}.cp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cp-field{display:flex;flex-direction:column;gap:4px}.cp-field.full-width{grid-column:1 / -1}.cp-label{font-size:11px;font-weight:600;color:#cbd5e1}.cp-input-wrap{position:relative;display:flex;align-items:center}.cp-field-icon{position:absolute;left:10px;color:#64748b;pointer-events:none}.cp-field-icon.top-align{top:10px}input.cp-input,.cp-input{width:100%!important;background:#00000059!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:6px!important;padding:7px 10px 7px 32px!important;color:#f1f5f9!important;font-size:12px!important;outline:none!important;transition:border-color .15s ease}input.cp-input:focus,.cp-input:focus{border-color:#6366f1!important;background:#00000080!important}.cp-input.disabled{opacity:.5;cursor:not-allowed}.cp-input.font-mono{font-family:monospace!important}.cp-textarea{width:100%!important;background:#00000059!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:6px!important;padding:8px 10px 8px 32px!important;color:#f1f5f9!important;font-size:12px!important;outline:none!important;resize:vertical;font-family:inherit}.cp-textarea.no-icon{padding-left:10px!important}.cp-textarea:focus{border-color:#6366f1!important;background:#00000080!important}.cp-hint{font-size:10px;color:#64748b}.cp-form-actions{margin-top:14px;padding-top:10px;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:flex-end}.cp-btn-save{display:inline-flex;align-items:center;gap:5px;background:#4f46e5;color:#fff;border:none;padding:6px 14px;border-radius:5px;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s ease}.cp-btn-save:hover:not(:disabled){background:#4338ca}.cp-btn-save:disabled{opacity:.5;cursor:not-allowed}@media(max-width:640px){.cp-stats-grid{grid-template-columns:1fr 1fr}.cp-form-grid{grid-template-columns:1fr}}.worker-layout{display:flex;min-height:100vh;background:#090d16;position:relative;overflow:hidden;color:#f1f5f9}.worker-sidebar{width:230px;background:#0d111cd9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;left:0;z-index:50;flex-shrink:0;box-shadow:4px 0 24px #0000004d}.worker-brand-gradient{background:linear-gradient(135deg,#3b82f6,#8b5cf6)!important;box-shadow:0 4px 12px #3b82f659!important}.worker-avatar-gradient{background:linear-gradient(135deg,#2563eb,#7c3aed)!important}.worker-sidebar .sidebar-header{padding:20px 16px;border-bottom:1px solid rgba(255,255,255,.05)}.worker-sidebar .logo{display:flex;align-items:center;gap:10px}.worker-sidebar .sidebar-nav{flex:1;padding:16px 10px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.worker-sidebar .nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;color:#94a3b8;text-decoration:none;transition:all .2s ease;font-size:13px;font-weight:500;border-radius:8px;border:1px solid transparent;position:relative}.worker-sidebar .nav-item:hover{background:#ffffff0a;color:#f1f5f9;border-color:#ffffff0d}.worker-sidebar .nav-item.active{background:linear-gradient(135deg,#3b82f62e,#8b5cf61f);color:#fff;font-weight:600;border-color:#3b82f64d;box-shadow:0 2px 10px #3b82f626}.worker-sidebar .nav-icon{display:flex;align-items:center;justify-content:center;color:#60a5fa;flex-shrink:0}.worker-sidebar .nav-item.active .nav-icon{color:#93c5fd}.worker-sidebar .nav-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.worker-sidebar .sidebar-footer{padding:12px;background:#0a0d1699;border-top:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:10px}.worker-main{flex:1;min-width:0;padding:24px 32px;overflow-x:hidden;overflow-y:auto;position:relative;z-index:10}@media(max-width:768px){.worker-sidebar .user-info{display:none}.logout-btn{font-size:18px;padding:8px}.worker-main{margin-left:60px;padding:16px;max-width:calc(100vw - 60px)}}.wd-container{max-width:1200px;margin:0 auto}.wd-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px;flex-wrap:wrap}.wd-title{font-size:20px;font-weight:800;color:#fff;margin:0 0 4px;letter-spacing:-.5px}.wd-subtitle{font-size:12px;color:#94a3b8;margin:0}.wd-btn-action{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:700;text-decoration:none;transition:all .2s ease;box-shadow:0 4px 14px #3b82f659;border:1px solid rgba(255,255,255,.15)}.wd-btn-action:hover{transform:translateY(-1px);box-shadow:0 6px 20px #3b82f680;color:#fff}.wd-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:20px}.wd-stat-card{background:#0f172aa6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:12px 14px;display:flex;align-items:center;gap:12px;transition:all .2s ease}.wd-stat-card:hover{background:#0f172ad9;border-color:#ffffff1f;transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.wd-stat-icon{width:38px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wd-stat-icon.emerald{background:#10b98126;color:#34d399}.wd-stat-icon.blue{background:#3b82f626;color:#60a5fa}.wd-stat-icon.amber{background:#f59e0b26;color:#fbbf24}.wd-stat-icon.purple{background:#a855f726;color:#c084fc}.wd-stat-icon.gold{background:#eab30826;color:#facc15}.star-icon{fill:#facc15}.wd-stat-info{display:flex;flex-direction:column}.wd-stat-label{font-size:10px;font-weight:600;color:#94a3b8;white-space:nowrap}.wd-stat-value{font-size:17px;font-weight:800;color:#f1f5f9;line-height:1.2}.emerald-text{color:#34d399}.blue-text{color:#60a5fa}.amber-text{color:#fbbf24}.purple-text{color:#c084fc}.gold-text{color:#facc15}.wd-card{background:#0f172aa6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:16px 20px;margin-bottom:20px}.wd-card.active-job-card{border-color:#6366f159;background:linear-gradient(135deg,#0f172acc,#1e1b4b66);box-shadow:0 4px 24px #6366f11f}.wd-card-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:14px}.wd-header-left{display:flex;align-items:center;gap:8px;color:#818cf8}.wd-header-left h2{font-size:14px;font-weight:700;color:#f1f5f9;margin:0}.flame-icon{color:#f59e0b}.wd-continue-link{display:inline-flex;align-items:center;gap:6px;color:#818cf8;font-size:12px;font-weight:700;text-decoration:none;transition:all .2s ease}.wd-continue-link:hover{color:#a5b4fc;transform:translate(2px)}.wd-active-job-body{display:flex;gap:16px;align-items:center}.wd-job-preview{width:90px;height:70px;border-radius:8px;overflow:hidden;background:#090d16;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.wd-job-preview img{width:100%;height:100%;object-fit:contain}.wd-job-details{flex:1;min-width:0}.wd-job-title{font-size:14px;font-weight:700;color:#f1f5f9;margin:0 0 4px}.wd-company-pill{display:inline-block;font-size:10px;color:#94a3b8;background:#ffffff0d;padding:2px 8px;border-radius:4px;margin-bottom:8px}.wd-progress-wrapper{display:flex;flex-direction:column;gap:4px}.wd-progress-labels{display:flex;justify-content:space-between;font-size:11px;color:#94a3b8}.wd-progress-pct{color:#818cf8;font-weight:700}.wd-progress-bar{width:100%;height:6px;background:#ffffff14;border-radius:999px;overflow:hidden}.wd-progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:999px;transition:width .3s ease}.wd-activities-list{display:flex;flex-direction:column;gap:8px}.wd-activity-item{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#ffffff05;border-radius:8px;border:1px solid rgba(255,255,255,.04)}.wd-activity-dot{width:6px;height:6px;border-radius:50%;background:#6366f1;flex-shrink:0}.wd-activity-content{flex:1;display:flex;justify-content:space-between;align-items:center;font-size:12px}.wd-activity-text{color:#e2e8f0}.wd-activity-date{color:#64748b;font-size:10px}.wd-empty-state{text-align:center;padding:32px 16px;display:flex;flex-direction:column;align-items:center;gap:6px}.wd-empty-icon{color:#ffffff26}.wd-empty-state h3{font-size:13px;font-weight:700;color:#f1f5f9;margin:0}.wd-empty-state p{font-size:11px;color:#64748b;margin:0}.wd-loading{text-align:center;padding:60px 20px;display:flex;flex-direction:column;align-items:center;gap:12px;color:#94a3b8;font-size:13px}.wd-spinner{width:32px;height:32px;border:3px solid rgba(99,102,241,.15);border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite}.remote-page{min-height:100vh;min-height:100dvh;background:linear-gradient(145deg,#0a0e1a,#131a2e,#0d1220);color:#e0e4f0;font-family:Inter,Segoe UI,system-ui,sans-serif;display:flex;flex-direction:column;align-items:center;padding:20px 16px;overflow-y:auto;-webkit-overflow-scrolling:touch}.remote-header{text-align:center;padding:32px 0 24px;width:100%}.remote-header.compact{padding:12px 0 8px;display:flex;align-items:center;justify-content:space-between}.remote-logo{font-size:32px;font-weight:800;letter-spacing:2px;background:linear-gradient(135deg,#6ee7b7,#3b82f6,#a78bfa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:4px}.remote-logo-small{font-size:18px;font-weight:700;background:linear-gradient(135deg,#6ee7b7,#3b82f6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.remote-subtitle{font-size:14px;color:#8892b0;letter-spacing:1px}.remote-status{display:flex;align-items:center;gap:8px;font-size:13px;color:#6ee7b7}.status-dot{width:8px;height:8px;border-radius:50%;background:#555}.status-dot.connected{background:#6ee7b7;box-shadow:0 0 8px #6ee7b780;animation:pulse-dot 2s ease-in-out infinite}.status-dot.reconnecting{background:#fbbf24;box-shadow:0 0 8px #fbbf2480;animation:pulse-dot 1s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.disconnect-btn{background:#ff464626;border:1px solid rgba(255,70,70,.3);color:#ff6b6b;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;transition:all .2s}.disconnect-btn:active{background:#ff46464d;transform:scale(.9)}.remote-pair-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:32px 24px;width:100%;max-width:360px;text-align:center;backdrop-filter:blur(12px)}.pair-icon{font-size:48px;margin-bottom:12px}.remote-pair-card h2{font-size:20px;font-weight:600;margin:0 0 8px}.remote-pair-card p{font-size:13px;color:#8892b0;margin:0 0 24px;line-height:1.5}.pair-input-group{margin-bottom:20px}.pair-input{width:100%;max-width:220px;text-align:center;font-size:32px;font-weight:700;letter-spacing:12px;padding:14px 20px;border:2px solid rgba(59,130,246,.3);border-radius:14px;background:#0000004d;color:#e0e4f0;outline:none;transition:border-color .3s;font-family:JetBrains Mono,Courier New,monospace}.pair-input:focus{border-color:#3b82f6;box-shadow:0 0 20px #3b82f633}.pair-input::placeholder{color:#333a50;letter-spacing:12px}.pair-error{color:#ff6b6b;font-size:13px;margin-bottom:12px;padding:8px 12px;background:#ff46461a;border-radius:8px}.pair-button{width:100%;max-width:260px;padding:14px 24px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#3b82f6,#6366f1);border:none;border-radius:14px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto}.pair-button:active{transform:scale(.96)}.pair-button:disabled{opacity:.5;cursor:not-allowed}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.remote-warning{margin-top:24px;padding:14px 18px;background:#ffc8321a;border:1px solid rgba(255,200,50,.2);border-radius:12px;font-size:13px;color:#fbbf24;line-height:1.6;text-align:center;max-width:360px}.mic-section{display:flex;flex-direction:column;align-items:center;padding:24px 0 16px;width:100%}.mic-button{width:120px;height:120px;border-radius:50%;border:3px solid rgba(255,255,255,.1);background:#ffffff0d;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;position:relative}.mic-button:before{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid transparent;transition:all .3s}.mic-button:active{transform:scale(.92)}.mic-button.pulsing{border-color:#38bdf866;background:#38bdf814;animation:mic-pulse 2.5s ease-in-out infinite}.mic-button.pulsing:before{border-color:#38bdf840;animation:mic-ring 2.5s ease-in-out infinite}@keyframes mic-pulse{0%,to{box-shadow:0 0 #38bdf833}50%{box-shadow:0 0 30px 10px #38bdf826}}@keyframes mic-ring{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.18);opacity:0}}.mic-button.active{border-color:#f43f5e;background:#f43f5e26;box-shadow:0 0 40px #f43f5e59;animation:mic-active 1.2s ease-in-out infinite}@keyframes mic-active{0%,to{box-shadow:0 0 20px #f43f5e40}50%{box-shadow:0 0 50px #f43f5e73}}.mic-button.processing{border-color:#f59e0b66;background:#f59e0b1a}.active-soundwave-wrap{display:flex;align-items:center;gap:5px;height:44px}.eq-bar{width:5px;background:linear-gradient(180deg,#f43f5e,#38bdf8);border-radius:4px;animation:eq-bounce .7s ease-in-out infinite alternate}.eq-bar.bar-1{height:16px;animation-delay:.1s}.eq-bar.bar-2{height:32px;animation-delay:.3s}.eq-bar.bar-3{height:42px;animation-delay:0s}.eq-bar.bar-4{height:26px;animation-delay:.4s}.eq-bar.bar-5{height:18px;animation-delay:.2s}@keyframes eq-bounce{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.mic-state-text{margin-top:16px;font-size:15px;color:#8892b0;text-align:center;min-height:28px;display:flex;align-items:center;justify-content:center}.wake-hint-text{display:flex;align-items:center;justify-content:center;gap:6px;color:#94a3b8;font-size:14px}.wake-hint-text strong{color:#38bdf8}.wake-pulse-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#38bdf8;box-shadow:0 0 10px #38bdf8;animation:pulse 1.5s infinite}.listening-badge{display:inline-flex;align-items:center;gap:6px;background:#f43f5e1f;border:1px solid rgba(244,63,94,.3);padding:4px 12px;border-radius:20px;color:#fb7185;font-size:13px;font-weight:600}.processing-badge{display:inline-flex;align-items:center;gap:6px;background:#f59e0b1f;border:1px solid rgba(245,158,11,.3);padding:4px 12px;border-radius:20px;color:#fbbf24;font-size:13px;font-weight:600}.recording-dot{display:inline-block;width:8px;height:8px;background:#f43f5e;border-radius:50%;animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.live-transcript{margin-top:12px;padding:10px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:10px;font-size:14px;color:#c0c8e0;max-width:320px;text-align:center;word-break:break-word;font-style:italic}.quick-commands{width:100%;max-width:400px;margin-top:16px}.quick-commands h3{font-size:14px;font-weight:600;color:#8892b0;margin:0 0 10px;text-transform:uppercase;letter-spacing:1px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quick-btn{padding:12px 8px;font-size:13px;font-weight:500;color:#c0c8e0;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;transition:all .2s;text-align:center;white-space:nowrap}.quick-btn:active{background:#3b82f626;border-color:#3b82f64d;transform:scale(.95)}.command-history{width:100%;max-width:400px;margin-top:20px;padding-bottom:40px}.command-history h3{font-size:14px;font-weight:600;color:#8892b0;margin:0 0 10px;text-transform:uppercase;letter-spacing:1px}.history-list{display:flex;flex-direction:column;gap:6px}.history-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:10px;transition:all .2s}.history-item.success{border-left:3px solid rgba(110,231,183,.4)}.history-item.fail{border-left:3px solid rgba(255,107,107,.4)}.history-icon{font-size:16px;flex-shrink:0}.history-content{flex:1;min-width:0}.history-text{font-size:13px;color:#c0c8e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-command{font-size:11px;color:#6b7394;margin-top:2px}.history-time{font-size:11px;color:#4a5270;flex-shrink:0}.wake-selector-container{width:100%;max-width:360px;margin:10px 0 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:10px 14px;display:flex;flex-direction:column;gap:8px}.wake-header-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#94a3b8;font-weight:600}.wake-input-wrap{display:flex;gap:6px}.wake-name-input{flex:1;background:#0006;border:1px solid rgba(56,189,248,.3);border-radius:8px;padding:8px 12px;color:#38bdf8;font-size:15px;font-weight:700;outline:none}.wake-name-input:focus{border-color:#38bdf8;box-shadow:0 0 10px #38bdf833}.wake-chips{display:flex;gap:6px;flex-wrap:wrap}.wake-chip{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.wake-chip.active{background:#38bdf833;border-color:#38bdf8;color:#38bdf8}.changelog-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .3s ease-out}.changelog-container{background:#171717f2;border:1px solid rgba(255,255,255,.1);border-radius:24px;width:500px;max-width:90vw;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000080,0 0 40px #4f46e533;overflow:hidden;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.changelog-header{padding:24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);background:linear-gradient(to right,rgba(79,70,229,.1),transparent)}.header-title{display:flex;align-items:center;gap:16px}.sparkle-icon{font-size:24px;background:#ffffff0d;width:48px;height:48px;display:flex;justify-content:center;align-items:center;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.changelog-header h2{margin:0;font-size:1.25rem;font-weight:700;color:#fff}.version-badge{font-size:.75rem;color:#94a3b8;font-weight:500;letter-spacing:.5px}.close-btn{background:transparent;border:none;color:#64748b;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s}.close-btn:hover{background:#ffffff0d;color:#fff}.changelog-content{padding:24px;overflow-y:auto;flex:1}.version-section{margin-bottom:32px}.version-section:last-child{margin-bottom:0}.version-info{display:flex;align-items:baseline;gap:12px;margin-bottom:16px}.version-info h3{margin:0;font-size:1.1rem;color:#818cf8;font-weight:600}.version-info .date{font-size:.75rem;color:#475569}.change-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.change-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.03);transition:transform .2s}.change-item:hover{background:#ffffff0a;transform:translate(4px)}.type-badge{display:flex;align-items:center;gap:6px;font-size:.65rem;font-weight:700;padding:4px 8px;border-radius:6px;white-space:nowrap;letter-spacing:.5px}.type-badge.feat{background:#a855f71a;color:#a855f7}.type-badge.fix{background:#22c55e1a;color:#22c55e}.type-badge.ui{background:#3b82f61a;color:#3b82f6}.type-badge.perf{background:#f973161a;color:#f97316}.change-item p{margin:0;font-size:.9rem;line-height:1.5;color:#cbd5e1}.changelog-footer{padding:24px;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:flex-end}.confirm-btn{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #4f46e54d}.confirm-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4f46e566}.confirm-btn:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.changelog-content::-webkit-scrollbar{width:6px}.changelog-content::-webkit-scrollbar-track{background:transparent}.changelog-content::-webkit-scrollbar-thumb{background:#ffffff0d;border-radius:10px}.changelog-content::-webkit-scrollbar-thumb:hover{background:#ffffff1a}.chat-widget-container{position:fixed;bottom:80px;right:24px;z-index:2147483647;font-family:Inter,system-ui,-apple-system,sans-serif;pointer-events:none}.chat-widget-container *{pointer-events:auto}.chat-bubble{width:48px;height:48px;border-radius:50%;background:#1e293b;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #0000004d;transition:all .2s ease;position:relative;overflow:visible}.chat-bubble:hover{background:#334155;border-color:#fff3}.bubble-inner{display:flex;align-items:center;justify-content:center;z-index:2}.pulse-ring{display:none!important}.notification-badge{position:absolute;top:-2px;right:-2px;width:18px;height:18px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;border:2px solid #1e293b;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 #ef444466;animation:badge-pulse 2s infinite}@keyframes badge-pulse{0%{transform:scale(1);box-shadow:0 0 #ef4444b3}70%{transform:scale(1.1);box-shadow:0 0 0 10px #ef444400}to{transform:scale(1);box-shadow:0 0 #ef444400}}.notification-badge.inline{position:static;width:auto;min-width:18px;height:18px;padding:0 5px;border-radius:9px;font-size:10px}.chat-window{width:400px;height:600px;max-height:calc(100vh - 100px);background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:24px;display:flex;flex-direction:column;box-shadow:0 20px 80px #0003;overflow:hidden;animation:window-appear .4s cubic-bezier(.165,.84,.44,1)}@keyframes window-appear{0%{opacity:0;transform:translateY(40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-widget-container.is-minimized .chat-window{height:72px;width:300px}.chat-header{padding:16px 20px;background:#1e293b;color:#fff;display:flex;align-items:center;justify-content:space-between}.header-info{display:flex;align-items:center;gap:12px}.status-indicator{width:10px;height:10px;border-radius:50%;background:#cbd5e1}.status-indicator.online{background:#10b981;box-shadow:0 0 8px #10b981}.title-wrapper h3{margin:0;font-size:16px;font-weight:600;letter-spacing:-.01em}.online-text{font-size:11px;opacity:.8;display:flex;flex-direction:column}.stats-badge{color:var(--primary-color);font-weight:500;margin-top:2px}.header-actions{display:flex;gap:4px}.action-btn{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;opacity:.7}.action-btn:hover{background:#fff3;opacity:1}.chat-controls{padding:8px 16px;background:#ffffff80;border-bottom:1px solid rgba(0,0,0,.05);display:flex;gap:10px}.control-toggle{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:100px;border:1px solid rgba(0,0,0,.05);background:#fff;font-size:12px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s}.control-toggle:hover{background:#f8fafc}.control-toggle.active{background:#334155;color:#fff;border-color:#334155}.messages-container{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.welcome-message{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:20px;gap:12px;padding:20px;background:#3341550d;border-radius:20px}.bot-avatar{width:44px;height:44px;background:#334155;color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000001a}.welcome-message p{margin:0;font-size:14px;color:#475569;line-height:1.5}.message-row{display:flex;gap:12px;max-width:85%}.message-row.me{align-self:flex-end;flex-direction:row-reverse}.user-avatar{width:28px;height:28px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#64748b;flex-shrink:0;margin-top:4px}.message-content{display:flex;flex-direction:column;gap:4px}.message-text{padding:12px 16px;border-radius:18px;font-size:14px;line-height:1.5;position:relative;box-shadow:0 2px 4px #00000005}.message-row.them .message-text{background:#fff;color:#1e293b;border-top-left-radius:4px}.message-row.me .message-text{background:#475569;color:#fff;border-top-right-radius:4px}.message-time{font-size:11px;color:#94a3b8;padding:0 4px}.message-row.me .message-time{text-align:right}.translation-hint{display:flex;align-items:center;gap:4px;font-size:11px;opacity:.6;margin-top:6px;padding-top:6px;border-top:1px solid rgba(0,0,0,.05)}.chat-input-area{padding:20px;background:#fff;border-top:1px solid #f1f5f9;display:flex;gap:12px}.chat-input-area input{flex:1;border:1px solid #e2e8f0;padding:12px 18px;border-radius:100px;font-size:14px;outline:none;transition:all .2s;background:#f8fafc}.chat-input-area input:focus{border-color:#334155;background:#fff;box-shadow:0 0 0 4px #3341551a}.send-btn{width:44px;height:44px;border-radius:50%;background:#1e293b;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.send-btn:hover:not(:disabled){background:#334155;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.send-btn:disabled{background:#cbd5e1;cursor:not-allowed}.messages-container::-webkit-scrollbar{width:5px}.messages-container::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}@media(max-width:480px){.chat-window{width:calc(100vw - 32px);right:16px;bottom:16px}.chat-bubble{width:56px;height:56px}}.support-queue-bar{display:flex;gap:8px;padding:10px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1);overflow-x:auto;scrollbar-width:none}.support-queue-bar::-webkit-scrollbar{display:none}.queue-item{padding:6px 12px;border-radius:20px;background:#ffffff1a;color:#ffffffb3;font-size:.8rem;border:1px solid rgba(255,255,255,.1);white-space:nowrap;cursor:pointer;transition:all .2s ease}.queue-item:hover{background:#fff3;color:#fff}.queue-item.active{background:#3b82f6;color:#fff;border-color:transparent;box-shadow:0 4px 12px #3b82f64d}.sender-name{font-size:.7rem;color:#ffffff80;margin-bottom:4px;display:block}.message-row.me .sender-name{text-align:right}.notification-badge{position:absolute;top:-5px;right:-5px;background:#ef4444;color:#fff;font-size:.7rem;font-weight:700;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #1a1a1a;box-shadow:0 2px 8px #ef444466}@keyframes pulse{0%{box-shadow:0 0 #3b82f666}70%{box-shadow:0 0 0 15px #3b82f600}to{box-shadow:0 0 #3b82f600}}.inline-translate-btn{display:flex;align-items:center;gap:4px;background:#ffffff1a;border:none;border-radius:4px;color:#fff9;font-size:.65rem;padding:2px 6px;margin-top:4px;cursor:pointer;transition:all .2s ease}.inline-translate-btn:hover{background:#fff3;color:#fff}.translation-hint{display:flex;align-items:center;gap:4px;font-size:.65rem;color:#fff6;margin-top:4px}.guest-name-prompt{background:#3341550d;border-radius:12px;padding:12px;margin-bottom:16px;text-align:center}.guest-name-prompt p{margin-bottom:15px;font-size:14px;color:#64748b;text-align:center}.start-chat-btn{margin-top:15px;width:100%;padding:10px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.start-chat-btn:hover{opacity:.9;transform:translateY(-1px)}.name-input-group{position:relative;display:flex;align-items:center}.name-input-group input{width:100%;padding:8px 32px 8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:12px;outline:none}.name-input-group svg{position:absolute;right:10px;color:#94a3b8}.admin-inbox-view{flex:1;display:flex;flex-direction:column;overflow:hidden}.inbox-header{padding:14px 20px;border-bottom:1px solid #e2e8f0}.inbox-header h4{margin:0;font-size:13px;font-weight:600;color:#334155;text-transform:uppercase;letter-spacing:.5px}.inbox-list{flex:1;overflow-y:auto;padding:8px}.inbox-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:none;background:transparent;border-radius:12px;cursor:pointer;transition:all .15s ease;text-align:left}.inbox-item:hover{background:#f1f5f9}.inbox-item:active{background:#e2e8f0;transform:scale(.98)}.active-users-bar{background:#f8fafc;padding:8px 16px;border-bottom:1px solid #f1f5f9;font-size:11px;color:#64748b;display:flex;align-items:center;gap:8px;position:sticky;top:0;z-index:5}.active-users-bar .dot{width:6px;height:6px;border-radius:50%;background:#10b981}.inbox-item-container{position:relative;display:flex;align-items:center;gap:8px}.inbox-item-container .inbox-item{flex:1}.page-link-badge{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:4px;padding:4px 8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:10px;text-decoration:none;transition:all .2s ease;backdrop-filter:blur(4px);z-index:2}.page-link-badge:hover{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 0 10px var(--primary-color)}.page-link-badge span{font-weight:500}.inbox-item.has-report{border-left:4px solid #ef4444;background:#ef44440d}.report-tag{background:#ef4444;color:#fff;font-size:9px;padding:2px 6px;border-radius:4px;margin-left:8px}.inline-report-btn{background:transparent;border:none;color:#94a3b8;padding:4px;cursor:pointer;opacity:0;transition:all .2s;display:flex;align-items:center}.message-row:hover .inline-report-btn{opacity:1}.inline-report-btn:hover{color:#ef4444;transform:scale(1.2)}.message-row.is-broadcast .message-text{background:linear-gradient(135deg,#fef3c7,#fffbeb);color:#92400e;box-shadow:0 4px 12px #f59e0b26}.message-row.is-broadcast .sender-name{color:#b45309;font-weight:700}.message-row.is-broadcast .sender-name:after{content:" (YETKİLİ)";font-size:9px;font-weight:900}.inbox-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.inbox-avatar.global{background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff}.inbox-avatar.user{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.inbox-info{display:flex;flex-direction:column;gap:2px;min-width:0}.inbox-name{font-size:14px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-preview{font-size:12px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-back-header{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.back-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:#e2e8f0;border-radius:8px;cursor:pointer;color:#475569;transition:all .15s ease}.back-btn:hover{background:#cbd5e1;color:#1e293b}.current-chat-name{font-size:14px;font-weight:600;color:#1e293b}.chat-notification-toast{position:absolute;bottom:80px;right:0;background:#1e293bf2;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 16px;width:220px;box-shadow:0 10px 25px -5px #0000004d,0 8px 10px -6px #0000004d;cursor:pointer;animation:toast-slide-up .3s cubic-bezier(.16,1,.3,1);z-index:9999;display:flex;flex-direction:column;gap:4px}.toast-content{display:flex;flex-direction:column}.toast-title{color:#facc15;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.toast-preview{color:#f1f5f9;font-size:13px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toast-arrow{position:absolute;bottom:-6px;right:24px;width:12px;height:12px;background:#1e293bf2;transform:rotate(45deg);border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}@keyframes toast-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-bubble.has-unread{border:2px solid #ef4444;animation:border-flash 1.5s infinite}.chat-bubble.has-admin-unread{animation:bubble-bounce .5s infinite alternate,siren-light 1s infinite!important;border:3px solid white!important}@keyframes border-flash{0%{border-color:#ef4444;box-shadow:0 0 #ef4444b3}50%{border-color:#fff;box-shadow:0 0 0 10px #ef444400}to{border-color:#ef4444;box-shadow:0 0 #ef444400}}@keyframes bubble-bounce{0%{transform:scale(1)}to{transform:scale(1.1)}}@keyframes siren-light{0%{background:#ef4444;box-shadow:0 0 20px #ef4444}33%{background:#3b82f6;box-shadow:0 0 20px #3b82f6}66%{background:#fff;box-shadow:0 0 20px #fff}to{background:#ef4444;box-shadow:0 0 20px #ef4444}}.notification-badge.urgent{animation:badge-pulse-fast .5s infinite;background:#facc15!important;color:#000!important;border:2px solid #000!important}@keyframes badge-pulse-fast{0%{transform:scale(1.1)}50%{transform:scale(1.4)}to{transform:scale(1.1)}}.premium-support-card{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #facc15;border-radius:12px;padding:16px;margin:10px 0;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden;text-align:left}.premium-support-card:before{content:"PREMIUM";position:absolute;top:10px;right:-25px;background:#facc15;color:#000;font-size:10px;font-weight:800;padding:2px 30px;transform:rotate(45deg);box-shadow:0 2px 4px #0000004d}.premium-title{color:#facc15;font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px}.premium-desc{color:#94a3b8;font-size:12px;line-height:1.5}.premium-price{font-size:20px;font-weight:800;color:#fff}.premium-price span{font-size:12px;font-weight:400;color:#64748b;margin-left:4px}.premium-btn{background:#facc15;color:#000;border:none;border-radius:8px;padding:12px;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.premium-btn:hover{background:#eab308;transform:translateY(-2px);box-shadow:0 4px 15px #facc1566}.premium-btn:active{transform:translateY(0)}.premium-btn:disabled{background:#334155;color:#64748b;cursor:not-allowed;transform:none}.voice-call-overlay{position:absolute;inset:0;background:#0f172af2;backdrop-filter:blur(12px);z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;animation:fade-in .3s ease}.call-avatar{position:relative;width:100px;height:100px;background:#1e293b;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#facc15;border:2px solid rgba(250,204,21,.2)}.pulse-ring{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid #facc15;animation:ring-pulse 2s infinite}@keyframes ring-pulse{0%{transform:scale(1);opacity:.8}to{transform:scale(2);opacity:0}}.call-info{text-align:center}.call-info h4{margin:0;color:#fff;font-size:18px}.call-status{color:#94a3b8;font-size:14px}.call-actions{display:flex;gap:20px}.call-btn{width:56px;height:56px;border-radius:50%;border:none;background:#334155;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.call-btn:hover{background:#475569}.call-btn.muted{background:#ef4444}.call-btn.hangup{background:#dc2626}.call-btn.hangup:hover{background:#b91c1c;transform:scale(1.1)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.premium-support-fixed{position:sticky;top:0;z-index:100;background:#1e293b;padding:8px 12px;border-bottom:1px solid rgba(250,204,21,.3);box-shadow:0 4px 12px #0003}.premium-support-card.mini{padding:10px;margin:0;background:linear-gradient(90deg,#1e293b,#0f172a);border:1px solid rgba(250,204,21,.4)}.premium-header-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.premium-actions-mini{display:flex;gap:8px}.premium-btn-small{background:#facc15;color:#000;border:none;border-radius:6px;padding:6px 12px;font-weight:700;font-size:11px;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s;white-space:nowrap}.premium-btn-small:hover{background:#eab308;transform:scale(1.05)}.premium-btn-small.waiting{background:#475569;color:#94a3b8;cursor:not-allowed;transform:none}.premium-btn-small.waiting:hover{background:#475569;transform:none}.premium-btn-small.call:hover{background:#2563eb}.premium-support-card.mini:before{top:5px;right:-30px;font-size:8px;padding:1px 30px}.premium-desc-mini{color:#94a3b8;font-size:12px;line-height:1.5;margin-top:8px;opacity:.9;border-top:1px solid rgba(255,255,255,.08);padding-top:8px}.inline-call-btn{background:#22c55e;color:#fff;border:none;border-radius:4px;padding:4px 8px;font-size:10px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;margin-top:5px;transition:all .2s}.inline-call-btn:hover{background:#16a34a;transform:scale(1.05)}.call-accept-actions{margin-top:20px;width:100%;display:flex;justify-content:center}.call-accept-btn{background:#22c55e;color:#fff;border:none;border-radius:30px;padding:12px 24px;font-weight:700;display:flex;align-items:center;gap:10px;cursor:pointer;box-shadow:0 4px 15px #22c55e66;animation:accept-pulse 2s infinite}@keyframes accept-pulse{0%{transform:scale(1);box-shadow:0 4px 15px #22c55e66}50%{transform:scale(1.05);box-shadow:0 4px 25px #22c55e99}to{transform:scale(1);box-shadow:0 4px 15px #22c55e66}}.message-row.is-admin .message-text{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;box-shadow:0 4px 12px #2563eb33}.message-row.is-admin .sender-name{color:#60a5fa;font-weight:700}.message-row.is-admin.them .message-text:before{border-right-color:#1e40af}.message-row.is-admin.me .message-text:after{border-left-color:#3b82f6}.support-queue-container{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#f8fafc}.support-queue-header{padding:12px 16px;background:#f1f5f9;color:#64748b;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e2e8f0}.support-queue-list{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:4px}.queue-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;cursor:pointer;transition:all .2s;background:#fff;border:1px solid transparent}.queue-item:hover{background:#f1f5f9;transform:translateY(-1px);box-shadow:0 2px 8px #0000000d}.queue-item.selected{background:#eff6ff;border-color:#3b82f6}.queue-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#e2e8f0;color:#64748b}.queue-avatar.global{background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff}.queue-avatar.user{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.queue-info{flex:1;min-width:0}.queue-name{font-size:14px;font-weight:600;color:#1e293b;margin-bottom:2px}.queue-email{font-size:11px;color:#64748b;margin-bottom:2px}.queue-last-msg{font-size:12px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-tag{margin-left:6px}.chat-tabs-container{display:flex;background:#f1f5f9;padding:4px;border-radius:12px;gap:4px;flex:1;max-width:280px}.chat-tab-btn{flex:1;padding:6px 12px;border:none;background:transparent;color:#64748b;font-size:12px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.chat-tab-btn:hover{color:#1e293b;background:#ffffff80}.chat-tab-btn.active{background:#fff;color:#1e293b;box-shadow:0 2px 4px #0000000d}.queue-item.unread{background:#f0fdf4!important;border-color:#bbf7d0!important}.queue-item.unread:hover{background:#dcfce7!important}.queue-item.unread .queue-name{color:#15803d!important}.queue-item.unread .queue-last-msg{color:#166534!important}:root{--color-primary: #6366F1;--color-primary-hover: #4F46E5;--color-primary-light: #A5B4FC;--color-primary-dark: #312E81;--color-secondary: #EC4899;--color-secondary-hover: #DB2777;--color-secondary-light: #F9A8D4;--color-success: #10B981;--color-success-light: #6EE7B7;--color-warning: #F59E0B;--color-warning-light: #FCD34D;--color-error: #EF4444;--color-error-light: #FCA5A5;--color-gray-50: #FAFAFA;--color-gray-100: #F5F5F5;--color-gray-200: #E5E5E5;--color-gray-300: #D4D4D4;--color-gray-400: #A3A3A3;--color-gray-500: #737373;--color-gray-600: #525252;--color-gray-700: #404040;--color-gray-800: #262626;--color-gray-900: #171717;--bg-primary: #FFFFFF;--bg-secondary: #FAFAFA;--bg-tertiary: #F5F5F5;--bg-dark: #1F2937;--text-primary: #171717;--text-secondary: #525252;--text-tertiary: #737373;--text-light: #FFFFFF;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}:root{--spacing-xs: 2px;--spacing-sm: 4px;--spacing-md: 6px;--spacing-lg: 8px;--spacing-xl: 12px;--spacing-2xl: 16px;--font-xs: 11px;--font-sm: 12px;--font-md: 13px;--font-lg: 14px;--font-xl: 16px;--color-primary: #4F46E5;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-600: #4b5563;--color-gray-900: #111827}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--font-sm);line-height:1.4;color:var(--color-gray-900)}input,select,textarea,button{font-size:var(--font-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:3px}input[type=number],input[type=text],input[type=email],select{border:1px solid var(--color-gray-200);padding:3px 6px}button,.btn{padding:4px 10px;font-size:var(--font-sm);font-weight:500;border-radius:3px;cursor:pointer;border:none}.btn-primary{background:var(--color-primary);color:#fff}.btn-secondary{background:var(--color-gray-200);color:var(--color-gray-900)}table{width:100%;border-collapse:collapse;font-size:var(--font-sm)}th{padding:6px 8px;font-size:var(--font-xs);text-transform:uppercase;font-weight:600;background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200)}td{padding:6px 8px;border-bottom:1px solid var(--color-gray-100)}.card{background:#fff;border:1px solid var(--color-gray-200);border-radius:4px;padding:var(--spacing-lg)}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}:root{--bg-primary: #d0d0d0;--bg-secondary: #e4e4e4;--bg-card: #f4f4f4;--bg-card-hover: #c4c4c4;--bg-canvas: #ffffff;--bg-grid-line: #999999;--glass-bg: #e4e4e4;--glass-border: #7a7a7a;--border-color: #7a7a7a;--input-border: #7a7a7a;--text-primary: #000000;--text-secondary: #333333;--text-tertiary: #666666;--color-primary: #6366f1;--color-secondary: #a855f7;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--gradient-primary: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: 8px;--radius-full: 100px}[data-theme=dark]{--bg-primary: #050505;--bg-secondary: #0a0a0a;--bg-card: #0F0F11;--bg-card-hover: #141416;--bg-canvas: #2a2a2a;--bg-grid-line: #3a3a3a;--glass-bg: rgba(15, 15, 20, .6);--glass-border: rgba(255, 255, 255, .08);--border-color: rgba(255, 255, 255, .12);--input-border: rgba(255, 255, 255, .15);--text-primary: #ededed;--text-secondary: #9ca3af;--text-tertiary: #6b7280}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;user-select:none;-webkit-user-select:none}body.text-selectable{user-select:auto;-webkit-user-select:auto}input,textarea,[contenteditable]{user-select:auto!important;-webkit-user-select:auto!important}#root{width:100%;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}input.no-spinner::-webkit-inner-spin-button,input.no-spinner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input.no-spinner{-moz-appearance:textfield}::backdrop,:fullscreen::backdrop,:-webkit-full-screen::backdrop,:-moz-full-screen::backdrop,:-ms-fullscreen::backdrop{background-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html,body,#root,:fullscreen,:-webkit-full-screen,:-moz-full-screen,:-ms-fullscreen{background-color:var(--bg-primary)!important}html:fullscreen,html:-webkit-full-screen,body:fullscreen,body:-webkit-full-screen{transition:none!important}.project-editor .modal-overlay,.project-editor .svg-choice-modal-overlay,.project-editor .drag-drop-overlay,.project-editor .payg-dialog-overlay,.project-editor .svg-import-dialog-overlay,.project-editor .image-prep-overlay,.project-editor .feature-modal-overlay,.project-editor .changelog-overlay,.project-editor .user-detail-overlay,.project-editor [class*=-overlay],.project-editor [class*=modal-overlay]{background:transparent!important;background-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}