*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.container{background:#fff;border-radius:20px;padding:40px;max-width:900px;width:100%;box-shadow:0 20px 60px #0000004d}h1{color:#333;text-align:center;margin-bottom:10px;font-size:2em}.subtitle{text-align:center;color:#666;margin-bottom:20px;font-size:.95em}.status-bar{padding:12px 20px;border-radius:8px;margin-bottom:0;text-align:center;font-weight:500;transition:all .3s ease}.status-bar.loading{background:#fff3cd;color:#856404;border:2px solid #ffc107}.status-bar.success{background:#d4edda;color:#155724;border:2px solid #28a745}.status-bar.error{background:#f8d7da;color:#721c24;border:2px solid #dc3545}#statusText{display:inline-flex;align-items:center;gap:8px}.status-bar.loading #statusText:before{content:"⏳"}.status-bar.success #statusText:before{content:"✓"}.status-bar.error #statusText:before{content:"✗"}.basic-section{margin-bottom:30px}.input-section{margin-bottom:25px}.input-row{display:flex;gap:.75rem;align-items:center}.name-input{flex:1;min-width:0}.font-select{width:180px;padding:15px;font-size:1.2em;border:2px solid #ddd;border-radius:10px;background-color:#fff;cursor:pointer;outline:none;transition:border-color .3s;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.font-select:hover{border-color:#667eea}.font-select:focus{border-color:#667eea}.preview-section{margin-bottom:30px}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.preview-section h2{color:#333;margin:0;font-size:1.3em}.reset-btn{padding:8px 16px;font-size:.9em;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;cursor:pointer;transition:transform .2s,opacity .3s}.reset-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 10px #667eea66}.reset-btn:active:not(:disabled){transform:translateY(0)}.reset-btn:disabled{opacity:.5;cursor:not-allowed}.preview-area{background:#f8f9fa;border:2px solid #ddd;border-radius:10px;padding:30px;min-height:200px;display:flex;justify-content:center;align-items:center}#previewSvg{width:100%;max-width:800px;height:auto}.download-btn{width:100%;padding:18px;font-size:1.1em;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;cursor:pointer;transition:transform .2s,opacity .3s;margin-bottom:30px}.download-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}.download-btn:active:not(:disabled){transform:translateY(0)}.download-btn:disabled{opacity:.5;cursor:not-allowed}.container-download{display:flex;align-items:center;gap:8px;justify-content:center;margin-bottom:30px}.container-download .download-btn{flex:1;max-width:500px;margin-bottom:0}.format-select{padding:16px 20px;font-size:1em;font-weight:600;color:#333;background:#fff;border:2px solid #667eea;border-radius:10px;cursor:pointer;transition:all .2s;min-width:140px}.format-select:hover:not(:disabled){border-color:#764ba2;box-shadow:0 2px 8px #667eea33}.format-select:focus{outline:none;border-color:#764ba2;box-shadow:0 0 0 3px #667eea1a}.format-select:disabled{opacity:.5;cursor:not-allowed;border-color:#ddd}.feedback-link{margin-top:12px;margin-bottom:30px;font-size:13px;color:#000000a6;display:flex;gap:6px;justify-content:center;align-items:center}.feedback-link a{color:inherit;text-decoration:underline}.feedback-link a:hover{color:#000000d9}.advanced-section,.expert-section{margin-bottom:20px;border:2px solid #e0e0e0;border-radius:10px;background:#f8f9fa}.section-header{padding:18px 20px;font-size:1.1em;font-weight:600;color:#667eea;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:10px;transition:background .2s}.section-header::-webkit-details-marker{display:none}.section-header:before{content:"▶";font-size:.8em;transition:transform .3s}details[open] .section-header:before{transform:rotate(90deg)}.section-header:hover{background:#667eea0d}.section-content{padding:20px;border-top:1px solid #e0e0e0}.subsection{margin-bottom:30px;padding-bottom:25px;border-bottom:1px solid #e0e0e0}.subsection:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.subsection h3{color:#555;font-size:1em;margin-bottom:15px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.control-group{margin-bottom:20px}.control-group:last-child{margin-bottom:0}.control-group label{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:1em;font-weight:600}.control-group label span{font-weight:700;color:#667eea;font-family:monospace}input[type=range]{width:100%;height:6px;border-radius:3px;background:#ddd;outline:none;-webkit-appearance:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;box-shadow:0 2px 5px #0003}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;border:none;box-shadow:0 2px 5px #0003}.checkbox-group{margin-top:10px}.checkbox-label{display:flex!important;align-items:center;gap:10px;cursor:pointer;font-weight:500!important;margin-bottom:0!important}input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#667eea}.checkbox-label span{font-weight:500;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.help-text{margin-top:5px;font-size:.85em;color:#666;font-weight:400;font-style:italic}.helper-text{display:block;margin-top:5px;font-size:.8em;color:#00000080;font-weight:400;font-style:normal;line-height:1.3}textarea{width:100%;padding:10px;font-size:.95em;font-family:Courier New,monospace;border:2px solid #ddd;border-radius:8px;outline:none;transition:border-color .3s;resize:vertical;min-height:80px}textarea:focus{border-color:#667eea}.small-btn{padding:4px 10px;font-size:.85em;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:5px;cursor:pointer;margin-left:10px;transition:transform .2s}.small-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #667eea66}.small-btn:active{transform:translateY(0)}.warnings{margin-top:8px;padding:8px;font-size:.85em;color:#856404;background:#fff3cd;border:1px solid #ffc107;border-radius:5px;display:none}.warnings.visible{display:block}.warnings.error{color:#721c24;background:#f8d7da;border-color:#dc3545}.control-group-inline{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.inline-control{display:flex;flex-direction:column;flex:1;min-width:120px}.inline-control label{font-size:.9em;font-weight:600;margin-bottom:5px;color:#555}.inline-control input[type=number]{padding:8px;font-size:.95em;border:2px solid #ddd;border-radius:6px;outline:none;transition:border-color .3s;font-family:monospace}.inline-control input[type=number]:focus{border-color:#667eea}label{display:block;margin-bottom:10px;color:#333;font-weight:600;font-size:1.1em}input[type=text]{width:100%;padding:15px;font-size:1.2em;border:2px solid #ddd;border-radius:10px;outline:none;transition:border-color .3s;font-family:Pacifico,cursive}input[type=text]:focus{border-color:#667eea}#strengthenAmountControls.disabled{opacity:.5;pointer-events:none}.dev-only-hidden{display:none!important}@media(max-width:600px){.container{padding:25px}h1{font-size:1.5em}input[type=text]{font-size:1em}.control-group-inline{flex-direction:column}.inline-control{min-width:100%}}@media(max-width:480px){.input-row{flex-direction:column;align-items:stretch}.font-select{width:100%}}.account-widget{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.account-email{font-size:.9em;color:#555;font-weight:500}.credit-badge{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.8em;font-weight:600;padding:3px 10px;border-radius:20px}.buy-credits-badge{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,#f7971e,#e55353);color:#fff;font-size:.78em;font-weight:700;padding:3px 10px;border-radius:20px;border:none;cursor:pointer;transition:opacity .15s,transform .15s;white-space:nowrap}.buy-credits-badge:hover{opacity:.88;transform:translateY(-1px)}.buy-credits-badge:active{transform:translateY(0)}.auth-signout-btn{background:linear-gradient(135deg,#e55353,#c0392b)}.auth-modal{display:none;position:fixed;inset:0;background:#0000008c;justify-content:center;align-items:center;z-index:1000;padding:20px}.auth-modal-box{background:#fff;border-radius:20px;padding:36px 32px 32px;width:100%;max-width:420px;box-shadow:0 20px 60px #00000059;position:relative;animation:authFadeIn .2s ease}@keyframes authFadeIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.auth-modal-close{position:absolute;top:14px;right:16px;background:none;border:none;font-size:1.4em;color:#999;cursor:pointer;line-height:1;padding:4px 6px;border-radius:6px;transition:color .2s,background .2s}.auth-modal-close:hover{color:#333;background:#f0f0f0}.auth-modal-title{text-align:center;font-size:1.4em;color:#333;margin-bottom:18px}.auth-tabs{display:flex;gap:0;border:2px solid #667eea;border-radius:10px;overflow:hidden;margin-bottom:20px}.auth-tab{flex:1;padding:10px;font-size:.95em;font-weight:600;border:none;background:#fff;color:#667eea;cursor:pointer;transition:background .2s,color .2s}.auth-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.auth-tab:not(.active):hover{background:#667eea14}#authForm{display:flex;flex-direction:column;gap:12px;margin-bottom:14px}#authEmail,#authPassword{width:100%;padding:13px 15px;font-size:1em;border:2px solid #ddd;border-radius:10px;outline:none;transition:border-color .3s;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#authEmail:focus,#authPassword:focus{border-color:#667eea}.auth-error{font-size:.88em;color:#721c24;background:#f8d7da;border:1px solid #dc3545;border-radius:8px;padding:8px 12px;margin-bottom:12px;display:none;line-height:1.4}.auth-error:not(:empty){display:block}.auth-divider{display:flex;align-items:center;gap:10px;margin:16px 0;color:#bbb;font-size:.85em}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#e0e0e0}.google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;font-size:.95em;font-weight:600;color:#333;background:#fff;border:2px solid #ddd;border-radius:10px;cursor:pointer;transition:border-color .2s,box-shadow .2s}.google-btn:hover:not(:disabled){border-color:#4285f4;box-shadow:0 2px 8px #4285f433}.google-btn:disabled,#authSubmitBtn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.auth-modal-box{padding:28px 20px 24px}}.session-status{text-align:center;font-size:.78em;color:#888;margin:-12px 0 14px;letter-spacing:.01em;transition:color .3s}.paywall-box{max-width:400px;text-align:center}.paywall-icon{font-size:2.5em;margin-bottom:10px}.paywall-desc{color:#555;font-size:.95em;margin-bottom:20px;line-height:1.5}.paywall-sub{font-size:.82em;color:#999;margin-top:10px}.paywall-feedback-btn{display:block;width:100%;text-decoration:none;margin-bottom:0;text-align:center}.paywall-buy-btn{width:100%;opacity:.55;cursor:not-allowed}.feedback-claim-btn{background:none;border:none;color:#667eea;font-size:.78em;font-weight:600;cursor:pointer;padding:2px 6px;border-radius:6px;transition:background .15s,color .15s;white-space:nowrap}.feedback-claim-btn:hover{background:#667eea1f;color:#4a5cc7}.credit-toast{position:fixed;bottom:24px;right:24px;background:#323232;color:#fff;padding:12px 20px;border-radius:10px;font-size:.9em;font-weight:500;box-shadow:0 4px 16px #00000040;opacity:0;transform:translateY(12px);transition:opacity .25s ease,transform .25s ease;pointer-events:none;z-index:9999;max-width:300px}.credit-toast.visible{opacity:1;transform:translateY(0);pointer-events:auto}.shop-box{max-width:480px}.pack-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pack-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:18px 12px 14px;border:2px solid #e0e0e0;border-radius:14px;background:#fafafa;cursor:pointer;transition:border-color .18s,box-shadow .18s,transform .1s;font-family:inherit}.pack-card:hover{border-color:#667eea;box-shadow:0 4px 16px #667eea2e;transform:translateY(-2px)}.pack-card:active{transform:translateY(0)}.pack-card:disabled{opacity:.5;cursor:not-allowed;transform:none}.pack-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.68em;font-weight:700;padding:2px 10px;border-radius:20px;white-space:nowrap}.pack-popular{border-color:#667eea}.pack-unlimited{background:linear-gradient(135deg,#fff9e6,#fff3cd);border-color:#e6a817}.pack-unlimited:hover{border-color:#c8890f;box-shadow:0 4px 16px #c8890f33}.pack-credits{font-size:2em;font-weight:800;color:#333;line-height:1}.pack-label{font-size:.75em;color:#777;margin-bottom:6px}.pack-price{font-size:1.15em;font-weight:700;color:#667eea}.pack-unlimited .pack-price{color:#c8890f}