html,body,#root{margin:0;padding:0;height:100%}body{background-color:#cfcfcf}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#111827}.app-root{min-height:100vh;display:flex;justify-content:center;align-items:stretch}.app-shell{width:100%;max-width:960px;margin:16px;padding:16px 20px 24px;border-radius:12px;background-color:#f9fafb;box-shadow:0 10px 25px #0f172a1f;display:flex;flex-direction:column;gap:16px}.app-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.app-title{margin:0;font-size:20px;font-weight:600}.app-subtitle{margin:4px 0 0;font-size:13px;color:#4b5563}.settings-bar{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:12px}.settings-label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#6b7280}.settings-value{font-weight:500;color:#111827}.settings-links{display:flex;gap:8px}.settings-links a{color:#2563eb;text-decoration:none;font-weight:500}.settings-links a:hover{text-decoration:underline}.home{display:flex;flex-direction:column;gap:16px}.section{background-color:#fff;border-radius:10px;padding:12px 14px;border:1px solid #e5e7eb}.section-title{margin:0;font-size:15px;font-weight:600}.section-description{margin:6px 0 8px;font-size:13px;color:#4b5563}.button-row{display:flex;align-items:center;gap:8px;margin-top:8px}.button-row.right{justify-content:flex-end}.btn{border:none;border-radius:9999px;padding:6px 14px;font-size:13px;font-weight:500;cursor:pointer}.btn.primary{background-color:#111827;color:#f9fafb}.btn.secondary{background-color:#e5e7eb;color:#111827}.btn:disabled{opacity:.5;cursor:default}.file-name{font-size:12px;color:#374151}.status-row{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:13px}.status-text{flex:1}.spinner{width:14px;height:14px;border-radius:9999px;border:2px solid #d1d5db;border-top-color:#111827;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-text{margin-top:8px;font-size:12px;color:#b91c1c}.transcript-box{width:100%;margin-top:8px;min-height:160px;border-radius:6px;border:1px solid #9ca3af;padding:8px;font-size:13px;font-family:inherit;resize:vertical;background-color:#f9fafb;box-sizing:border-box}.footer-note{margin-top:8px;font-size:11px;color:#4b5563}