.recorder-page{width:min(1500px,calc(100% - 28px));padding:22px 0;margin:auto}.recorder-page header{align-items:center;margin-bottom:18px}.recorder-page h1{font-size:34px}.recorder-page .subtitle{margin-top:5px}.status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.status-grid article,.totp-panel,.log-panel{border:1px solid var(--line);border-radius:14px;background:var(--panel)}.status-grid article{padding:14px}.status-grid span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.status-grid strong{display:block;margin-top:6px;font-size:18px}.state-good{color:var(--mint)}.state-warn{color:var(--gold)}.state-bad{color:var(--red)}.recorder-layout{display:grid;grid-template-columns:minmax(320px,38%) minmax(0,1fr);gap:12px;margin-top:12px}.totp-panel,.log-panel{padding:18px}.totp-panel h2,.log-panel h2{margin:0 0 10px}.totp-panel>p{color:var(--muted);line-height:1.55}.totp-panel form{display:flex;align-items:end;gap:8px;margin:20px 0}.totp-panel input{display:block;width:190px;margin-top:6px;padding:11px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);font:inherit;letter-spacing:.2em}.notice{padding:10px;border:1px solid var(--line);border-radius:9px}.security-note,.error-box{margin-top:18px;padding:13px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:12px;line-height:1.5}.error-box strong,.error-box span{display:block}.error-box span{margin-top:6px;color:var(--ink)}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head h2{margin:0}#activityLog{height:min(55vh,540px);margin:14px 0 0;padding:14px;overflow:auto;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font:12px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}@media(max-width:900px){.status-grid{grid-template-columns:repeat(2,1fr)}.recorder-layout{grid-template-columns:1fr}.recorder-page header{align-items:flex-start;flex-wrap:wrap}.totp-panel form{align-items:stretch;flex-direction:column}.totp-panel input{width:100%}}
.embedded{overflow:hidden}.embedded .recorder-page{width:calc(100% - 18px);height:100vh;padding:10px 0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px}.embedded .recorder-page>header{display:none}.embedded .status-grid{grid-template-columns:repeat(8,1fr);gap:6px}.embedded .status-grid article{padding:9px}.embedded .status-grid strong{font-size:13px}.embedded .recorder-layout{min-height:0;height:100%;margin:0;grid-template-columns:minmax(330px,36%) minmax(0,1fr)}.embedded .totp-panel,.embedded .log-panel{min-height:0;overflow:auto;padding:14px}.embedded #activityLog{height:calc(100% - 55px);min-height:260px}.embedded .log-panel{display:flex;flex-direction:column}.embedded .panel-head{flex:0 0 auto}@media(max-width:1100px){.embedded{overflow:auto}.embedded .recorder-page{height:auto;display:block}.embedded .status-grid{grid-template-columns:repeat(4,1fr)}.embedded .recorder-layout{grid-template-columns:1fr;margin-top:10px}}