.recovery-mode>.auth-layout,.recovery-mode>.site-header,.recovery-mode>.site-footer,.recovery-mode>.setup-notice{display:none}
.ro-shell{max-width:1120px;margin:0 auto;padding:28px 32px 48px;width:100%;overflow-wrap:anywhere}
.ro-header,.ro-heading,.ro-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px}
.ro-header{padding-bottom:26px;border-bottom:1px solid var(--line);margin-bottom:28px}
.ro-header-actions{display:flex;gap:10px}.ro-header button{font-size:var(--text-sm)}
.ro-preview{padding:10px 14px;background:var(--soft);font-size:var(--text-xs);margin-bottom:16px;border-radius:8px}
.ro-notice{padding:20px 24px;border:1px solid var(--line);border-left:4px solid var(--accent);background:var(--soft);border-radius:10px;margin-bottom:32px}
.ro-notice strong{font-size:1.05rem}.ro-notice p{font-size:var(--text-sm);margin-top:4px}
.ro-heading h1{font-size:var(--text-xl);letter-spacing:-.6px;line-height:1.25;margin:6px 0 8px}
.ro-heading>.ws-primary{white-space:nowrap}.ro-heading .eyebrow{font-size:var(--text-xs)}
.ro-boundary{color:var(--muted);margin:18px 0 26px;max-width:750px;font-size:var(--text-sm)}
.ro-tabs{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:24px}
.ro-tabs button{font-size:var(--text-sm);min-height:44px}.ro-tabs [aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--button-text)}
.ro-toolbar h2{font-size:1.15rem}.ro-status{color:var(--muted);font-size:var(--text-sm);margin:8px 0 18px}
.ro-content{display:grid;gap:16px}.ro-card{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:22px 24px}
.ro-label{font-size:var(--text-xs);color:var(--muted);letter-spacing:.65px}.ro-card h3{font-size:1.1rem;margin:6px 0 3px}
.ro-card>.ws-muted{font-size:var(--text-sm)}.ro-card details{margin-top:14px}.ro-card summary{color:var(--accent);cursor:pointer;padding:6px 0}
.ro-card pre{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;padding:16px 0;line-height:1.75}
.ro-card>button{margin-top:14px}.ro-file-result{display:grid;gap:12px;margin-top:12px;justify-items:start}.ro-file-result audio{width:min(100%,430px)}
.ro-footer{border-top:1px solid var(--line);margin-top:36px;padding-top:22px;color:var(--muted);font-size:var(--text-sm)}.ro-footer p+p{margin-top:6px}
.ro-pages{display:flex;align-items:center;justify-content:space-between;gap:12px}.ro-transition{position:fixed;z-index:100;bottom:16px;left:16px;right:16px;max-width:900px;margin:auto;padding:18px;background:var(--warm);color:var(--warm-text);border:1px solid var(--line);border-radius:12px;box-shadow:0 4px 22px #0002}.ro-transition button{margin-top:10px}
#preview-state{display:block;width:min(100%,420px);min-height:44px;padding:8px 12px;background:var(--panel);border:1px solid var(--line);border-radius:8px;margin-top:6px}
@media(max-width:650px){.ro-shell{padding:18px 18px 32px}.ro-header{align-items:flex-start;gap:10px}.ro-header .brand small{font-size:var(--text-xs)}.ro-header-actions{flex-direction:column}.ro-heading{align-items:flex-start;flex-direction:column;gap:16px}.ro-heading>.ws-primary{width:100%}.ro-notice{padding:16px;margin-bottom:24px}.ro-card{padding:18px}.ro-tabs{gap:7px}.ro-tabs button{padding:8px 12px}.ro-toolbar{gap:8px}.ro-header .brand b{font-size:1rem}}