.exa{--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-ring: #3b82f6;--color-primary-tint: #eff6ff;--color-surface: #ffffff;--color-surface-muted: #f9fafb;--color-surface-placeholder: #f3f4f6;--color-border: #e5e7eb;--color-border-input: #d1d5db;--color-text-heading: #111827;--color-text-body: #374151;--color-text-secondary: #4b5563;--color-text-muted: #6b7280;--gradient-hero: linear-gradient(to right, #eef2ff, #ffffff, #fdf2f8);--radius-input: .5rem;--radius-card: 1rem;--shadow-card: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-raised: 0 10px 15px -3px rgb(0 0 0 / .1);color:var(--color-text-body);background:#fcfcfd;line-height:1.5;-webkit-font-smoothing:antialiased}.exa *{box-sizing:border-box}.exa-container{max-width:72rem;margin-inline:auto;padding-inline:1rem;padding-bottom:1rem}@media (min-width: 640px){.exa-container{padding-inline:1.5rem}}@media (min-width: 1024px){.exa-container{padding-inline:2rem}}.exa .card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:1.5rem}.exa .card--raised{box-shadow:var(--shadow-raised)}.exa .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--color-primary);color:#fff;font-weight:600;padding:.625rem 1.5rem;border-radius:var(--radius-input);border:0;cursor:pointer;text-decoration:none;transition:.15s;font-size:1rem}.exa .btn:hover{background:var(--color-primary-hover)}.exa .btn:focus-visible{outline:2px solid var(--color-primary-ring);outline-offset:2px}.exa .btn:disabled{opacity:.55;cursor:not-allowed}.exa .btn--full{width:100%}.exa .btn--sm{padding:.4rem .85rem;font-size:.85rem}.exa .btn--ghost{background:var(--color-surface);color:var(--color-text-body);border:1px solid var(--color-border-input)}.exa .btn--ghost:hover{background:var(--color-surface-muted)}.exa .field{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-body);margin-bottom:.5rem}.exa .seg{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.exa .seg__opt{position:relative;display:flex;flex-direction:column;gap:.15rem;border:1px solid var(--color-border-input);border-radius:var(--radius-input);background:var(--color-surface);padding:.7rem .8rem;cursor:pointer;transition:.15s}.exa .seg__opt:hover{border-color:var(--color-primary-ring);background:var(--color-surface-muted)}.exa .seg__opt input{position:absolute;opacity:0;width:0;height:0}.exa .seg__opt:has(input:checked){border-color:var(--color-primary);background:var(--color-primary-tint);box-shadow:0 0 0 1px var(--color-primary)}.exa .seg__opt:has(input:focus-visible){outline:2px solid var(--color-primary-ring);outline-offset:2px}.exa .seg__title{font-weight:700;font-size:.95rem;color:var(--color-text-heading)}.exa .seg__sub{font-size:.74rem;color:var(--color-text-muted)}.exa .seg__opt:has(input:checked) .seg__title{color:var(--color-primary-hover)}.exa h2.section{font-size:1.5rem;font-weight:700;color:var(--color-text-heading);letter-spacing:-.01em;margin:0}.exa h3.panel{font-size:1.125rem;font-weight:600;color:var(--color-text-heading);margin:0}.exa .muted{color:var(--color-text-muted)}.exa .tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;background:var(--color-surface-muted);border-radius:var(--radius-input);padding:1rem;border:1px solid var(--color-border)}.exa .tile__label{font-size:.85rem;color:var(--color-text-muted)}.exa .tile__value{font-size:1.35rem;font-weight:700;color:var(--color-text-heading)}.exa .tile__value--primary{color:var(--color-primary)}@media (max-width: 560px){.exa .tiles{grid-template-columns:1fr;gap:.75rem}}.exa .layout{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}@media (min-width: 920px){.exa .layout{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);align-items:start}.exa .side-card{position:sticky;top:1.5rem}}.exa .dropzone{border:2px dashed var(--color-border-input);border-radius:var(--radius-card);background:var(--color-surface-muted);padding:3rem 1.5rem;text-align:center;cursor:pointer;transition:.18s;user-select:none}.exa .dropzone:hover,.exa .dropzone.is-drag{border-color:var(--color-primary-ring);background:var(--color-primary-tint)}.exa .dropzone.is-drag{border-style:solid}.exa .dropzone.is-busy{cursor:progress;opacity:.7;pointer-events:none}.exa .dropzone:focus-visible{outline:2px solid var(--color-primary-ring);outline-offset:2px}.exa .dropzone__icon{width:56px;height:56px;margin:0 auto .9rem;color:var(--color-primary)}.exa .dropzone__icon svg{width:100%;height:100%;display:block}.exa .dropzone__title{font-weight:700;font-size:1.15rem;color:var(--color-text-heading)}.exa .dropzone__sub{font-size:.92rem;color:var(--color-text-muted);margin-top:.35rem}.exa .dropzone__formats{display:inline-flex;flex-wrap:wrap;gap:.35rem;justify-content:center;margin-top:1rem}.exa .fmt-chip{font-size:.7rem;font-weight:700;letter-spacing:.03em;padding:.18rem .5rem;border-radius:999px;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted)}.exa .file-card{display:flex;align-items:center;gap:.85rem;margin-top:1.25rem;border:1px solid var(--color-border);border-radius:var(--radius-input);background:var(--color-surface);padding:.8rem .95rem;box-shadow:var(--shadow-card)}.exa .file-card__icon{flex:0 0 auto;font-size:1.5rem;line-height:1}.exa .file-card__meta{flex:1 1 auto;min-width:0}.exa .file-card__name{font-size:.95rem;font-weight:600;color:var(--color-text-heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exa .file-card__sub{font-size:.8rem;color:var(--color-text-muted);margin-top:.1rem}.exa .file-card__remove{flex:0 0 auto;width:1.8rem;height:1.8rem;border-radius:999px;background:var(--color-surface-muted);color:var(--color-text-secondary);border:1px solid var(--color-border);cursor:pointer;font-size:1.1rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:.15s}.exa .file-card__remove:hover{background:#b91c1c;color:#fff;border-color:#b91c1c}.exa .file-card__remove:disabled{opacity:.4;cursor:not-allowed}.exa .output{margin-top:1.5rem;border-top:1px solid var(--color-border);padding-top:1.5rem}.exa .output__head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:.85rem}.exa .output__audio{width:100%;display:block}.exa .output__hint{margin:.6rem 0 0;font-size:.78rem;color:var(--color-text-muted)}.exa .side-card h3.panel{margin-bottom:1.1rem}.exa .field-group{margin-bottom:1.25rem}.exa .summary-line{margin:.9rem 0 0;font-size:.85rem;color:var(--color-text-muted);text-align:center}.exa .gen-note{margin-top:.9rem;padding:.7rem .85rem;border-radius:var(--radius-input);font-size:.84rem;line-height:1.45;background:var(--color-primary-tint);color:var(--color-primary-hover);border:1px solid #bfdbfe}.exa .gen-note--warn{background:#fffbeb;color:#b45309;border-color:#fde68a}.exa .fine-print{margin:.9rem 0 0;font-size:.78rem;line-height:1.45;color:var(--color-text-muted)}.exa .warnbox{margin-bottom:1.1rem;padding:.8rem .9rem;border-radius:var(--radius-input);background:#fffbeb;border:1px solid #fde68a;color:#92400e;font-size:.82rem;line-height:1.5}.exa .warnbox strong{color:#78350f}.exa .preflight{margin-top:.9rem;padding:.85rem .9rem;border-radius:var(--radius-input);background:#fffbeb;border:1px solid #fde68a}.exa .preflight__msg{margin:0 0 .7rem;font-size:.84rem;line-height:1.45;color:#92400e}.exa .preflight__actions{display:flex;gap:.5rem}.exa .progress{margin-top:.9rem}.exa .progress__bar{height:.5rem;border-radius:999px;background:var(--color-surface-placeholder);overflow:hidden}.exa .progress__fill{display:block;height:100%;width:0%;background:linear-gradient(to right,var(--color-primary),#60a5fa);transition:width .2s ease}.exa .progress__fill.is-indeterminate{width:40%;animation:exa-indet 1.15s ease-in-out infinite;transition:none}@keyframes exa-indet{0%{margin-left:-42%}to{margin-left:100%}}.exa .progress__row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.6rem}.exa .progress__label{font-size:.82rem;font-weight:600;color:var(--color-text-secondary)}.exa .results-row{margin-top:1.5rem}.exa .how{margin-top:3.25rem}.exa .how h2.section{text-align:center}.exa .how__lead{text-align:center;color:var(--color-text-secondary);margin:.4rem 0 1.75rem}.exa .steps{display:grid;grid-template-columns:1fr;gap:1.1rem}@media (min-width: 720px){.exa .steps{grid-template-columns:repeat(3,1fr)}}.exa .step{text-align:center;padding:1.75rem 1.25rem}.exa .step__n{width:2.5rem;height:2.5rem;margin:0 auto .9rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem;color:var(--color-primary);background:var(--color-primary-tint);border:1px solid #bfdbfe}.exa .step h3{font-size:1.05rem;font-weight:700;color:var(--color-text-heading);margin:0 0 .4rem}.exa .step p{margin:0;font-size:.9rem;color:var(--color-text-secondary)}.exa .about{margin-top:1.75rem}.exa .about h3{font-size:1.1rem;font-weight:700;color:var(--color-text-heading);margin:0 0 .6rem}.exa .about p{margin:0;font-size:.92rem;color:var(--color-text-secondary)}.exa .privacy-line{margin-top:1.75rem;display:flex;align-items:center;gap:1rem;background:#ecfdf5;border:1px solid #a7f3d0}.exa .privacy-line__icon{font-size:1.5rem;flex:0 0 auto}.exa .privacy-line strong{color:#065f46}.exa .privacy-line p{margin:0;color:#047857;font-size:.95rem}.exa .foot{margin:2.5rem 0 1rem;padding-top:1.25rem;border-top:1px solid var(--color-border);text-align:center}.exa .foot p{margin:0;font-size:.85rem}
