:root{--ink: #18212f;--muted: #5b6575;--line: rgba(24, 33, 47, .12);--surface: rgba(255, 255, 255, .86);--surface-solid: #ffffff;--accent: #0f6a5c;--accent-strong: #0b5247;--accent-soft: #e6f4f0;--danger: #9b1c1c;--danger-soft: #fdecec;--focus: #1d4ed8;--radius: 14px;--shadow: 0 18px 40px rgba(24, 33, 47, .08);--reading: 46rem;color:var(--ink);background:radial-gradient(circle at 12% 0%,#d9ebe6 0%,transparent 42%),radial-gradient(circle at 88% 12%,#e7eef8 0%,transparent 38%),linear-gradient(180deg,#f4f7fa,#eef2f6);font-family:Segoe UI,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-height:100vh}#root{min-height:100vh}button,input,select,textarea{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{min-height:100vh}.topbar{border-bottom:1px solid var(--line);background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar-inner{max-width:960px;margin:0 auto;padding:1.25rem 1.25rem 1.1rem}.brand{margin:0;font-size:clamp(1.5rem,2.4vw,1.9rem);font-weight:700;letter-spacing:-.03em}.tagline{margin:.35rem 0 0;color:var(--muted)}.workspace{max-width:960px;margin:0 auto;padding:1.5rem 1.25rem 3rem;display:grid;gap:1rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card-title{margin:0 0 .4rem;font-size:1.25rem}.card-lead,.meta-line{margin:0;color:var(--muted)}.meta-muted{color:#7a8494}.section-heading{margin:0 0 .35rem;font-size:1rem}.field{display:grid;gap:.4rem;margin-top:1.1rem}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.field label,.field-label{font-size:.875rem;font-weight:600}.field input[type=url],.field input[type=text],.field select,.editor-title,.editor-textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:var(--surface-solid);color:var(--ink);padding:.7rem .85rem}.field-hint{margin:0;font-size:.85rem;color:var(--muted)}.field-hint-error{color:var(--danger)}.format-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}.format-option{display:flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.75rem;border:1px solid var(--line);border-radius:10px;background:var(--surface-solid);cursor:pointer;padding:.5rem}.format-option input{position:absolute;opacity:0;pointer-events:none}.format-option.is-selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.form-actions{margin-top:1.35rem;display:flex;flex-wrap:wrap;gap:.75rem}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:999px;padding:.65rem 1.15rem;cursor:pointer;font-weight:600}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-strong)}.btn-secondary{background:#fff;border-color:var(--line);color:var(--ink)}.btn-secondary:hover:not(:disabled){background:#f3f6f9}.btn-export{background:#fff;border-color:var(--line);color:var(--ink)}.btn-export.is-preferred{border-color:var(--accent);background:var(--accent-soft)}.progress-track{margin:1.25rem 0 1rem;height:.55rem;border-radius:999px;background:#e5ebe9;overflow:hidden}.progress-indeterminate{width:40%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#3d9b88);animation:slide 1.4s ease-in-out infinite}@keyframes slide{0%{transform:translate(-120%)}to{transform:translate(320%)}}.progress-status{display:flex;align-items:center;gap:.55rem;margin:0 0 1rem;font-weight:600}.progress-dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--accent);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.35}50%{opacity:1}}.stage-list{margin:0;padding-left:1.2rem;color:var(--muted);display:grid;gap:.25rem}.stage-list .is-current{color:var(--accent-strong);font-weight:700}.result-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1.25rem}.editor{max-width:var(--reading)}.editor-title{font-size:1.45rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1rem}.editor-paragraphs{display:grid;gap:.85rem}.editor-textarea{resize:vertical;min-height:5.5rem;line-height:1.65}.result-footer{margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid var(--line)}.export-actions{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.65rem}.error-banner,.info-banner{border-radius:var(--radius);padding:1rem 1.15rem;border:1px solid var(--line)}.error-banner{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;background:var(--danger-soft);border-color:#9b1c1c40;color:#5f1414}.error-banner p{margin:.35rem 0 0}.error-actions{display:flex;flex-wrap:wrap;gap:.5rem}.info-banner{background:var(--accent-soft);color:var(--accent-strong)}@media(max-width:720px){.field-row,.format-grid{grid-template-columns:1fr 1fr}.result-header,.error-banner{flex-direction:column}}@media(max-width:520px){.format-grid{grid-template-columns:1fr}.workspace{padding-inline:1rem}.card{padding:1.15rem}}