@import"https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";body,button,input,select,textarea,p,span,div,label{font-family:Plus Jakarta Sans,sans-serif}h1,h2,h3,h4,h5,h6,.headline,.font-heading{font-family:Hanken Grotesk,sans-serif}\feff:root{--primary-green: #004AC6;--secondary-gray: #6e7071;--background-light: #FAF8FF;--surface-light: #ffffff;--text-dark: #131B2E;--text-muted: #5C6479;--border-color: #E2E8F0}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Plus Jakarta Sans,sans-serif;background-color:var(--background-light);color:var(--text-dark);display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:2rem}#root{display:grid;grid-template-columns:400px 1fr;gap:2rem;width:100%;max-width:1600px;height:calc(100vh - 4rem)}.controls{background-color:var(--surface-light);border-radius:12px;padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem;border:1px solid var(--border-color)}.controls h1{font-size:1.5rem;font-weight:700;color:var(--primary-green);text-align:center;border-bottom:1px solid var(--border-color);padding-bottom:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:var(--text-muted)}.form-group input[type=text],.form-group textarea,.form-group select{width:100%;padding:.75rem;border-radius:6px;border:1px solid var(--border-color);background-color:#fff;color:var(--text-dark);font-family:Plus Jakarta Sans,sans-serif;transition:border-color .3s ease,box-shadow .3s ease}.form-group input[type=text]:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-green);box-shadow:0 0 0 3px #0062401a}.form-group textarea{min-height:100px;resize:vertical}.file-input-wrapper{position:relative;overflow:hidden;display:inline-block;width:100%;border:2px dashed var(--border-color);border-radius:6px;padding:1rem;text-align:center;cursor:pointer;transition:border-color .3s,background-color .3s}.file-input-wrapper:hover{border-color:var(--primary-green);background-color:#f8f9fa}.file-input-wrapper input[type=file]{position:absolute;left:0;top:0;opacity:0;width:100%;height:100%;cursor:pointer}.file-input-wrapper .file-name{color:var(--text-muted)}.generate-btn{width:100%;padding:1rem;border:none;border-radius:6px;background-color:var(--primary-green);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s,transform .1s;display:flex;justify-content:center;align-items:center;gap:.5rem}.generate-btn:hover{background-color:#007a50}.generate-btn:active{transform:scale(.98)}.generate-btn:disabled{background-color:var(--secondary-gray);cursor:not-allowed}.loader{width:18px;height:18px;border:2px solid #FFF;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.output-area{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;height:100%}.output-placeholder{color:var(--text-muted);text-align:center}#output-container{display:flex;justify-content:center;align-items:center;width:100%;flex-grow:1;overflow:hidden;background-color:var(--surface-light);border:1px solid var(--border-color);border-radius:12px;padding:1rem;min-height:0}#output-container svg{width:100%;height:100%;object-fit:contain;box-shadow:0 8px 24px #00000014}.loading-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--text-muted);text-align:center}.loading-indicator .loader{width:50px;height:50px;border-width:4px;border-color:var(--primary-green);border-bottom-color:transparent}.loading-indicator p{font-size:1.1rem;font-weight:500;color:var(--text-dark)}.loading-indicator .subtle{font-size:.9rem;color:var(--text-muted)}.download-controls{display:flex;gap:1rem;width:100%;max-width:450px;align-items:flex-end;visibility:hidden;opacity:0;transition:visibility 0s .3s,opacity .3s ease}.download-controls.visible{visibility:visible;opacity:1;transition-delay:0s}.download-controls .form-group{flex-grow:1}.download-controls #download-btn{flex-shrink:0;flex-basis:200px}