:root{--color-bg-deep:#020617;--color-bg-card:#0f172acc;--color-primary:#3b82f6;--color-secondary:#6366f1;--color-accent:#10b981;--color-text-main:#f8fafc;--color-text-muted:#94a3b8;--color-border:#ffffff1a;--glass-blur:16px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg-deep);color:var(--color-text-main);min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}#root{height:100%}.glass-effect{background:var(--color-bg-card);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--color-border);border-radius:20px}.gradient-text{background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.custom-button{cursor:pointer;color:#fff;background:var(--color-primary);border:none;border-radius:9999px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 10px 30px -10px #3b82f680}.custom-button:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 15px 40px -10px #3b82f6b3}.custom-button.secondary{box-shadow:none;border:1px solid var(--color-border);background:#ffffff0d}.custom-button.secondary:hover{background:#ffffff1a}@keyframes logoLifecycle{0%{opacity:0;filter:blur(14px);transform:scale(.75)translateY(12px)}28%{opacity:1;filter:blur();transform:scale(1.04)translateY(-1px)}50%{opacity:1;filter:blur();transform:scale(1)translateY(0)}72%{opacity:1;filter:blur();transform:scale(1.02)translateY(-3px)}88%{opacity:.5;filter:blur(3px);transform:scale(1.06)translateY(-7px)}to{opacity:0;filter:blur(8px);transform:scale(1.08)translateY(-12px)}}@keyframes overlayIn{0%{opacity:0}35%{opacity:1}to{opacity:1}}@keyframes editorFadeIn{0%{opacity:0;transform:scale(1.01)}to{opacity:1;transform:scale(1)}}@keyframes glowPulse{0%{box-shadow:0 0 #3b82f6e6,0 0 60px 20px #3b82f659}45%{box-shadow:0 0 0 24px #3b82f600,0 0 110px 50px #6366f166}to{box-shadow:0 0 #3b82f600,0 0 #3b82f600}}@keyframes brandNameAppear{0%{opacity:0;letter-spacing:4px;transform:translateY(6px)}40%{opacity:1;letter-spacing:0;transform:translateY(0)}80%{opacity:1}to{opacity:0}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}.app-container{gap:24px;height:100vh;padding:24px;display:flex}.editor-section{flex-direction:column;flex:1;gap:32px;max-width:45%;padding:32px;display:flex;overflow-y:auto}.preview-section{background:#020617;border-radius:24px;flex:1;justify-content:center;align-items:flex-start;padding:40px;display:flex;overflow-y:auto}.form-group{margin-bottom:24px}.form-label{color:var(--color-text-muted);margin-bottom:8px;font-size:.875rem;font-weight:500;display:block}.form-input{border:1px solid var(--color-border);color:#fff;background:#ffffff0d;border-radius:10px;width:100%;padding:12px 16px;font-family:inherit;transition:all .2s}.form-input:focus{border-color:var(--color-primary);background:#ffffff14;outline:none;box-shadow:0 0 0 4px #3b82f626}select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff!important;background-color:#0f172a!important}select option{color:#fff;background-color:#0f172a}select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #3b82f626}.section-title{align-items:center;gap:12px;margin-bottom:24px;font-size:1.25rem;font-weight:700;display:flex}select.custom-button.secondary{background:var(--color-bg-deep);color:#fff;cursor:pointer;padding-left:16px}select.custom-button.secondary option{color:#fff;background:#0f172a;padding:10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.pdf-text-item:hover:not(:focus){outline:1px dashed #3b82f6!important}.pdf-text-item{resize:none!important}.pdf-text-item:focus{caret-color:#3b82f6}.pdf-text-item:after,.pdf-text-item:before{content:none!important;display:none!important}.pdf-exporting .pdf-text-item{caret-color:#0000!important;border:none!important;outline:none!important}.pdf-exporting [data-edit-handle]{display:none!important}.mobile-tab-bar{display:none}.nav-btn-text{display:inline}@media (width<=768px){body{height:auto;min-height:100vh;overflow-x:hidden}#root{height:auto;min-height:100vh}.mobile-tab-bar{background:#020617fa;border-top:1px solid #ffffff12;width:100%;display:flex}.mobile-tab-bar button{color:#64748b;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 4px;font-size:.75rem;font-weight:600;transition:color .2s;display:flex}.mobile-tab-bar button.active{color:#3b82f6;border-top:2px solid #3b82f6}.nav-btn-text,.nav-logo-text{display:none}.main-layout{flex-direction:column!important}.editor-sidebar{border-right:none!important;flex:auto!important;width:100%!important;min-width:0!important;padding:16px!important}.main-layout[data-tab=editor] .preview-section-main,.main-layout[data-tab=editor] .template-panel-aside,.main-layout[data-tab=preview] .editor-sidebar,.main-layout[data-tab=preview] .template-panel-aside,.main-layout[data-tab=templates] .editor-sidebar,.main-layout[data-tab=templates] .preview-section-main{display:none!important}.main-layout[data-tab=templates] .template-panel-aside{border-left:none!important;flex:auto!important;width:100%!important;max-width:100%!important;height:100%!important;display:block!important}.main-layout[data-tab=preview] .preview-section-main{flex:1!important;padding:16px!important}.preview-section-main{flex:auto!important;width:100%!important;min-width:0!important;overflow-x:auto!important}.form-input{padding:10px 14px!important;font-size:16px!important}select{font-size:16px!important}.glass-effect{border-radius:12px}@media (width<=768px){.template-panel-aside{border-top:1px solid #ffffff0f!important;border-left:none!important;flex:none!important;width:100%!important;max-width:100%!important;height:auto!important}}.preview-section-main{justify-content:flex-start!important;padding:12px!important}.main-layout[data-tab=preview] .preview-section-main{justify-content:flex-start!important;padding:12px!important;overflow:auto!important}.landing-stats{grid-template-columns:repeat(2,1fr)!important}}