body{background:#0f1419;font-family:Inter,Hind Siliguri,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#1a2332}::-webkit-scrollbar-thumb{background:#2a3f5f;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3a5f8f}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-180deg) scale(0)}to{opacity:1;transform:rotate(0deg) scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes flipIn{0%{opacity:0;transform:perspective(400px) rotateY(90deg)}to{opacity:1;transform:perspective(400px) rotateY(0deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}@keyframes swing{0%,to{transform:rotate(0deg)}25%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes glow{0%,to{box-shadow:0 0 5px #667eea80}50%{box-shadow:0 0 20px #667eea}}@keyframes slideLeft{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes slideRight{0%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes slideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes fade{0%{opacity:1}to{opacity:0}}@keyframes zoom{0%{transform:scale(1)}to{transform:scale(0)}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,html{overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f0f1e;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.landing-page{background:linear-gradient(180deg,#0f0f1e,#1a1a2e 50%,#16213e);min-height:100vh;overflow-x:hidden;width:100%}.container{margin:0 auto;max-width:1400px;padding:0 40px}.hero-section{align-items:center;background:radial-gradient(ellipse at top,#1e3a8a 0,#0f0f1e 50%);display:flex;min-height:100vh;overflow:hidden;padding:140px 0 100px;position:relative}.hero-background{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.hero-shape{animation:pulse-glow 8s ease-in-out infinite;border-radius:50%;filter:blur(80px);position:absolute}.hero-shape-1{animation-delay:0s;background:radial-gradient(circle,#3b82f666 0,#0000 70%);height:600px;right:-100px;top:-200px;width:600px}.hero-shape-2{animation-delay:2s;background:radial-gradient(circle,#8b5cf64d 0,#0000 70%);bottom:-150px;height:500px;left:-100px;width:500px}.hero-shape-3{animation-delay:4s;background:radial-gradient(circle,#ec48994d 0,#0000 70%);height:400px;left:50%;top:50%;transform:translate(-50%,-50%);width:400px}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.hero-container{align-items:center;display:flex;flex-direction:column;gap:60px;margin:0 auto;max-width:1400px;padding:0 40px;position:relative;width:100%;z-index:1}.hero-content{color:#fff}.hero-badge{align-items:center;animation:float-badge 3s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#3b82f633,#8b5cf633);border:1px solid #3b82f64d;border-radius:100px;display:inline-flex;font-size:14px;font-weight:600;gap:10px;padding:10px 24px}@keyframes float-badge{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.badge-icon{animation:rotate-icon 4s linear infinite;font-size:18px}@keyframes rotate-icon{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hero-title{-webkit-text-fill-color:#0000;animation:gradient-shift 5s ease infinite;background:linear-gradient(135deg,#fff,#93c5fd 50%,#c084fc);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-size:80px;font-weight:900;letter-spacing:-.04em;line-height:1.1;margin-bottom:28px}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.gradient-text{-webkit-text-fill-color:#0000;animation:shimmer 3s linear infinite;background:linear-gradient(90deg,#3b82f6,#8b5cf6 50%,#ec4899);-webkit-background-clip:text;background-clip:text;background-size:200% auto}.hero-row{align-items:center;display:flex;gap:40px;justify-content:space-between;margin-bottom:40px;width:100%}.hero-subtitle{color:#cbd5e1;flex:1 1;font-size:22px;line-height:1.6;margin:0;max-width:780px}.hero-buttons{display:flex;flex-shrink:0;gap:20px}.btn{border-radius:16px;display:inline-flex;font-size:17px;gap:12px;padding:18px 36px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);height:100%;left:-100%;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.btn-primary-large{background:linear-gradient(135deg,#3b82f6,#8b5cf6);box-shadow:0 20px 40px #3b82f666;color:#fff}.btn-primary-large:hover{box-shadow:0 25px 50px #3b82f680;transform:translateY(-3px)}.btn-secondary-large{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:2px solid #fff3;color:#fff}.btn-secondary-large:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-3px)}.btn-arrow{font-size:20px;transition:transform .3s ease}.btn:hover .btn-arrow{transform:translateX(5px)}.hero-stats{align-items:stretch;display:flex;gap:12px;padding:32px 0 8px;width:100%}.stat-card{align-items:flex-start;background:#ffffff08;border:1px solid #ffffff12;border-radius:14px;cursor:default;display:flex;flex:1 1;flex-direction:column;gap:4px;overflow:hidden;padding:18px 16px;position:relative;transition:transform .2s,border-color .2s,background .2s}.stat-card:before{background:linear-gradient(135deg,#3b82f60f,#8b5cf60f);content:"";inset:0;opacity:0;position:absolute;transition:opacity .2s}.stat-card:hover{background:#ffffff0d;border-color:#3b82f64d;transform:translateY(-3px)}.stat-card:hover:before{opacity:1}.stat-card--highlight{background:linear-gradient(135deg,#3b82f624,#8b5cf624);border-color:#6366f159}.stat-card--highlight:hover{background:linear-gradient(135deg,#3b82f633,#8b5cf633);border-color:#6366f199}.stat-card-icon{font-size:20px;line-height:1;margin-bottom:4px}.stat-card-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#93c5fd 60%,#c084fc);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:900;letter-spacing:-.02em;line-height:1}.stat-card--highlight .stat-card-number{background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text}.stat-card-plus{font-size:16px;font-weight:700}.stat-card-label{color:#e2e8f0;font-size:12px;font-weight:700;letter-spacing:.01em}.stat-card-sub{color:#475569;font-size:10.5px;font-weight:500;line-height:1.4;margin-top:1px}.stat-item{text-align:left}.stat-number{font-size:36px;font-weight:800}.stat-label{font-size:14px;font-weight:500}.stat-divider{background:linear-gradient(180deg,#0000,#3b82f680,#0000);height:50px;width:2px}.hero-visual{align-items:center;display:flex;justify-content:center;perspective:1200px;width:100%}.showcase-cards{border-radius:24px;height:340px;overflow:hidden;position:relative;width:100%}.showcase-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1e3a8a66,#0f0f1e99);border:1px solid #3b82f64d;border-radius:24px;box-shadow:0 30px 60px #0006;display:flex;gap:50px;height:100%;left:0;opacity:0;padding:30px 50px;position:absolute;top:0;transform:translateX(100%) scale(.9);transition:opacity .5s ease,transform .5s ease;width:100%}.showcase-card.card-active{opacity:1;transform:translateX(0) scale(1)}.showcase-card.card-leaving{opacity:0;transform:translateX(-100%) scale(.9)}.editor-visual{align-items:center;display:flex;flex:1 1;justify-content:center;position:relative}.editor-window{background:linear-gradient(135deg,#1a1f35,#0f1220);border:1px solid #3b82f64d;border-radius:12px;box-shadow:0 20px 40px #00000080;max-width:320px;overflow:hidden;width:100%}.editor-header{align-items:center;background:#0006;border-bottom:1px solid #ffffff1a;display:flex;gap:10px;padding:10px 14px}.editor-dots{display:flex;gap:6px}.editor-dots .dot{border-radius:50%;height:10px;width:10px}.editor-dots .dot.red{background:#ef4444}.editor-dots .dot.yellow{background:#f59e0b}.editor-dots .dot.green{background:#10b981}.editor-title{color:#ffffff80;font-size:11px;margin-left:auto}.editor-body{display:flex;height:160px}.editor-sidebar{background:#0000004d;border-right:1px solid #ffffff1a;flex-direction:column;gap:6px;padding:8px 0;width:36px}.editor-sidebar,.sidebar-item{align-items:center;display:flex}.sidebar-item{border-radius:6px;color:#64748b;cursor:pointer;font-size:12px;height:28px;justify-content:center;transition:all .2s;width:28px}.sidebar-item.active{background:linear-gradient(135deg,#3b82f64d,#8b5cf64d);box-shadow:0 0 10px #3b82f64d;color:#fff}.editor-canvas{background:linear-gradient(135deg,#1e2538,#151a28);flex:1 1;overflow:hidden;position:relative}.canvas-element{position:absolute;transition:all .3s ease}.canvas-element.el-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ec4899,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:24px;font-weight:900;left:15%;text-shadow:0 0 20px #ec4899cc;top:20%}.canvas-element.el-shape{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:8px;box-shadow:0 0 20px #3b82f680;height:50px;left:50%;top:40%;width:50px}.canvas-element.el-circle{background:linear-gradient(135deg,#10b981,#34d399);border-radius:50%;bottom:20%;box-shadow:0 0 15px #10b98180;height:35px;right:20%;width:35px}.canvas-element.el-image{background:linear-gradient(135deg,#8b5cf64d,#ec48994d);border:2px dashed #8b5cf680;border-radius:8px;height:60px;left:10%;top:15%;width:80px}.canvas-element.el-badge{background:linear-gradient(135deg,#ef4444,#f97316);border-radius:6px;box-shadow:0 0 15px #ef444480;color:#fff;font-size:14px;font-weight:800;padding:6px 12px;right:15%;top:25%}.canvas-element.el-text-sm{bottom:25%;color:#cbd5e1;font-size:11px;font-weight:600;left:20%}.drag-anim{animation:drag-move-1 4s ease-in-out infinite}.drag-anim-2{animation:drag-move-2 5s ease-in-out infinite}.drag-anim-3{animation:drag-move-3 4.5s ease-in-out infinite}@keyframes drag-move-1{0%,to{transform:translate(0)}25%{transform:translate(15px,10px)}50%{transform:translate(25px,-5px)}75%{transform:translate(10px,15px)}}@keyframes drag-move-2{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(-20px,15px) rotate(5deg)}66%{transform:translate(10px,-10px) rotate(-3deg)}}@keyframes drag-move-3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-15px,20px) scale(1.1)}}.drag-cursor{animation:cursor-move 3s ease-in-out infinite;bottom:30%;height:24px;position:absolute;right:10%;width:24px}.cursor-icon{background:#fff;-webkit-clip-path:polygon(0 0,100% 50%,40% 50%,40% 100%);clip-path:polygon(0 0,100% 50%,40% 50%,40% 100%);display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));height:100%;width:100%}@keyframes cursor-move{0%,to{opacity:1;transform:translate(0)}25%{transform:translate(-40px,-30px)}50%{opacity:.8;transform:translate(-60px,10px)}75%{transform:translate(-20px,-10px)}}.editor-timeline{background:#0006;border-top:1px solid #ffffff1a;padding:10px 12px}.timeline-bar{background:#3b82f633;border-radius:3px;height:6px;overflow:hidden}.timeline-progress{animation:timeline-play 4s linear infinite;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:3px;height:100%;width:0}@keyframes timeline-play{0%{width:0}to{width:100%}}.component-panel{background:#1e2846f2;border:1px solid #3b82f64d;border-radius:10px;bottom:10px;display:flex;gap:8px;left:50%;padding:8px 12px;position:absolute;transform:translateX(-50%)}.component-item{align-items:center;background:#3b82f61a;border-radius:6px;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;width:32px}.component-item.dragging{animation:component-drag 2s ease-in-out infinite;box-shadow:0 0 15px #3b82f680}@keyframes component-drag{0%,to{opacity:1;transform:translate(0)}50%{opacity:.7;transform:translateY(-60px)}}.gif-canvas{align-items:center;display:flex;justify-content:center}.gif-frame{border-radius:8px;height:70%;opacity:0;position:absolute;width:70%}.gif-frame.frame-1{animation:gif-cycle 3s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2)}.gif-frame.frame-2{animation:gif-cycle 3s ease-in-out 1s infinite;background:linear-gradient(135deg,#f093fb,#f5576c)}.gif-frame.frame-3{animation:gif-cycle 3s ease-in-out 2s infinite;background:linear-gradient(135deg,#4facfe,#00f2fe)}@keyframes gif-cycle{0%,33%,to{opacity:0;transform:scale(.9)}10%,25%{opacity:1;transform:scale(1)}}.frame-strip{background:#0006;border-top:1px solid #ffffff1a;display:flex;gap:6px;padding:8px 12px}.frame-thumb{background:#3b82f633;border:1px solid #3b82f64d;border-radius:4px;flex:1 1;height:24px}.frame-thumb.active{animation:thumb-pulse 1s ease-in-out infinite alternate;background:linear-gradient(135deg,#3b82f666,#8b5cf666);border-color:#3b82f699}@keyframes thumb-pulse{0%{box-shadow:0 0 5px #3b82f64d}to{box-shadow:0 0 15px #3b82f699}}.export-window .editor-body{display:none}.export-body{display:flex;flex-direction:column;gap:12px;padding:16px}.export-preview-box{align-items:center;background:linear-gradient(135deg,#1e2538,#151a28);border:1px solid #3b82f633;border-radius:8px;display:flex;height:80px;justify-content:center;overflow:hidden}.preview-content{animation:preview-shimmer 3s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background-size:200% 200%;border-radius:6px;height:60%;width:60%}@keyframes preview-shimmer{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.export-options{display:flex;gap:8px}.export-option{align-items:center;background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;color:#94a3b8;display:flex;flex:1 1;flex-direction:column;font-size:10px;gap:4px;padding:8px}.export-option.active{background:linear-gradient(135deg,#3b82f64d,#8b5cf64d);border-color:#3b82f680;color:#fff}.export-option .opt-icon{font-size:16px}.export-btn-visual{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:8px;color:#fff;font-size:12px;font-weight:600;overflow:hidden;padding:10px;position:relative;text-align:center}.btn-progress{animation:export-progress 3s ease-in-out infinite;background:#fff3;height:100%;left:0;position:absolute;top:0;width:0}@keyframes export-progress{0%{width:0}80%{width:100%}to{width:100%}}.showcase-card .card-content{align-items:flex-start;display:flex;flex:1 1;flex-direction:column}.showcase-card .card-icon{filter:drop-shadow(0 0 20px rgba(59,130,246,.5));font-size:48px;margin-bottom:12px}.showcase-card .card-content h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#93c5fd);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:32px;font-weight:800;margin-bottom:10px}.showcase-card .card-content p{color:#94a3b8;font-size:16px;line-height:1.6}.card-preview{align-items:center;display:flex;gap:12px}.preview-element{animation:element-float 3s ease-in-out infinite;border-radius:12px;height:60px;width:60px}.preview-element.elem-1{animation-delay:0s;background:linear-gradient(135deg,#667eea,#764ba2)}.preview-element.elem-2{animation-delay:.5s;background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:50%}.preview-element.elem-3{animation-delay:1s;background:linear-gradient(135deg,#4facfe,#00f2fe);-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}@keyframes element-float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(5deg)}}.preview-image{background:linear-gradient(135deg,#f093fb4d,#f5576c4d);border:2px dashed #f093fb80;border-radius:8px;height:60px;width:80px}.preview-text-line{background:#fff3;border-radius:6px;height:12px;width:120px}.preview-text-line.short{width:80px}.preview-frames{display:flex;gap:8px}.preview-frames .frame{animation:frame-cycle 2s ease-in-out infinite;background:linear-gradient(135deg,#4facfe4d,#00f2fe4d);border:2px solid #4facfe80;border-radius:8px;height:50px;width:50px}.preview-frames .frame:first-child{animation-delay:0s}.preview-frames .frame:nth-child(2){animation-delay:.5s}.preview-frames .frame:nth-child(3){animation-delay:1s}.preview-frames .frame:nth-child(4){animation-delay:1.5s}@keyframes frame-cycle{0%,to{opacity:.4;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}.export-formats{display:flex;gap:12px}.export-formats .format{background:linear-gradient(135deg,#10b9814d,#0596694d);border:1px solid #10b98180;border-radius:8px;color:#10b981;font-size:14px;font-weight:700;padding:10px 20px}.editor-showcase{display:none}.showcase-canvas{animation:canvas-float 8s ease-in-out infinite;background:linear-gradient(135deg,#14192df2,#0a0c19fa);border:1px solid #3b82f64d;border-radius:20px;box-shadow:0 50px 100px #0009,0 0 60px #3b82f633,inset 0 1px 0 #ffffff1a;height:400px;left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%) rotateY(-8deg) rotateX(5deg);width:320px;z-index:10}@keyframes canvas-float{0%,to{transform:translate(-50%,-50%) rotateY(-8deg) rotateX(5deg)}50%{transform:translate(-50%,-52%) rotateY(-5deg) rotateX(3deg)}}.canvas-header{align-items:center;background:#0006;border-bottom:1px solid #ffffff1a;display:flex;gap:8px;padding:12px 16px}.canvas-dot{border-radius:50%;height:12px;width:12px}.canvas-dot.red{background:#ef4444;box-shadow:0 0 8px #ef444480}.canvas-dot.yellow{background:#f59e0b;box-shadow:0 0 8px #f59e0b80}.canvas-dot.green{background:#10b981;box-shadow:0 0 8px #10b98180}.canvas-title{color:#ffffff80;font-size:11px;font-weight:500;margin-left:auto}.canvas-workspace{background:linear-gradient(180deg,#1a1f35,#0f1220);height:300px;overflow:hidden;position:relative;width:100%}.animated-layer{position:absolute;transition:all .5s cubic-bezier(.4,0,.2,1)}.layer-bg{animation:layer-bg-animate 10s ease-in-out infinite;inset:0}.gradient-bg-animated{animation:gradient-flow 8s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#f5576c 75%,#4facfe);background-size:400% 400%;height:100%;opacity:.3;width:100%}@keyframes gradient-flow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.layer-image{animation:layer-image-animate 6s ease-in-out infinite;left:20%;top:15%}@keyframes layer-image-animate{0%,to{opacity:.9;transform:translate(0) scale(1)}25%{opacity:1;transform:translate(10px,-10px) scale(1.05)}50%{opacity:.9;transform:translate(5px,5px) scale(1)}75%{opacity:1;transform:translate(-5px) scale(1.02)}}.image-placeholder{align-items:center;animation:image-pulse 3s ease-in-out infinite;background:linear-gradient(135deg,#6366f14d,#a855f74d);border:2px dashed #8b5cf680;border-radius:12px;display:flex;height:80px;justify-content:center;width:100px}@keyframes image-pulse{0%,to{box-shadow:0 0 20px #8b5cf64d}50%{box-shadow:0 0 40px #8b5cf699}}.image-icon{animation:icon-bounce 2s ease-in-out infinite;font-size:32px}@keyframes icon-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.layer-text{animation:layer-text-animate 5s ease-in-out infinite;right:15%;top:35%}@keyframes layer-text-animate{0%,to{opacity:1;transform:translateX(0) scale(1)}30%{transform:translateX(-15px) scale(1.1)}60%{transform:translateX(10px) scale(.95)}}.animated-text{-webkit-text-fill-color:#0000;animation:text-glow 2s ease-in-out infinite;background:linear-gradient(135deg,#f5576c,#f093fb 50%,#667eea);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 20px rgba(245,87,108,.5));font-size:36px;font-weight:900;text-shadow:none}@keyframes text-glow{0%,to{filter:drop-shadow(0 0 20px rgba(245,87,108,.5))}50%{filter:drop-shadow(0 0 35px rgba(245,87,108,.8))}}.layer-shape{animation:layer-shape-animate 7s ease-in-out infinite;bottom:25%;left:60%}@keyframes layer-shape-animate{0%,to{transform:rotate(0deg) scale(1)}33%{transform:rotate(120deg) scale(1.1)}66%{transform:rotate(240deg) scale(.9)}}.animated-shape{animation:shape-glow 3s ease-in-out infinite;background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 0 30px #4facfe80;-webkit-clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);height:60px;width:60px}@keyframes shape-glow{0%,to{box-shadow:0 0 30px #4facfe80}50%{box-shadow:0 0 50px #4facfecc,0 0 80px #00f2fe66}}.effects-overlay{inset:0;overflow:hidden;pointer-events:none;position:absolute}.particle{background:#fff;border-radius:50%;height:6px;opacity:.8;position:absolute;width:6px}.particle-1{animation:particle-float 4s ease-in-out infinite;background:#667eea;box-shadow:0 0 10px #667eea;left:20%}.particle-2{animation:particle-float 5s ease-in-out 1s infinite;background:#f093fb;box-shadow:0 0 10px #f093fb;left:40%}.particle-3{animation:particle-float 4.5s ease-in-out .5s infinite;background:#4facfe;box-shadow:0 0 10px #4facfe;left:60%}.particle-4{animation:particle-float 5.5s ease-in-out 1.5s infinite;background:#f5576c;box-shadow:0 0 10px #f5576c;left:80%}@keyframes particle-float{0%{bottom:-10%;opacity:0;transform:translateX(0)}10%{opacity:.8}90%{opacity:.8}to{bottom:110%;opacity:0;transform:translateX(20px)}}.mini-timeline{background:#00000080;border-top:1px solid #ffffff1a;padding:12px 16px}.timeline-track{align-items:center;display:flex;gap:6px;height:24px;position:relative}.timeline-playhead{animation:playhead-move 4s ease-in-out infinite;background:#3b82f6;box-shadow:0 0 10px #3b82f6;height:100%;position:absolute;width:2px;z-index:5}@keyframes playhead-move{0%{left:0}to{left:100%}}.timeline-frame{animation:frame-pulse 2s ease-in-out infinite;background:#3b82f633;border:1px solid #3b82f64d;border-radius:4px;flex:1 1;height:20px}.frame-1{animation-delay:0s;background:linear-gradient(90deg,#667eea66,#667eea33)}.frame-2{animation-delay:.5s;background:linear-gradient(90deg,#8b5cf666,#8b5cf633)}.frame-3{animation-delay:1s;background:linear-gradient(90deg,#ec489966,#ec489933)}.frame-4{animation-delay:1.5s;background:linear-gradient(90deg,#4facfe66,#4facfe33)}@keyframes frame-pulse{0%,to{opacity:.6}50%{opacity:1}}.floating-toolbar{animation:card-flip-1 12s ease-in-out infinite;background:linear-gradient(135deg,#1e2846f2,#0f1428f2);border:1px solid #3b82f64d;border-radius:14px;box-shadow:0 20px 40px #0006;display:flex;flex-direction:column;gap:8px;left:5%;padding:12px 8px;position:absolute;top:20%;z-index:20}@keyframes card-flip-1{0%{opacity:0;transform:rotateY(-90deg) scale(.8)}5%{opacity:1;transform:rotateY(0deg) scale(1)}30%{opacity:1;transform:rotateY(0deg) scale(1)}35%{opacity:0;transform:rotateY(90deg) scale(.8)}to{opacity:0;transform:rotateY(90deg) scale(.8)}}.toolbar-item{align-items:center;background:#3b82f61a;border:1px solid #0000;border-radius:10px;color:#94a3b8;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:36px;justify-content:center;transition:all .3s ease;width:36px}.toolbar-item.active,.toolbar-item:hover{background:linear-gradient(135deg,#3b82f64d,#8b5cf64d);border-color:#3b82f680;box-shadow:0 0 20px #3b82f64d;color:#fff}.toolbar-item.active{animation:tool-active 1.5s ease-in-out infinite}@keyframes tool-active{0%,to{box-shadow:0 0 20px #3b82f64d}50%{box-shadow:0 0 30px #3b82f699}}.floating-layers{animation:card-flip-2 12s ease-in-out infinite;background:linear-gradient(135deg,#1e2846f2,#0f1428f2);border:1px solid #8b5cf64d;border-radius:14px;box-shadow:0 20px 40px #0006;padding:12px;position:absolute;right:5%;top:15%;width:130px;z-index:20}@keyframes card-flip-2{0%,30%{opacity:0;transform:rotateY(-90deg) scale(.8)}35%{opacity:1;transform:rotateY(0deg) scale(1)}60%{opacity:1;transform:rotateY(0deg) scale(1)}65%{opacity:0;transform:rotateY(90deg) scale(.8)}to{opacity:0;transform:rotateY(90deg) scale(.8)}}.layers-header{border-bottom:1px solid #ffffff1a;color:#64748b;font-size:10px;font-weight:700;letter-spacing:1px;margin-bottom:10px;padding-bottom:8px;text-transform:uppercase}.layer-item{align-items:center;border-radius:8px;color:#94a3b8;font-size:11px;gap:8px;margin-bottom:4px;padding:8px;transition:all .3s ease}.layer-item.active{animation:layer-active-pulse 3s ease-in-out infinite;background:linear-gradient(135deg,#3b82f633,#8b5cf633);color:#fff}@keyframes layer-active-pulse{0%,to{background:linear-gradient(135deg,#3b82f633,#8b5cf633)}50%{background:linear-gradient(135deg,#3b82f659,#8b5cf659)}}.layer-icon{font-size:14px}.export-preview{align-items:center;animation:card-flip-3 12s ease-in-out infinite;background:linear-gradient(135deg,#10b9814d,#0596694d);border:1px solid #10b98180;border-radius:16px;bottom:15%;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;gap:8px;left:10%;padding:16px 24px;position:absolute;z-index:20}@keyframes card-flip-3{0%,60%{opacity:0;transform:rotateY(-90deg) scale(.8)}65%{opacity:1;transform:rotateY(0deg) scale(1)}95%{opacity:1;transform:rotateY(0deg) scale(1)}to{opacity:0;transform:rotateY(90deg) scale(.8)}}.export-icon{animation:rocket-launch .8s ease-in-out infinite;font-size:24px}@keyframes rocket-launch{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.export-text{color:#10b981;font-size:12px;font-weight:600}.export-progress{background:#10b98133;border-radius:2px;height:4px;overflow:hidden;width:80px}.progress-bar{animation:progress-fill 2s ease-in-out infinite;background:linear-gradient(90deg,#10b981,#34d399);border-radius:2px;height:100%}@keyframes progress-fill{0%{width:0}to{width:100%}}.feature-label{align-items:center;background:linear-gradient(135deg,#1e2846e6,#0f1428e6);border:1px solid #3b82f64d;border-radius:100px;box-shadow:0 10px 30px #0000004d;color:#cbd5e1;display:flex;font-size:12px;font-weight:600;gap:8px;padding:10px 16px;position:absolute;white-space:nowrap;z-index:5}.label-dot{animation:dot-pulse 2s ease-in-out infinite;background:#3b82f6;border-radius:50%;height:8px;width:8px}@keyframes dot-pulse{0%,to{box-shadow:0 0 0 0 #3b82f680;transform:scale(1)}50%{box-shadow:0 0 0 8px #3b82f600;transform:scale(1.2)}}.label-1{animation:label-float 5s ease-in-out infinite;right:-10%;top:5%}.label-1 .label-dot{background:#667eea}.label-2{animation:label-float 6s ease-in-out 1s infinite;bottom:35%;right:-15%}.label-2 .label-dot{background:#f093fb}.label-3{animation:label-float 5.5s ease-in-out .5s infinite;bottom:5%;right:5%}.label-3 .label-dot{background:#10b981}@keyframes label-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.services-section{background:linear-gradient(180deg,#1a1a2e,#0f0f1e);padding:20px 0;position:relative}.services-section:before{background:linear-gradient(90deg,#0000,#3b82f680,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.section-header{margin-bottom:80px;text-align:center}.section-badge{background:linear-gradient(135deg,#3b82f633,#8b5cf633);border:1px solid #3b82f64d;border-radius:100px;color:#93c5fd;display:inline-block;font-size:13px;font-weight:700;letter-spacing:1.5px;margin-bottom:20px;padding:8px 20px;text-transform:uppercase}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ea5555,#1e6bc3);-webkit-background-clip:text;background-clip:text;font-size:64px;font-weight:900;letter-spacing:-.03em;margin-bottom:20px}.section-subtitle{color:#94a3b8;font-size:20px;line-height:1.6;margin:0 auto;max-width:700px}.services-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto;max-width:1400px}.service-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e3a8a4d,#0f0f1e80);border:1px solid #ffffff1a;border-radius:28px;cursor:pointer;overflow:hidden;padding:48px 36px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.service-card:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s ease}.service-card:hover:before{transform:scaleX(1)}.service-card:hover{background:linear-gradient(135deg,#1e3a8a80,#0f0f1eb3);border-color:#3b82f680;box-shadow:0 30px 60px #3b82f64d;transform:translateY(-8px)}.service-card.popular{background:linear-gradient(135deg,#3b82f633,#8b5cf633);border-color:#3b82f699}.popular-badge{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:100px;box-shadow:0 10px 25px #3b82f666;color:#fff;display:flex;font-size:12px;font-weight:700;gap:6px;padding:6px 16px;position:absolute;right:20px;top:20px}.service-icon-wrapper{align-items:center;background:linear-gradient(135deg,#3b82f633,#8b5cf633);border:1px solid #3b82f64d;border-radius:20px;display:flex;height:80px;justify-content:center;margin-bottom:28px;width:80px}.service-icon{filter:drop-shadow(0 0 15px currentColor);font-size:40px}.service-title{color:#fff;font-size:26px;font-weight:800;letter-spacing:-.02em;margin-bottom:14px}.service-description{color:#94a3b8;font-size:16px;line-height:1.6;margin-bottom:28px}.service-features{list-style:none;margin-bottom:32px}.service-features li{align-items:center;color:#cbd5e1;display:flex;font-size:15px;gap:12px;padding:12px 0}.feature-check{border-radius:50%;box-shadow:0 4px 12px #3b82f666;flex-shrink:0;font-size:12px;height:24px;width:24px}.feature-check,.service-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;display:flex;font-weight:700;justify-content:center}.service-btn{border:none;border-radius:14px;box-shadow:0 10px 30px #3b82f64d;cursor:pointer;font-size:16px;gap:10px;padding:16px 28px;transition:all .3s ease;width:100%}.service-btn:hover{box-shadow:0 15px 40px #3b82f680;transform:translateY(-2px)}.features-section{background:linear-gradient(180deg,#0f0f1e,#1a1a2e);padding:140px 0}.features-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1400px}.feature-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e3a8a33,#0f0f1e4d);border:1px solid #ffffff0d;border-radius:24px;padding:40px;text-align:left;transition:all .3s ease}.feature-item:hover{background:linear-gradient(135deg,#1e3a8a4d,#0f0f1e66);border-color:#3b82f64d;box-shadow:0 20px 40px #3b82f633;transform:translateY(-5px)}.feature-icon-wrapper{align-items:center;background:linear-gradient(135deg,#3b82f633,#8b5cf633);border:1px solid #3b82f64d;border-radius:18px;display:flex;height:72px;justify-content:center;margin:0 0 24px;width:72px}.feature-icon{filter:drop-shadow(0 0 10px currentColor);font-size:36px}.feature-item h3{color:#fff;font-size:24px;font-weight:700;letter-spacing:-.01em;margin-bottom:14px}.feature-item p{color:#94a3b8;font-size:16px;line-height:1.6}.pricing-section{background:linear-gradient(180deg,#1a1a2e,#0f0f1e);padding:2px 0;position:relative}.pricing-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));margin:0 auto;max-width:1400px}.pricing-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e3a8a4d,#0f0f1e80);border:1px solid #ffffff1a;border-radius:28px;padding:48px 40px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.pricing-card:hover{border-color:#3b82f680;box-shadow:0 30px 60px #3b82f64d;transform:translateY(-8px)}.pricing-card-popular{background:linear-gradient(135deg,#3b82f64d,#8b5cf64d);border-color:#3b82f699;transform:scale(1.05)}.pricing-card-popular:hover{transform:scale(1.05) translateY(-8px)}.popular-badge-pricing{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:100px;box-shadow:0 10px 30px #3b82f680;color:#fff;display:flex;font-size:12px;font-weight:700;gap:8px;left:50%;padding:8px 24px;position:absolute;top:-16px;transform:translateX(-50%)}.pricing-header{margin-bottom:36px;text-align:center}.pricing-title{color:#fff;font-size:28px;font-weight:800;letter-spacing:-.02em;margin-bottom:10px}.pricing-subtitle{color:#94a3b8;font-size:15px}.pricing-price{align-items:flex-start;display:flex;gap:6px;justify-content:center;margin-bottom:36px;text-align:center}.price-currency{color:#93c5fd;font-size:28px;font-weight:700;margin-top:12px}.price-amount{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#93c5fd);-webkit-background-clip:text;background-clip:text;font-size:72px;font-weight:900;letter-spacing:-.04em;line-height:1}.price-period{color:#94a3b8;font-size:18px;margin-top:28px}.pricing-features{list-style:none;margin-bottom:36px}.pricing-features li{align-items:flex-start;color:#cbd5e1;display:flex;font-size:16px;gap:14px;padding:12px 0}.check-icon{color:#3b82f6}.check-icon,.cross-icon{flex-shrink:0;font-size:18px;font-weight:700}.cross-icon{color:#475569}.pricing-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #fff3;border-radius:14px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:16px 28px;transition:all .3s ease;width:100%}.pricing-btn:hover{background:linear-gradient(135deg,#ffffff26,#ffffff1a);border-color:#ffffff4d;transform:translateY(-2px)}.pricing-btn-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;box-shadow:0 10px 30px #3b82f666}.pricing-btn-primary:hover{box-shadow:0 15px 40px #3b82f680}.donation-section{background:linear-gradient(135deg,#1a1040,#0f0f1e 50%,#0d1f3c);overflow:hidden;padding:48px 0;position:relative;text-align:center}.donation-section:before{background:radial-gradient(ellipse at 50% 50%,#8b5cf61a 0,#0000 65%);content:"";inset:0;pointer-events:none;position:absolute}.donation-wrapper{gap:24px;margin:0 auto;max-width:780px;position:relative}.donation-header,.donation-wrapper{align-items:center;flex-direction:column}.donation-header{display:flex;gap:8px}.donation-badge{align-items:center;background:#8b5cf626;border:1px solid #8b5cf659;border-radius:50px;color:#a78bfa;display:inline-flex;font-size:.75rem;font-weight:600;gap:6px;letter-spacing:.06em;padding:5px 16px;text-transform:uppercase}.donation-title{color:#fff;font-size:1.6rem;font-weight:700;line-height:1.2;margin:0}.donation-subtitle{color:#ffffff80;font-size:.88rem;line-height:1.5;margin:0}.donation-cards{align-items:stretch;flex-wrap:wrap;justify-content:center}.donation-card,.donation-cards{display:flex;flex-direction:row;gap:12px}.donation-card{align-items:center;border:1px solid #ffffff14;border-radius:14px;cursor:pointer;min-width:180px;padding:14px 20px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.donation-card:hover{transform:translateY(-3px)}.donation-card-coffee{background:linear-gradient(135deg,#ffb40026,#ff640026);border-color:#ffb40040;box-shadow:0 4px 20px #ffb4001a}.donation-card-coffee:hover{box-shadow:0 8px 28px #ffb40040}.donation-card-kofi{background:linear-gradient(135deg,#8b5cf626,#ec489926);border-color:#8b5cf640;box-shadow:0 4px 20px #8b5cf61a}.donation-card-kofi:hover{box-shadow:0 8px 28px #8b5cf640}.donation-card-bkash{background:linear-gradient(135deg,#e2136e2e,#b40a502e);border-color:#e2136e4d;box-shadow:0 4px 20px #e2136e1a}.donation-card-bkash:hover{box-shadow:0 8px 28px #e2136e47}.donation-card-icon{flex-shrink:0;font-size:1.6rem;line-height:1}.donation-card-info{align-items:flex-start;display:flex;flex-direction:column;gap:2px}.donation-card-name{color:#fff;font-size:.9rem;font-weight:700;line-height:1}.donation-card-action{color:#ffffff80;font-size:.75rem;font-weight:500}.donation-note{color:#ffffff59;font-size:.82rem;margin:0}.bkash-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bkash-modal{animation:slideUp .25s ease;background:linear-gradient(145deg,#1e1040,#17102e);border:1px solid #e2136e4d;border-radius:20px;box-shadow:0 20px 60px #e2136e33,0 0 0 1px #ffffff0d;max-width:340px;padding:32px 28px 24px;position:relative;text-align:center;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bkash-modal-close{align-items:center;background:#ffffff14;border:none;border-radius:50%;color:#ffffff80;cursor:pointer;display:flex;font-size:.8rem;height:28px;justify-content:center;position:absolute;right:16px;top:14px;transition:background .2s ease,color .2s ease;width:28px}.bkash-modal-close:hover{background:#e2136e4d;color:#fff}.bkash-modal-header{align-items:center;display:flex;flex-direction:column;gap:4px;margin-bottom:20px}.bkash-modal-logo{align-items:center;display:flex;gap:8px}.bkash-modal-icon{color:#e2136e;font-size:1.6rem;font-weight:900;line-height:1}.bkash-modal-brand{color:#fff;font-size:1.4rem;font-weight:800}.bkash-modal-tagline{color:#fff6;font-size:.75rem;letter-spacing:.1em;margin:0;text-transform:uppercase}.bkash-modal-body{background:#ffffff0a;border:1px solid #ffffff12;border-radius:14px;margin-bottom:16px;padding:18px 16px}.bkash-modal-label{color:#fff6;font-size:.7rem;letter-spacing:.1em;margin:0 0 6px;text-transform:uppercase}.bkash-modal-number{color:#fff;font-size:1.6rem;font-weight:700;letter-spacing:.1em;margin-bottom:18px}.bkash-modal-steps{border-top:1px solid #ffffff12;padding-top:14px;text-align:left}.bkash-steps-title{color:#fff6;font-size:.72rem;letter-spacing:.08em;margin:0 0 8px;text-transform:uppercase}.bkash-steps-list{display:flex;flex-direction:column;gap:5px;margin:0;padding-left:18px}.bkash-steps-list li{color:#ffffffa6;font-size:.83rem;line-height:1.4}.bkash-steps-list li strong{color:#fff}.bkash-modal-note{color:#ffffff59;font-size:.78rem;margin:0}@keyframes ctaFloat{0%,to{transform:translateY(0) translateX(0)}33%{transform:translateY(-18px) translateX(8px)}66%{transform:translateY(10px) translateX(-6px)}}@keyframes ctaParticleRise{0%{opacity:0;transform:translateY(0) scale(1)}10%{opacity:1}90%{opacity:.6}to{opacity:0;transform:translateY(-120px) scale(.4)}}@keyframes ctaPulse{0%,to{box-shadow:0 0 0 0 #3b82f680}50%{box-shadow:0 0 0 8px #3b82f600}}@keyframes ctaGlowDrift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,-30px) scale(1.15)}}@keyframes ctaFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes ctaMeshScroll{0%{background-position:0 0}to{background-position:60px 60px}}@keyframes ctaShimmer{0%{background-position:-200%}to{background-position:200%}}.cta-section{background:#0b0b18;border-top:1px solid #3b82f61f;overflow:hidden;padding:90px 0;position:relative;text-align:center}.cta-mesh{animation:ctaMeshScroll 8s linear infinite;background-image:linear-gradient(#3b82f60d 1px,#0000 0),linear-gradient(90deg,#3b82f60d 1px,#0000 0);background-size:60px 60px;inset:0;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,#000 30%,#0000 100%);mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,#000 30%,#0000 100%)}.cta-glow,.cta-mesh{pointer-events:none;position:absolute;z-index:0}.cta-glow{animation:ctaGlowDrift 9s ease-in-out infinite;border-radius:50%;filter:blur(90px)}.cta-glow--left{animation-duration:11s;background:#3b82f633;height:500px;left:-60px;top:-120px;width:500px}.cta-glow--right{animation-direction:reverse;animation-duration:13s;background:#8b5cf62e;bottom:-100px;height:460px;right:-60px;width:460px}.cta-glow--center{animation-duration:7s;background:#6366f11a;height:300px;left:50%;top:50%;transform:translate(-50%,-50%);width:300px}.cta-orb{animation:ctaFloat linear infinite;border-radius:50%;pointer-events:none;position:absolute;z-index:0}.cta-orb--a{animation-duration:7s;background:#3b82f699;box-shadow:0 0 20px #3b82f6cc;height:14px;left:8%;top:18%;width:14px}.cta-orb--b{animation-delay:-3s;animation-duration:9s;background:#8b5cf6b3;box-shadow:0 0 16px #8b5cf6e6;height:10px;right:10%;top:60%;width:10px}.cta-orb--c{animation-delay:-5s;animation-duration:11s;background:#ec489999;bottom:20%;box-shadow:0 0 14px #ec4899cc;height:8px;left:15%;width:8px}.cta-particle{animation:ctaParticleRise linear infinite;border-radius:50%;pointer-events:none;position:absolute;z-index:0}.cta-p1{animation-delay:0s;animation-duration:5s;background:#3b82f6b3;bottom:5%;height:4px;left:10%;width:4px}.cta-p2{animation-delay:1s;animation-duration:7s;background:#8b5cf699;bottom:10%;height:3px;left:22%;width:3px}.cta-p3{animation-delay:2s;animation-duration:6s;background:#6366f180;bottom:3%;height:5px;left:35%;width:5px}.cta-p4{animation-delay:.5s;animation-duration:8s;background:#3b82f6cc;bottom:8%;height:3px;left:50%;width:3px}.cta-p5{animation-delay:3s;animation-duration:5.5s;background:#ec489980;bottom:5%;height:4px;left:65%;width:4px}.cta-p6{animation-delay:1.5s;animation-duration:7.5s;background:#8b5cf6b3;bottom:12%;height:3px;left:78%;width:3px}.cta-p7{animation-delay:4s;animation-duration:6.5s;background:#3b82f666;bottom:6%;height:5px;left:88%;width:5px}.cta-p8{animation-delay:2.5s;animation-duration:9s;background:#6366f199;bottom:20%;height:3px;left:15%;width:3px}.cta-p9{animation-delay:.8s;animation-duration:7s;background:#3b82f680;bottom:15%;height:4px;left:45%;width:4px}.cta-p10{animation-delay:3.5s;animation-duration:8.5s;background:#8b5cf6cc;bottom:20%;height:3px;left:60%;width:3px}.cta-p11{animation-delay:1.2s;animation-duration:10s;background:#ec489966;bottom:25%;height:5px;left:30%;width:5px}.cta-p12{animation-delay:2.8s;animation-duration:6s;background:#3b82f699;bottom:18%;height:3px;left:72%;width:3px}.cta-p13{animation-delay:.3s;animation-duration:9.5s;background:#6366f180;bottom:30%;height:4px;left:5%;width:4px}.cta-p14{animation-delay:4.2s;animation-duration:7.2s;background:#8b5cf699;bottom:25%;height:3px;left:92%;width:3px}.cta-inner{margin:0 auto;max-width:1100px;position:relative;width:92%;z-index:1}.cta-content{align-items:center;animation:ctaFadeUp .8s ease both;display:flex;flex-direction:column}.cta-badge{align-items:center;animation:ctaFadeUp .6s ease .1s both;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:20px;color:#93c5fd;display:inline-flex;font-size:13px;font-weight:600;gap:8px;letter-spacing:.01em;margin-bottom:26px;padding:7px 18px;position:relative}.cta-badge-pulse{animation:ctaPulse 2s ease-in-out infinite;background:#3b82f6;border-radius:50%;display:inline-block;flex-shrink:0;height:7px;width:7px}.cta-title{-webkit-text-fill-color:#0000;animation:ctaFadeUp .7s ease .2s both,ctaShimmer 6s linear 1s infinite;background:linear-gradient(135deg,#fff,#93c5fd 45%,#c084fc 80%,#f472b6);-webkit-background-clip:text;background-clip:text;background-size:200% auto;font-size:56px;font-weight:900;letter-spacing:-.03em;line-height:1.1;margin-bottom:18px}.cta-subtitle{animation:ctaFadeUp .7s ease .35s both;color:#64748b;font-size:17px;line-height:1.75;margin-bottom:36px;max-width:560px}.cta-actions{animation:ctaFadeUp .7s ease .45s both;display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-bottom:44px}.btn-cta{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:14px;box-shadow:0 8px 32px #3b82f666;color:#fff;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:.01em;padding:14px 36px;transition:box-shadow .2s,transform .15s}.btn-cta:hover{box-shadow:0 14px 40px #3b82f68c;transform:translateY(-2px)}.btn-cta-ghost{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:14px;color:#94a3b8;cursor:pointer;font-size:16px;font-weight:600;padding:14px 32px;transition:background .2s,color .2s,border-color .2s}.btn-cta-ghost:hover{background:#ffffff1a;border-color:#ffffff40;color:#fff}.cta-stats{animation:ctaFadeUp .7s ease .55s both;background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;flex-wrap:wrap;gap:28px;justify-content:center;padding:18px 36px}.cta-stat,.cta-stats{align-items:center;display:flex}.cta-stat{flex-direction:column;gap:3px}.cta-stat-val{color:#fff;font-size:20px;font-weight:800;letter-spacing:-.02em}.cta-stat-label{color:#475569;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.cta-stat-divider{background:#ffffff14;height:36px;width:1px}.landing-footer{background:#0a0a14;border-top:1px solid #3b82f633;padding:80px 0 40px}.footer-content{grid-gap:60px;display:grid;gap:60px;grid-template-columns:1.5fr 4fr;margin-bottom:60px}.footer-links{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(4,1fr)}.footer-brand h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#93c5fd);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:800;letter-spacing:-.02em;margin-bottom:14px}.footer-brand p{color:#64748b;font-size:15px;line-height:1.6;margin-bottom:24px}.social-links{display:flex;gap:12px}.social-links a{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#3b82f633,#8b5cf633);border:1px solid #3b82f64d;border-radius:50%;color:#93c5fd;display:flex;font-size:16px;height:44px;justify-content:center;text-decoration:none;transition:all .3s ease;width:44px}.social-links a:hover{background:linear-gradient(135deg,#3b82f666,#8b5cf666);box-shadow:0 10px 25px #3b82f64d;transform:translateY(-3px)}.footer-col h4{color:#fff;font-size:14px;font-weight:700;letter-spacing:1px;margin-bottom:20px;text-transform:uppercase}.footer-col a{color:#94a3b8;display:block;font-size:15px;margin-bottom:14px;padding:4px 0;text-decoration:none;transition:all .2s ease}.footer-col a:hover{color:#60a5fa;padding-left:8px}.footer-bottom{align-items:center;border-top:1px solid #3b82f633;color:#64748b;display:flex;font-size:14px;justify-content:space-between;padding-top:40px}.footer-bottom-links{align-items:center;display:flex;gap:24px}.footer-bottom-links span{color:#475569}.footer-bottom-links a{color:#94a3b8;font-weight:500;text-decoration:none;transition:color .2s ease}.footer-bottom-links a:hover{color:#60a5fa}@media (max-width:1200px){.showcase-cards{height:320px}.showcase-card{gap:30px;padding:24px 40px}.editor-window{max-width:280px}.editor-body{height:140px}.showcase-card .card-icon{font-size:40px}.showcase-card .card-content h3{font-size:26px}.showcase-card .card-content p{font-size:15px}}@media (max-width:1024px){.hero-container{gap:50px}.hero-content,.hero-row{text-align:center}.hero-row{flex-direction:column}.hero-subtitle{margin-bottom:24px;margin-left:auto;margin-right:auto}.hero-buttons,.hero-stats{justify-content:center}.showcase-cards{height:280px}.showcase-card{gap:24px;padding:24px 30px}.editor-visual{flex:0 0 45%}.editor-window{max-width:240px}.editor-body{height:120px}.canvas-element.el-text{font-size:18px}.canvas-element.el-shape{height:40px;width:40px}.canvas-element.el-circle{height:28px;width:28px}.showcase-card .card-icon{font-size:36px}.showcase-card .card-content h3{font-size:22px}.showcase-card .card-content p{font-size:14px}.hero-title{font-size:56px}.section-title{font-size:52px}.cta-title{font-size:46px}.footer-content{gap:40px;grid-template-columns:1fr}.footer-links{gap:30px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.container{padding:0 24px}.hero-section{padding:100px 0 80px}.hero-container{gap:40px;padding:0 24px}.showcase-cards{height:200px}.showcase-card{gap:20px;justify-content:center;padding:24px 28px}.editor-visual{display:none}.showcase-card .card-content{align-items:center;text-align:center}.showcase-card .card-icon{font-size:40px}.showcase-card .card-content h3{font-size:22px}.showcase-card .card-content p{font-size:14px}.hero-title{font-size:42px}.hero-row{flex-direction:column;gap:24px}.hero-subtitle{font-size:17px;text-align:center}.hero-buttons{flex-direction:column;width:100%}.hero-buttons .btn{justify-content:center;width:100%}.hero-stats{flex-wrap:wrap;gap:8px}.stat-card{flex-basis:calc(50% - 8px);flex-grow:1;flex-shrink:1;min-width:140px}.stat-divider{display:none}.section-title{font-size:36px}.section-subtitle{font-size:17px}.features-grid,.pricing-grid,.services-grid{grid-template-columns:1fr}.cta-title{font-size:38px}.cta-stats{gap:16px;padding:14px 20px}.footer-content{gap:40px}.footer-links{grid-template-columns:repeat(2,1fr)}.footer-bottom{flex-direction:column;gap:20px;text-align:center}}@media (max-width:480px){.container{padding:0 16px}.showcase-cards{height:180px}.showcase-card{padding:16px}.showcase-card .card-icon{font-size:32px;margin-bottom:8px}.showcase-card .card-content h3{font-size:18px;margin-bottom:6px}.showcase-card .card-content p{font-size:12px}.hero-title{font-size:32px}.hero-subtitle{font-size:15px}.section-title{font-size:26px}.section-subtitle{font-size:15px}.cta-title{font-size:28px}.cta-stats{flex-direction:column;gap:12px;padding:16px}.cta-stat-divider{height:1px;width:40px}.hero-section{padding:80px 0 60px}.footer-links{grid-template-columns:1fr}.hero-stats{align-items:stretch;flex-direction:row;flex-wrap:wrap;gap:8px}.stat-card{flex-basis:calc(50% - 8px);flex-grow:1;flex-shrink:1;min-width:130px}}.text-center{align-items:center!important;justify-content:center!important;text-align:center!important}.whatsapp-float{align-items:center;background:#25d366;border-radius:50%;bottom:28px;box-shadow:0 4px 20px #25d36673;display:flex;height:56px;justify-content:center;position:fixed;right:28px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;width:56px;z-index:9999}.whatsapp-float:hover{box-shadow:0 6px 28px #25d36699;transform:scale(1.1)}.whatsapp-float:hover .whatsapp-tooltip{opacity:1;pointer-events:auto;transform:translateX(0)}.whatsapp-icon{color:#fff;height:30px;width:30px}.whatsapp-tooltip{background:#1a1a2e;border:1px solid #ffffff14;border-radius:8px;color:#fff;font-size:.82rem;font-weight:600;opacity:0;padding:6px 14px;pointer-events:none;position:absolute;right:68px;transform:translateX(8px);transition:opacity .2s ease,transform .2s ease;white-space:nowrap}.whatsapp-tooltip:after{border:6px solid #0000;border-left:6px solid #1a1a2e;border-right:none;content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%)}.choose-plan-page{padding:100px 24px 60px}@media (max-width:768px){.choose-plan-page{padding:80px 18px 40px}.choose-plan-grid>div{padding:24px 20px!important}}@media (max-width:480px){.choose-plan-page{padding:70px 14px 32px}.choose-plan-grid{gap:14px!important}.choose-plan-grid>div{padding:22px 18px!important}.choose-plan-page [style*="maxWidth: '380px'"]{padding:28px 20px!important}.whatsapp-float{bottom:18px;height:48px;right:18px;width:48px}.whatsapp-icon{height:24px;width:24px}.whatsapp-tooltip{display:none}}@media (max-width:360px){.whatsapp-float{bottom:14px;height:44px;right:14px;width:44px}.whatsapp-icon{height:22px;width:22px}.landing-footer .footer-bottom{flex-direction:column;gap:10px;text-align:center}}.auth-page{align-items:center;background:linear-gradient(180deg,#0f0f1e,#1a1a2e);display:flex;justify-content:center;min-height:100vh;overflow-x:hidden;padding:100px 20px 40px;position:relative}.auth-page:before{animation:float-glow 15s ease-in-out infinite;background:radial-gradient(circle,#3b82f626 0,#0000 70%);height:800px;right:-30%;top:-50%;width:800px}.auth-page:after,.auth-page:before{content:"";filter:blur(80px);position:absolute}.auth-page:after{animation:float-glow 20s ease-in-out infinite reverse;background:radial-gradient(circle,#8b5cf626 0,#0000 70%);bottom:-50%;height:700px;left:-30%;width:700px}@keyframes float-glow{0%,to{opacity:.5;transform:translate(0) scale(1)}50%{opacity:.8;transform:translate(30px,-30px) scale(1.1)}}.auth-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1e3a8a4d,#0f0f1e80);border:1px solid #3b82f633;border-radius:24px;box-shadow:0 30px 80px #00000080,0 0 1px #3b82f680;display:flex;max-width:1200px;overflow:hidden;position:relative;width:100%;z-index:1}.auth-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f1e99;display:flex;flex:1 1;flex-direction:column;justify-content:center;max-width:550px;padding:72px}.auth-header{margin-bottom:44px}.auth-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#93c5fd);-webkit-background-clip:text;background-clip:text;font-size:40px;font-weight:900;letter-spacing:-.03em;margin-bottom:12px}.auth-header p{color:#94a3b8;font-size:17px;font-weight:400}.auth-error{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;color:#fca5a5;font-size:14px;font-weight:500;margin-bottom:28px;padding:14px 18px}.auth-form{margin-bottom:36px}.auth-card .form-group label{-webkit-text-fill-color:#fff;color:#fff;display:block;font-size:13px;font-weight:600;letter-spacing:.2px;margin-bottom:8px;opacity:1}.form-group input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e3a8a33;border:1.5px solid #3b82f64d;border-radius:12px;color:#fff;font-family:inherit;font-size:16px;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.form-group input::placeholder{color:#64748b}.form-group input:focus{background:#1e3a8a4d;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.form-group input:disabled{background:#0f0f1e80;cursor:not-allowed;opacity:.5}.form-options{font-size:14px;justify-content:space-between;margin-bottom:28px}.checkbox-label,.form-options{align-items:center;display:flex}.checkbox-label{color:#94a3b8;cursor:pointer;font-weight:400}.checkbox-label input{accent-color:#3b82f6;cursor:pointer;height:18px;margin-right:10px;width:auto;width:18px}.checkbox-label:hover{color:#e2e8f0}.checkbox-label span a{color:#60a5fa;font-weight:500;text-decoration:none}.checkbox-label span a:hover{color:#93c5fd;text-decoration:underline}.forgot-link{color:#60a5fa;font-weight:500;text-decoration:none;transition:color .2s ease}.forgot-link:hover{color:#93c5fd}.auth-submit-btn{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:14px;box-shadow:0 15px 40px #3b82f666;color:#fff;cursor:pointer;font-family:inherit;font-size:17px;font-weight:700;overflow:hidden;padding:18px 32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.auth-submit-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.auth-submit-btn:hover:before{left:100%}.auth-submit-btn:hover:not(:disabled){box-shadow:0 20px 50px #3b82f680;transform:translateY(-2px)}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{cursor:not-allowed;opacity:.5}.auth-divider{margin:32px 0;position:relative;text-align:center}.auth-divider:before{background:linear-gradient(90deg,#0000,#3b82f64d,#0000);content:"";height:1px;left:0;position:absolute;top:50%;width:100%}.auth-divider span{background:#0f0f1ecc;color:#64748b;font-size:13px;font-weight:600;letter-spacing:1px;padding:0 20px;position:relative;text-transform:uppercase}.auth-social{display:flex;gap:14px;margin-bottom:28px}.social-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e3a8a33;border:1.5px solid #3b82f64d;border-radius:12px;color:#e2e8f0;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:12px;justify-content:center;padding:14px 20px;transition:all .3s ease}.social-btn img{height:20px;width:20px}.social-btn:hover{background:#1e3a8a4d;border-color:#3b82f6;box-shadow:0 10px 25px #3b82f633;transform:translateY(-2px)}.auth-footer{color:#94a3b8;font-size:15px;font-weight:400;text-align:center}.auth-footer a{color:#60a5fa;font-weight:600;text-decoration:none;transition:color .2s ease}.auth-footer a:hover{color:#93c5fd}.auth-visual{align-items:center;background:linear-gradient(135deg,#1e3a8a,#3b82f6 50%,#8b5cf6);color:#fff;display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:72px;position:relative}.auth-visual:before{background:radial-gradient(circle at 30% 40%,#ffffff26 0,#0000 60%);bottom:0;content:"";left:0;opacity:.6;position:absolute;right:0;top:0}.auth-visual:after{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);border-radius:50%;bottom:-150px;content:"";filter:blur(60px);height:500px;position:absolute;right:-150px;width:500px}.visual-content{max-width:480px;position:relative;z-index:1}.visual-content h2{font-size:42px;font-weight:900;letter-spacing:-.03em;line-height:1.15;margin-bottom:20px;text-shadow:0 10px 30px #0000004d}.visual-content>p{font-size:18px;font-weight:400;line-height:1.6;margin-bottom:36px;opacity:.95;text-shadow:0 5px 15px #0003}.visual-features{list-style:none;margin:0 0 40px;padding:0}.visual-features li{align-items:center;display:flex;font-size:16px;font-weight:400;gap:14px;opacity:.95;padding:14px 0}.visual-features li:before{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border-radius:50%;box-shadow:0 5px 15px #0003;content:"✓";display:inline-flex;flex-shrink:0;font-size:14px;font-weight:800;height:26px;justify-content:center;width:26px}.visual-badge{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff3;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 15px 40px #0003;display:flex;gap:20px;padding:24px 28px}.visual-badge span{filter:drop-shadow(0 5px 15px rgba(0,0,0,.3));flex-shrink:0;font-size:40px}.visual-badge strong{display:block;font-size:19px;font-weight:700;margin-bottom:6px}.visual-badge p{font-size:15px;font-weight:400;margin:0;opacity:.95}.auth-page .floating-shapes{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.auth-page .shape{animation:float-shape 25s ease-in-out infinite;background:radial-gradient(circle,#3b82f61a 0,#0000 70%);border-radius:50%;filter:blur(40px);position:absolute}.auth-page .shape-1{animation-delay:0s;height:600px;right:-200px;top:-200px;width:600px}.auth-page .shape-2{animation-delay:10s;background:radial-gradient(circle,#8b5cf61a 0,#0000 70%);bottom:-150px;height:500px;left:-150px;width:500px}.auth-page .shape-3{animation-delay:20s;background:radial-gradient(circle,#ec48991a 0,#0000 70%);height:400px;left:20%;top:40%;width:400px}@keyframes float-shape{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-40px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}@media (max-width:968px){.auth-container{flex-direction:column;max-width:550px}.auth-visual{display:none}.auth-card{max-width:100%;padding:56px 40px}}@media (max-width:768px){.auth-page{align-items:flex-start;padding-bottom:40px;padding-top:100px}}@media (max-width:480px){.auth-page{align-items:flex-start;padding:96px 16px 40px}.auth-card{padding:40px 28px}.auth-header h1{font-size:32px}.auth-header p{font-size:16px}.form-options{align-items:flex-start;gap:14px}.auth-social,.form-options{flex-direction:column}}.text-white{color:#fff!important}.otp-input{font-size:1.4rem;font-weight:700;letter-spacing:.4em;text-align:center}.form-optional{color:#64748b;font-size:.72rem;font-weight:400;margin-left:6px}.auth-info{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:10px;color:#93c5fd;font-size:.85rem;margin-bottom:16px;padding:12px 16px}.auth-resend{color:#64748b;font-size:.83rem;margin-top:12px;text-align:center}.auth-resend-btn{background:none;border:none;color:#60a5fa;cursor:pointer;font-size:.83rem;font-weight:600;padding:0;text-decoration:underline}.auth-resend-btn:disabled{cursor:not-allowed;opacity:.5}.auth-back-btn{background:none;border:none;color:#64748b;cursor:pointer;display:block;font-size:.83rem;margin-top:10px;padding:8px 0;text-align:center;width:100%}.auth-back-btn:hover{color:#94a3b8}.auth-google-btn{align-items:center;background:#fff;border:1px solid #dadce0;border-radius:10px;color:#1f1f1f;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:10px;justify-content:center;margin-bottom:4px;padding:12px;transition:background .2s ease,box-shadow .2s ease;width:100%}.auth-google-btn:hover:not(:disabled){background:#f8f8f8;box-shadow:0 2px 8px #0000001f}.auth-google-btn:disabled{cursor:not-allowed;opacity:.6}.auth-divider{align-items:center;color:#475569;display:flex;font-size:.8rem;gap:12px;margin:16px 0}.auth-divider:after,.auth-divider:before{background:#ffffff1a;content:"";flex:1 1;height:1px}.input-with-toggle{align-items:center;display:flex;position:relative}.input-with-toggle input{padding-right:48px!important;width:100%}.password-toggle{align-items:center;background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;position:absolute;right:14px;transition:color .2s ease}.password-toggle:hover{color:#93c5fd}.form-group input.input-invalid{background:#ef44440d!important;border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444426!important}.form-group input.input-valid{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e1f!important}.field-error{color:#fca5a5;display:block;font-size:12px;font-weight:500;line-height:1.4;margin-top:6px}.password-strength{align-items:center;display:flex;gap:10px;margin-top:8px}.strength-bars{display:flex;flex:1 1;gap:4px}.strength-bar{background:#ffffff1a;border-radius:2px;flex:1 1;height:4px;transition:background .3s ease}.strength-bar.level-1{background:#ef4444}.strength-bar.level-2{background:#f97316}.strength-bar.level-3{background:#eab308}.strength-bar.level-4{background:#22c55e}.strength-label{font-size:11px;font-weight:700;letter-spacing:.3px;min-width:44px;text-align:right}.strength-label.level-1{color:#ef4444}.strength-label.level-2{color:#f97316}.strength-label.level-3{color:#eab308}.strength-label.level-4{color:#22c55e}.checkout-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10000}.checkout-modal{animation:checkoutSlideIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 25px 60px #0000004d;max-height:90vh;max-width:480px;overflow-y:auto;width:100%}@keyframes checkoutSlideIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.checkout-header{align-items:flex-start;display:flex;justify-content:space-between;padding:24px 24px 0}.checkout-title{color:#1e293b;font-size:22px;font-weight:800;margin:0 0 4px}.checkout-subtitle{color:#94a3b8;font-size:14px;margin:0}.checkout-close{align-items:center;background:#f1f5f9;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.checkout-close:hover{background:#fee2e2;color:#ef4444}.checkout-section{padding:20px 24px 0}.checkout-label{color:#64748b;display:block;font-size:12px;font-weight:700;letter-spacing:.06em;margin-bottom:10px;text-transform:uppercase}.checkout-billing-toggle{display:flex;gap:8px}.checkout-billing-btn{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;position:relative;transition:all .2s}.checkout-billing-btn:hover{border-color:#cbd5e1}.checkout-billing-btn.active{background:linear-gradient(135deg,#eff6ff,#f0fdf4);border-color:#3b82f6;color:#1e40af}.checkout-save-badge{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:20px;color:#fff;font-size:10px;font-weight:700;padding:2px 8px}.checkout-price-card{background:linear-gradient(135deg,#eff6ff,#faf5ff);border:1px solid #dbeafe;border-radius:14px;margin:16px 24px 0;padding:16px 20px}.checkout-price-row{align-items:center;display:flex;justify-content:space-between}.checkout-plan-name{color:#1e293b;font-size:16px;font-weight:700}.checkout-price{color:#2563eb;font-size:18px;font-weight:800}.checkout-price-detail{color:#64748b;font-size:12px;margin-top:6px}.checkout-gateways{display:flex;flex-direction:column;gap:8px}.checkout-gateway-btn{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;gap:14px;padding:14px 16px;text-align:left;transition:all .2s;width:100%}.checkout-gateway-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.checkout-gateway-btn.active{background:linear-gradient(135deg,#eff6ff,#f0fdf4);border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.checkout-gateway-icon{flex-shrink:0;font-size:24px}.checkout-gateway-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.checkout-gateway-name{color:#1e293b;font-size:14px;font-weight:700}.checkout-gateway-desc{color:#94a3b8;font-size:12px;margin-top:2px}.checkout-gateway-check{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.checkout-features{background:#f8fafc;border-radius:12px;margin:20px 24px 0;padding:14px 16px}.checkout-features-title{color:#64748b;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.checkout-features-list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:10px 0 0;padding:0}.checkout-features-list li{color:#475569;font-size:13px;padding-left:18px;position:relative}.checkout-features-list li:before{color:#22c55e;content:"✓";font-size:12px;font-weight:700;left:0;position:absolute}.checkout-error{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;font-size:13px;margin:12px 24px 0;padding:10px 14px}.checkout-pay-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:14px;box-shadow:0 4px 14px #3b82f659;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:10px;justify-content:center;margin:20px 24px 0;padding:16px;transition:all .2s;width:calc(100% - 48px)}.checkout-pay-btn:hover:not(:disabled){box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.checkout-pay-btn:disabled{cursor:not-allowed;opacity:.7}.checkout-pay-btn.loading{background:#94a3b8;box-shadow:none}.checkout-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}.checkout-footer-text{color:#94a3b8;font-size:11px;line-height:1.5;margin:0;padding:14px 24px 24px;text-align:center}@media (max-width:520px){.checkout-modal{border-radius:16px;max-width:100%}}.export-usage{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:16px}.export-usage--compact{gap:8px;padding:12px}.export-usage--loading{align-items:center;justify-content:center;min-height:80px}.export-usage-spinner{animation:eu-spin .7s linear infinite;border:2px solid #ffffff1a;border-radius:50%;border-top-color:#6366f1;height:20px;width:20px}@keyframes eu-spin{to{transform:rotate(1turn)}}.export-usage-header{align-items:center;display:flex;justify-content:space-between}.export-usage-title{color:#fff9;font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.export-usage-plan{border-radius:50px;font-size:.62rem;font-weight:700;letter-spacing:.06em;padding:2px 8px}.export-usage-plan--free{background:#ffffff14;color:#ffffff80}.export-usage-plan--pro{background:#6366f133;color:#a5b4fc}.export-usage-plan--business{background:#f59e0b33;color:#fcd34d}.export-usage-total-row{align-items:center;background:#ffffff0a;border-radius:8px;display:flex;justify-content:space-between;padding:8px 12px}.export-usage-total-label{color:#ffffff73;font-size:.78rem}.export-usage-total-value{color:#fff;font-size:1.1rem;font-weight:700}.export-usage-bars{display:flex;flex-direction:column;gap:10px}.export-usage-row{display:flex;flex-direction:column;gap:6px}.export-usage-label{align-items:center;color:#ffffff8c;display:flex;font-size:.75rem;justify-content:space-between}.export-usage-counts{align-items:center;display:flex;gap:8px}.export-usage-count--full{color:#f87171;font-weight:600}.export-usage-remaining{background:#6ee7b71a;border-radius:50px;color:#6ee7b7;font-size:.7rem;font-weight:600;padding:1px 6px}.export-usage-remaining--zero{background:#f871711a;color:#f87171}.export-usage-track{background:#ffffff12;border-radius:50px;height:6px;overflow:hidden}.export-usage-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:50px;height:100%;transition:width .4s ease}.export-usage-fill--warn{background:linear-gradient(90deg,#f59e0b,#f97316)}.export-usage-fill--full{background:linear-gradient(90deg,#ef4444,#f97316)}.export-usage-unlimited{color:#6ee7b7;font-size:.78rem;margin:0}.adbuilder-dashboard{background:linear-gradient(180deg,#0f0f1e,#1a1a2e);min-height:100vh;padding:100px 20px 40px}.adbuilder-dashboard-container{margin:0 auto;max-width:1280px}.adbuilder-dashboard-loading-container{align-items:center;color:#94a3b8;display:flex;flex-direction:column;justify-content:center;min-height:60vh}.adbuilder-dashboard-spinner{animation:adbuilder-dashboard-spin 1s linear infinite;border:4px solid #3b82f633;border-radius:50%;border-top-color:#3b82f6;box-shadow:0 0 30px #3b82f64d;height:60px;margin-bottom:20px;width:60px}@keyframes adbuilder-dashboard-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.adbuilder-dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:40px}.adbuilder-dashboard-header-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#93c5fd);-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:800;letter-spacing:-.03em;margin:0 0 8px}.adbuilder-dashboard-header-content p{color:#94a3b8;font-size:14px;margin:0}.adbuilder-dashboard-upgrade-banner{align-items:center;background:linear-gradient(135deg,#1e3a8a,#3b82f6);border:1px solid #3b82f64d;border-radius:20px;box-shadow:0 20px 60px #3b82f64d;color:#fff;display:flex;justify-content:space-between;margin-bottom:40px;overflow:hidden;padding:32px;position:relative}.adbuilder-dashboard-upgrade-banner:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);border-radius:50%;content:"";filter:blur(40px);height:300px;position:absolute;right:0;top:0;width:300px}.adbuilder-dashboard-banner-content{align-items:center;display:flex;gap:24px;position:relative;z-index:1}.adbuilder-dashboard-banner-icon{filter:drop-shadow(0 0 20px rgba(255,255,255,.5));font-size:36px}.adbuilder-dashboard-banner-text h3{font-size:17px;font-weight:800;margin:0 0 4px}.adbuilder-dashboard-banner-text p{font-size:15px;margin:0;opacity:.95}.adbuilder-dashboard-btn-upgrade{background:#fff;border:none;border-radius:14px;box-shadow:0 10px 30px #0003;color:#1e3a8a;cursor:pointer;font-size:15px;font-weight:700;padding:14px 32px;position:relative;transition:all .3s ease;z-index:1}.adbuilder-dashboard-btn-upgrade:hover{box-shadow:0 15px 40px #0000004d;transform:translateY(-2px)}.adbuilder-dashboard-stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:48px}.adbuilder-dashboard-stat-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e3a8a4d,#0f0f1e80);border:1px solid #3b82f633;border-radius:20px;display:flex;gap:20px;padding:28px;transition:all .3s ease}.adbuilder-dashboard-stat-card:hover{border-color:#3b82f666;box-shadow:0 20px 40px #3b82f633;transform:translateY(-4px)}.adbuilder-dashboard-stat-icon{filter:drop-shadow(0 0 15px currentColor);font-size:32px}.adbuilder-dashboard-stat-content{flex:1 1}.adbuilder-dashboard-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#93c5fd);-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:900;line-height:1;margin-bottom:6px}.adbuilder-dashboard-stat-label{color:#94a3b8;font-size:14px;font-weight:500}.adbuilder-dashboard-quick-actions{margin-bottom:48px}.adbuilder-dashboard-quick-actions h2{color:#fff;font-size:18px;font-weight:800;letter-spacing:-.02em;margin-bottom:24px}.adbuilder-dashboard-actions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.adbuilder-dashboard-action-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e3a8a4d,#0f0f1e80);border:1px solid #3b82f633;border-radius:20px;cursor:pointer;padding:32px 24px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.adbuilder-dashboard-action-card:hover{background:linear-gradient(135deg,#1e3a8a66,#0f0f1e99);border-color:#3b82f680;box-shadow:0 20px 40px #3b82f64d;transform:translateY(-6px)}.adbuilder-dashboard-action-icon{filter:drop-shadow(0 0 20px currentColor);font-size:36px;margin-bottom:16px}.adbuilder-dashboard-action-card h3{color:#fff;font-size:18px;font-weight:700;margin:0 0 8px}.adbuilder-dashboard-action-card p{color:#94a3b8;font-size:14px;margin:0}.adbuilder-dashboard-recent-projects{margin-bottom:48px}.adbuilder-dashboard-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.adbuilder-dashboard-section-header h2{color:#fff;font-size:18px;font-weight:800;letter-spacing:-.02em;margin:0}.adbuilder-dashboard-btn-text{background:none;border:none;border-radius:8px;color:#60a5fa;cursor:pointer;font-size:15px;font-weight:600;padding:8px 16px;transition:all .3s ease}.adbuilder-dashboard-btn-text:hover{background:#3b82f626;color:#93c5fd}.adbuilder-dashboard-empty-state{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e3a8a33,#0f0f1e4d);border:1px solid #3b82f633;border-radius:20px;padding:80px 40px;text-align:center}.adbuilder-dashboard-empty-icon{filter:drop-shadow(0 0 20px currentColor);font-size:48px;margin-bottom:20px}.adbuilder-dashboard-empty-state h3{color:#fff;font-size:24px;font-weight:700;margin:0 0 12px}.adbuilder-dashboard-empty-state p{color:#94a3b8;font-size:16px;margin:0 0 32px}.adbuilder-dashboard-projects-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.adbuilder-dashboard-project-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e3a8a4d,#0f0f1e80);border:1px solid #3b82f633;border-radius:20px;cursor:pointer;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.adbuilder-dashboard-project-card:hover{border-color:#3b82f680;box-shadow:0 20px 40px #3b82f64d;transform:translateY(-6px)}.adbuilder-dashboard-project-thumbnail{background:#1e3a8a33;height:200px;overflow:hidden;position:relative;width:100%}.adbuilder-dashboard-project-thumbnail img{height:100%;object-fit:cover;width:100%}.adbuilder-dashboard-placeholder-thumbnail{align-items:center;background:linear-gradient(135deg,#3b82f633,#8b5cf633);display:flex;filter:drop-shadow(0 0 30px currentColor);font-size:40px;height:100%;justify-content:center;width:100%}.adbuilder-dashboard-project-overlay{align-items:center;background:linear-gradient(135deg,#3b82f6e6,#8b5cf6e6);bottom:0;color:#fff;display:flex;flex-direction:column;font-weight:700;gap:8px;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.adbuilder-dashboard-project-card:hover .adbuilder-dashboard-project-overlay{opacity:1}.adbuilder-dashboard-edit-icon{filter:drop-shadow(0 0 15px rgba(255,255,255,.5));font-size:40px}.adbuilder-dashboard-project-info{padding:20px}.adbuilder-dashboard-project-info h3{color:#fff;font-size:18px;font-weight:700;margin:0 0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adbuilder-dashboard-project-meta{display:flex;gap:10px;margin-bottom:10px}.adbuilder-dashboard-project-type{background:#3b82f633;border:1px solid #3b82f64d;border-radius:8px;color:#93c5fd}.adbuilder-dashboard-project-status,.adbuilder-dashboard-project-type{font-size:12px;font-weight:600;padding:5px 12px;text-transform:capitalize}.adbuilder-dashboard-project-status{background:#10b98133;border:1px solid #10b9814d;border-radius:8px;color:#6ee7b7}.adbuilder-dashboard-project-date{color:#64748b;font-size:13px}.adbuilder-dashboard-plan-info-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e3a8a4d,#0f0f1e80);border:1px solid #3b82f633;border-radius:20px;display:flex;justify-content:space-between;padding:32px}.adbuilder-dashboard-plan-header h3{color:#fff;font-size:20px;font-weight:700;margin:0 0 8px}.adbuilder-dashboard-plan-header p{color:#94a3b8;font-size:15px;margin:0}.adbuilder-dashboard-plan-badge{border-radius:8px;font-size:14px;font-weight:700;margin-left:12px;padding:6px 16px}.adbuilder-dashboard-plan-badge.free{background:#64748b4d;border:1px solid #64748b66;color:#94a3b8}.adbuilder-dashboard-plan-badge.pro{background:linear-gradient(135deg,#3b82f6,#8b5cf6);box-shadow:0 0 20px #3b82f680;color:#fff}.adbuilder-dashboard-plan-badge.business{background:linear-gradient(135deg,#ec4899,#f59e0b);box-shadow:0 0 20px #ec489980;color:#fff}.adbuilder-dashboard-btn{border:none;border-radius:14px;cursor:pointer;font-size:15px;font-weight:700;padding:12px 28px;transition:all .3s ease}.adbuilder-dashboard-btn-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);box-shadow:0 10px 30px #3b82f666;color:#fff}.adbuilder-dashboard-btn-primary:hover{box-shadow:0 15px 40px #3b82f680;transform:translateY(-2px)}.adbuilder-dashboard-btn-outline{background:#0000;border:2px solid #3b82f680;color:#60a5fa}.adbuilder-dashboard-btn-outline:hover{background:#3b82f626;border-color:#3b82f6b3;color:#93c5fd}@media (max-width:768px){.adbuilder-dashboard{padding:80px 16px 20px}.adbuilder-dashboard-header{align-items:flex-start;flex-direction:column;gap:20px}.adbuilder-dashboard-header-content h1{font-size:32px}.adbuilder-dashboard-upgrade-banner{gap:24px}.adbuilder-dashboard-banner-content,.adbuilder-dashboard-upgrade-banner{flex-direction:column;text-align:center}.adbuilder-dashboard-stats-grid{grid-template-columns:1fr}.adbuilder-dashboard-actions-grid{grid-template-columns:repeat(2,1fr)}.adbuilder-dashboard-projects-grid{grid-template-columns:1fr}.adbuilder-dashboard-plan-info-card{flex-direction:column;gap:20px;text-align:center}}@media (max-width:480px){.adbuilder-dashboard{padding:70px 12px 20px}.adbuilder-dashboard-header-content h1{font-size:26px}.adbuilder-dashboard-header-content p{font-size:14px}.adbuilder-dashboard-stat-value{font-size:28px}.adbuilder-dashboard-stat-card{gap:14px;padding:20px}.adbuilder-dashboard-stat-icon{font-size:36px}.adbuilder-dashboard-actions-grid{grid-template-columns:1fr}.adbuilder-dashboard-action-card{padding:24px 16px}.adbuilder-dashboard-action-icon{font-size:40px}.adbuilder-dashboard-quick-actions h2,.adbuilder-dashboard-section-header h2{font-size:20px}.adbuilder-dashboard-empty-state{padding:48px 20px}.adbuilder-dashboard-empty-icon{font-size:56px}.adbuilder-dashboard-upgrade-banner{padding:24px 16px}.adbuilder-dashboard-banner-text h3{font-size:18px}.adbuilder-dashboard-plan-info-card{padding:20px 16px}}.adbuilder-dashboard-usage-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}@media (max-width:640px){.adbuilder-dashboard-usage-row{grid-template-columns:1fr}}.adbuilder-myprojects{background:linear-gradient(180deg,#0f0f1e,#1a1a2e);min-height:100vh;padding:100px 20px 40px}.adbuilder-myprojects-container{margin:0 auto;max-width:1280px}.adbuilder-myprojects-loading-container{align-items:center;color:#94a3b8;display:flex;flex-direction:column;justify-content:center;min-height:60vh}.adbuilder-myprojects-spinner{animation:adbuilder-myprojects-spin 1s linear infinite;border:4px solid #3b82f633;border-radius:50%;border-top-color:#3b82f6;box-shadow:0 0 30px #3b82f64d;height:60px;margin-bottom:20px;width:60px}@keyframes adbuilder-myprojects-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.adbuilder-myprojects-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:40px}.adbuilder-myprojects-header-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#93c5fd);-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:800;letter-spacing:-.03em;margin:0 0 8px}.adbuilder-myprojects-header-content p{color:#94a3b8;font-size:14px;margin:0}.adbuilder-myprojects-filter-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e3a8a4d,#0f0f1e80);border:1px solid #3b82f633;border-radius:20px;margin-bottom:40px;padding:28px}.adbuilder-myprojects-search-box{margin-bottom:20px;position:relative}.adbuilder-myprojects-search-icon{color:#64748b;font-size:20px;left:20px;position:absolute;top:50%;transform:translateY(-50%)}.adbuilder-myprojects-search-box input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e3a8a33;border:1.5px solid #3b82f64d;border-radius:14px;color:#fff;font-size:16px;padding:16px 20px 16px 56px;transition:all .3s ease;width:100%}.adbuilder-myprojects-search-box input::placeholder{color:#64748b}.adbuilder-myprojects-search-box input:focus{background:#1e3a8a4d;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.adbuilder-myprojects-filter-tabs{display:flex;flex-wrap:wrap;gap:12px}.adbuilder-myprojects-filter-tab{background:#1e3a8a33;border:1.5px solid #3b82f633;border-radius:14px;color:#94a3b8;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.adbuilder-myprojects-filter-tab.active{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-color:#0000;box-shadow:0 10px 30px #3b82f666;color:#fff}.adbuilder-myprojects-filter-tab:hover{background:#1e3a8a4d;border-color:#3b82f666;color:#cbd5e1}.adbuilder-myprojects-filter-tab.active:hover{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff}.adbuilder-myprojects-empty-state{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e3a8a33,#0f0f1e4d);border:1px solid #3b82f633;border-radius:20px;padding:100px 40px;text-align:center}.adbuilder-myprojects-empty-icon{filter:drop-shadow(0 0 30px currentColor);font-size:48px;margin-bottom:24px}.adbuilder-myprojects-empty-state h3{color:#fff;font-size:18px;font-weight:800;margin:0 0 16px}.adbuilder-myprojects-empty-state p{color:#94a3b8;font-size:14px;margin:0 0 40px}.adbuilder-myprojects-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.adbuilder-myprojects-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e3a8a4d,#0f0f1e80);border:1px solid #3b82f633;border-radius:20px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.adbuilder-myprojects-card:hover{border-color:#3b82f680;box-shadow:0 25px 50px #3b82f64d;transform:translateY(-8px)}.adbuilder-myprojects-thumbnail{background:#1e3a8a33;height:220px;overflow:hidden;position:relative;width:100%}.adbuilder-myprojects-thumbnail img{height:100%;object-fit:cover;width:100%}.adbuilder-myprojects-placeholder-thumbnail{align-items:center;background:linear-gradient(135deg,#3b82f633,#8b5cf633);display:flex;filter:drop-shadow(0 0 30px currentColor);font-size:40px;height:100%;justify-content:center;width:100%}.adbuilder-myprojects-overlay{align-items:center;background:linear-gradient(135deg,#3b82f6f2,#8b5cf6f2);bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.adbuilder-myprojects-card:hover .adbuilder-myprojects-overlay{opacity:1}.adbuilder-myprojects-overlay-btn{background:#fff;border:none;border-radius:14px;box-shadow:0 10px 30px #0000004d;color:#1e3a8a;cursor:pointer;font-size:16px;font-weight:700;padding:14px 32px;transition:all .3s ease}.adbuilder-myprojects-overlay-btn:hover{box-shadow:0 15px 40px #0006;transform:scale(1.05)}.adbuilder-myprojects-info{padding:24px}.adbuilder-myprojects-info h3{color:#fff;font-size:20px;font-weight:700;margin:0 0 14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adbuilder-myprojects-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.adbuilder-myprojects-type{background:#3b82f633;border:1px solid #3b82f64d;border-radius:8px;color:#93c5fd;font-size:12px;font-weight:600;padding:6px 14px}.adbuilder-myprojects-status{border-radius:8px;font-size:12px;font-weight:600;padding:6px 14px;text-transform:capitalize}.adbuilder-myprojects-status.draft{background:#fbbf2433;border:1px solid #fbbf244d;color:#fcd34d}.adbuilder-myprojects-status.published{background:#10b98133;border:1px solid #10b9814d;color:#6ee7b7}.adbuilder-myprojects-date{color:#64748b;font-size:14px}.adbuilder-myprojects-actions{border-top:1px solid #3b82f633;display:flex;gap:10px;padding:20px}.adbuilder-myprojects-action-btn{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;padding:12px 16px;transition:all .3s ease}.adbuilder-myprojects-edit-btn{background:linear-gradient(135deg,#3b82f6,#8b5cf6);box-shadow:0 8px 20px #3b82f64d;color:#fff}.adbuilder-myprojects-edit-btn:hover{box-shadow:0 12px 30px #3b82f666;transform:translateY(-2px)}.adbuilder-myprojects-export-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 20px #10b9814d;color:#fff}.adbuilder-myprojects-export-btn:hover{box-shadow:0 12px 30px #10b98166;transform:translateY(-2px)}.adbuilder-myprojects-delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 8px 20px #ef44444d;color:#fff;flex:0 0 auto;padding:12px 20px}.adbuilder-myprojects-delete-btn:hover{box-shadow:0 12px 30px #ef444466;transform:translateY(-2px)}.adbuilder-myprojects-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.adbuilder-myprojects-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1e3a8af2,#0f0f1ef2);border:1px solid #3b82f64d;border-radius:24px;box-shadow:0 30px 80px #0009;max-width:520px;padding:40px;width:100%}.adbuilder-myprojects-modal h2{color:#fff;font-size:18px;font-weight:800;letter-spacing:-.02em;margin:0 0 16px}.adbuilder-myprojects-modal p{color:#cbd5e1;font-size:16px;margin:0 0 10px}.adbuilder-myprojects-warning-text{color:#fca5a5;font-size:15px;font-weight:600}.adbuilder-myprojects-modal-actions{display:flex;gap:14px;margin-top:32px}.adbuilder-myprojects-modal-actions .adbuilder-myprojects-btn{flex:1 1}.adbuilder-myprojects-upgrade-modal{text-align:center}.adbuilder-myprojects-modal-icon{filter:drop-shadow(0 0 30px currentColor);font-size:40px;margin-bottom:20px}.adbuilder-myprojects-upgrade-features{background:#1e3a8a4d;border:1px solid #3b82f633;border-radius:16px;margin:28px 0;padding:24px}.adbuilder-myprojects-feature-item{color:#cbd5e1;font-size:15px;padding:10px 0;text-align:left}.adbuilder-myprojects-btn{border:none;border-radius:14px;cursor:pointer;font-size:15px;font-weight:700;padding:14px 28px;transition:all .3s ease}.adbuilder-myprojects-btn-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);box-shadow:0 10px 30px #3b82f666;color:#fff}.adbuilder-myprojects-btn-primary:hover{box-shadow:0 15px 40px #3b82f680;transform:translateY(-2px)}.adbuilder-myprojects-btn-outline{background:#0000;border:2px solid #3b82f680;color:#60a5fa}.adbuilder-myprojects-btn-outline:hover{background:#3b82f626;border-color:#3b82f6b3;color:#93c5fd}.adbuilder-myprojects-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 10px 30px #ef444466;color:#fff}.adbuilder-myprojects-btn-danger:hover{box-shadow:0 15px 40px #ef444480;transform:translateY(-2px)}@media (max-width:768px){.adbuilder-myprojects{padding:80px 16px 20px}.adbuilder-myprojects-header{align-items:flex-start;flex-direction:column;gap:20px}.adbuilder-myprojects-header-content h1{font-size:26px}.adbuilder-myprojects-filter-tabs{flex-direction:column}.adbuilder-myprojects-filter-tab{text-align:left;width:100%}.adbuilder-myprojects-grid{grid-template-columns:1fr}.adbuilder-myprojects-actions{flex-wrap:wrap}.adbuilder-myprojects-action-btn{min-width:calc(50% - 5px)}}@media (max-width:480px){.adbuilder-myprojects{padding:70px 12px 20px}.adbuilder-myprojects-header-content h1{font-size:22px}.adbuilder-myprojects-header-content p{font-size:14px}.adbuilder-myprojects-filter-bar{padding:16px}.adbuilder-myprojects-filter-tab{font-size:13px;padding:10px 16px}.adbuilder-myprojects-empty-state{padding:60px 20px}.adbuilder-myprojects-empty-icon{font-size:64px}.adbuilder-myprojects-empty-state h3{font-size:20px}.adbuilder-myprojects-empty-state p{font-size:14px}.adbuilder-myprojects-thumbnail{height:180px}.adbuilder-myprojects-info{padding:16px}.adbuilder-myprojects-actions{padding:14px 16px}.adbuilder-myprojects-action-btn{min-width:100%;padding:14px 12px}.adbuilder-myprojects-modal{padding:28px 20px}.adbuilder-myprojects-modal h2{font-size:22px}.adbuilder-myprojects-modal-actions{flex-direction:column}.adbuilder-myprojects-modal-icon{font-size:52px}}.adbuilder-settings{background:linear-gradient(180deg,#0f0f1e,#1a1a2e);min-height:100vh;padding:100px 20px 40px}.adbuilder-settings-container{margin:0 auto;max-width:1280px}.adbuilder-settings-container h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#93c5fd);-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:800;letter-spacing:-.02em;margin-bottom:24px}.adbuilder-settings-tabs{-webkit-overflow-scrolling:touch;border-bottom:2px solid #3b82f633;display:flex;gap:12px;margin-bottom:40px;overflow-x:auto;scrollbar-width:none}.adbuilder-settings-tabs::-webkit-scrollbar{display:none}.adbuilder-settings-tab{background:none;border:none;border-bottom:3px solid #0000;color:#94a3b8;cursor:pointer;font-size:15px;font-weight:600;padding:14px 28px;transition:all .3s ease;white-space:nowrap}.adbuilder-settings-tab.active{background:#3b82f61a;border-bottom-color:#3b82f6;color:#60a5fa}.adbuilder-settings-tab:hover{background:#3b82f60d;color:#cbd5e1}.adbuilder-settings-message{border-radius:14px;font-size:15px;font-weight:600;margin-bottom:28px;padding:18px 24px}.adbuilder-settings-message.success{background:#10b98126;border:1px solid #10b9814d;color:#6ee7b7}.adbuilder-settings-message.error{background:#ef444426;border:1px solid #ef44444d;color:#fca5a5}.adbuilder-settings-tab-content{min-height:400px}.adbuilder-settings-account-section h2,.adbuilder-settings-preferences-section h2,.adbuilder-settings-subscription-section h2{color:#fff;font-size:16px;font-weight:700;letter-spacing:-.01em;margin-bottom:16px}.adbuilder-settings-info-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e3a8a4d,#0f0f1e80);border:1px solid #3b82f633;border-radius:14px;margin-bottom:20px;max-width:520px;padding:16px 20px}.adbuilder-settings-info-row{align-items:center;border-bottom:1px solid #3b82f61a;display:flex;justify-content:space-between;padding:11px 0}.adbuilder-settings-info-row:last-child{border-bottom:none}.adbuilder-settings-label{color:#94a3b8;font-size:15px;font-weight:600}.adbuilder-settings-value{color:#fff;font-size:15px;font-weight:500}.adbuilder-settings-current-plan-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e3a8a4d,#0f0f1e80);border:1px solid #3b82f633;border-radius:12px;display:inline-flex;padding:14px 20px}.adbuilder-settings-current-plan-card h3{color:#fff;font-size:15px;font-weight:700;letter-spacing:-.01em;margin:0}.adbuilder-settings-current-plan-card p{color:#94a3b8;font-size:15px;margin:0}.adbuilder-settings-plan-badge{border-radius:10px;display:inline-block;font-size:14px;font-weight:700;margin-left:14px;padding:8px 20px}.adbuilder-settings-plan-badge.free{background:#64748b4d;border:1px solid #64748b66;color:#94a3b8}.adbuilder-settings-plan-badge.pro{background:linear-gradient(135deg,#3b82f6,#8b5cf6);box-shadow:0 0 20px #3b82f680;color:#fff}.adbuilder-settings-plan-badge.business{background:linear-gradient(135deg,#ec4899,#f59e0b);box-shadow:0 0 20px #ec489980;color:#fff}.adbuilder-settings-plans-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:40px}.adbuilder-settings-plan-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e3a8a4d,#0f0f1e80);border:1px solid #3b82f633;border-radius:20px;padding:40px 32px;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.adbuilder-settings-plan-card:hover{border-color:#3b82f680;box-shadow:0 25px 50px #3b82f64d;transform:translateY(-6px)}.adbuilder-settings-plan-card.popular{background:linear-gradient(135deg,#3b82f633,#8b5cf633);border-color:#3b82f699}.adbuilder-settings-plan-card.current{background:linear-gradient(135deg,#10b98126,#05966926);border-color:#10b98199}.adbuilder-settings-popular-badge{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:100px;box-shadow:0 10px 30px #3b82f680;color:#fff;font-size:12px;font-weight:700;left:50%;padding:6px 18px;position:absolute;top:-14px;transform:translateX(-50%)}.adbuilder-settings-plan-card h3{color:#fff;font-size:26px;font-weight:800;letter-spacing:-.02em;margin:0 0 20px}.adbuilder-settings-plan-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#93c5fd);-webkit-background-clip:text;background-clip:text;font-size:56px;font-weight:900;letter-spacing:-.04em;line-height:1;margin:24px 0}.adbuilder-settings-currency{font-size:28px;vertical-align:super}.adbuilder-settings-amount{margin:0 6px}.adbuilder-settings-period{color:#94a3b8;font-size:20px}.adbuilder-settings-plan-features{list-style:none;margin:28px 0;padding:0;text-align:left}.adbuilder-settings-plan-features li{color:#cbd5e1;font-size:15px;padding:12px 0}.adbuilder-settings-cancel-section{padding:40px 0;text-align:center}.adbuilder-settings-preference-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e3a8a4d,#0f0f1e80);border:1px solid #3b82f633;border-radius:14px;margin-bottom:16px;max-width:520px;padding:16px 20px}.adbuilder-settings-preference-card h3{color:#fff;color:#94a3b8;font-size:14px;font-weight:700;letter-spacing:.05em;margin:0 0 12px;text-transform:uppercase}.adbuilder-settings-checkbox-label{align-items:center;cursor:pointer;display:flex;gap:14px;padding:14px 0;transition:all .2s ease}.adbuilder-settings-checkbox-label:hover{background:#3b82f61a;border-radius:10px;padding-left:12px;padding-right:12px}.adbuilder-settings-checkbox-label input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;height:22px;width:22px}.adbuilder-settings-checkbox-label span{color:#cbd5e1;font-size:15px}.adbuilder-settings-btn{border:none;border-radius:14px;cursor:pointer;font-size:15px;font-weight:700;padding:14px 28px;transition:all .3s ease}.adbuilder-settings-btn-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);box-shadow:0 10px 30px #3b82f666;color:#fff}.adbuilder-settings-btn-primary:hover{box-shadow:0 15px 40px #3b82f680;transform:translateY(-2px)}.adbuilder-settings-btn-outline{background:#0000;border:2px solid #3b82f680;color:#60a5fa}.adbuilder-settings-btn-outline:hover{background:#3b82f626;border-color:#3b82f6b3;color:#93c5fd}.adbuilder-settings-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 10px 30px #ef444466;color:#fff}.adbuilder-settings-btn-danger:hover{box-shadow:0 15px 40px #ef444480;transform:translateY(-2px)}.adbuilder-settings-btn-danger-outline{background:#0000;border:2px solid #ef444480;color:#fca5a5}.adbuilder-settings-btn-danger-outline:hover{background:#ef444426;border-color:#ef4444b3;color:#fca5a5}.adbuilder-settings-btn:disabled{cursor:not-allowed;opacity:.5}.adbuilder-settings-btn:disabled:hover{box-shadow:none;transform:none}@media (max-width:768px){.adbuilder-settings{padding:80px 16px 20px}.adbuilder-settings-container h1{font-size:32px}.adbuilder-settings-tabs{gap:6px}.adbuilder-settings-tab{font-size:14px;padding:12px 20px}.adbuilder-settings-info-row{flex-direction:column;gap:10px}.adbuilder-settings-plans-grid{grid-template-columns:1fr}.adbuilder-settings-plan-price{font-size:44px}}@media (max-width:480px){.adbuilder-settings{padding:70px 12px 20px}.adbuilder-settings-container h1{font-size:26px;margin-bottom:20px}.adbuilder-settings-tab{font-size:13px;padding:10px 14px}.adbuilder-settings-account-section h2,.adbuilder-settings-preferences-section h2,.adbuilder-settings-subscription-section h2{font-size:20px}.adbuilder-settings-current-plan-card,.adbuilder-settings-info-card{padding:20px 16px}.adbuilder-settings-plan-card{padding:28px 20px}.adbuilder-settings-plan-price{font-size:36px}.adbuilder-settings-currency{font-size:20px}.adbuilder-settings-period{font-size:16px}.adbuilder-settings-preference-card{padding:20px 16px}}.blog-page{background:#0a0a0f;color:#e2e8f0;font-family:Inter,sans-serif;min-height:100vh}.blog-hero{background:linear-gradient(180deg,#0d0d1a,#0a0a0f);border-bottom:1px solid #ffffff0f;overflow:hidden;padding:120px 24px 64px;position:relative;text-align:center}.blog-hero:before{background:radial-gradient(ellipse,#8b5cf626 0,#0000 70%);content:"";height:400px;left:50%;pointer-events:none;position:absolute;top:-120px;transform:translateX(-50%);width:600px}.blog-hero-tag{align-items:center;background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:100px;color:#a78bfa;display:inline-flex;font-size:.75rem;font-weight:600;gap:6px;letter-spacing:.08em;margin-bottom:20px;padding:5px 14px;text-transform:uppercase}.blog-hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#93c5fd 50%,#c084fc);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,3.2rem);font-weight:800;line-height:1.15;margin-bottom:16px}.blog-hero p{color:#94a3b8;font-size:1.05rem;line-height:1.7;margin:0 auto;max-width:520px}.blog-categories{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:32px 24px 0}.blog-cat-btn{background:#0000;border:1px solid #ffffff1a;border-radius:100px;color:#94a3b8;cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:500;padding:7px 18px;transition:all .2s}.blog-cat-btn:hover{background:#8b5cf614;border-color:#8b5cf680;color:#c4b5fd}.blog-cat-btn.active{background:#8b5cf633;border-color:#8b5cf699;color:#a78bfa}.blog-container{margin:0 auto;max-width:1140px;padding:0 24px 80px}.blog-featured{margin:48px 0 16px}.blog-featured-label{color:#a78bfa;font-size:.72rem;font-weight:700;letter-spacing:.1em;margin-bottom:16px;text-transform:uppercase}.blog-card-featured{grid-gap:0;background:#ffffff08;border:1px solid #ffffff12;border-radius:16px;cursor:pointer;display:grid;gap:0;grid-template-columns:1fr 1fr;overflow:hidden;transition:border-color .25s,transform .25s,box-shadow .25s}.blog-card-featured:hover{border-color:#8b5cf666;box-shadow:0 16px 48px #0000004d;transform:translateY(-3px)}.blog-card-featured-thumb{align-items:center;aspect-ratio:16/10;background:linear-gradient(135deg,#1e1b4b,#312e81 50%,#4c1d95);display:flex;justify-content:center;min-height:280px;overflow:hidden;position:relative}.blog-card-featured-thumb .blog-thumb-icon{font-size:5rem;opacity:.35}.blog-card-featured-thumb .blog-thumb-badge{background:#8b5cf6e6;border-radius:6px;color:#fff;font-size:.7rem;font-weight:700;left:16px;letter-spacing:.05em;padding:4px 10px;position:absolute;text-transform:uppercase;top:16px}.blog-card-featured-body{display:flex;flex-direction:column;justify-content:center;padding:36px 32px}.blog-card-featured-body .blog-tag{margin-bottom:14px}.blog-card-featured-body h2{color:#f1f5f9;font-size:1.55rem;font-weight:700;line-height:1.3;margin-bottom:12px}.blog-card-featured-body p{color:#94a3b8;font-size:.92rem;line-height:1.7;margin-bottom:20px}.blog-grid-label{color:#64748b;font-size:.72rem;font-weight:700;letter-spacing:.1em;margin:40px 0 16px;text-transform:uppercase}.blog-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}@media (max-width:900px){.blog-grid{grid-template-columns:repeat(2,1fr)}.blog-card-featured{grid-template-columns:1fr}.blog-card-featured-thumb{min-height:200px}}@media (max-width:600px){.blog-grid{grid-template-columns:1fr}}.blog-card{background:hsla(0,0%,100%,.025);border:1px solid #ffffff12;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:border-color .25s,transform .25s,box-shadow .25s}.blog-card:hover{border-color:#8b5cf659;box-shadow:0 12px 36px #00000040;transform:translateY(-3px)}.blog-card-thumb{align-items:center;aspect-ratio:16/9;display:flex;font-size:3rem;justify-content:center;overflow:hidden;position:relative;width:100%}.blog-card-thumb .blog-thumb-badge{background:#0009;border:1px solid #8b5cf64d;border-radius:5px;color:#a78bfa;font-size:.65rem;font-weight:700;left:10px;letter-spacing:.05em;padding:3px 8px;position:absolute;text-transform:uppercase;top:10px}.blog-card-body{display:flex;flex:1 1;flex-direction:column;padding:18px 18px 20px}.blog-card-body h3{color:#f1f5f9;font-size:1rem;font-weight:600;line-height:1.4;margin-bottom:8px}.blog-card-body p{color:#94a3b8;flex:1 1;font-size:.83rem;line-height:1.6;margin-bottom:14px}.blog-tag{align-items:center;border-radius:5px;display:inline-flex;font-size:.68rem;font-weight:700;gap:4px;letter-spacing:.06em;margin-bottom:10px;padding:3px 9px;text-transform:uppercase}.blog-tag.tag-tutorial{background:#10b98126;color:#34d399}.blog-tag.tag-feature{background:#3b82f626;color:#60a5fa}.blog-tag.tag-tips{background:#f59e0b26;color:#fbbf24}.blog-tag.tag-design{background:#ec489926;color:#f472b6}.blog-tag.tag-marketing{background:#8b5cf626;color:#a78bfa}.blog-tag.tag-guide{background:#06b6d426;color:#22d3ee}.blog-meta{align-items:center;color:#64748b;display:flex;flex-wrap:wrap;font-size:.78rem;gap:12px}.blog-meta-dot{background:#475569;border-radius:50%;height:3px;width:3px}.blog-read-more{align-items:center;color:#a78bfa;display:inline-flex;font-size:.82rem;font-weight:600;gap:6px;margin-top:auto;transition:gap .2s}.blog-card-featured:hover .blog-read-more,.blog-card:hover .blog-read-more{gap:10px}.blog-back-btn{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.88rem;font-weight:500;gap:8px;margin-bottom:32px;padding:0;transition:color .2s}.blog-back-btn:hover{color:#c4b5fd}.blog-post-page{background:#0a0a0f;color:#e2e8f0;font-family:Inter,sans-serif;min-height:100vh}.blog-post-hero{background:linear-gradient(180deg,#0d0d1a,#0a0a0f);border-bottom:1px solid #ffffff0f;padding:100px 24px 52px;text-align:center}.blog-post-hero .blog-tag{margin-bottom:16px}.blog-post-hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#93c5fd 60%,#c084fc);-webkit-background-clip:text;background-clip:text;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;line-height:1.2;margin:0 auto 16px;max-width:800px}.blog-post-hero .blog-meta{justify-content:center;margin-top:16px}.blog-post-cover{border-radius:16px;margin:40px auto 0;max-width:860px;overflow:hidden;padding:0 24px}.blog-post-cover-img{align-items:center;aspect-ratio:16/7;background:linear-gradient(135deg,#1e1b4b,#312e81 40%,#4c1d95 70%,#2e1065);border:1px solid #ffffff12;border-radius:16px;display:flex;font-size:7rem;justify-content:center;overflow:hidden;position:relative;width:100%}.blog-post-cover-img:before{background:radial-gradient(ellipse at 30% 50%,#8b5cf640 0,#0000 60%),radial-gradient(ellipse at 70% 50%,#3b82f626 0,#0000 60%);content:"";inset:0;position:absolute}.blog-post-layout{grid-gap:56px;align-items:start;display:grid;gap:56px;grid-template-columns:1fr 280px;margin:56px auto 80px;max-width:1100px;padding:0 24px}@media (max-width:860px){.blog-post-layout{grid-template-columns:1fr}.blog-post-sidebar{display:none}}.blog-post-content{color:#cbd5e1;font-size:1.02rem;line-height:1.85}.blog-post-content h2{border-top:1px solid #ffffff0f;color:#f1f5f9;font-size:1.45rem;font-weight:700;margin:40px 0 14px;padding-top:8px}.blog-post-content h3{color:#e2e8f0;font-size:1.1rem;font-weight:600;margin:28px 0 10px}.blog-post-content p{color:#94a3b8;margin-bottom:20px}.blog-post-content strong{color:#e2e8f0;font-weight:600}.blog-post-content a{color:#a78bfa;text-decoration:underline;-webkit-text-decoration-color:#a78bfa66;text-decoration-color:#a78bfa66;transition:-webkit-text-decoration-color .2s;transition:text-decoration-color .2s;transition:text-decoration-color .2s,-webkit-text-decoration-color .2s}.blog-post-content a:hover{-webkit-text-decoration-color:#a78bfa;text-decoration-color:#a78bfa}.blog-post-content ol,.blog-post-content ul{margin-bottom:20px;padding-left:22px}.blog-post-content li{color:#94a3b8;line-height:1.7;margin-bottom:8px}.blog-post-content li strong{color:#c4b5fd}.blog-callout{background:#8b5cf614;border-left:3px solid #7c3aed;border-radius:0 10px 10px 0;margin:24px 0;padding:16px 20px}.blog-callout-label{color:#a78bfa;font-size:.72rem;font-weight:700;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.blog-callout p{color:#c4b5fd!important;font-size:.92rem;margin:0!important}.blog-steps{counter-reset:step;list-style:none;margin-bottom:24px;padding-left:0}.blog-steps li{align-items:flex-start;background:hsla(0,0%,100%,.025);border:1px solid #ffffff12;border-radius:10px;counter-increment:step;display:flex;gap:14px;margin-bottom:18px;padding:16px}.blog-steps li:before{align-items:center;background:#8b5cf640;border:1px solid #8b5cf680;border-radius:50%;color:#a78bfa;content:counter(step);display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:28px;justify-content:center;margin-top:1px;min-width:28px}.blog-steps li .step-body{flex:1 1}.blog-steps li .step-title{color:#f1f5f9;display:block;font-size:.95rem;font-weight:600;margin-bottom:4px}.blog-steps li .step-desc{color:#94a3b8;font-size:.88rem;line-height:1.6;margin:0}.blog-feature-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,1fr);margin:24px 0}@media (max-width:560px){.blog-feature-grid{grid-template-columns:1fr}}.blog-feature-card{background:hsla(0,0%,100%,.025);border:1px solid #ffffff12;border-radius:10px;padding:16px}.blog-feature-card-icon{font-size:1.4rem;margin-bottom:8px}.blog-feature-card h4{color:#e2e8f0;font-size:.9rem;font-weight:600;margin-bottom:5px}.blog-feature-card p{color:#64748b;font-size:.82rem;line-height:1.5;margin:0!important}.blog-cta-box{background:linear-gradient(135deg,#8b5cf61f,#3b82f614);border:1px solid #8b5cf640;border-radius:14px;margin:36px 0;padding:28px;text-align:center}.blog-cta-box h3{color:#f1f5f9;font-size:1.2rem;font-weight:700;margin-bottom:8px}.blog-cta-box p{color:#94a3b8;font-size:.9rem;margin-bottom:18px!important}.blog-cta-box a{align-items:center;background:linear-gradient(135deg,#7c3aed,#4f46e5);border-radius:10px;color:#fff!important;display:inline-flex;font-size:.9rem;font-weight:700;gap:8px;padding:11px 24px;text-decoration:none!important;transition:opacity .2s,transform .2s}.blog-cta-box a:hover{opacity:.9;transform:translateY(-1px)}.blog-post-sidebar{position:-webkit-sticky;position:sticky;top:90px}.blog-sidebar-card{background:#ffffff08;border:1px solid #ffffff12;border-radius:12px;margin-bottom:20px;padding:20px}.blog-sidebar-card h4{color:#64748b;font-size:.78rem;font-weight:700;letter-spacing:.08em;margin-bottom:14px;text-transform:uppercase}.blog-toc-list{list-style:none;margin:0;padding:0}.blog-toc-list li{margin-bottom:0}.blog-toc-list a{border-left:2px solid #0000;color:#64748b;display:block;font-size:.84rem;line-height:1.4;padding:6px 0 6px 12px;text-decoration:none;transition:color .2s,border-color .2s}.blog-toc-list a:hover{border-color:#7c3aed;color:#a78bfa}.blog-sidebar-tags{display:flex;flex-wrap:wrap;gap:6px}.blog-sidebar-tag{background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;color:#94a3b8;font-size:.75rem;font-weight:500;padding:4px 10px}.blog-author-box{align-items:flex-start;background:#ffffff08;border:1px solid #ffffff12;border-radius:12px;display:flex;gap:16px;margin-top:48px;padding:20px}.blog-author-avatar{align-items:center;background:linear-gradient(135deg,#7c3aed,#4f46e5);border-radius:50%;display:flex;flex-shrink:0;font-size:1.4rem;height:52px;justify-content:center;width:52px}.blog-author-info h4{color:#f1f5f9;font-size:.95rem;font-weight:700;margin-bottom:3px}.blog-author-info .author-role{color:#a78bfa;font-size:.78rem;margin-bottom:6px}.blog-author-info p{color:#64748b;font-size:.82rem;line-height:1.5;margin:0!important}.blog-related{margin:0 auto 80px;max-width:860px;padding:0 24px}.blog-related h3{border-bottom:1px solid #ffffff12;color:#f1f5f9;font-size:1.1rem;font-weight:700;margin-bottom:20px;padding-bottom:12px}.blog-related-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}@media (max-width:540px){.blog-related-grid{grid-template-columns:1fr}}.blog-newsletter{background:hsla(0,0%,100%,.025);border-bottom:1px solid #ffffff0f;border-top:1px solid #ffffff0f;margin:0 0 60px;padding:48px 24px;text-align:center}.blog-newsletter h3{color:#f1f5f9;font-size:1.3rem;font-weight:700;margin-bottom:8px}.blog-newsletter p{color:#64748b;font-size:.9rem;margin-bottom:20px}.blog-newsletter-form{display:flex;gap:10px;margin:0 auto;max-width:420px}.blog-newsletter-form input{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;color:#f1f5f9;flex:1 1;font-family:inherit;font-size:.88rem;outline:none;padding:10px 16px;transition:border-color .2s}.blog-newsletter-form input:focus{border-color:#8b5cf680}.blog-newsletter-form input::placeholder{color:#475569}.blog-newsletter-form button{background:linear-gradient(135deg,#7c3aed,#4f46e5);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:.88rem;font-weight:700;padding:10px 20px;transition:opacity .2s;white-space:nowrap}.blog-newsletter-form button:hover{opacity:.88}.adbuilder-navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f1ecc;border-bottom:1px solid #3b82f633;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.adbuilder-navbar.scrolled{background:#0f0f1ef2;border-bottom-color:#3b82f666;box-shadow:0 10px 40px #00000080}.adbuilder-navbar-container{align-items:center;display:flex;height:80px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 40px}.adbuilder-navbar-logo{align-items:center;color:#fff;display:flex;font-size:26px;font-weight:900;gap:12px;letter-spacing:-.02em;text-decoration:none;transition:all .3s ease}.adbuilder-navbar-logo:hover{transform:scale(1.05)}.adbuilder-logo-icon{align-items:center;background:#ffffff26;border:1.5px solid #ffffff40;border-radius:11px;box-shadow:0 2px 12px #6366f159;color:#fff;display:flex;flex-shrink:0;height:42px;justify-content:center;transition:background .2s,box-shadow .2s,transform .2s;width:42px}.adbuilder-navbar-logo:hover .adbuilder-logo-icon{background:#ffffff38;box-shadow:0 4px 20px #6366f180;transform:scale(1.06)}.adbuilder-logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#93c5fd);-webkit-background-clip:text;background-clip:text}.adbuilder-mobile-menu-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#3b82f633,#8b5cf633);border:1.5px solid #3b82f666;border-radius:12px;color:#93c5fd;cursor:pointer;display:none;font-size:24px;padding:10px 14px;transition:all .3s ease}.adbuilder-mobile-menu-btn:hover{background:linear-gradient(135deg,#3b82f64d,#8b5cf64d);border-color:#3b82f699;box-shadow:0 5px 20px #3b82f64d;transform:scale(1.05)}.adbuilder-navbar-menu{align-items:center;display:flex;gap:48px}.adbuilder-navbar-links{display:flex;gap:36px}.adbuilder-nav-link{color:#cbd5e1;font-size:15px;font-weight:600;letter-spacing:.3px;padding:8px 0;position:relative;text-decoration:none;transition:all .3s ease}.adbuilder-nav-link:after{background:linear-gradient(90deg,#3b82f6,#8b5cf6);bottom:0;box-shadow:0 0 10px #3b82f680;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.adbuilder-nav-link:hover{color:#fff}.adbuilder-nav-link:hover:after{width:100%}.adbuilder-navbar-actions{align-items:center;display:flex;gap:14px}.adbuilder-nav-btn{border:none;border-radius:14px;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:.3px;padding:12px 24px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.adbuilder-nav-btn-text{background:#0000;border:1.5px solid #0000;color:#cbd5e1}.adbuilder-nav-btn-text:hover{background:#ffffff0d;border-color:#ffffff1a;color:#fff}.adbuilder-nav-btn-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;box-shadow:0 10px 30px #3b82f666;color:#fff}.adbuilder-nav-btn-primary:hover{box-shadow:0 15px 40px #3b82f680;transform:translateY(-2px)}.adbuilder-user-menu-container{position:relative}.adbuilder-user-menu-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e3a8a4d,#0f0f1e80);border:1.5px solid #3b82f64d;border-radius:14px;cursor:pointer;display:flex;gap:12px;padding:8px 14px;transition:all .3s ease}.adbuilder-user-menu-btn:hover{background:linear-gradient(135deg,#1e3a8a66,#0f0f1e99);border-color:#3b82f699;box-shadow:0 10px 30px #3b82f633}.adbuilder-user-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;box-shadow:0 0 20px #3b82f680;color:#fff;display:flex;font-size:15px;font-weight:700;height:36px;justify-content:center;width:36px}.adbuilder-user-name{color:#fff;font-size:14px;font-weight:600}.adbuilder-user-badge{background:#64748b4d;border:1px solid #64748b66;border-radius:6px;color:#94a3b8;font-size:10px;font-weight:700;padding:4px 10px}.adbuilder-user-badge.pro{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;box-shadow:0 0 15px #3b82f680;color:#fff}.adbuilder-dropdown-arrow{color:#94a3b8;font-size:12px}.adbuilder-user-dropdown{animation:dropdownFadeIn .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1e3a8af2,#0f0f1ef2);border:1px solid #3b82f64d;border-radius:16px;box-shadow:0 20px 60px #0009;min-width:280px;padding:10px;position:absolute;right:0;top:calc(100% + 12px);z-index:1001}.adbuilder-dropdown-header{align-items:flex-start;display:flex;justify-content:space-between;padding:14px}.adbuilder-dropdown-user strong{color:#fff;display:block;font-size:15px;font-weight:700;margin-bottom:4px}.adbuilder-dropdown-user span{color:#94a3b8;font-size:13px}.adbuilder-plan-badge{border-radius:6px;font-size:10px;font-weight:700;padding:5px 12px}.adbuilder-plan-badge.free{background:#64748b4d;border:1px solid #64748b66;color:#94a3b8}.adbuilder-plan-badge.pro{background:linear-gradient(135deg,#3b82f6,#8b5cf6);box-shadow:0 0 15px #3b82f680;color:#fff}.adbuilder-dropdown-divider{background:linear-gradient(90deg,#0000,#3b82f64d,#0000);height:1px;margin:10px 0}.adbuilder-dropdown-item{align-items:center;background:none;border:none;border-radius:10px;color:#cbd5e1;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:14px;padding:14px;text-align:left;text-decoration:none;transition:all .3s ease;width:100%}.adbuilder-dropdown-item:hover{background:#3b82f626;color:#fff}.adbuilder-dropdown-item span{font-size:18px}.adbuilder-dropdown-item.upgrade{background:#3b82f633;border:1px solid #3b82f666;color:#93c5fd}.adbuilder-dropdown-item.upgrade:hover{background:#3b82f64d;box-shadow:0 5px 20px #3b82f64d}.adbuilder-dropdown-item.logout{border:1px solid #0000;color:#fca5a5}.adbuilder-dropdown-item.logout:hover{background:#ef444426;border-color:#ef444466;color:#fca5a5}@media (max-width:968px){.adbuilder-navbar-container{padding:0 24px}.adbuilder-mobile-menu-btn{display:block}.adbuilder-navbar-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(180deg,#0f0f1efa,#1a1a2efa);border-top:1px solid #3b82f64d;box-shadow:0 20px 60px #000000b3;flex-direction:column;gap:24px;left:0;opacity:0;padding:24px;pointer-events:none;position:fixed;right:0;top:80px;transform:translateY(-100%);transition:all .3s ease}.adbuilder-navbar-menu.active{opacity:1;pointer-events:all;transform:translateY(0)}.adbuilder-navbar-links{flex-direction:column;gap:0;width:100%}.adbuilder-nav-link{border-bottom:1px solid #3b82f633;display:block;padding:16px}.adbuilder-nav-link:after{display:none}.adbuilder-navbar-actions{flex-direction:column;width:100%}.adbuilder-nav-btn{text-align:center}.adbuilder-nav-btn,.adbuilder-user-menu-btn{justify-content:center;width:100%}.adbuilder-user-dropdown{box-shadow:0 10px 30px #00000080;margin-top:12px;position:static;width:100%}}@media (max-width:480px){.adbuilder-navbar-container{padding:0 16px}.adbuilder-navbar-menu{gap:16px;padding:16px}.adbuilder-nav-link{font-size:15px;padding:14px 12px}.adbuilder-nav-btn{font-size:14px;padding:12px 16px}}.app-container{width:100vw}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#f8f9ff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23667eea' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:2px solid #e2e8f0;border-radius:8px;color:#1a1a2e;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;padding:10px 36px 10px 14px;transition:all .2s ease}select:hover{background-color:#f0f4ff;border-color:#667eea}select:focus{background-color:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea26;outline:none}select option{background:#fff;color:#1a1a2e;padding:12px}@media (max-width:768px){.adbuilder-dashboard,.adbuilder-myprojects,.adbuilder-settings,.auth-page,.choose-plan-page,.landing-page,body,html{-webkit-overflow-scrolling:touch;overflow-x:hidden;overflow-y:auto}}.mobile-bottom-nav,.mobile-drawer,.mobile-drawer-overlay,.mobile-menu-btn,.mobile-menu-dropdown,.mobile-menu-overlay,.mobile-sheet,.mobile-sheet-overlay{display:none}@media (max-width:768px){.properties-panel,.sidebar{display:none!important}.top-bar{background:#fff;border-bottom:1px solid #e2e8f0;height:56px!important;justify-content:space-between!important;left:0!important;padding:8px 12px!important;position:fixed!important;right:0!important;top:0!important;z-index:1000}.project-info,.top-bar{align-items:center!important;display:flex!important}.project-info{flex:1 1}.project-name{background:#f8f9ff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;font-size:14px!important;max-width:200px!important;overflow:hidden!important;padding:6px 12px!important;text-overflow:ellipsis!important;white-space:nowrap!important}.canvas-size-selector,.top-actions{display:none!important}.mobile-topbar-brand{align-items:center;color:#6366f1;display:inline-flex!important;font-size:16px;font-weight:800;gap:8px;letter-spacing:-.01em;text-decoration:none}.mobile-topbar-logo-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:inline-flex;height:32px;justify-content:center;width:32px}.mobile-topbar-logo-text{color:#1e293b}.timeline-panel,.zoom-controls{display:none!important}.mobile-drawer-body .timeline-panel{display:block!important}.mobile-menu-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;display:flex!important;font-size:20px;height:40px;justify-content:center;position:relative;width:40px}.mobile-menu-btn:active{transform:scale(.95)}.mobile-menu-overlay{background:#0000004d;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:1100}.mobile-menu-overlay.active{animation:fadeIn .2s ease;display:block}.mobile-menu-dropdown{animation:slideDown .2s ease;background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;display:none;max-width:calc(100vw - 24px);padding:12px;position:fixed;right:12px;top:64px;width:280px;z-index:1200}.mobile-menu-dropdown.active{display:block}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:12px;padding:8px 12px}.mobile-menu-title{color:#1a1a2e;font-size:14px;font-weight:700}.mobile-menu-close{background:#0000;border:none;color:#64748b;cursor:pointer;font-size:18px;height:24px;width:24px}.mobile-menu-size{background:#f8f9ff;border-radius:8px;margin-bottom:12px;padding:8px 12px}.mobile-menu-size label{color:#64748b;display:block;font-size:11px;font-weight:600;margin-bottom:6px;text-transform:uppercase}.mobile-menu-size select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#1a1a2e;font-size:13px;font-weight:600;padding:8px 12px;width:100%}.mobile-menu-custom-size{align-items:center;display:flex;gap:8px;margin-top:8px}.mobile-menu-custom-size input{-moz-appearance:textfield;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#1a1a2e;flex:1 1;font-size:13px;font-weight:600;min-width:0;padding:8px 10px;text-align:center}.mobile-menu-custom-size input::-webkit-inner-spin-button,.mobile-menu-custom-size input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.mobile-menu-custom-size span{color:#94a3b8;font-weight:700}.mobile-menu-actions{display:flex;flex-direction:column;gap:8px}.mobile-menu-action{align-items:center;background:#f8f9ff;border:1px solid #e2e8f0;border-radius:8px;color:#1a1a2e;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;padding:12px 16px;transition:all .2s ease;width:100%}.mobile-menu-action:active{background:#e2e8f0;transform:scale(.98)}.mobile-menu-action.primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.mobile-menu-action.success{background:linear-gradient(135deg,#43e97b,#38f9d7);border:none;color:#fff}.mobile-menu-action-icon{font-size:18px}.main-editor{flex-direction:column!important;height:100vh!important;padding-top:56px!important}.editor-content,.main-editor{display:flex!important;width:100%!important}.editor-content{background:#f8f9ff!important;flex:1 1!important;flex-direction:column!important;height:calc(100vh - 116px)!important;overflow:hidden!important}.canvas-wrapper{left:0!important;margin:0!important;position:absolute!important;top:0!important;transform-origin:top left!important}.preview-canvas{background:#fff!important;border-radius:8px!important;box-shadow:0 4px 12px #0000001a!important;overflow:hidden!important;position:relative!important;touch-action:pan-x pan-y pinch-zoom!important}.canvas-component,.draggable-component,.preview-canvas{-webkit-user-select:none!important;user-select:none!important}.canvas-component,.draggable-component{touch-action:none!important}.canvas-area::-webkit-scrollbar{height:8px;width:8px}.canvas-area::-webkit-scrollbar-track{background:#f1f5f9}.canvas-area::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.canvas-area::-webkit-scrollbar-thumb:hover{background:#667eea}.mobile-bottom-nav{background:#fff;border-top:1px solid #e2e8f0;bottom:0;box-shadow:0 -2px 10px #0000000d;display:flex;gap:6px;height:60px;left:0;padding:8px;position:fixed;right:0;z-index:1000}.mobile-nav-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:11px;font-weight:600;gap:4px;justify-content:center;min-height:44px;padding:6px;transition:all .2s ease}.mobile-nav-btn-icon{font-size:22px;line-height:1}.mobile-nav-btn:active{background:#f8f9ff;transform:scale(.95)}.mobile-nav-btn.active{background:#667eea1a;color:#667eea}.mobile-drawer-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:1500}.mobile-drawer-overlay.active{animation:fadeIn .2s ease;display:block}.mobile-drawer{background:#fff;bottom:0;box-shadow:4px 0 12px #00000026;box-sizing:border-box;display:none;left:0;max-width:100%;overflow:hidden;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:100%;z-index:1600}.mobile-drawer.active{display:flex;flex-direction:column;transform:translateX(0)}.mobile-drawer-header{align-items:center;background:#f8f9ff;border-bottom:1px solid #e2e8f0;box-sizing:border-box;display:flex;flex-shrink:0;justify-content:space-between;min-height:60px;padding:16px;width:100%}.mobile-drawer-title{align-items:center;color:#1a1a2e;display:flex;font-size:18px;font-weight:700;gap:8px;margin:0}.mobile-drawer-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;width:32px}.mobile-drawer-body{-webkit-overflow-scrolling:touch;box-sizing:border-box;flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;width:100%}.mobile-drawer-body .sidebar,.mobile-drawer-body .timeline-panel{border:none!important;box-sizing:border-box!important;display:flex!important;max-width:100%!important;min-height:100%!important;width:100%!important}.mobile-drawer-body .timeline-panel{box-shadow:none!important;flex-direction:column!important;height:auto!important;max-height:none!important}.mobile-drawer-body .filmstrip-label-col{border-bottom:1px solid #e2e8f0!important;border-right:none!important;flex-direction:row!important;gap:8px!important;height:auto!important;justify-content:flex-start!important;min-height:auto!important;min-width:100%!important;padding:10px 14px!important;width:100%!important}.mobile-drawer-body .filmstrip-count{font-size:14px!important}.mobile-drawer-body .filmstrip-size{display:block!important;font-size:10px!important}.mobile-drawer-body .pages-scroll-track{align-items:stretch!important;flex:1 1!important;flex-direction:column!important;gap:10px!important;overflow-x:hidden!important;overflow-y:auto!important;padding:10px 12px!important}.mobile-drawer-body .page-thumb{align-items:center!important;flex-direction:row!important;gap:10px!important;height:64px!important;padding:8px!important;width:100%!important}.mobile-drawer-body .thumb-preview{flex-shrink:0!important;height:48px!important;min-width:50px!important;width:50px!important}.mobile-drawer-body .thumb-index{left:10px!important;top:10px!important}.mobile-drawer-body .thumb-footer{align-items:flex-start!important;flex:1 1!important;flex-direction:column!important;gap:3px!important;margin-top:0!important}.mobile-drawer-body .thumb-name{font-size:12px!important}.mobile-drawer-body .thumb-meta{font-size:11px!important}.mobile-drawer-body .thumb-actions{flex-direction:row!important;opacity:1!important;position:static!important}.mobile-drawer-body .thumb-btn{font-size:12px!important;height:28px!important;width:28px!important}.mobile-drawer-body .filmstrip-add-btn{flex-direction:row!important;gap:8px!important;height:48px!important;margin-left:0!important;width:100%!important}.mobile-drawer-body .filmstrip-add-icon{font-size:18px!important}.mobile-drawer-body .filmstrip-add-label{font-size:11px!important}.mobile-drawer-body .add-component-btn,.mobile-drawer-body .layers-list,.mobile-drawer-body .menu-section,.mobile-drawer-body .sidebar-content,.mobile-drawer-body .sidebar-project-section,.mobile-drawer-body .sidebar-quick-actions{box-sizing:border-box!important;max-width:100%!important;width:100%!important}.mobile-drawer-body .sidebar-content{flex:1 1!important;padding:16px!important}.mobile-drawer-body .quick-action-btn{flex:1 1!important;min-width:0!important}.mobile-sheet-overlay{background:#0000004d;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:1700}.mobile-sheet-overlay.active{animation:fadeIn .2s ease;display:block}.mobile-sheet{background:#fff;border-radius:20px 20px 0 0;bottom:0;box-shadow:0 -4px 20px #00000026;display:none;height:75vh;left:0;overflow:hidden;position:fixed;right:0;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1800}.mobile-sheet.active{display:flex;flex-direction:column;transform:translateY(0)}.mobile-sheet-handle{background:#f8f9ff;display:flex;justify-content:center;padding:12px}.mobile-sheet-handle:before{background:#cbd5e1;border-radius:2px;content:"";height:4px;width:40px}.mobile-sheet-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;min-height:60px;padding:16px}.mobile-sheet-title{color:#1a1a2e;font-weight:700;gap:8px;margin:0}.mobile-sheet-close,.mobile-sheet-title{align-items:center;display:flex;font-size:18px}.mobile-sheet-close{background:#f8f9ff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;height:32px;justify-content:center;width:32px}.mobile-sheet-body{-webkit-overflow-scrolling:touch;box-sizing:border-box;flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;width:100%}.mobile-sheet-body .properties-panel{border:none!important;display:flex!important;min-height:100%!important}.mobile-sheet-body .form-group,.mobile-sheet-body .properties-content,.mobile-sheet-body .properties-header,.mobile-sheet-body .properties-panel,.mobile-sheet-body .property-section{box-sizing:border-box!important;max-width:100%!important;width:100%!important}.mobile-sheet-body .properties-content{padding:16px!important}.mobile-sheet-handle,.mobile-sheet-header{box-sizing:border-box;width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}body.mobile-drawer-open,body.mobile-menu-open{overflow:hidden}}@media (max-width:480px){.canvas-area{padding:12px!important}.mobile-menu-dropdown{right:12px;width:calc(100vw - 24px)}.project-name{max-width:150px!important}}@media (max-width:768px) and (orientation:landscape){.mobile-sheet{height:85vh}.mobile-drawer{max-width:100%;width:100%}}.app-container{display:flex;height:100vh;overflow:hidden;width:100%}.sidebar{flex-shrink:0;max-width:240px;min-width:240px;width:240px}.main-editor{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.canvas-and-pages,.editor-content{display:flex;flex:1 1;min-height:0;overflow:hidden}.canvas-and-pages{flex-direction:column;min-width:0}.canvas-area{align-items:center;background:#d0d1da;display:flex;justify-content:center;min-width:0;overflow:auto!important;padding:60px 40px}.canvas-wrapper{display:inline-block;flex-shrink:0;margin:auto;position:relative;transform-origin:center center}.preview-canvas{flex-shrink:0}.properties-panel{flex-shrink:0;max-width:280px;min-width:280px;width:280px}.app-container>*,.editor-content>*,.main-editor>*{min-height:0;min-width:0}.canvas-area,.canvas-wrapper,.preview-canvas{box-sizing:border-box}.canvas-area::-webkit-scrollbar{height:12px;width:12px}.canvas-area::-webkit-scrollbar-track{border-radius:6px;margin:4px}.canvas-area::-webkit-scrollbar-thumb{border-radius:6px}.canvas-area::-webkit-scrollbar-corner{background:#f1f5f9}.zoom-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #e2e8f0cc;border-radius:12px;bottom:116px!important;box-shadow:0 2px 12px #00000026;gap:6px;padding:6px;pointer-events:auto;position:fixed!important;right:20px!important;transform:translateZ(0);will-change:transform;z-index:9999!important}.zoom-btn{font-size:16px;height:32px;pointer-events:auto!important;position:relative;transition:all .2s ease;width:32px;z-index:1}.zoom-btn.fit{font-size:11px;padding:0 10px}.zoom-level{cursor:pointer;font-size:12px;min-width:48px;padding:0 10px;pointer-events:auto!important;position:relative;z-index:1}.zoom-level:hover{color:#667eea}.canvas-info{left:50%!important;position:fixed!important;top:76px!important;transform:translateX(-50%) translateZ(0)!important;will-change:transform;z-index:9998!important}@media (max-width:768px){.app-container{flex-direction:column}.properties-panel,.sidebar,.timeline-panel{display:none!important}.mobile-drawer-body .timeline-panel{display:block!important;height:auto!important;max-height:none!important;min-height:0!important}.filmstrip-label-col{min-width:52px!important;width:52px!important}.canvas-and-pages{display:flex!important;flex:1 1!important;flex-direction:column!important;overflow:hidden!important}.main-editor{height:100vh!important;width:100%!important}.editor-content{flex-direction:row!important;height:calc(100vh - 116px)!important;width:100%!important}.canvas-area{-webkit-overflow-scrolling:touch!important;background:#f8f9ff!important;display:flex!important;flex:1 1!important;margin:0!important;min-width:0!important;overflow:auto!important;overscroll-behavior:contain!important;padding:0!important;touch-action:pan-x pan-y!important;width:100%!important}.canvas-sizer{box-sizing:initial!important;display:block!important;flex-shrink:0!important;height:auto!important;margin:auto!important;min-height:0!important;min-width:0!important;padding:12px 12px 130px!important;width:auto!important}.canvas-sizer>div,.canvas-wrapper{display:block!important;margin:0!important}.canvas-wrapper{left:0!important;position:absolute!important;top:0!important;transform-origin:top left!important}.zoom-controls{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#fffffffa!important;border:1px solid #e2e8f0e6!important;border-radius:8px!important;bottom:72px!important;box-shadow:0 2px 12px #00000026!important;display:flex!important;gap:3px!important;left:50%!important;padding:3px!important;position:fixed!important;right:auto!important;transform:translateX(-50%)!important;z-index:900!important}.zoom-btn{border-radius:6px!important;font-size:14px!important;height:30px!important;padding:0!important;width:30px!important}.zoom-btn.fit{padding:0 8px!important;width:auto!important}.zoom-btn.fit,.zoom-level{font-size:11px!important;font-weight:700!important}.zoom-level{align-items:center!important;display:flex!important;justify-content:center!important;min-width:38px!important;padding:0 6px!important}.zoom-divider{display:none!important}.canvas-info{font-size:10px!important;position:fixed!important;top:64px!important;transform:translateX(-50%) translateZ(0)!important;will-change:transform!important;z-index:9998!important}.canvas-area::-webkit-scrollbar{height:6px!important;width:6px!important}.canvas-area::-webkit-scrollbar-thumb{background:#cbd5e180!important}}@media (max-width:480px){.canvas-sizer{padding:8px 8px 130px!important}}@media (min-width:1920px){.canvas-area{padding:80px 60px}}.canvas-area{scroll-behavior:smooth}.canvas-wrapper{align-items:center;display:inline-flex;justify-content:center}.preview-canvas{transform:translateZ(0);-webkit-transform:translateZ(0)}.zoom-btn:focus-visible,.zoom-level:focus-visible{outline:2px solid #667eea;outline-offset:2px}.top-bar{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 8px #667eea0d;display:flex;height:65px;justify-content:space-between;padding:0 25px}.mobile-topbar-brand{display:none}.canvas-size-section,.top-actions{align-items:center;display:flex}.top-actions{gap:10px}.undo-redo-group{border-right:1px solid #e2e8f0;display:flex;gap:4px;margin-right:8px;padding-right:12px}.btn-icon{align-items:center;background:#f8f9ff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;display:flex;font-size:16px;justify-content:center;min-width:38px;padding:8px 10px}.btn-icon:hover:not(:disabled){background:#667eea;border-color:#667eea;color:#fff}.btn-icon:disabled{cursor:not-allowed;opacity:.4}.btn{border-radius:8px;font-size:13px;gap:6px;padding:10px 18px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 5px 15px #667eea4d}.btn-primary:hover{box-shadow:0 10px 25px #667eea66;transform:translateY(-2px)}.btn-success{background:linear-gradient(135deg,#43e97b,#38f9d7);box-shadow:0 5px 15px #43e97b4d;font-weight:700}.btn-success:hover{box-shadow:0 10px 25px #43e97b66;transform:translateY(-2px)}.btn-secondary:hover:not(:disabled){background:#667eea;color:#fff;transform:translateY(-2px)}.btn:disabled{opacity:.6}.btn:disabled:hover{box-shadow:none!important;transform:none!important}.project-name:disabled{cursor:not-allowed;opacity:.6}.canvas-size-selector{align-items:center;display:flex;position:relative}.size-dropdown-trigger{gap:7px;position:relative}.size-chevron{flex-shrink:0;opacity:.55;transition:transform .18s ease}.size-chevron.open{opacity:1;transform:rotate(180deg)}.canvas-size-pill{background:#667eea14;border:1px solid #667eea33;border-radius:20px;color:#667eea;flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.3px;margin-left:6px;padding:3px 9px;-webkit-user-select:none;user-select:none;white-space:nowrap}.size-dropdown-menu{animation:dropdownFadeIn .14s ease;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 32px #667eea24,0 2px 8px #0000000f;left:0;min-width:200px;overflow:hidden;padding:4px;position:absolute;top:calc(100% + 6px);z-index:9000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.size-dropdown-option{align-items:center;background:#0000;border:none;border-radius:7px;cursor:pointer;display:flex;font-family:inherit;gap:8px;padding:9px 12px;text-align:left;transition:background .13s ease;width:100%}.size-dropdown-option:hover{background:#f0f4ff}.size-dropdown-option.active{background:#667eea14}.size-option-label{color:#1a1a2e;flex:1 1;font-size:13px;font-weight:600}.size-option-desc{color:#94a3b8;font-size:11px;font-weight:500}.size-option-check{color:#667eea;flex-shrink:0}.size-custom-row{align-items:center;border-top:1px solid #f1f5f9;display:flex;gap:6px;margin-top:2px;padding:8px 10px 10px}.size-custom-input{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield;background:#f8f9ff;border:1.5px solid #e2e8f0;border-radius:6px;color:#1a1a2e;font-family:inherit;font-size:13px;font-weight:600;padding:7px 8px;text-align:center;transition:border-color .15s;width:68px}.size-custom-input::-webkit-inner-spin-button,.size-custom-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.size-custom-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.size-custom-sep{color:#94a3b8;flex-shrink:0;font-size:15px;font-weight:700}.size-custom-apply{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:700;padding:7px 11px;transition:all .15s}.size-custom-apply:hover{box-shadow:0 3px 10px #667eea4d;transform:scale(1.06)}@media (max-width:768px){.top-bar{flex-wrap:wrap;gap:10px;height:auto;min-height:60px;padding:0 12px}.canvas-size-section,.canvas-size-selector{flex-shrink:0}.size-dropdown-trigger{font-size:12px;padding:8px 12px}.top-actions{gap:6px;justify-content:flex-end;width:100%}.btn{font-size:12px;padding:8px 12px}.btn-icon{min-width:32px;padding:6px 8px}}@media (max-width:480px){.size-dropdown-trigger{font-size:11px;padding:7px 10px}.canvas-size-pill,.top-actions .btn span{display:none}.top-actions .btn{justify-content:center;min-width:36px;padding:8px}}.sidebar{background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;overflow-y:auto;width:280px}.logo-section{border-bottom:1px solid #f0f2f8;padding:12px 14px}.brand-home-btn{align-items:center;background:#0000;border:1.5px solid #0000;border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:8px 10px;position:relative;text-decoration:none;transition:background .18s,border-color .18s,box-shadow .18s;width:100%}.brand-home-btn:hover{background:linear-gradient(135deg,#667eea0f,#764ba20f);border-color:#667eea40;box-shadow:0 2px 8px #667eea14}.brand-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:9px;box-shadow:0 2px 6px #667eea4d;color:#fff;display:flex;flex-shrink:0;height:34px;justify-content:center;transition:box-shadow .18s;width:34px}.brand-home-btn:hover .brand-icon{box-shadow:0 4px 12px #667eea66}.brand-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;flex:1 1;font-size:17px;font-weight:800;letter-spacing:-.3px;text-align:left}.brand-home-arrow{color:#a0aec0;flex-shrink:0;opacity:0;transform:translateX(4px);transition:opacity .18s,transform .18s}.brand-home-btn:hover .brand-home-arrow{opacity:1;transform:translateX(0)}.sidebar-content{flex:1 1;padding:20px}.sidebar-project-section{margin-bottom:12px;padding:0 2px}.project-name-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.project-name-label{color:#94a3b8;font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.saving-chip{align-items:center;background:#667eea14;border-radius:20px;color:#667eea;display:flex;font-size:9px;font-weight:600;gap:4px;padding:2px 7px}.saving-dot{animation:sidebar-pulse 1.2s ease-in-out infinite;background:#667eea;border-radius:50%;flex-shrink:0;height:5px;width:5px}@keyframes sidebar-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.sidebar-project-input{background:#f8f9ff;border:1.5px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#1a1a2e;font-size:13px;font-weight:600;outline:none;padding:8px 11px;transition:all .2s ease;width:100%}.sidebar-project-input:hover:not(:disabled){background:#fff;border-color:#c4b5fd}.sidebar-project-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1f}.sidebar-project-input::placeholder{color:#94a3b8;font-weight:500}.sidebar-project-input:disabled{background:#f1f5f9;cursor:not-allowed;opacity:.55}.sidebar-quick-actions{display:flex;gap:6px;margin-bottom:8px}.quick-action-btn{align-items:center;background:#f8f9ff;border:1.5px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:flex;flex:1 1;font-size:11px;font-weight:600;gap:4px;justify-content:center;padding:8px 6px;transition:all .2s ease;white-space:nowrap}.quick-action-btn:hover{background:#fff;border-color:#667eea;box-shadow:0 3px 10px #667eea24;color:#667eea;transform:translateY(-1px)}.new-design-btn{align-items:center;background:#fff;border:1.5px dashed #667eea;border-radius:8px;color:#667eea;cursor:pointer;display:flex;font-size:12px;font-weight:700;gap:6px;justify-content:center;letter-spacing:.2px;margin-bottom:8px;padding:9px 12px;transition:all .22s ease;width:100%}.new-design-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;border-style:solid;box-shadow:0 4px 14px #667eea52;color:#fff;transform:translateY(-1px)}.new-design-icon{font-size:13px;font-style:normal;line-height:1}.add-component-btn{background:linear-gradient(135deg,#6c6ccf,#1c136a);border:none;border-radius:8px;box-shadow:0 5px 15px #43e97b4d;color:#fff;cursor:pointer;font-size:14px;font-weight:700;margin-bottom:15px;padding:12px;transition:all .3s ease;width:100%}.add-component-btn:hover{box-shadow:0 10px 25px #43e97b66;transform:translateY(-2px)}.menu-section{margin-bottom:20px}.menu-title{font-size:11px;margin-bottom:10px}.layers-list{display:flex;flex-direction:column;gap:6px}.layer-item{background:#f8f9ff;border:2px solid #0000;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px;transition:all .2s}.layer-item:hover{background:#f0f4ff;border-color:#e2e8f0}.layer-item.selected{background:#f0f4ff;border-color:#667eea}.layer-info{align-items:center;display:flex;gap:10px}.layer-icon{color:#667eea;font-size:18px}.layer-name{color:#1a1a2e;font-size:13px;font-weight:600}.layer-index{color:#94a3b8}.layer-actions{display:flex;gap:4px}.layer-actions button{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;transition:all .2s;width:28px}.layer-actions button:hover{background:#667eea;color:#fff}.layer-actions button:disabled{cursor:not-allowed;opacity:.4}.layer-actions button:disabled:hover{background:#f1f5f9;color:#64748b}.layer-action-btn.lock{color:#94a3b8}.layer-action-btn.lock:hover{background:#f59e0b;color:#fff}.layer-action-btn.lock.active{color:#ef4444}.layer-action-btn.lock.active:hover{background:#22c55e;color:#fff}.layer-item.locked{background:#fef2f2;border-color:#fecaca}.layer-item.locked:hover{background:#fee2e2;border-color:#fca5a5}.layer-item.locked.selected{border-color:#ef4444}.locked-badge{background:#ef4444;border-radius:4px;color:#fff;display:inline-block;font-size:9px;font-weight:700;margin-left:6px;padding:2px 6px;text-transform:uppercase}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#f1f5f9}.sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#667eea}.empty-layers{opacity:.6;padding:30px 20px}.empty-icon{font-size:40px;margin-bottom:10px}.empty-text{font-size:13px;margin-bottom:5px}.empty-hint{font-size:11px}.sidebar-stats{display:flex;margin-top:15px}.stat-item{background:#f8f9ff;flex:1 1}.stat-label{color:#94a3b8;font-size:10px;margin-bottom:4px}.stat-value{font-size:16px}.layer-count{background:#667eea1a;color:#667eea}@media (max-width:768px){.sidebar{border-bottom:1px solid #e2e8f0;border-right:none;width:100%}.logo-section{padding:10px 12px}.brand-icon{border-radius:8px;height:30px;width:30px}.brand-name{font-size:15px}.sidebar-content{padding:15px}.sidebar-project-section{margin-bottom:12px;padding:10px}.sidebar-project-input{font-size:12px;padding:7px 9px}.sidebar-status-badge{font-size:9px;padding:3px 6px}.sidebar-status-dot{height:4px;width:4px}.quick-action-btn{font-size:11px;padding:8px 6px}.add-component-btn{font-size:13px;padding:10px}.layer-item{padding:8px 10px}.layer-icon{font-size:16px}.layer-name{font-size:12px}}@media (max-width:480px){.logo-section{gap:6px;padding:10px}.brand-icon{height:28px;width:28px}.brand-name{font-size:14px}.sidebar-content{padding:12px}.sidebar-project-section{padding:8px}.project-icon-small{font-size:12px}.project-label{font-size:9px}.sidebar-project-input{font-size:11px;padding:6px 8px}.sidebar-status-badge{font-size:8px}}.timeline-panel{align-items:stretch;background:#fff;border-top:1px solid #e2e8f0;box-shadow:0 -2px 8px #0000000d;display:flex;flex-direction:row;flex-shrink:0;height:96px;max-height:96px;min-height:96px;overflow:hidden;width:100%}.filmstrip-label-col{align-items:center;background:#f8f9ff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;flex-shrink:0;gap:3px;justify-content:center;min-width:76px;padding:8px 4px;width:76px}.filmstrip-title{color:#64748b;font-size:10px;font-weight:700;letter-spacing:.8px;text-align:center;text-transform:uppercase}.filmstrip-count{color:#667eea;font-size:18px;font-weight:700;line-height:1}.filmstrip-size{color:#94a3b8;font-size:8px;font-weight:500;letter-spacing:.2px;text-align:center}.pages-scroll-track{align-items:center;display:flex;flex:1 1;flex-direction:row;gap:8px;overflow-x:auto;overflow-y:hidden;padding:8px 12px;scroll-behavior:smooth}.pages-scroll-track::-webkit-scrollbar{height:4px}.pages-scroll-track::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.pages-scroll-track::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.pages-scroll-track::-webkit-scrollbar-thumb:hover{background:#667eea}.page-thumb{align-items:center;background:#f8f9ff;border:2px solid #0000;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;padding:3px;position:relative;transition:all .18s ease;-webkit-user-select:none;user-select:none;width:56px}.page-thumb:hover{background:#f0f4ff;border-color:#c4b5fd}.page-thumb.active{background:#eef2ff;border-color:#667eea;box-shadow:0 0 0 1px #667eea33}.page-thumb.dragging{opacity:.45;transform:scale(.92)}.thumb-index{align-items:center;background:#0000008c;border-radius:4px;color:#fff;display:flex;font-size:9px;font-weight:700;height:16px;justify-content:center;left:5px;line-height:1;position:absolute;top:5px;width:16px;z-index:2}.page-thumb.active .thumb-index{background:#667eea}.thumb-preview{background:#e2e8f0;border:1px solid #0000000f;border-radius:4px;flex-shrink:0;height:52px;overflow:hidden;width:100%}.thumb-footer{align-items:center;display:flex;gap:2px;justify-content:space-between;margin-top:3px;width:100%}.thumb-name{color:#64748b;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thumb-meta,.thumb-name{font-size:8px;font-weight:600}.thumb-meta{color:#667eea;flex-shrink:0}.thumb-actions{display:flex;flex-direction:column;gap:2px;opacity:0;position:absolute;right:3px;top:3px;transition:opacity .15s ease;z-index:3}.page-thumb:hover .thumb-actions{opacity:1}.thumb-btn{align-items:center;background:#fffffff2;border:1px solid #e2e8f0;border-radius:3px;color:#64748b;cursor:pointer;display:flex;font-size:9px;font-weight:600;height:16px;justify-content:center;line-height:1;padding:0;transition:all .15s;width:16px}.thumb-btn:hover{background:#667eea;border-color:#667eea;color:#fff;transform:scale(1.1)}.thumb-btn-delete:hover{background:#ef4444;border-color:#ef4444}.filmstrip-add-btn{align-items:center;background:#0000;border:2px dashed #cbd5e1;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:4px;height:76px;justify-content:center;margin-left:4px;transition:all .18s ease;width:56px}.filmstrip-add-btn:hover{background:#f0f4ff;border-color:#667eea;color:#667eea;transform:scale(1.04)}.filmstrip-add-icon{font-size:20px;font-weight:300;line-height:1}.filmstrip-add-label{font-size:8px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}@media (max-width:768px){.timeline-panel{height:80px!important;max-height:80px!important;min-height:80px!important}.filmstrip-label-col{min-width:52px!important;width:52px!important}.filmstrip-count{font-size:14px}.filmstrip-size{display:none}.page-thumb{width:46px}.thumb-preview{height:40px}.filmstrip-add-btn{height:62px;width:46px}.filmstrip-add-icon{font-size:16px}}.rotation-handle{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #fff;border-radius:50%;box-shadow:0 3px 10px #667eea66;cursor:grab;display:flex;height:28px;justify-content:center;position:absolute;transform:translateZ(0);transition:all .2s ease;-webkit-user-select:none;user-select:none;width:28px;will-change:transform;z-index:15}.rotation-handle-icon{animation:rotate360 3s linear infinite;color:#fff;pointer-events:none}.rotation-handle-top{left:50%;top:-35px;transform:translateX(-50%) translateZ(0)}.rotation-handle-top-left{left:-35px;top:-35px}.rotation-handle-top-right{right:-14px;top:-35px}.rotation-handle:hover{background:linear-gradient(135deg,#5568d3,#6438a0);box-shadow:0 4px 14px #667eea80;transform:translateX(-50%) scale(1.15) translateZ(0)}.rotation-handle-top-left:hover,.rotation-handle-top-right:hover{transform:scale(1.15) translateZ(0)}.rotation-handle:active{box-shadow:0 2px 8px #667eea99;cursor:grabbing;transform:translateX(-50%) scale(1.05) translateZ(0)}.rotation-handle-top-left:active,.rotation-handle-top-right:active{transform:scale(1.05) translateZ(0)}@keyframes handlePulse{0%,to{box-shadow:0 3px 10px #667eea66;transform:translateX(-50%) scale(1) translateZ(0)}50%{box-shadow:0 4px 14px #667eea99;transform:translateX(-50%) scale(1.1) translateZ(0)}}.rotation-handle{animation:handlePulse 1s ease-in-out 1}@keyframes rotate360{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.rotation-handle:hover .rotation-handle-icon{animation-play-state:paused}.rotation-handle.small{height:22px;width:22px}.rotation-handle.small .rotation-handle-icon{height:12px;width:12px}.rotation-handle.small.rotation-handle-top{top:-30px}.rotation-handle.large{height:34px;width:34px}.rotation-handle.large .rotation-handle-icon{height:20px;width:20px}.rotation-handle.large.rotation-handle-top{top:-40px}.rotation-handle.primary{background:linear-gradient(135deg,#667eea,#764ba2)}.rotation-handle.success{background:linear-gradient(135deg,#43e97b,#38f9d7)}.rotation-handle.warning{background:linear-gradient(135deg,#ffd89b,#19547b)}.rotation-handle.danger{background:linear-gradient(135deg,#f093fb,#f5576c)}@media (max-width:768px){.rotation-handle{border-width:3px;height:32px;width:32px}.rotation-handle-icon{height:18px;width:18px}.rotation-handle-top{top:-38px}.rotation-handle:before{border-radius:50%;content:"";inset:-8px;position:absolute}}@media (prefers-color-scheme:dark){.rotation-handle{border-color:#1e293b;box-shadow:0 3px 10px #0009}.rotation-handle:hover{box-shadow:0 4px 14px #000000b3}}@media (prefers-contrast:high){.rotation-handle{border-color:#000;border-width:3px}}@media (prefers-reduced-motion:reduce){.rotation-handle{animation:none;transition:none}.rotation-handle-icon{animation:none}}.rotation-handle:focus-visible{outline:3px solid #667eea;outline-offset:2px}.rotation-handle.show-line:after{background:linear-gradient(180deg,#667eea,#0000);content:"";height:7px;left:50%;pointer-events:none;position:absolute;top:100%;transform:translateX(-50%);width:2px}.rotation-handle.dragging{box-shadow:0 4px 16px #667eeab3;cursor:grabbing;transform:translateX(-50%) scale(1.1) translateZ(0)}.rotation-handle-top-left.dragging,.rotation-handle-top-right.dragging{transform:scale(1.1) translateZ(0)}.rotation-handle.dragging .rotation-handle-icon{animation-duration:.5s;animation-play-state:running}.canvas-area{background:#f8f9ff}.canvas-sizer{padding:30px}.canvas-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 25px 80px #667eea26}.preview-canvas{display:block}.draggable-component{transition:outline .2s;-webkit-user-select:none;user-select:none}.draggable-component.selected{outline:2px solid #667eea;outline-offset:4px}.draggable-component img{pointer-events:none;-webkit-user-select:none;user-select:none}.component-handle{background:#667eea;border-radius:4px;box-shadow:0 5px 15px #667eea4d;color:#fff;font-size:10px;font-weight:600;left:50%;opacity:0;padding:4px 12px;pointer-events:none;position:absolute;top:-25px;transform:translateX(-50%);transition:opacity .2s;white-space:nowrap}.draggable-component.selected .component-handle,.draggable-component:hover .component-handle{opacity:1}.rh{background:#fff;border:2px solid #667eea;box-shadow:0 1px 5px #667eea66;opacity:0;position:absolute;transition:opacity .15s,transform .1s;z-index:100}.draggable-component.selected .rh,.draggable-component:hover .rh{opacity:1}.rh:hover{background:#eef1ff;transform:scale(1.25)}.rh-corner{border-radius:50%;height:12px;width:12px}.rh-nw{cursor:nw-resize;left:-6px;top:-6px}.rh-ne{cursor:ne-resize;right:-6px;top:-6px}.rh-sw{bottom:-6px;cursor:sw-resize;left:-6px}.rh-se{bottom:-6px;cursor:se-resize;right:-6px}.rh-edge-h{border-radius:4px;height:8px;width:22px}.rh-edge-v{border-radius:4px;height:22px;width:8px}.rh-n{cursor:n-resize;top:-4px}.rh-n,.rh-s{left:50%;transform:translateX(-50%)}.rh-s{bottom:-4px;cursor:s-resize}.rh-w{cursor:w-resize;left:-4px}.rh-e,.rh-w{top:50%;transform:translateY(-50%)}.rh-e{cursor:e-resize;right:-4px}.rh-n:hover,.rh-s:hover{transform:translateX(-50%) scale(1.2)}.rh-e:hover,.rh-w:hover{transform:translateY(-50%) scale(1.2)}.draggable-component.locked{cursor:not-allowed!important}.draggable-component.locked:after{background:repeating-linear-gradient(45deg,#0000,#0000 10px,#667eea08 0,#667eea08 20px);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.lock-indicator{align-items:center;background:#ef4444;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 6px #ef444466;color:#fff;display:flex;height:20px;justify-content:center;position:absolute;right:-8px;top:-8px;width:20px;z-index:101}.draggable-component.locked.selected{outline-color:#ef4444}.canvas-area{background:#b7b8be;display:block;flex:1 1;overflow:auto;padding:0;position:relative}.canvas-wrapper{transition:transform .2s ease}.preview-canvas{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000001a;overflow:hidden;position:relative}.zoom-controls{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border:1px solid #e2e8f0e6;border-radius:20px;bottom:16px;box-shadow:0 2px 10px #0000002e;display:flex;gap:4px;position:absolute;right:16px;z-index:200}.zoom-controls.collapsed{padding:3px}.zoom-controls.expanded{padding:4px 6px}.zoom-pill{background:#667eea1a!important;border-color:#667eea4d!important;border-radius:16px!important;color:#667eea!important;font-size:11px!important;font-weight:700!important;height:26px!important;padding:0 10px!important;width:auto!important}.zoom-pill:hover{background:#667eea!important;border-color:#667eea!important;box-shadow:none!important;color:#fff!important;transform:none!important}.zoom-toggle{background:#f1f5f9!important;border-color:#e2e8f0!important;border-radius:50%!important;color:#94a3b8!important;flex-shrink:0;font-size:9px!important;height:20px!important;width:20px!important}.zoom-toggle:hover{background:#fee2e2!important;border-color:#fca5a5!important;box-shadow:none!important;color:#ef4444!important;transform:none!important}.zoom-btn{align-items:center;background:#f8f9ff;border:1px solid #e2e8f0;border-radius:6px;color:#1a1a2e;cursor:pointer;display:flex;font-size:13px;font-weight:700;height:26px;justify-content:center;transition:all .15s ease;-webkit-user-select:none;user-select:none;width:26px}.zoom-btn:hover{background:#667eea;border-color:#667eea;box-shadow:0 2px 8px #667eea4d;color:#fff;transform:translateY(-1px)}.zoom-btn:active{transform:translateY(0)}.zoom-btn.fit{font-size:10px;font-weight:600;letter-spacing:.5px;padding:0 8px;width:auto}.zoom-level{align-items:center;color:#64748b;display:flex;justify-content:center;min-width:36px;padding:0 6px;-webkit-user-select:none;user-select:none}.canvas-info,.zoom-level{font-size:11px;font-weight:600}.canvas-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000bf;border-radius:8px;box-shadow:0 2px 8px #0003;color:#fff;left:50%;letter-spacing:.5px;padding:6px 14px;pointer-events:none;position:absolute;top:20px;transform:translateX(-50%);z-index:90}.canvas-area::-webkit-scrollbar{height:10px;width:10px}.canvas-area::-webkit-scrollbar-track{background:#f1f5f9;border-radius:5px}.canvas-area::-webkit-scrollbar-thumb{background:#cbd5e1;border:2px solid #f1f5f9;border-radius:5px}.canvas-area::-webkit-scrollbar-thumb:hover{background:#667eea}@media (max-width:768px){.preview-canvas{background:#fff!important;border-radius:8px!important;box-shadow:0 4px 12px #0000001a!important;overflow:hidden!important;touch-action:pan-x pan-y pinch-zoom!important}.canvas-info{display:none!important}.zoom-controls{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#fffffffa!important;border-radius:8px!important;bottom:72px!important;box-shadow:0 2px 12px #00000026!important;display:flex!important;gap:3px!important;left:50%!important;padding:3px!important;position:fixed!important;right:auto!important;transform:translateX(-50%)!important;z-index:900!important}.zoom-btn{font-size:14px!important;height:30px!important;padding:0!important;width:30px!important}.zoom-btn.fit{font-size:11px!important;padding:0 8px!important;width:auto!important}.zoom-level{font-size:11px!important;min-width:38px!important;padding:0 6px!important}.zoom-divider{display:none!important}.canvas-area::-webkit-scrollbar{height:6px!important;width:6px!important}.canvas-area::-webkit-scrollbar-track{background:#0000!important}.canvas-area::-webkit-scrollbar-thumb{background:#cbd5e180!important;border-radius:3px!important}}.canvas-wrapper.zooming{transition:transform .3s cubic-bezier(.4,0,.2,1)!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.zoom-controls{animation:fadeInUp .3s ease}.canvas-wrapper,.preview-canvas,.zoom-controls{-webkit-user-select:none;user-select:none}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.preview-canvas{box-shadow:0 4px 24px #0000001f}.zoom-controls{box-shadow:0 2px 16px #0000002e}}@media (hover:none) and (pointer:coarse){.zoom-btn{min-height:44px;min-width:44px}.zoom-btn:hover{background:#f8f9ff;color:#1a1a2e;transform:none}}.zoom-btn:focus-visible{outline:2px solid #667eea;outline-offset:2px}.zoom-level:focus-visible{border-radius:4px;outline:2px solid #667eea;outline-offset:2px}.margin-guides{inset:0;pointer-events:none;position:absolute;z-index:50}.margin-guide{background:#0000;position:absolute}.margin-guide.horizontal{background:repeating-linear-gradient(90deg,#667eea 0,#667eea 4px,#0000 0,#0000 8px);height:1px}.margin-guide.vertical{background:repeating-linear-gradient(180deg,#667eea 0,#667eea 4px,#0000 0,#0000 8px);width:1px}.margin-guide.center{background:repeating-linear-gradient(90deg,#ef4444 0,#ef4444 4px,#0000 0,#0000 8px)}.margin-guide.vertical.center{background:repeating-linear-gradient(180deg,#ef4444 0,#ef4444 4px,#0000 0,#0000 8px)}.margin-label{background:#ffffffe6;border-radius:3px;color:#667eea;font-size:9px;font-weight:600;padding:1px 4px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap}.margin-label.left{transform:translateY(-50%) rotate(-90deg)}.zoom-divider{background:#e2e8f0;height:20px;margin:0 4px;width:1px}.zoom-btn.guides{font-size:14px}.zoom-btn.guides.active{background:#667eea;border-color:#667eea;color:#fff}.margin-select{background:#f8f9ff;border:1px solid #e2e8f0;border-radius:6px;color:#1a1a2e;cursor:pointer;font-size:11px;font-weight:600;height:32px;outline:none;padding:0 8px}.margin-select:hover{border-color:#667eea}.margin-select:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33}@media (max-width:768px){.margin-select{font-size:12px!important;height:36px!important;padding:0 10px!important}.zoom-divider{height:24px!important}.margin-label{font-size:8px!important}}@media (prefers-color-scheme:dark){.canvas-area{background:#1a1a2e}.zoom-controls{background:#1e1e2ef2;border-color:#64748b4d}.zoom-btn{background:#252538;border-color:#3a3a52;color:#e2e8f0}.zoom-btn:hover{background:#667eea;color:#fff}.canvas-area::-webkit-scrollbar-track{background:#1a1a2e}.canvas-area::-webkit-scrollbar-thumb{background:#3a3a52}}.properties-panel{background:#fff;border-left:1px solid #e2e8f0;display:flex;flex-direction:column;overflow-y:auto;width:260px}.properties-header{background:#f8f9ff;border-bottom:1px solid #e2e8f0;padding:8px 12px}.properties-title{color:#1a1a2e;font-size:12px;font-weight:700}.properties-content{padding:10px}.property-section{margin-bottom:10px}.section-title{color:#1a1a2e;font-size:11px;gap:6px}.form-group,.section-title{margin-bottom:6px}.form-label{font-size:11px;font-weight:500;margin-bottom:3px}.form-input,.form-select,.form-textarea{background:#fff;border:1.5px solid #e2e8f0;border-radius:6px;color:#1a1a2e;font-family:Hind Siliguri,sans-serif;font-size:12px;padding:5px 8px;transition:all .2s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23667eea' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.form-select:hover{background-color:#f0f4ff}.form-select option{background:#fff;color:#1a1a2e;font-weight:500;padding:12px}.form-select option:checked,.form-select option:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.form-textarea{min-height:80px}.color-input{border:1.5px solid #e2e8f0;border-radius:6px;cursor:pointer;height:32px;padding:2px}.range-input{appearance:none;height:4px;margin:4px 0}.range-input::-webkit-slider-thumb{border:2px solid #fff;box-shadow:0 1px 4px #667eea4d;height:14px;-webkit-transition:all .2s;transition:all .2s;width:14px}.range-input::-webkit-slider-thumb:hover{background:#764ba2;transform:scale(1.15)}.range-input::-moz-range-thumb{border:2px solid #fff;box-shadow:0 1px 4px #667eea4d;height:14px;width:14px}.range-value{background:#e2e8f0;border-radius:4px;font-size:12px;margin-left:10px;min-width:50px;padding:4px 10px;text-align:center}.file-input-wrapper{overflow:hidden;position:relative}.file-input-btn{background:#f8f9ff;border:2px dashed #667eea;border-radius:6px;color:#64748b;cursor:pointer;display:block;font-size:11px;font-weight:600;padding:7px;text-align:center;transition:all .2s ease;width:100%}.file-input-btn:hover{background:#f0f4ff;border-color:#764ba2;color:#1a1a2e}.file-input{display:none}.image-preview{background:#f1f5f9;border:2px solid #e2e8f0;border-radius:6px;display:none;height:120px;margin-top:10px;overflow:hidden;position:relative;width:100%}.image-preview.show{display:block}.image-preview img,.image-preview video{height:100%;object-fit:cover;width:100%}.image-preview-remove{align-items:center;background:#f5576ce6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;position:absolute;right:5px;top:5px;transition:all .2s;width:24px}.image-preview-remove:hover{background:#f5576c;transform:scale(1.1)}.animation-grid{grid-template-columns:repeat(2,1fr);margin-top:10px}.animation-option{background:#f8f9ff;border-radius:6px;padding:10px}.animation-option:hover{color:#1a1a2e;transform:translateY(-1px)}.animation-option.selected{border-color:#764ba2}.transition-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);margin-top:10px}.transition-option{background:#f8f9ff;border:2px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;font-size:11px;font-weight:600;padding:8px;text-align:center;transition:all .2s ease}.transition-option:hover{background:#f0f4ff;border-color:#667eea;color:#1a1a2e;transform:translateY(-1px)}.transition-option.selected{background:#667eea;border-color:#764ba2;color:#fff}.btn{border-radius:6px;color:#fff;font-family:inherit;font-size:11px;font-weight:600;gap:5px;padding:6px 12px}.btn-secondary{background:#e2e8f0;color:#64748b}.btn-secondary:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.properties-panel::-webkit-scrollbar{width:6px}.properties-panel::-webkit-scrollbar-track{background:#f1f5f9}.properties-panel::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.properties-panel::-webkit-scrollbar-thumb:hover{background:#667eea}.toggle-switch{display:inline-block;height:24px;position:relative;width:44px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#2d3548;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#667eea,#764ba2)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.btn-secondary:disabled:hover{background:#e2e8f0;color:#64748b;transform:none}.upload-error-msg{align-items:flex-start;background:#fff5f5;border:1px solid #feb2b2;border-radius:8px;color:#c53030;display:flex;font-size:12px;gap:6px;line-height:1.4;margin-top:8px;padding:8px 12px}.upload-error-msg span{flex-shrink:0;font-size:14px}.preset-toggle-btn{background:none;border:none;color:#667eea;cursor:pointer;font-size:20px;font-weight:700;margin-left:auto;padding:0;transition:transform .2s ease}.preset-toggle-btn:hover{transform:scale(1.2)}.presets-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));margin-top:12px}.preset-card{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:12px 8px;transition:all .2s ease}.preset-card:hover{background:#f0f4ff;border-color:#667eea;box-shadow:0 4px 12px #667eea33;transform:translateY(-2px)}.preset-icon{color:#667eea;font-size:20px;font-weight:700;margin-bottom:4px}.preset-name{color:#64748b;font-size:10px;font-weight:600;line-height:1.2;text-align:center}.font-picker-btn{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:12px 16px;transition:all .2s ease;width:100%}.font-picker-btn:hover{background:#f0f4ff;border-color:#667eea}.font-picker-preview{color:#1e293b;font-size:16px;font-weight:500}.font-picker-arrow{color:#94a3b8;font-size:12px}.font-picker-dropdown{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 40px #00000026;display:flex;flex-direction:column;left:0;margin-top:8px;max-height:400px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.font-category-tabs{background:#f8fafc;border-bottom:2px solid #e2e8f0;display:flex}.font-category-tab{background:none;border:none;border-bottom:3px solid #0000;color:#64748b;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px;transition:all .2s ease}.font-category-tab:hover{background:#f0f4ff;color:#667eea}.font-category-tab.active{background:#fff;border-bottom-color:#667eea;color:#667eea}.font-list{max-height:320px;overflow-y:auto;padding:8px}.font-list::-webkit-scrollbar{width:8px}.font-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.font-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.font-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.font-item{align-items:center;background:none;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:12px;margin-bottom:4px;padding:12px;transition:all .2s ease;width:100%}.font-item:hover{background:#f8fafc;border-color:#e2e8f0}.font-item.selected{background:#f0f4ff;border-color:#667eea}.font-preview{font-size:24px;font-weight:600;min-width:50px;text-align:center}.font-name{color:#1e293b;flex:1 1;font-size:14px;font-weight:500;text-align:left}.button-group{display:flex;flex-wrap:wrap;gap:6px}.btn-group-item{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;flex:1 1 auto;font-size:11px;font-weight:600;max-width:100%;min-width:50px;overflow:hidden;padding:8px 6px;text-align:center;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}.btn-group-item:hover{background:#f0f4ff;border-color:#667eea;color:#667eea}.btn-group-item.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 2px 8px #667eea4d;color:#fff}.button-group.four-cols .btn-group-item{flex-basis:calc(25% - 5px);flex-grow:0;flex-shrink:0;min-width:0;min-width:auto}.color-input-group{align-items:center;display:flex;gap:10px}.color-input-swatch{border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;height:40px;transition:all .2s ease;width:50px}.color-input-swatch:hover{border-color:#667eea;transform:scale(1.05)}.color-input-hex{border:2px solid #e2e8f0;border-radius:8px;flex:1 1;font-family:Courier New,monospace;font-size:14px;font-weight:600;padding:10px 12px;text-transform:uppercase;transition:all .2s ease}.color-input-hex:focus{background:#f0f4ff;border-color:#667eea;outline:none}.shadow-controls,.stroke-controls{border:2px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:12px}.shadow-control-row,.stroke-control-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:80px 1fr 50px}.shadow-control-row label,.stroke-control-row label{color:#64748b;font-size:12px;font-weight:600}.shadow-control-row input[type=range],.stroke-control-row input[type=range]{width:100%}.shadow-control-row input[type=color],.stroke-control-row input[type=color]{border:2px solid #e2e8f0;border-radius:6px;cursor:pointer;height:35px;width:50px}.shadow-control-row span,.stroke-control-row span{color:#667eea;font-size:12px;font-weight:600;text-align:right}@media (max-width:768px){.presets-grid{grid-template-columns:repeat(3,1fr)}.button-group{flex-direction:column}.btn-group-item{min-width:100%}.shadow-control-row,.stroke-control-row{gap:8px;grid-template-columns:60px 1fr 40px}}.form-textarea{border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:14px;line-height:1.6;padding:12px;resize:vertical;transition:all .2s ease;width:100%}.form-textarea:focus{border-color:#667eea;outline:none}.section-title{align-items:center;color:#1e293b;display:flex;font-size:14px;font-weight:700;justify-content:space-between;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.animation-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.animation-option{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:11px;font-weight:600;line-height:1.3;padding:10px 8px;text-align:center;transition:all .2s ease}.animation-option:hover{background:#f0f4ff;border-color:#667eea;color:#667eea}.animation-option.selected{background:#667eea;border-color:#667eea;color:#fff}.range-input{-webkit-appearance:none;background:#e2e8f0;border-radius:3px;height:6px;outline:none;width:100%}.range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#667eea;border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #667eea4d;cursor:pointer;height:18px;width:18px}.range-input::-moz-range-thumb{background:#667eea;border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #667eea4d;cursor:pointer;height:18px;width:18px}.range-value{color:#667eea;display:inline-block;margin-left:8px;min-width:40px;text-align:right}.form-label,.range-value{font-size:13px;font-weight:600}.form-label{align-items:center;color:#64748b;display:flex;justify-content:space-between;margin-bottom:8px}.form-group{margin-bottom:16px;position:relative}.properties-content::-webkit-scrollbar{width:8px}.properties-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.properties-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.properties-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.tp-tabs{border-bottom:1px solid #e2e8f0;display:flex;gap:2px;padding:8px 10px 0}.tp-tab{background:none;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;flex:1 1;font-size:11px;font-weight:500;padding:6px 4px;transition:all .15s}.tp-tab:hover{color:#667eea}.tp-tab.active{border-bottom-color:#667eea;color:#667eea;font-weight:700}.tp-row{align-items:center;display:flex;justify-content:space-between;padding:5px 0}.tp-label{color:#475569;font-size:12px;font-weight:500;min-width:70px}.tp-ctrl{align-items:center;display:flex;flex:1 1;gap:6px;justify-content:flex-end}.tp-range{accent-color:#667eea;cursor:pointer;flex:1 1;max-width:110px}.tp-val{color:#64748b;font-size:11px;min-width:28px;text-align:right}.tp-color{border:none;border-radius:6px;cursor:pointer;height:28px;padding:0;width:32px}.tp-align-btns{display:flex;gap:3px}.tp-align-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;color:#475569;cursor:pointer;font-size:11px;padding:4px 8px;transition:all .12s}.tp-align-btn:hover{background:#e8ecff;border-color:#667eea}.tp-align-btn.active{background:#667eea;border-color:#667eea;color:#fff}.tp-struct-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-top:6px}.tp-struct-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;gap:6px;padding:8px}.tp-struct-label{color:#334155;font-size:12px;font-weight:600}.tp-struct-btns{display:flex;gap:4px}.tp-pm-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#334155;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;line-height:1;transition:all .12s;width:28px}.tp-pm-btn:hover:not(:disabled){background:#667eea;border-color:#667eea;color:#fff}.tp-pm-btn:disabled{cursor:not-allowed;opacity:.35}.tp-cell-grid{grid-gap:3px;display:grid;gap:3px;margin-top:6px}.tp-cell-input{background:#fff;border:1px solid #e2e8f0;border-radius:4px;box-sizing:border-box;color:#334155;font-size:11px;padding:4px 6px;width:100%}.tp-cell-input:focus{border-color:#667eea;outline:none}.tp-cell-input.tp-cell-header{background:#edf2ff;border-color:#c7d2fe;color:#3730a3;font-weight:600}.tp-cell-input.tp-cell-header:focus{border-color:#667eea}.modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:none;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal.show{display:flex}.modal-content{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 25px 50px #667eea40;max-height:90vh;max-width:550px;overflow:hidden;padding:0;width:90%}.modal-header{align-items:center;background:#f8f9ff;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;min-height:70px;padding:20px 24px}.modal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a1a2e,#667eea);-webkit-background-clip:text;background-clip:text;flex:1 1;font-size:20px;font-weight:800;gap:10px;line-height:1.2}.modal-close,.modal-title{align-items:center;display:flex;margin:0}.modal-close{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#667eea;cursor:pointer;flex-shrink:0;font-size:18px;height:36px;justify-content:center;line-height:1;padding:0;transition:all .3s ease;width:36px}.modal-close:hover{background:#667eea;border-color:#667eea;box-shadow:0 2px 8px #667eea4d;color:#fff;transform:rotate(90deg)}.export-form{background:#fff;max-height:calc(90vh - 88px);overflow-y:auto;padding:30px}.form-group{margin-bottom:24px}.form-group:last-child{margin-bottom:0}.form-label{color:#1a1a2e;display:block;font-size:14px;font-weight:700;letter-spacing:.3px;margin-bottom:10px}.form-select{background:#f8f9ff;border:2px solid #e2e8f0;border-radius:10px;color:#1a1a2e;cursor:pointer;font-size:15px;font-weight:500;outline:none;padding:14px 16px;transition:all .2s ease;width:100%}.form-select:focus,.form-select:hover{background:#fff;border-color:#667eea}.form-select:focus{box-shadow:0 0 0 4px #667eea1a}.form-select:disabled{background:#f1f5f9;cursor:not-allowed;opacity:.5}.form-group label[style*=flex]{overflow:hidden;position:relative}.form-group label[style*=flex]:before{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .2s ease}.form-group label[style*=flex]:hover:before{opacity:.05}.form-group input[type=radio]{accent-color:#667eea;cursor:pointer;flex-shrink:0;height:18px;width:18px}.export-form>div[style*=linear-gradient]{background:linear-gradient(135deg,#667eea,#764ba2)!important;overflow:hidden;position:relative}.export-form>div[style*=linear-gradient]:before{background:linear-gradient(135deg,#ffffff1a,#fff0);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.export-form>div[style*="#1a2332"]{background:#f8f9ff!important;border:1px solid #e2e8f0!important;position:relative}.btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-weight:700;gap:8px;justify-content:center;line-height:1;outline:none;overflow:hidden;padding:16px 24px;position:relative;transition:all .3s ease}.btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn:hover:before{height:300px;width:300px}.btn-success{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 5px 20px #667eea4d;color:#fff;position:relative;z-index:1}.btn-success:hover:not(:disabled){box-shadow:0 10px 25px #667eea66;transform:translateY(-2px)}.btn-success:active:not(:disabled){transform:translateY(0)}.btn-success:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.export-progress{background:#f8f9ff;border:2px solid #e2e8f0;border-radius:12px;margin-top:20px;padding:20px}.progress-bar{background:#e2e8f0;border-radius:6px;height:12px;width:100%}.progress-bar,.progress-fill{overflow:hidden;position:relative}.progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);height:100%;transition:width .3s ease}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#fff0,#ffffff4d 50%,#fff0);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.progress-text{color:#1a1a2e;font-size:14px;font-weight:600;margin-top:12px;text-align:center}.export-form::-webkit-scrollbar{width:8px}.export-form::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.export-form::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.export-form::-webkit-scrollbar-thumb:hover{background:#667eea}.export-form div[style*=color][style*="#666"],.export-form div[style*=color][style*="#8892b0"]{color:#64748b!important}.export-form div[style*=color][style*="#1a2332"]{color:#1a1a2e!important}@media (max-width:768px){.modal-content{max-width:95%;width:95%}.modal-header{min-height:60px;padding:16px 20px}.modal-title{font-size:18px;gap:8px}.modal-close{font-size:16px;height:32px;width:32px}.export-form{padding:24px}.form-group{margin-bottom:20px}}@media (max-width:480px){.modal-header{min-height:56px;padding:14px 16px}.modal-title{font-size:16px;gap:6px}.modal-close{font-size:14px;height:30px;width:30px}.export-form{padding:20px}.form-label{font-size:13px}.form-select{font-size:14px;padding:12px 14px}.btn{padding:14px 20px}}.component-type-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(3,1fr)}.component-type-card{border-radius:8px;padding:20px;text-align:center;transition:all .2s ease}.component-type-card:hover{background:#fff;box-shadow:0 5px 20px #667eea26;transform:translateY(-2px)}.component-type-icon{font-size:40px;margin-bottom:10px}.component-type-name{font-size:13px;font-weight:600}.layout-templates{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.layout-card{background:#f8f9ff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;padding:15px;transition:all .2s ease}.layout-card:hover{background:#fff;border-color:#667eea;box-shadow:0 5px 20px #667eea26}.layout-preview{align-items:center;aspect-ratio:9/16;background:#fff;border:2px solid #e2e8f0;border-radius:6px;display:flex;font-size:40px;justify-content:center;margin-bottom:10px;width:100%}.layout-name{color:#1a1a2e;font-size:13px;font-weight:600;text-align:center}.modal-large{max-height:80vh;max-width:700px}.component-categories{background:#f8f9ff;border-bottom:2px solid #e2e8f0;display:flex;gap:8px;overflow-x:auto;padding:0 20px 15px}.category-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 16px;transition:all .3s ease;white-space:nowrap}.category-tab span{font-size:18px}.category-tab:hover{background:#fff;color:#1a1a2e}.category-tab.active{background:#667eea1a;border-bottom-color:#667eea;color:#667eea}.component-type-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-height:450px;overflow-y:auto;padding:20px}.component-type-card{align-items:center;background:#f8f9ff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;min-height:120px;padding:20px 15px;transition:all .3s ease}.component-type-card:hover{background:#667eea0d;border-color:#667eea;box-shadow:0 8px 20px #667eea33;transform:translateY(-3px)}.component-type-icon{filter:drop-shadow(0 2px 4px rgba(102,126,234,.2));font-size:36px;margin-bottom:4px}.component-type-name{color:#1a1a2e;font-size:14px;font-weight:700;text-align:center}.component-type-description{color:#64748b;font-size:11px;line-height:1.3;text-align:center}.modal-footer-info{background:#f8f9ff;border-top:1px solid #e2e8f0;padding:12px 20px;text-align:center}.menu-title,.modal-footer-info small{color:#64748b;font-size:12px}.menu-title{align-items:center;display:flex;font-weight:700;justify-content:space-between;letter-spacing:.5px;margin-bottom:12px;padding:0 12px;text-transform:uppercase}.layer-count{background:#667eea;border-radius:10px;color:#fff;font-size:10px;font-weight:700;padding:2px 8px}.empty-layers{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.empty-icon{color:#cbd5e1;font-size:48px;margin-bottom:12px;opacity:.3}.empty-text{color:#64748b;font-size:14px;font-weight:600;margin-bottom:4px}.empty-hint{color:#94a3b8;font-size:12px}.layer-details{display:flex;flex-direction:column;gap:2px}.layer-index{color:#64748b;font-size:10px;font-weight:500}.layer-action-btn{background:#0000;border:none;border-radius:4px;color:#64748b;cursor:pointer;font-size:14px;padding:4px 6px;transition:all .2s ease}.layer-action-btn:hover{background:#667eea1a;color:#667eea;transform:scale(1.1)}.layer-action-btn.delete:hover{background:#ef44441a;color:#ef4444}.sidebar-stats{grid-gap:10px;background:#f8f9ff;border-top:1px solid #e2e8f0;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:auto;padding:15px 12px}.stat-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:10px}.stat-label{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:#667eea;font-size:18px;font-weight:700}.component-type-grid::-webkit-scrollbar{width:8px}.component-type-grid::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.component-type-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.component-type-grid::-webkit-scrollbar-thumb:hover{background:#667eea}.component-categories::-webkit-scrollbar{height:4px}.component-categories::-webkit-scrollbar-track{background:#f1f5f9}.component-categories::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}@media (max-width:768px){.modal-large{max-height:90vh;max-width:95%}.component-categories{padding:0 15px 10px}.category-tab{font-size:13px;padding:8px 12px}.category-tab span{font-size:16px}.component-type-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));padding:15px}.component-type-card{min-height:100px;padding:15px 10px}.component-type-icon{font-size:30px}.component-type-name{font-size:13px}.component-type-description{font-size:10px}}@media (max-width:480px){.component-type-grid{grid-template-columns:repeat(2,1fr)}}.layout-modal-content{max-height:85vh;max-width:800px}.template-categories{background:#f8f9ff;border-bottom:2px solid #e2e8f0;display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;padding:12px 20px}.template-categories::-webkit-scrollbar{height:4px}.template-categories::-webkit-scrollbar-track{background:#f1f5f9}.template-categories::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.template-categories .category-tab{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;display:flex;flex-direction:column;font-size:11px;font-weight:600;gap:4px;min-width:70px;padding:10px 14px;transition:all .3s ease;white-space:nowrap}.template-categories .category-tab .cat-icon{font-size:20px}.template-categories .category-tab .cat-name{font-family:Hind Siliguri,sans-serif;font-size:10px;font-weight:700}.template-categories .category-tab:hover{background:#667eea0d;border-color:#667eea;color:#667eea}.template-categories .category-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 4px 15px #667eea66;color:#fff}.layout-modal-content .layout-templates{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-height:calc(85vh - 180px);overflow-y:auto;padding:20px}.layout-modal-content .layout-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;padding:15px;transition:all .3s ease}.layout-modal-content .layout-card:hover{border-color:#667eea;box-shadow:0 10px 30px #667eea33;transform:translateY(-4px)}.layout-modal-content .layout-preview{align-items:center;aspect-ratio:9/16;background:linear-gradient(135deg,#f8f9ff,#e8ecff);border:2px solid #e2e8f0;border-radius:8px;display:flex;font-size:36px;justify-content:center;margin-bottom:12px;transition:all .3s ease;width:100%}.layout-modal-content .layout-card:hover .layout-preview{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000}.layout-modal-content .layout-info{text-align:center}.layout-modal-content .layout-name{color:#1a1a2e;font-family:Hind Siliguri,sans-serif;font-size:13px;font-weight:700;margin-bottom:2px}.layout-modal-content .layout-name-en{color:#64748b;font-size:10px;font-weight:500}.layout-modal-content .layout-templates::-webkit-scrollbar{width:8px}.layout-modal-content .layout-templates::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.layout-modal-content .layout-templates::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.layout-modal-content .layout-templates::-webkit-scrollbar-thumb:hover{background:#667eea}@media (max-width:768px){.layout-modal-content{max-height:90vh;max-width:95%}.template-categories{gap:8px;padding:10px 15px}.template-categories .category-tab{min-width:60px;padding:8px 10px}.template-categories .category-tab .cat-icon{font-size:18px}.template-categories .category-tab .cat-name{font-size:9px}.layout-modal-content .layout-templates{gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));padding:15px}.layout-modal-content .layout-preview{font-size:30px}.layout-modal-content .layout-name{font-size:12px}}@media (max-width:480px){.layout-modal-content .layout-templates{gap:10px;grid-template-columns:repeat(2,1fr)}.template-categories .category-tab{min-width:55px;padding:6px 8px}.template-categories .category-tab .cat-icon{font-size:16px}.template-categories .category-tab .cat-name{font-size:8px}}.save-project-usage{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;padding:8px 12px}.save-project-usage-row{align-items:center;color:#ffffff80;display:flex;font-size:.8rem;justify-content:space-between}.save-project-usage-row strong{color:#ffffffd9}.crop-modal-overlay{align-items:center;background:#000c;display:flex;inset:0;justify-content:center;overflow:hidden;position:fixed;z-index:9999}.crop-modal-content{background:#1a1a2e;border-radius:16px;box-shadow:0 25px 80px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;width:90%}.crop-modal-header{align-items:center;border-bottom:1px solid #2a2a4a;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.crop-modal-header h2{color:#fff;font-size:18px;font-weight:600;margin:0}.crop-modal-content .modal-close-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#888;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.crop-modal-content .modal-close-btn:hover{background:#2a2a4a;color:#fff}.crop-container{align-items:center;background:#0d0d1a;display:flex;flex:1 1 auto;justify-content:center;max-height:60vh;min-height:200px;overflow:hidden;position:relative;width:100%}.crop-image{display:block;max-height:100%;max-width:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.crop-load-error,.crop-loading{align-items:center;color:#888;display:flex;flex-direction:column;font-size:14px;gap:12px;justify-content:center;padding:32px;text-align:center}.crop-load-error-icon{font-size:36px;line-height:1}.crop-load-error p{color:#aaa;margin:0}.crop-err-skip-btn{background:#2a2a4a;border:1px solid #3a3a6a;border-radius:8px;color:#ccc;cursor:pointer;font-size:13px;margin-top:4px;padding:8px 18px;transition:background .15s}.crop-err-skip-btn:hover{background:#3a3a6a;color:#fff}.crop-spinner{animation:crop-spin .7s linear infinite;border:3px solid #2a2a4a;border-radius:50%;border-top-color:#667eea;height:32px;width:32px}@keyframes crop-spin{to{transform:rotate(1turn)}}.crop-overlay,.crop-overlay-dark{pointer-events:none;position:absolute}.crop-overlay-dark{background:#0000008c}.crop-selection{border:2px solid #667eea;cursor:move;position:absolute;touch-action:none}.crop-grid{inset:0;pointer-events:none;position:absolute}.crop-grid-line{background:#ffffff40;position:absolute}.crop-grid-line.horizontal{height:1px;left:0;right:0}.crop-grid-line.vertical{bottom:0;top:0;width:1px}.crop-handle{background:#667eea;border:2px solid #fff;border-radius:50%;height:22px;position:absolute;touch-action:none;width:22px;z-index:10}.crop-handle:hover{background:#8b9cf7;transform:scale(1.15)}.crop-handle.nw{cursor:nw-resize;left:-11px;top:-11px}.crop-handle.ne{cursor:ne-resize;right:-11px;top:-11px}.crop-handle.sw{bottom:-11px;cursor:sw-resize;left:-11px}.crop-handle.se{bottom:-11px;cursor:se-resize;right:-11px}.crop-info{align-items:center;background:#0d0d1a;border-top:1px solid #2a2a4a;display:flex;flex-shrink:0;justify-content:center;min-height:40px;padding:10px 20px}.crop-info span{color:#888;font-family:monospace;font-size:13px}.crop-validation-msg{align-items:center;color:#f87171;display:flex;font-size:13px;font-weight:500;gap:8px;line-height:1.4;text-align:center}.crop-validation-icon{flex-shrink:0;font-size:16px}.crop-modal-footer{border-top:1px solid #2a2a4a;display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:14px 20px}.crop-modal-footer .btn{border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 22px;transition:all .2s;white-space:nowrap}.crop-modal-footer .btn-secondary{background:#0000;border:1px solid #3a3a5a;color:#888}.crop-modal-footer .btn-secondary:hover{background:#2a2a4a;border-color:#4a4a6a;color:#fff}.crop-modal-footer .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.crop-modal-footer .btn-primary:hover:not(:disabled){box-shadow:0 4px 15px #667eea66;transform:translateY(-1px)}.crop-modal-footer .btn-primary:disabled{cursor:not-allowed;opacity:.45}@media (max-width:768px){.crop-modal-overlay{align-items:flex-end}.crop-modal-content{border-radius:20px 20px 0 0;max-height:92vh;max-width:100%;width:100%}.crop-container{max-height:58vh;min-height:220px;touch-action:none}.crop-handle{height:38px;width:38px}.crop-handle.nw{left:-19px;top:-19px}.crop-handle.ne{right:-19px;top:-19px}.crop-handle.sw{bottom:-19px;left:-19px}.crop-handle.se{bottom:-19px;right:-19px}.crop-modal-footer{flex-direction:column-reverse;gap:8px;padding:12px 16px 20px}.crop-modal-footer .btn{padding:14px;text-align:center;width:100%}.crop-info{padding:8px 16px}.crop-validation-msg{font-size:12px}}@media (max-width:380px){.crop-modal-header h2{font-size:15px}}.sp-root{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.sp-mode-bar{display:flex;flex-shrink:0;gap:6px;padding:10px 14px 6px}.sp-mode-btn{background:#f8f9ff;border:1.5px solid #e2e8f0;border-radius:20px;color:#64748b;cursor:pointer;flex:1 1;font-family:inherit;font-size:12px;font-weight:600;padding:7px 10px;transition:all .15s}.sp-mode-btn:hover{border-color:#667eea;color:#667eea}.sp-mode-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 2px 8px #667eea4d;color:#fff}.sp-search-row{align-items:center;display:flex;flex-shrink:0;gap:8px;padding:4px 14px 6px}.sp-search-icon{flex-shrink:0;font-size:14px}.sp-search{background:#f8f9ff;border:1.5px solid #e2e8f0;border-radius:20px;color:#1a1a2e;flex:1 1;font-family:inherit;font-size:13px;outline:none;padding:7px 14px;transition:border-color .15s}.sp-search:focus{background:#fff;border-color:#667eea}.sp-cats{display:flex;flex-shrink:0;gap:6px;overflow-x:auto;padding:0 14px 8px;scrollbar-width:none}.sp-cats::-webkit-scrollbar{display:none}.sp-cat{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;color:#64748b;cursor:pointer;flex-shrink:0;font-family:inherit;font-size:11px;font-weight:600;padding:4px 12px;transition:all .15s;white-space:nowrap}.sp-cat:hover{border-color:#667eea;color:#667eea}.sp-cat.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.sp-grid{grid-gap:6px;align-content:start;display:grid;flex:1 1;gap:6px;grid-template-columns:repeat(4,1fr);overflow-y:auto;padding:4px 14px 8px}.sp-grid::-webkit-scrollbar{width:4px}.sp-grid::-webkit-scrollbar-track{background:#0000}.sp-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.sp-item{align-items:center;aspect-ratio:1;background:#f8f9ff;border:1.5px solid #e8edf5;border-radius:10px;cursor:pointer;display:flex;justify-content:center;overflow:hidden;padding:4px;position:relative;transition:all .15s ease}.sp-item:hover{background:#f0f3ff;border-color:#667eea;box-shadow:0 4px 12px #667eea40;transform:scale(1.08);z-index:1}.sp-item img{height:100%;object-fit:contain;width:100%}.sp-item-custom{background:#0000;border-color:#0000;padding:0}.sp-item-custom:hover{box-shadow:none;transform:none}.sp-delete-btn,.sp-item-inner{align-items:center;background:#f8f9ff;border:1.5px solid #e8edf5;border-radius:10px;cursor:pointer;display:flex;height:100%;justify-content:center;padding:4px;position:relative;transition:all .15s ease;width:100%}.sp-item-inner:hover{background:#f0f3ff;border-color:#667eea;box-shadow:0 4px 12px #667eea40;transform:scale(1.08);z-index:1}.sp-delete-btn img,.sp-item-inner img{height:100%;object-fit:contain;width:100%}.sp-delete-btn{background:#fff1f2;border-color:#fecdd3}.sp-delete-btn:hover{background:#ffe4e6;border-color:#f5576c}.sp-delete-x{align-items:center;background:#f5576c;border-radius:50%;box-shadow:0 1px 4px #0003;color:#fff;display:flex;font-size:9px;font-weight:700;height:18px;justify-content:center;pointer-events:none;position:absolute;right:-6px;top:-6px;width:18px}.sp-custom-toolbar{align-items:center;display:flex;flex-shrink:0;gap:8px;padding:4px 14px 8px}.sp-upload-btn{background:#f5f7ff;border:1.5px dashed #667eea;border-radius:20px;color:#667eea;cursor:pointer;flex:1 1;font-family:inherit;font-size:12px;font-weight:700;padding:8px 14px;text-align:center;transition:all .15s}.sp-upload-btn:hover{background:#667eea;border-style:solid;color:#fff}.sp-delete-toggle{background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;color:#64748b;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;padding:8px 14px;transition:all .15s;white-space:nowrap}.sp-delete-toggle:hover{border-color:#f5576c;color:#f5576c}.sp-delete-toggle.active{background:#f5576c;border-color:#f5576c;color:#fff}.sp-custom-empty{align-items:center;color:#94a3b8;display:flex;flex:1 1;flex-direction:column;font-size:13px;gap:8px;justify-content:center;padding:30px 20px;text-align:center}.sp-custom-empty-icon{font-size:40px;margin-bottom:4px}.sp-custom-empty p{margin:0}.sp-custom-empty .sp-upload-btn{flex:none;margin-top:10px;padding:8px 24px}.sp-empty,.sp-error,.sp-loading{align-items:center;color:#94a3b8;display:flex;flex-direction:column;font-size:13px;gap:10px;grid-column:1/-1;justify-content:center;padding:40px 20px;text-align:center}.sp-spinner{animation:sp-spin .7s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:28px;width:28px}@keyframes sp-spin{to{transform:rotate(1turn)}}.sp-error{color:#f5576c}.sp-powered{border-top:1px solid #f1f5f9;color:#94a3b8;flex-shrink:0;font-size:10px;padding:4px 14px 6px;text-align:center}.sp-powered strong{color:#667eea}@media (max-width:480px){.sp-grid{grid-template-columns:repeat(3,1fr)}}.acm-modal{border-radius:14px;display:flex;flex-direction:column;height:620px;max-width:620px;overflow:hidden;padding:0;width:95%}.acm-header{align-items:center;background:#fff;border-bottom:1px solid #e8edf5;display:flex;flex-shrink:0;justify-content:space-between;padding:14px 18px}.acm-title{color:#1a1a2e;font-size:15px;font-weight:700;letter-spacing:-.2px}.acm-close{align-items:center;background:#f8f9ff;border:1.5px solid #e2e8f0;border-radius:7px;color:#64748b;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;transition:all .15s;width:28px}.acm-close:hover{background:#f5576c;border-color:#f5576c;color:#fff}.acm-tabs{background:#f8f9ff;border-bottom:1px solid #e8edf5;display:flex;flex-shrink:0;gap:4px;overflow-x:auto;padding:10px 14px;scrollbar-width:none}.acm-tabs::-webkit-scrollbar{display:none}.acm-tab{align-items:center;background:#0000;border:1.5px solid #0000;border-radius:20px;color:#64748b;cursor:pointer;display:flex;font-family:inherit;font-size:12px;font-weight:600;gap:5px;padding:5px 12px;transition:all .15s;white-space:nowrap}.acm-tab-icon{font-size:14px;line-height:1}.acm-tab:hover{background:#fff;border-color:#e2e8f0;color:#1a1a2e}.acm-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 2px 8px #667eea59;color:#fff}.acm-grid{grid-gap:8px;align-content:start;align-items:start;display:grid;flex:1 1;gap:8px;grid-template-columns:repeat(3,1fr);overflow-y:auto;padding:14px}.acm-grid::-webkit-scrollbar{width:4px}.acm-grid::-webkit-scrollbar-track{background:#0000}.acm-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.acm-card{align-items:center;background:#fff;border:1.5px solid #e8edf5;border-radius:10px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:7px;height:90px;justify-content:center;padding:12px 8px;transition:all .15s ease}.acm-card:hover{background:#f5f7ff;border-color:#667eea;box-shadow:0 4px 14px #667eea2e;transform:translateY(-2px)}.acm-card:active{transform:translateY(0)}.acm-card-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:22px;height:44px;justify-content:center;width:44px}.acm-card-name{color:#374151;font-size:11px;font-weight:600;line-height:1.2;text-align:center}.acm-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 1px 4px #667eea66;color:#fff;font-size:8px;font-weight:700;line-height:1.2;padding:2px 5px;position:absolute;right:-8px;top:-6px;white-space:nowrap}.acm-footer{background:#f8f9ff;border-top:1px solid #e8edf5;color:#94a3b8;flex-shrink:0;font-size:11px;padding:9px 14px;text-align:center}@media (max-width:480px){.acm-grid{grid-template-columns:repeat(2,1fr)}.acm-shape-grid{grid-template-columns:repeat(3,1fr)}}.acm-shapes-inline{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.acm-shape-subtabs{display:flex;flex-shrink:0;gap:4px;overflow-x:auto;padding:6px 14px 4px;scrollbar-width:none}.acm-shape-subtabs::-webkit-scrollbar{display:none}.acm-shape-subtab{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;color:#64748b;cursor:pointer;flex-shrink:0;font-family:inherit;font-size:11px;font-weight:600;padding:4px 10px;transition:all .15s;white-space:nowrap}.acm-shape-subtab:hover{border-color:#667eea;color:#667eea}.acm-shape-subtab.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.acm-shape-grid{grid-gap:6px;align-content:start;display:grid;flex:1 1;gap:6px;grid-template-columns:repeat(4,1fr);overflow-y:auto;padding:8px 14px 10px}.acm-shape-grid::-webkit-scrollbar{width:4px}.acm-shape-grid::-webkit-scrollbar-track{background:#0000}.acm-shape-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.acm-shape-item{align-items:center;background:#fff;border:1.5px solid #e8edf5;border-radius:10px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:5px;height:72px;justify-content:center;padding:9px 4px 7px;transition:all .15s ease}.acm-shape-item:hover{background:#f5f7ff;border-color:#667eea;box-shadow:0 3px 10px #667eea2e;transform:translateY(-1px)}.acm-shape-item:active{transform:translateY(0)}.acm-shape-thumb{align-items:center;display:flex;height:40px;justify-content:center;width:40px}.acm-shape-label{color:#374151;font-size:9px;font-weight:600;line-height:1.2;text-align:center}.acm-typo-list{display:flex;flex:1 1 auto;flex-direction:column;gap:4px;overflow-y:auto;padding:8px 14px 14px}.acm-typo-hint{color:#94a3b8;flex-shrink:0;font-size:11px;margin:2px 0 8px;text-align:center}.acm-typo-item{align-items:center;background:#fff;border:1.5px solid #e8edf5;border-radius:10px;cursor:pointer;display:flex;gap:10px;justify-content:space-between;min-height:48px;overflow:hidden;padding:10px 14px;text-align:left;transition:border-color .15s,background .15s,box-shadow .15s;width:100%}.acm-typo-item:hover{background:#f8f7ff;border-color:#667eea;box-shadow:0 2px 10px #667eea24}.acm-typo-item:active{transform:scale(.99)}.acm-typo-preview{flex:1 1 auto;min-width:0}.acm-typo-name{background:#f1f5f9;border-radius:5px;color:#94a3b8;flex-shrink:0;font-family:system-ui,sans-serif;font-size:10px;font-weight:600;padding:2px 7px;white-space:nowrap}.acm-typo-item:hover .acm-typo-name{background:#ede9fe;color:#667eea}.export-modal-container{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d;max-height:90vh;max-width:520px;overflow:hidden;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.export-modal-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:20px 24px}.export-modal-title{align-items:center;display:flex;gap:10px}.export-icon{color:#1e293b;font-size:20px;font-weight:700;letter-spacing:-.02em}.export-modal-close{align-items:center;background:#f8fafc;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.export-modal-close:hover{background:#fee2e2;color:#ef4444}.export-modal-content{max-height:calc(90vh - 80px);overflow-y:auto;padding:24px}.export-section{margin-bottom:24px}.export-section-label{color:#64748b;display:block;font-size:13px;font-weight:600;letter-spacing:.05em;margin-bottom:12px;text-transform:uppercase}.export-format-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.export-format-card{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:20px 16px;position:relative;transition:all .2s ease}.export-format-card:hover{background:#f1f5f9;border-color:#cbd5e1}.export-format-card.active{background:linear-gradient(135deg,#eff6ff,#f0fdf4);border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.format-card-icon{align-items:center;background:#fff;border-radius:12px;color:#64748b;display:flex;height:56px;justify-content:center;transition:all .2s ease;width:56px}.export-format-card.active .format-card-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d;color:#fff}.format-card-content{align-items:center;display:flex;flex-direction:column;gap:4px;text-align:center}.format-card-title{color:#1e293b;font-size:14px;font-weight:600}.format-card-desc{color:#94a3b8;font-size:12px}.format-card-check{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;height:24px;justify-content:center;position:absolute;right:10px;top:10px;width:24px}.export-options-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:24px}.export-option-group{display:flex;flex-direction:column;gap:8px}.export-option-label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.export-toggle-group{display:flex;flex-direction:column;gap:6px}.export-toggle-btn{align-items:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:10px 12px;transition:all .2s ease}.export-toggle-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.export-toggle-btn.active{background:#eff6ff;border-color:#3b82f6;color:#1e40af}.export-toggle-btn:disabled{cursor:not-allowed;opacity:.5}.export-toggle-btn svg{flex-shrink:0}.export-quality-options{display:flex;gap:10px}.export-quality-btn{align-items:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:4px;padding:14px 12px;position:relative;transition:all .2s ease}.export-quality-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.export-quality-btn.active{background:linear-gradient(135deg,#eff6ff,#f0fdf4);border-color:#3b82f6}.export-quality-btn:disabled{cursor:not-allowed;opacity:.5}.quality-label{color:#1e293b;font-size:14px;font-weight:600}.quality-scale{color:#94a3b8;font-size:12px}.quality-badge{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:20px;color:#fff;font-size:10px;font-weight:600;padding:2px 8px;position:absolute;right:-6px;top:-6px}.export-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:16px;padding:16px}.export-summary-header{align-items:center;border-bottom:1px solid #e2e8f0;color:#1e293b;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:14px;padding-bottom:12px}.export-summary-header svg{color:#f59e0b}.export-summary-items{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.summary-item{display:flex;flex-direction:column;gap:2px}.summary-label{color:#94a3b8;font-size:11px;font-weight:500;letter-spacing:.03em;text-transform:uppercase}.summary-value{color:#1e293b;font-size:13px;font-weight:600}.export-tip{align-items:center;background:#fef3c7;border-radius:10px;color:#92400e;display:flex;font-size:12px;gap:10px;margin-bottom:20px;padding:12px 14px}.export-tip svg{color:#f59e0b;flex-shrink:0}.export-tip strong{color:#78350f}.export-progress-section{margin-bottom:20px}.export-progress-bar{background:#e2e8f0;border-radius:4px;height:8px;overflow:hidden;width:100%}.export-progress-fill{background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:4px;height:100%;position:relative;transition:width .3s ease}.export-progress-fill:after{animation:progressShimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#fff6 50%,#0000);content:"";inset:0;position:absolute}@keyframes progressShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.export-progress-text{color:#64748b;font-size:13px;font-weight:500;margin-top:10px;text-align:center}.export-action-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:14px;box-shadow:0 4px 14px #3b82f659;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;padding:16px 24px;transition:all .3s ease;width:100%}.export-action-btn:hover:not(:disabled){box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.export-action-btn:active:not(:disabled){transform:translateY(0)}.export-action-btn:disabled{cursor:not-allowed}.export-action-btn.exporting{background:#94a3b8;box-shadow:none}.export-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:540px){.export-modal-container{border-radius:16px;max-width:95%}.export-modal-header{padding:16px 20px}.export-modal-content{padding:20px}.export-format-cards{grid-template-columns:1fr}.export-format-card{flex-direction:row;gap:16px;padding:16px}.format-card-icon{height:48px;width:48px}.format-card-content{align-items:flex-start;text-align:left}.export-options-grid{gap:20px;grid-template-columns:1fr}.export-quality-options{flex-direction:column}.export-summary-items{grid-template-columns:1fr 1fr}}@media (max-width:380px){.export-modal-content{padding:16px}.export-summary-items{grid-template-columns:1fr}.export-toggle-btn{font-size:12px;padding:8px 10px}}.export-modal-content::-webkit-scrollbar{width:6px}.export-modal-content::-webkit-scrollbar-track{background:#0000}.export-modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.export-modal-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.export-notice{align-items:center;border-radius:10px;display:flex;font-size:.8rem;gap:10px;justify-content:space-between;padding:10px 14px}.export-notice--warn{background:#fbbf241a;border:1px solid #fbbf2440;color:#fbbf24}.export-notice--error{background:#ef44441a;border:1px solid #ef444440;color:#f87171}.export-notice-btn{background:#fbbf2433;border:1px solid #fbbf244d;border-radius:6px;color:#fbbf24;cursor:pointer;font-size:.75rem;font-weight:600;padding:4px 12px;transition:background .15s ease;white-space:nowrap}.export-notice-btn:hover{background:#fbbf244d}.export-notice-link{color:#f87171;font-size:.75rem;font-weight:600;opacity:.85;text-decoration:none;white-space:nowrap}.export-notice-link:hover{opacity:1}.sm-overlay{align-items:center;animation:sm-fade .18s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}@keyframes sm-fade{0%{opacity:0}to{opacity:1}}.sm-modal{animation:sm-up .22s ease;background:#fff;border:1px solid #e8edf5;border-radius:14px;box-shadow:0 20px 60px #667eea38;display:flex;flex-direction:column;max-height:90vh;max-width:560px;overflow:hidden;width:92%}@keyframes sm-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.sm-header{align-items:center;background:#fff;border-bottom:1px solid #e8edf5;display:flex;flex-shrink:0;justify-content:space-between;padding:13px 18px}.sm-title{color:#1a1a2e;font-size:15px;font-weight:700;letter-spacing:-.2px}.sm-close{align-items:center;background:#f8f9ff;border:1.5px solid #e2e8f0;border-radius:7px;color:#64748b;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;transition:all .15s;width:28px}.sm-close:hover{background:#f5576c;border-color:#f5576c;color:#fff}.sm-tabs{background:#f8f9ff;border-bottom:1px solid #e8edf5;display:flex;flex-shrink:0;gap:4px;overflow-x:auto;padding:10px 14px;scrollbar-width:none}.sm-tabs::-webkit-scrollbar{display:none}.sm-tab{background:#0000;border:1.5px solid #0000;border-radius:20px;color:#64748b;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;padding:5px 14px;transition:all .15s;white-space:nowrap}.sm-tab:hover{background:#fff;border-color:#e2e8f0;color:#1a1a2e}.sm-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 2px 8px #667eea59;color:#fff}.sm-body{flex:1 1;overflow-y:auto;padding:14px}.sm-body::-webkit-scrollbar{width:4px}.sm-body::-webkit-scrollbar-track{background:#0000}.sm-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.sm-section{margin-bottom:12px}.sm-label{color:#64748b;display:block;font-size:11px;font-weight:600;margin-bottom:6px}.sm-shape-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.sm-shape-card{align-items:center;background:#f8f9ff;border:1.5px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:4px;padding:8px 4px;transition:all .15s}.sm-shape-card:hover{background:#fff;border-color:#667eea;box-shadow:0 3px 10px #667eea26;transform:translateY(-1px)}.sm-shape-card.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 3px 10px #667eea66;color:#fff}.sm-shape-icon{font-size:20px;line-height:1}.sm-shape-name{color:#64748b;font-size:10px;font-weight:600;line-height:1.2;text-align:center}.sm-shape-card.active .sm-shape-name{color:#fff}.sm-color-presets{display:flex;flex-wrap:wrap;gap:7px}.sm-color-swatch{align-items:center;background-image:linear-gradient(45deg,#ccc 25%,#0000 0),linear-gradient(-45deg,#ccc 25%,#0000 0),linear-gradient(45deg,#0000 75%,#ccc 0),linear-gradient(-45deg,#0000 75%,#ccc 0);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;border:2px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;height:28px;justify-content:center;position:relative;transition:all .15s;width:28px}.sm-color-swatch:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea4d;transform:scale(1.15)}.sm-color-swatch.active{border-color:#667eea;box-shadow:0 0 0 3px #667eea4d}.sm-none-label{background:#fff;border-radius:50%;color:#ef4444;font-size:14px;font-weight:700;height:18px;justify-content:center;line-height:1;width:18px}.sm-color-row,.sm-none-label{align-items:center;display:flex}.sm-color-row{gap:8px}.sm-color-picker-wrap{flex-shrink:0}.sm-color-picker-wrap input[type=color]{background:#f8f9ff;border:1.5px solid #e2e8f0;border-radius:6px;cursor:pointer;height:32px;padding:2px;width:36px}.sm-color-picker-wrap.disabled{opacity:.35;pointer-events:none}.sm-hex-input{background:#f8f9ff;border:1.5px solid #e2e8f0;border-radius:6px;color:#1a1a2e;flex:1 1;font-family:Courier New,monospace;font-size:12px;padding:5px 8px;transition:border-color .15s}.sm-hex-input:focus{background:#fff;border-color:#667eea;outline:none}.sm-none-btn{background:#f8f9ff;border:1.5px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;font-family:inherit;font-size:11px;font-weight:600;padding:5px 10px;transition:all .15s;white-space:nowrap}.sm-none-btn:hover{border-color:#ef4444;color:#ef4444}.sm-none-btn.active{background:#ef4444;border-color:#ef4444;color:#fff}.sm-row{display:flex;gap:12px;margin-bottom:0}.sm-row>.sm-section{margin-bottom:12px}.sm-range{-webkit-appearance:none;appearance:none;background:#e2e8f0;border-radius:2px;cursor:pointer;height:4px;outline:none;width:100%}.sm-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #fff;border-radius:50%;box-shadow:0 1px 4px #667eea80;cursor:pointer;height:14px;width:14px}.sm-range::-moz-range-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #fff;border-radius:50%;box-shadow:0 1px 4px #667eea80;cursor:pointer;height:14px;width:14px}.sm-border-color{flex-shrink:0;min-width:90px}.sm-color-full{background:#f8f9ff;border:1.5px solid #e2e8f0;border-radius:6px;cursor:pointer;height:32px;padding:2px;width:100%}.sm-presets{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px}.sm-preset-btn{background:#f8f9ff;border:1.5px solid #e2e8f0;border-radius:5px;color:#64748b;cursor:pointer;font-family:inherit;font-size:11px;font-weight:600;padding:3px 8px;transition:all .15s}.sm-preset-btn:hover{border-color:#667eea;color:#667eea}.sm-preset-btn.active{background:#667eea;border-color:#667eea;color:#fff}.sm-preview{align-items:center;background:repeating-conic-gradient(#e8edf5 0 25%,#f8f9ff 0 50%) 0 0 /16px 16px;border:1.5px solid #e2e8f0;border-radius:10px;display:flex;justify-content:center;min-height:130px;padding:20px}.sm-footer{background:#f8f9ff;border-top:1px solid #e8edf5;display:flex;flex-shrink:0;gap:8px;justify-content:flex-end;padding:12px 14px}.sm-btn{border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:7px 18px;transition:all .15s}.sm-btn-cancel{background:#fff;border:1.5px solid #e2e8f0;color:#64748b}.sm-btn-cancel:hover{border-color:#94a3b8;color:#1a1a2e}.sm-btn-add{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 3px 12px #667eea66;color:#fff}.sm-btn-add:hover{box-shadow:0 5px 16px #667eea8c;transform:translateY(-1px)}@media (max-width:480px){.sm-shape-grid{grid-template-columns:repeat(4,1fr)}.sm-row{flex-direction:column;gap:0}}