:root{--bg-primary:#0a0b10;--bg-card:#ffffff08;--border-card:#ffffff12;--border-focus:#818cf866;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--accent-purple:#818cf8;--accent-purple-glow:#818cf840;--accent-cyan:#06b6d4;--accent-cyan-glow:#06b6d440;--accent-gold:#fbbf24;--accent-gold-glow:#fbbf244d;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);background-image:radial-gradient(circle at 10% 20%,#818cf814 0%,#0000 40%),radial-gradient(circle at 90% 80%,#06b6d414 0%,#0000 40%);justify-content:center;align-items:flex-start;min-height:100vh;padding:16px;font-family:Outfit,sans-serif;display:flex}#app{flex-direction:column;gap:20px;width:100%;max-width:500px;margin:0 auto;padding-bottom:40px;display:flex}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-card);border-radius:var(--radius-lg);transition:var(--transition-smooth);padding:20px;box-shadow:0 8px 32px #0000005e}.glass-card:hover{border-color:#ffffff1f}.header{justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.logo-container{align-items:center;gap:8px;display:flex}.logo-icon{background:linear-gradient(135deg, var(--accent-purple), var(--accent-cyan));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;font-weight:800;display:flex;box-shadow:0 0 15px #818cf866}.logo-text{letter-spacing:.5px;background:linear-gradient(135deg,#fff,#9ca3af);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:20px;font-weight:700}.profile-badge{border:1px solid var(--border-card);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0d;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;display:flex}.profile-badge.premium{border-color:var(--accent-gold);color:var(--accent-gold);background:#fbbf2414}.profile-badge:active{transform:scale(.96)}.upload-zone{border-radius:var(--radius-md);cursor:pointer;text-align:center;transition:var(--transition-smooth);background:#ffffff03;border:2px dashed #ffffff26;flex-direction:column;justify-content:center;align-items:center;padding:30px 20px;display:flex;position:relative;overflow:hidden}.upload-zone.dragover,.upload-zone:hover{border-color:var(--accent-purple);box-shadow:0 0 20px var(--accent-purple-glow);background:#818cf80a}.upload-icon{transition:var(--transition-smooth);margin-bottom:12px;font-size:40px}.upload-zone:hover .upload-icon{transform:translateY(-4px)}.upload-text-main{margin-bottom:4px;font-size:16px;font-weight:600}.upload-text-sub{color:var(--text-secondary);font-size:13px}#file-input{display:none}.preview-container{flex-direction:column;gap:16px;width:100%;display:flex}.image-preview-wrapper{border-radius:var(--radius-md);aspect-ratio:4/3;border:1px solid var(--border-card);background:#12141c;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.image-preview{object-fit:contain;width:100%;height:100%;transition:var(--transition-smooth)}.image-preview.bg-white{object-fit:contain;background-image:url(/backgrounds/white.png);background-position:50%;background-size:cover}.image-preview.bg-wood{background-image:url(/backgrounds/wood.png);background-position:50%;background-size:cover}.image-preview.bg-loft{background-image:url(/backgrounds/loft.png);background-position:50%;background-size:cover}.image-preview.bg-beige{object-fit:contain;background-image:url(/backgrounds/beige.png);background-position:50%;background-size:cover}.remove-photo-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:32px;height:32px;transition:var(--transition-smooth);background:#0009;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex;position:absolute;top:10px;right:10px}.remove-photo-btn:hover{background:#dc2626cc;border-color:#dc2626}.bg-selector-title{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:14px;font-weight:600;display:flex}.bg-selector-options{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.bg-option{cursor:pointer;flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}.bg-thumb{aspect-ratio:1;width:100%;transition:var(--transition-smooth);background-position:50%;background-size:cover;border:2px solid #0000;border-radius:10px}.bg-option.active .bg-thumb{border-color:var(--accent-purple);box-shadow:0 0 10px var(--accent-purple-glow)}.bg-thumb-none{border:1px solid var(--border-card);color:#fff;background:#222;justify-content:center;align-items:center;font-size:20px;display:flex}.bg-thumb-white{background-image:url(/backgrounds/white.png);background-position:50%;background-size:cover}.bg-thumb-wood{background-image:url(/backgrounds/wood.png);background-position:50%;background-size:cover}.bg-thumb-loft{background-image:url(/backgrounds/loft.png);background-position:50%;background-size:cover}.bg-thumb-beige{background-image:url(/backgrounds/beige.png);background-position:50%;background-size:cover}.bg-name{color:var(--text-secondary);text-align:center;font-size:11px}.crown-badge{background:var(--accent-gold);color:#000;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;padding:2px;font-size:9px;display:flex;position:absolute;top:-4px;right:-4px}.skeleton-loader{flex-direction:column;gap:16px;padding:10px 0;display:flex}.skeleton-row{border-radius:var(--radius-sm);background:linear-gradient(90deg,#ffffff08 25%,#ffffff14 50%,#ffffff08 75%) 0 0/200% 100%;width:100%;height:36px;animation:1.5s infinite loading-shimmer}.skeleton-row.title{width:50%;height:20px}.skeleton-row.input{border-radius:var(--radius-md);height:48px}.skeleton-row.button{border-radius:var(--radius-lg);width:100%;height:50px}@keyframes loading-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.section-title{background:linear-gradient(135deg,#fff,#9ca3af);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:12px;font-size:16px;font-weight:700}.specs-form{flex-direction:column;gap:14px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-secondary);font-size:13px;font-weight:600}.spec-input{border:1px solid var(--border-card);border-radius:var(--radius-sm);color:var(--text-primary);transition:var(--transition-smooth);background:#ffffff08;padding:10px 14px;font-family:inherit;font-size:14px}.spec-input:focus{border-color:var(--accent-purple);box-shadow:0 0 8px var(--accent-purple-glow);background:#ffffff0d;outline:none}.spec-chips-container{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.spec-chip{border:1px solid var(--border-card);color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0a;border-radius:20px;justify-content:center;align-items:center;min-height:40px;margin-bottom:4px;padding:10px 16px;font-size:14px;display:inline-flex}.spec-chip:hover{color:var(--text-primary);background:#ffffff14}.spec-chip.active{border-color:var(--accent-purple);color:var(--accent-purple);box-shadow:0 0 8px var(--accent-purple-glow);background:#818cf81f;font-weight:600}.platform-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.platform-button{border:1px solid var(--border-card);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:#ffffff08;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:14px;font-weight:600;display:flex}.platform-button img{object-fit:contain;width:18px;height:18px}.platform-button:hover{color:var(--text-primary);background:#ffffff0f;border-color:#ffffff26}.platform-button.active{color:#fff;border-color:var(--accent-cyan);box-shadow:0 0 15px var(--accent-cyan-glow);background:#06b6d41f;font-weight:700}.btn-primary{background:linear-gradient(135deg, var(--accent-purple), var(--accent-cyan));color:#fff;border-radius:var(--radius-lg);cursor:pointer;width:100%;transition:var(--transition-smooth);border:none;justify-content:center;align-items:center;gap:10px;padding:14px 20px;font-size:16px;font-weight:700;display:flex;box-shadow:0 4px 20px #818cf84d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #818cf873}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{color:var(--text-muted);box-shadow:none;cursor:not-allowed;background:#2b2d35;transform:none}.result-text-area{border:1px solid var(--border-card);border-radius:var(--radius-md);white-space:pre-wrap;min-height:120px;max-height:250px;color:var(--text-primary);background:#0003;margin-bottom:12px;padding:14px;font-family:inherit;font-size:14px;line-height:1.5;overflow-y:auto}.copy-buttons-group{grid-template-columns:1fr 1fr;gap:10px;display:grid}.btn-secondary{border:1px solid var(--border-card);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0d;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;display:flex}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.btn-secondary:active{transform:scale(.97)}.tags-container{border-top:1px solid #ffffff0d;flex-wrap:wrap;gap:6px;margin-top:12px;padding-top:12px;display:flex}.tag-chip{color:var(--accent-cyan);background:#06b6d414;border:1px solid #06b6d433;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:500}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;opacity:0;pointer-events:none;transition:var(--transition-smooth);background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-content{border-radius:var(--radius-lg);width:100%;max-width:400px;transition:var(--transition-smooth);background:#11131b;border:1px solid #fbbf2433;padding:24px;position:relative;transform:scale(.9);box-shadow:0 10px 40px #fbbf241a}.modal-overlay.active .modal-content{transform:scale(1)}.modal-close{color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;font-size:20px;position:absolute;top:16px;right:16px}.modal-close:hover{color:#fff}.modal-title{text-align:center;color:var(--accent-gold);justify-content:center;align-items:center;gap:8px;margin-bottom:8px;font-size:20px;font-weight:800;display:flex}.modal-subtitle{color:var(--text-secondary);text-align:center;margin-bottom:20px;font-size:13px}.plans-list{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.plan-card{border:1px solid var(--border-card);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-smooth);background:#ffffff05;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.plan-card:hover{background:#fbbf2405;border-color:#fbbf244d}.plan-card.active{border-color:var(--accent-gold);box-shadow:0 0 12px var(--accent-gold-glow);background:#fbbf240f}.plan-info-main{flex-direction:column;gap:2px;display:flex}.plan-name{color:#fff;font-size:15px;font-weight:700}.plan-desc{color:var(--text-secondary);font-size:11px}.plan-price-group{text-align:right}.plan-stars{color:var(--accent-gold);justify-content:flex-end;align-items:center;gap:3px;font-size:15px;font-weight:700;display:flex}.plan-usd{color:var(--text-secondary);font-size:11px}.premium-benefits{color:var(--text-secondary);border:1px solid var(--border-card);border-radius:var(--radius-sm);background:#ffffff03;flex-direction:column;gap:8px;margin-bottom:20px;padding:12px;font-size:13px;display:flex}.benefit-item{align-items:center;gap:8px;display:flex}.benefit-check{color:var(--accent-gold);font-weight:700}.btn-premium-pay{background:linear-gradient(135deg, var(--accent-gold), #f59e0b);color:#000;border-radius:var(--radius-md);cursor:pointer;width:100%;transition:var(--transition-smooth);border:none;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:15px;font-weight:700;display:flex}.btn-premium-pay:hover{transform:translateY(-1px);box-shadow:0 0 15px #fbbf2480}.btn-premium-pay:active{transform:translateY(0)}.toast-container{border:1px solid var(--border-card);transition:var(--transition-smooth);z-index:2000;pointer-events:none;opacity:0;background:#121218e6;border-radius:20px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(100px);box-shadow:0 5px 25px #00000080}.toast-container.active{opacity:1;transform:translate(-50%)translateY(0)}.toast-success{border-color:var(--accent-cyan);color:var(--accent-cyan)}.toast-error{color:#ef4444;border-color:#ef4444}.thumbnails-row{gap:8px;margin-top:10px;padding-bottom:4px;display:flex;overflow-x:auto}.thumbnail-wrapper{cursor:pointer;width:60px;height:60px;transition:var(--transition-smooth);border:2px solid #0000;border-radius:8px;flex-shrink:0;position:relative;overflow:hidden}.thumbnail-wrapper:hover{transform:scale(1.05)}.thumbnail-wrapper.active{border-color:var(--accent-purple);box-shadow:0 0 8px var(--accent-purple-glow)}.thumbnail-img{object-fit:cover;width:100%;height:100%}.thumbnail-remove{color:#fff;cursor:pointer;width:16px;height:16px;transition:var(--transition-smooth);background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:10px;display:flex;position:absolute;top:2px;right:2px}.thumbnail-remove:hover{background:#ef4444}.preview-demo-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.preview-demo-blur{filter:blur(5px)}.watermark-overlay{z-index:10;pointer-events:none;background:#0d0f1459;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.watermark-text{color:#fbbf24bf;text-shadow:0 0 10px #000000e6;letter-spacing:2px;text-transform:uppercase;border:3px dashed #fbbf24bf;border-radius:8px;padding:8px 16px;font-size:18px;font-weight:800;transform:rotate(-15deg)}.btn-remove-blur-cta{background:linear-gradient(135deg, var(--accent-gold), #f59e0b);color:#000;border-radius:var(--radius-sm);cursor:pointer;z-index:15;transition:var(--transition-smooth);border:none;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:700;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #fbbf2480}.btn-remove-blur-cta:hover{transform:translate(-50%)translateY(-2px);box-shadow:0 6px 20px #fbbf24bf}.btn-remove-blur-cta:active{transform:translate(-50%)translateY(0)}.btn-copy-all{background:linear-gradient(135deg, var(--accent-cyan), #0891b2);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-smooth);border:none;grid-column:span 2;justify-content:center;align-items:center;gap:8px;margin-bottom:8px;padding:12px 20px;font-size:15px;font-weight:700;display:flex;box-shadow:0 4px 15px #06b6d44d}.btn-copy-all:hover{transform:translateY(-1px);box-shadow:0 6px 20px #06b6d473}.btn-copy-all:active{transform:scale(.98)}.support-chat-drawer{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--border-card);border-radius:var(--radius-lg) var(--radius-lg) 0 0;z-index:1000;background:#141923f2;flex-direction:column;width:320px;height:400px;transition:bottom .3s ease-in-out;display:flex;position:fixed;bottom:-450px;right:20px;box-shadow:0 -5px 25px #00000080}.support-chat-drawer.active{bottom:0}.support-chat-header{border-bottom:1px solid var(--border-card);background:#ffffff0d;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;font-weight:700;display:flex}.support-chat-close{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;font-size:18px}.support-chat-messages{flex-direction:column;flex:1;gap:8px;padding:12px;font-size:13px;display:flex;overflow-y:auto}.support-msg{border-radius:var(--radius-md);max-width:80%;padding:8px 12px;line-height:1.4}.support-msg.user{background:var(--accent-blue);color:#fff;align-self:flex-end}.support-msg.bot{color:var(--text-main);background:#ffffff14;align-self:flex-start}.support-chat-input-area{border-top:1px solid var(--border-card);gap:8px;padding:8px 12px;display:flex}.support-chat-input{border:1px solid var(--border-card);border-radius:var(--radius-md);color:#fff;background:#0000004d;flex:1;padding:8px 12px;font-size:13px}.support-chat-input:focus{border-color:var(--accent-blue);outline:none}.support-chat-send{background:var(--accent-blue);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;padding:8px 12px;font-weight:600}.error-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1100;background:#0d0f14d9;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.error-overlay.active{display:flex}.error-overlay-card{border-radius:var(--radius-lg);text-align:center;background:#191e2df2;border:1px solid #ef4444;width:100%;max-width:400px;padding:24px;box-shadow:0 10px 30px #00000080}.error-overlay-title{color:#f87171;margin-bottom:12px;font-size:18px;font-weight:700}.error-overlay-desc{color:var(--text-secondary);margin-bottom:20px;font-size:14px;line-height:1.5}.admin-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1050;background:#0d0f14cc;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.admin-modal.active{display:flex}.admin-modal-card{border:1px solid var(--accent-cyan);border-radius:var(--radius-lg);background:#141923f2;width:100%;max-width:450px;max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 10px 30px #06b6d426}.admin-stats-box{border:1px solid var(--border-card);border-radius:var(--radius-md);background:#0003;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;padding:12px;display:grid}.admin-stat-item{flex-direction:column;align-items:center;display:flex}.admin-stat-label{color:var(--text-secondary);text-transform:uppercase;font-size:11px}.admin-stat-value{color:var(--accent-cyan);font-size:20px;font-weight:800}.admin-form-group{margin-bottom:16px}.admin-form-label{margin-bottom:6px;font-size:13px;font-weight:600;display:block}.admin-form-row{gap:8px;display:flex}.admin-input{border:1px solid var(--border-card);border-radius:var(--radius-md);color:#fff;background:#0000004d;flex:1;padding:10px;font-size:13px}.btn-admin-action{background:var(--accent-cyan);color:#000;border-radius:var(--radius-md);cursor:pointer;border:none;padding:10px 16px;font-size:13px;font-weight:700}.btn-admin-action.danger{color:#fff;background:#ef4444}.admin-help-btn{border:1px solid var(--border-card);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;background:#ffffff0d;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.intro-container{text-align:center;flex-direction:column;align-items:center;margin-bottom:24px;padding:10px 5px;display:flex}.intro-badge{letter-spacing:1.5px;color:var(--accent-cyan);text-transform:uppercase;background:#06b6d41a;border:1px solid #06b6d433;border-radius:12px;margin-bottom:12px;padding:4px 10px;font-size:11px;font-weight:800}.intro-title{background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:12px;font-size:24px;font-weight:800;line-height:1.25}.intro-description{color:var(--text-secondary);margin-bottom:20px;font-size:14px;line-height:1.5}.intro-benefits{text-align:left;flex-direction:column;gap:12px;width:100%;display:flex}.benefit-item{border-radius:var(--radius-md);transition:var(--transition-smooth);background:#ffffff05;border:1px solid #ffffff0a;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.benefit-item:hover{background:#ffffff0a;border-color:#ffffff14}.benefit-icon{font-size:20px;line-height:1}.benefit-content{color:var(--text-secondary);font-size:13px;line-height:1.4}.benefit-content strong{color:var(--text-primary);margin-bottom:2px;display:block}.help-fab{background:linear-gradient(135deg, var(--accent-purple), var(--accent-cyan));color:#fff;cursor:pointer;z-index:999;width:54px;height:54px;transition:var(--transition-smooth);border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;font-size:22px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 24px #818cf859}.help-fab:hover{transform:translateY(-4px)scale(1.06);box-shadow:0 12px 28px #818cf880}.help-fab:active{transform:scale(.95)}