:root{--green-dark: #1a3d2b;--green-mid: #2d6a4f;--green-light: #52b788;--gold: #c9a84c;--gold-light: #e8c96a;--cream: #faf7f0;--cream-dark: #f0ead8;--text: #1c1c1c;--text-muted: #6b6b6b;--border: #d8ceb8;--card-bg: #ffffff;--radius: 10px;--shadow: 0 2px 16px rgba(26,61,43,.1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Lora,Georgia,serif;background:var(--cream);color:var(--text);min-height:100vh;position:relative}.bg-pattern{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.035;background-image:repeating-linear-gradient(45deg,var(--green-dark) 0px,var(--green-dark) 1px,transparent 1px,transparent 24px),repeating-linear-gradient(-45deg,var(--green-dark) 0px,var(--green-dark) 1px,transparent 1px,transparent 24px);pointer-events:none}.site-header{background:var(--green-dark);padding:1.6em 2em;position:relative;z-index:1;border-bottom:3px solid var(--gold)}.header-inner{max-width:860px;margin:0 auto;display:flex;align-items:center;gap:1em}.logo-mark{font-family:Noto Naskh Arabic,serif;font-size:2.6em;color:var(--gold);line-height:1;flex-shrink:0}.site-title{font-size:1.45em;font-weight:600;color:#fff;letter-spacing:.01em}.site-sub{font-size:.82em;color:var(--green-light);margin-top:.15em;font-style:italic}.container{max-width:860px;margin:0 auto;padding:2em 1.5em 3em;position:relative;z-index:1;display:flex;flex-direction:column;gap:1.4em}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.6em;box-shadow:var(--shadow)}.card-title{font-size:1em;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--green-dark);margin-bottom:1.1em;padding-bottom:.5em;border-bottom:1px solid var(--cream-dark)}.options-grid{display:flex;flex-direction:column;gap:.9em;margin-bottom:1.2em}.field-label{display:flex;flex-direction:column;gap:.35em;font-size:.88em;line-height:1.3}.field-label small{display:block;font-size:.82em;color:var(--text-muted);font-style:italic}.text-field{font-family:Lora,serif;font-size:.95em;padding:.5em .7em;border:1px solid var(--border);border-radius:6px;background:var(--cream);color:var(--text);outline:none}.text-field:focus{border-color:var(--green-mid)}.toggle-label{display:flex;align-items:center;gap:.8em;cursor:pointer}.toggle-label input[type=checkbox]{display:none}.toggle-track{flex-shrink:0;width:42px;height:23px;background:var(--border);border-radius:12px;position:relative;transition:background .2s}.toggle-label input:checked+.toggle-track{background:var(--green-mid)}.toggle-thumb{position:absolute;top:3px;left:3px;width:17px;height:17px;background:#fff;border-radius:50%;transition:left .2s;box-shadow:0 1px 3px #0003}.toggle-label input:checked+.toggle-track .toggle-thumb{left:22px}.toggle-text{font-size:.88em;line-height:1.3}.toggle-text small{display:block;font-size:.82em;color:var(--text-muted);font-style:italic;margin-top:.1em}.filename-row{display:flex;align-items:center;gap:.8em;flex-wrap:wrap}.filename-label{font-size:.85em;color:var(--text-muted);white-space:nowrap}.filename-input-wrap{display:flex;align-items:center;gap:0;border:1px solid var(--border);border-radius:6px;overflow:hidden;background:var(--cream)}.filename-input-wrap input{font-family:Lora,serif;font-size:.88em;padding:.4em .7em;border:none;background:transparent;outline:none;color:var(--text);min-width:180px}.filename-ext{font-size:.82em;padding:.4em .7em .4em 0;color:var(--text-muted)}.generate-wrap{display:flex;justify-content:center}.btn-generate{font-family:Lora,serif;font-size:1em;font-weight:600;letter-spacing:.04em;padding:.85em 2.4em;background:var(--green-dark);color:#fff;border:2px solid var(--green-dark);border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.6em;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 4px 16px #1a3d2b40}.btn-generate:hover:not(:disabled){background:var(--green-mid);border-color:var(--green-mid);transform:translateY(-2px);box-shadow:0 6px 20px #1a3d2b4d}.btn-generate:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-generate-icon{font-size:1.2em}.btn-generate.loading .btn-generate-text:after{content:"";display:inline-block;width:.7em;height:.7em;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;margin-left:.5em;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.progress-card{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1}}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.7em}.progress-title{font-size:.9em;font-weight:600;color:var(--green-dark)}.progress-pct{font-size:.85em;font-weight:600;color:var(--gold)}.progress-bar-wrap{height:7px;background:var(--cream-dark);border-radius:4px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--green-mid),var(--green-light));border-radius:4px;width:0%;transition:width .3s ease}.progress-detail{font-size:.78em;color:var(--text-muted);margin-top:.5em;font-style:italic}.site-footer{text-align:center;padding:1.5em;font-size:.78em;color:var(--text-muted);border-top:1px solid var(--border);position:relative;z-index:1}.site-footer a{color:var(--green-mid);text-decoration:none}.site-footer a:hover{text-decoration:underline}@media (max-width: 560px){.site-header{padding:1.2em 1em}.container{padding:1.2em 1em 2em}.btn-generate{width:100%;justify-content:center}}