@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&family=Montserrat:wght@400;600;700;800&family=Outfit:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,400&family=Roboto:wght@400;500;700&display=swap";:root{--bg-app:#090d16;--bg-card:#111827;--bg-card-hover:#172033;--bg-input:#1e293b;--border-color:#1f293d;--border-focus:#3b82f6;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--color-primary:#2563eb;--color-accent:#38bdf8;--color-success:#10b981;--color-danger:#ef4444;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--font-brand:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5}.app-container{flex-direction:column;min-height:100vh;display:flex}.brand-suite-header{border-bottom:1px solid var(--border-color);z-index:50;background:#0d1322;justify-content:space-between;align-items:center;padding:.85rem 1.5rem;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:.85rem;display:flex}.brand-logo-badge{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#8b5cf6 100%);border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 4px 12px #2563eb59}.brand-title-group{flex-direction:column;gap:.15rem;display:flex}.brand-title-row{align-items:center;gap:.6rem;display:flex}.brand-app-title{color:#fff;letter-spacing:-.02em;font-size:1.15rem;font-weight:800;font-family:var(--font-brand)}.brand-version-badge{color:#38bdf8;font-size:.68rem;font-weight:700;font-family:var(--font-mono);background:#38bdf81a;border:1px solid #38bdf840;border-radius:999px;padding:.15rem .45rem}.brand-subtitle{color:var(--text-secondary);font-size:.75rem}.header-right{align-items:center;gap:.75rem;display:flex}.carpintaria-studio-pill{font-size:.72rem;font-family:var(--font-sans);letter-spacing:.05em;color:#f5f2ed;-webkit-user-select:none;user-select:none;background:#2c4a3e;border:1px solid #f5f2ed33;border-radius:999px;align-items:center;gap:.45rem;padding:.35rem .8rem;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #2c4a3e59}.carpintaria-studio-pill .studio-sparkle{color:#c9922a;font-size:.85rem}.network-status-pill{font-size:.75rem;font-family:var(--font-mono);border:1px solid var(--border-subtle);color:var(--text-secondary);background:#0f172a99;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .75rem;display:inline-flex}.network-status-pill.online{color:#a7f3d0;border-color:#34d39940}.network-status-pill.offline{color:#fde68a;background:#f59e0b1a;border-color:#fbbf2459}.storage-status-pill{font-size:.75rem;font-family:var(--font-mono);color:var(--text-secondary);background:#172033;border:1px solid #24324f;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .75rem;display:inline-flex}.storage-status-pill.saving{color:#fbbf24;border-color:#fbbf244d}.storage-status-pill.saved{color:#34d399;border-color:#34d3994d}.saved-text{align-items:center;gap:.3rem;display:inline-flex}.pulse-text{animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.header-btn{color:#f1f5f9;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:6px;align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.header-btn:hover{color:#fff;background:#2563eb;border-color:#2563eb}.header-btn.danger:hover{color:#fff;background:#dc2626;border-color:#dc2626}.main-layout{flex:1;grid-template-columns:1.15fr .85fr;gap:1.5rem;width:100%;max-width:1550px;margin:0 auto;padding:1.5rem;display:grid}@media (width<=1024px){.main-layout{grid-template-columns:1fr}}.brand-kit-form-container{flex-direction:column;gap:1.25rem;display:flex}.form-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.form-card-header{border-bottom:1px solid #1e293b;align-items:center;gap:.5rem;padding-bottom:.6rem;display:flex}.card-header-icon{color:#38bdf8}.form-card-title{color:#f8fafc;text-transform:uppercase;letter-spacing:.04em;font-size:.92rem;font-weight:700}.form-grid{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}.col-span-2{grid-column:span 2}.form-group{flex-direction:column;gap:.35rem;display:flex}.form-label{color:var(--text-secondary);font-size:.75rem;font-weight:600}.form-input,.form-select{background:var(--bg-input);color:#f8fafc;font-size:.85rem;font-family:var(--font-sans);border:1px solid #334155;border-radius:6px;outline:none;padding:.55rem .75rem;transition:border-color .15s}.form-input:focus,.form-select:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px #3b82f633}.presets-row{background:#0b0f19;border:1px solid #1a2234;border-radius:8px;flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.presets-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:700}.presets-list{flex-wrap:wrap;gap:.4rem;display:flex}.preset-pill{color:#cbd5e1;cursor:pointer;background:#172033;border:1px solid #27354f;border-radius:6px;align-items:center;gap:.45rem;padding:.3rem .6rem;font-size:.72rem;font-weight:600;transition:all .15s;display:inline-flex}.preset-pill:hover{color:#fff;background:#1e293b;border-color:#3b82f6}.preset-dots{gap:2px;display:flex}.preset-dots span{border-radius:50%;width:8px;height:8px}.colors-grid{grid-template-columns:repeat(3,1fr)}.color-field{flex-direction:column;gap:.35rem;display:flex}.color-label{color:var(--text-secondary);font-size:.72rem;font-weight:600}.color-input-wrapper{background:var(--bg-input);border:1px solid #334155;border-radius:6px;align-items:center;gap:.4rem;padding:.25rem .4rem;display:flex}.color-input-wrapper input[type=color]{-webkit-appearance:none;cursor:pointer;background:0 0;border:none;border-radius:4px;width:26px;height:26px}.color-input-wrapper input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-input-wrapper input[type=color]::-webkit-color-swatch{border:1px solid #fff3;border-radius:4px}.color-hex-input{color:#f8fafc;font-size:.78rem;font-family:var(--font-mono);background:0 0;border:none;outline:none;width:100%}.brand-kit-summary-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;flex-direction:column;gap:1.25rem;padding:1.25rem;display:flex;position:sticky;top:5rem}.summary-header{justify-content:space-between;align-items:center;display:flex}.summary-badge{color:#38bdf8;align-items:center;gap:.4rem;font-size:.8rem;font-weight:700;display:inline-flex}.niche-tag{font-size:.65rem;font-weight:800;font-family:var(--font-mono);color:#60a5fa;background:#2563eb26;border:1px solid #2563eb4d;border-radius:4px;padding:.15rem .5rem}.brand-preview-canvas-box{border:2px solid #2563eb;border-radius:8px;flex-direction:column;gap:1.5rem;padding:1.75rem 1.25rem;display:flex;box-shadow:0 10px 25px #00000080}.preview-logo-mock{align-items:center;gap:1rem;display:flex}.preview-logo-icon-box{border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 12px #0006}.preview-brand-name{letter-spacing:-.02em;font-size:1.4rem;font-weight:800;line-height:1.1}.preview-brand-tagline{margin-top:.2rem;font-size:.8rem;font-weight:500}.swatches-bar{border-top:1px solid #ffffff1a;grid-template-columns:repeat(3,1fr);gap:.75rem;padding-top:1rem;display:grid}.swatch-item{flex-direction:column;align-items:center;gap:.2rem;display:flex}.swatch-circle{border:2px solid #ffffff4d;border-radius:50%;width:22px;height:22px}.swatch-label{color:#94a3b8;font-size:.65rem;font-weight:600}.swatch-hex{font-size:.65rem;font-family:var(--font-mono);color:#fff}.tokens-grid{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}.token-card{background:#0b0f19;border:1px solid #1e293b;border-radius:6px;flex-direction:column;gap:.2rem;padding:.6rem;display:flex}.token-title{color:#64748b;align-items:center;gap:.3rem;font-size:.68rem;font-weight:600;display:inline-flex}.token-value{color:#f1f5f9;font-size:.78rem;font-weight:700}.capitalize{text-transform:capitalize}.contacts-summary-box{flex-direction:column;gap:.5rem;display:flex}.contacts-summary-title{color:#94a3b8;text-transform:uppercase;font-size:.72rem;font-weight:700}.contacts-chips-list{flex-wrap:wrap;gap:.4rem;display:flex}.contact-chip{color:#cbd5e1;background:#172033;border:1px solid #24324f;border-radius:4px;align-items:center;gap:.35rem;padding:.25rem .55rem;font-size:.72rem;display:inline-flex}.contact-chip svg{color:#38bdf8}.sync-note{color:#34d399;background:#10b98114;border:1px solid #10b98133;border-radius:6px;align-items:center;gap:.45rem;padding:.6rem .75rem;font-size:.72rem;line-height:1.35;display:flex}.sync-icon{flex-shrink:0}.studio-column{flex-direction:column;gap:1.25rem;display:flex}.logo-canvas-editor-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;flex-direction:column;gap:1rem;padding:1.25rem;display:flex;box-shadow:0 10px 25px #0006}.canvas-toolbar{border-bottom:1px solid #1e293b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-bottom:.75rem;display:flex}.toolbar-left{align-items:center;gap:1rem;display:flex}.toolbar-title{color:#f8fafc;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.4rem;font-size:.85rem;font-weight:700;display:inline-flex}.toolbar-title svg{color:#38bdf8}.bg-toggle-group{background:#0b0f19;border:1px solid #1e293b;border-radius:6px;padding:.2rem;display:flex}.bg-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:26px;height:24px;transition:all .15s;display:flex}.bg-btn:hover{color:#f8fafc}.bg-btn.active{color:#38bdf8;background:#1e293b}.toolbar-right{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.icon-scale-control{color:#94a3b8;background:#0b0f19;border:1px solid #1e293b;border-radius:6px;align-items:center;gap:.4rem;padding:.3rem .6rem;font-size:.7rem;display:flex}.scale-label{font-family:var(--font-mono);font-size:.68rem}.scale-slider{accent-color:#38bdf8;cursor:pointer;width:60px;height:4px}.export-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.75rem;font-weight:700;transition:all .15s;display:inline-flex}.export-btn.primary{color:#fff;background:#2563eb}.export-btn.primary:hover{background:#1d4ed8}.export-btn.secondary{color:#cbd5e1;background:#1e293b;border:1px solid #334155}.export-btn.secondary:hover{color:#fff;background:#334155}.canvas-stage-wrapper{border:1px solid #1e293b;border-radius:8px;justify-content:center;align-items:center;padding:1.5rem;transition:background .2s;display:flex;overflow:hidden}.canvas-stage-wrapper.transparent{background-color:#0b0f19;background-image:linear-gradient(45deg,#172033 25%,#0000 25%),linear-gradient(-45deg,#172033 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#172033 75%),linear-gradient(-45deg,#0000 75%,#172033 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.canvas-stage-wrapper.light{background:#f1f5f9}.canvas-stage-wrapper.dark{background:#090d16}.fabric-canvas-element{border-radius:6px;max-width:100%;height:auto;box-shadow:0 8px 24px #0006}.canvas-footer-info{font-size:.68rem;font-family:var(--font-mono);color:var(--text-muted);justify-content:center;display:flex}.studio-nav-bar{border-bottom:1px solid var(--border-color);background:#0d1322;gap:1rem;padding:0 1.5rem;display:flex}.studio-tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.85rem;font-weight:700;transition:all .15s;display:inline-flex}.studio-tab-btn:hover{color:#f8fafc}.studio-tab-btn.active{color:#38bdf8;border-bottom-color:#38bdf8}.campaign-form-container{flex-direction:column;gap:1.25rem;display:flex}.form-input.textarea{resize:vertical;min-height:60px}.theme-options-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.theme-card{cursor:pointer;background:#0b0f19;border:1px solid #1e293b;border-radius:8px;flex-direction:column;gap:.25rem;padding:.75rem;transition:all .15s;display:flex}.theme-card:hover{background:#111827;border-color:#3b82f6}.theme-card.selected{background:#172033;border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf8}.theme-card-header{justify-content:space-between;align-items:center;display:flex}.theme-title{color:#f1f5f9;font-size:.78rem;font-weight:700}.theme-badge{color:#0f172a;font-size:.6rem;font-weight:800;font-family:var(--font-mono);background:#38bdf8;border-radius:999px;padding:.1rem .4rem}.theme-desc{color:#94a3b8;font-size:.68rem;line-height:1.35}.ad-preview-grid-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;flex-direction:column;gap:1.25rem;padding:1.25rem;display:flex;box-shadow:0 10px 25px #0006}.ad-grid-header{border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;padding-bottom:.75rem;display:flex}.ad-grid-title-group{flex-direction:column;gap:.2rem;display:flex}.ad-grid-badge{color:#38bdf8;align-items:center;gap:.35rem;font-size:.72rem;font-weight:700;display:inline-flex}.ad-grid-heading{color:#f8fafc;letter-spacing:-.01em;font-size:.95rem;font-weight:800}.theme-indicator{font-size:.7rem;font-family:var(--font-mono);color:#94a3b8;background:#172033;border:1px solid #24324f;border-radius:4px;padding:.2rem .5rem}.ad-cards-layout{grid-template-columns:1.1fr .9fr;gap:1.25rem;display:grid}@media (width<=768px){.ad-cards-layout{grid-template-columns:1fr}}.ad-preview-card{border:1px solid #ffffff14;border-radius:10px;flex-direction:column;justify-content:space-between;padding:1.25rem;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000073}.ad-format-tag{font-size:.6rem;font-family:var(--font-mono);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:4px;padding:.15rem .4rem;font-weight:800;position:absolute;top:.6rem;right:.6rem}.ad-preview-card.square-format{aspect-ratio:1;min-height:320px}.ad-brand-header{justify-content:space-between;align-items:center;display:flex}.ad-brand-identity{align-items:center;gap:.5rem;display:flex}.ad-brand-identity.centered{text-align:center;flex-direction:column;gap:.3rem}.ad-logo-icon{border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex;box-shadow:0 2px 8px #0000004d}.ad-logo-icon.large{border-radius:10px;width:40px;height:40px}.ad-brand-name{color:#fff;font-size:.95rem;font-weight:800;line-height:1.1;display:block}.ad-brand-tagline{font-size:.65rem;font-weight:600;display:block}.ad-discount-badge{font-size:.68rem;font-weight:800;font-family:var(--font-mono);border-radius:6px;align-items:center;gap:.3rem;padding:.3rem .6rem;display:inline-flex;box-shadow:0 4px 12px #0000004d}.ad-body{flex-direction:column;gap:.4rem;margin:1rem 0;display:flex}.ad-headline{color:#fff;text-transform:uppercase;letter-spacing:-.01em;font-size:1.25rem;font-weight:800;line-height:1.15}.ad-subtitle{color:#cbd5e1;font-size:.78rem;line-height:1.4}.ad-footer{flex-direction:column;gap:.75rem;display:flex}.ad-cta-button{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.78rem;font-weight:800;display:inline-flex;box-shadow:0 4px 12px #00000059}.ad-cta-button.full-width{width:100%}.ad-contacts-row{color:#cbd5e1;flex-wrap:wrap;gap:.6rem;font-size:.65rem;display:flex}.ad-contacts-row span{align-items:center;gap:.25rem;display:inline-flex}.ad-preview-card.story-format{aspect-ratio:9/16;min-height:380px}.story-content-wrap{flex-direction:column;justify-content:space-between;gap:1rem;height:100%;display:flex}.story-body{text-align:center;flex-direction:column;gap:.5rem;display:flex}.story-headline{color:#fff;font-size:1.15rem;font-weight:800;line-height:1.2}.story-subtitle{color:#cbd5e1;font-size:.75rem;line-height:1.4}.story-footer{flex-direction:column;gap:.6rem;display:flex}.story-contacts{color:#cbd5e1;justify-content:space-around;font-size:.65rem;display:flex}.story-contacts span{align-items:center;gap:.25rem;display:inline-flex}.multi-format-studio-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;flex-direction:column;gap:1.25rem;padding:1.25rem;display:flex;box-shadow:0 10px 25px #0006}.format-selector-bar{border-bottom:1px solid #1e293b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-bottom:.85rem;display:flex}.format-buttons-group{background:#0b0f19;border:1px solid #1e293b;border-radius:8px;flex-wrap:wrap;gap:.25rem;padding:.25rem;display:flex}.format-tab-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.45rem;padding:.4rem .75rem;font-size:.75rem;font-weight:700;transition:all .15s;display:inline-flex}.format-tab-btn:hover{color:#fff;background:#172033}.format-tab-btn.active{color:#fff;background:#2563eb;box-shadow:0 2px 8px #2563eb59}.format-ratio-tag{font-size:.62rem;font-family:var(--font-mono);opacity:.85;background:#00000059;border-radius:3px;padding:.1rem .35rem}.ad-canvas-stage-wrapper{background:radial-gradient(circle,#172033 0%,#090d16 100%);border:1px solid #1e293b;border-radius:8px;justify-content:center;align-items:center;min-height:480px;padding:1.5rem;display:flex;overflow:hidden}.ad-canvas-responsive-frame{border-radius:8px;justify-content:center;align-items:center;max-width:100%;display:flex;overflow:hidden;box-shadow:0 16px 36px #000000a6}.ad-canvas-responsive-frame canvas,.ad-canvas-responsive-frame .canvas-container{width:100%!important;max-width:100%!important;height:100%!important}.ad-canvas-responsive-frame .lower-canvas,.ad-canvas-responsive-frame .upper-canvas{object-fit:contain;width:100%!important;height:100%!important}.studio-info-footer{color:var(--text-muted);font-size:.72rem;font-family:var(--font-mono);justify-content:center;align-items:center;gap:.4rem;display:flex}.text-accent{color:#38bdf8}.header-btn.zip-export-btn{color:#38bdf8;background:linear-gradient(135deg,#0ea5e933,#3b82f640);border-color:#38bdf866;font-weight:600}.header-btn.zip-export-btn:hover{background:linear-gradient(135deg,#0ea5e959,#3b82f673);border-color:#38bdf8;box-shadow:0 0 12px #38bdf84d}.format-export-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.export-btn.secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-medium)}.export-btn.secondary:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-light)}.export-btn.zip{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#2563eb 100%);border:1px solid #38bdf8;box-shadow:0 2px 8px #2563eb59}.export-btn.zip:hover{background:linear-gradient(135deg,#0369a1 0%,#1d4ed8 100%);transform:translateY(-1px);box-shadow:0 4px 14px #2563eb80}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#04070dd1;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;width:100%;max-width:580px;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;overflow:hidden;box-shadow:0 24px 48px #000000b3}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-medium);justify-content:space-between;align-items:center;padding:1.1rem 1.4rem;display:flex}.modal-title-wrap{align-items:center;gap:.6rem;display:flex}.modal-title-wrap h3{color:var(--text-primary);margin:0;font-size:.95rem;font-weight:700}.modal-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.3rem;transition:all .15s;display:flex}.modal-close-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.modal-body{flex-direction:column;gap:1.1rem;padding:1.4rem;display:flex}.modal-description{color:var(--text-secondary);margin:0;font-size:.82rem;line-height:1.45}.zip-contents-grid{flex-direction:column;gap:.6rem;display:flex}.zip-content-item{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:8px;align-items:flex-start;gap:.75rem;padding:.7rem .85rem;display:flex}.zip-content-item div{flex-direction:column;gap:.15rem;display:flex}.zip-content-item strong{color:var(--text-primary);font-size:.78rem;font-weight:600}.zip-content-item span{color:var(--text-muted);font-size:.7rem}.text-purple{color:#c084fc}.text-cyan{color:#22d3ee}.export-progress-box{background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:8px;flex-direction:column;gap:.5rem;padding:.85rem 1rem;display:flex}.progress-info{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.progress-percent{font-family:var(--font-mono);color:var(--primary);font-weight:700}.progress-bar-track{background:var(--bg-tertiary);border-radius:999px;height:6px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#3b82f6,#06b6d4,#10b981);border-radius:999px;height:100%;transition:width .25s ease-out}.export-success-badge{color:#34d399;background:#10b98126;border:1px solid #10b98159;border-radius:8px;align-items:center;gap:.5rem;padding:.65rem .9rem;font-size:.8rem;font-weight:600;display:flex}.modal-footer{background:var(--bg-tertiary);border-top:1px solid var(--border-medium);justify-content:flex-end;gap:.75rem;padding:1rem 1.4rem;display:flex}.btn-secondary{background:var(--bg-primary);border:1px solid var(--border-medium);color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:.55rem 1rem;font-size:.8rem;font-weight:600;transition:all .15s}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#2563eb 100%);border:1px solid #38bdf8;border-radius:6px;align-items:center;gap:.5rem;padding:.55rem 1.2rem;font-size:.8rem;font-weight:700;transition:all .15s;display:flex;box-shadow:0 2px 8px #2563eb59}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0369a1 0%,#1d4ed8 100%);transform:translateY(-1px);box-shadow:0 4px 14px #2563eb80}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card-header-left{align-items:center;gap:.6rem;display:flex}.card-header-badge{color:#c9922a;font-size:.7rem;font-weight:600;font-family:var(--font-sans);background:#c9922a1f;border:1px solid #c9922a4d;border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .55rem;display:inline-flex}.label-with-action{justify-content:space-between;align-items:center;margin-bottom:.35rem;display:flex}.ai-sparkle-btn{color:#a7f3d0;font-size:.68rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;background:#2c4a3e59;border:1px solid #2c4a3eb3;border-radius:5px;align-items:center;gap:.35rem;padding:.2rem .55rem;transition:all .2s;display:inline-flex}.ai-sparkle-btn:hover:not(:disabled){color:#f5f2ed;background:#2c4a3e;border-color:#34d399;transform:translateY(-1px);box-shadow:0 2px 8px #2c4a3e66}.ai-sparkle-btn:disabled{opacity:.6;cursor:not-allowed}.ai-suggestions-panel{background:#0d1424;border:1px solid #38bdf840;border-radius:8px;flex-direction:column;gap:.5rem;margin-top:.5rem;padding:.75rem;animation:.2s ease-out fadeIn;display:flex;box-shadow:0 6px 18px #00000073}.ai-suggestions-header{border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;padding-bottom:.35rem;display:flex}.ai-panel-title{color:#38bdf8;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.35rem;font-size:.72rem;font-weight:700;display:inline-flex}.ai-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.1rem .3rem;font-size:.75rem}.ai-close-btn:hover{color:#f1f5f9;background:#1e293b}.ai-loading-state{color:#94a3b8;align-items:center;gap:.5rem;padding:.4rem .2rem;font-size:.75rem;display:flex}.ai-error-state{color:#f87171;background:#ef44441a;border:1px solid #ef444433;border-radius:6px;align-items:center;gap:.45rem;padding:.4rem .6rem;font-size:.72rem;display:flex}.ai-suggestions-list{flex-direction:column;gap:.35rem;display:flex}.ai-suggestion-btn{color:#f1f5f9;text-align:left;cursor:pointer;background:#131b2e;border:1px solid #24324f;border-radius:6px;align-items:flex-start;gap:.5rem;padding:.5rem .65rem;font-size:.75rem;line-height:1.35;transition:all .15s;display:flex}.ai-suggestion-btn:hover{color:#fff;background:#1a2642;border-color:#38bdf8;transform:translate(2px)}.ai-suggestion-btn .sug-icon{color:#10b981;flex-shrink:0;margin-top:.1rem}.ai-suggestion-btn .sug-text{flex:1}.spin-icon{animation:1s linear infinite spin}.image-upload-wrapper{flex-direction:column;gap:.75rem;display:flex}.upload-dropzone{cursor:pointer;text-align:center;background:#131b2e99;border:2px dashed #24324f;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1.25rem 1rem;transition:all .2s;display:flex}.upload-dropzone:hover{background:#1e293bcc;border-color:#38bdf8;transform:translateY(-1px)}.upload-icon{color:#38bdf8}.upload-texts{flex-direction:column;gap:.2rem;display:flex}.upload-main-text{color:#f1f5f9;font-size:.8rem;font-weight:700}.upload-sub-text{color:#94a3b8;font-size:.7rem}.browse-files-btn{color:#f8fafc;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:6px;margin-top:.25rem;padding:.3rem .75rem;font-size:.72rem;font-weight:600}.uploaded-image-preview{background:#0d1424;border:1px solid #38bdf84d;border-radius:8px;align-items:center;gap:.85rem;padding:.75rem;display:flex}.preview-thumb{object-fit:cover;border:1px solid #334155;border-radius:6px;width:54px;height:54px}.image-details{flex-direction:column;flex:1;gap:.15rem;display:flex}.image-name{color:#38bdf8;font-size:.78rem;font-weight:700}.image-tip{color:#94a3b8;font-size:.68rem}.remove-img-btn{color:#f87171;cursor:pointer;background:#ef444426;border:1px solid #ef444459;border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.72rem;font-weight:600;transition:all .15s;display:inline-flex}.remove-img-btn:hover{color:#fff;background:#dc2626}.qr-code-group{background:#0d1322;border:1px solid #1e293b;border-radius:8px;padding:.75rem}.qr-toggle-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.checkbox-container{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;display:inline-flex}.checkbox-container input{cursor:pointer;accent-color:#2563eb;width:16px;height:16px}.checkbox-label{color:#f1f5f9;align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;display:inline-flex}.qr-type-selector{background:#111827;border:1px solid #1e293b;border-radius:6px;gap:.2rem;padding:.2rem;display:flex}.qr-type-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem .6rem;font-size:.68rem;font-weight:600;transition:all .15s}.qr-type-btn.active{color:#fff;background:#2563eb}.stickers-pills-row{flex-wrap:wrap;gap:.4rem;margin-top:.35rem;display:flex}.sticker-pill{color:#cbd5e1;cursor:pointer;background:#131b2e;border:1px solid #24324f;border-radius:999px;padding:.3rem .65rem;font-size:.7rem;font-weight:600;transition:all .15s}.sticker-pill:hover{color:#fff;border-color:#38bdf8}.sticker-pill.active{color:#f5f2ed;background:#2c4a3e;border-color:#34d399;box-shadow:0 2px 8px #2c4a3e66}.studio-info-footer{color:#94a3b8;border-top:1px solid #1e293b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;padding-top:.5rem;font-size:.72rem;display:flex}.footer-tip,.footer-spec{align-items:center;gap:.4rem;display:inline-flex}