.recorder { --recorder-border: #cbd5e1; color: #172554; background: #fff; border: 1px solid var(--recorder-border); border-radius: 16px; padding: 20px; max-width: 720px; box-sizing: border-box; font-family: inherit; }
.recorder * { box-sizing: border-box; }
.recorder h2 { margin: 0 0 10px; font-size: 1.25rem; }
.recorder h3 { margin: 24px 0 8px; font-size: 1rem; }
.recorder p { line-height: 1.6; overflow-wrap: anywhere; }
.recorder .recorder__notice { color: #475569; font-size: .9rem; }
.recorder .recorder__privacy { color: #64748b; font-size: .85rem; }
.recorder .recorder__clock { margin: 10px 0; font-variant-numeric: tabular-nums; font-size: 2rem; font-weight: 700; }
.recorder .recorder__controls { display: flex; flex-wrap: wrap; gap: 8px; }
.recorder button { min-height: 44px; padding: 10px 14px; margin: 4px 0; border: 1px solid #94a3b8; border-radius: 9px; color: #172554; background: #f8fafc; font: inherit; cursor: pointer; touch-action: manipulation; }
.recorder button[data-action="start"], .recorder button[data-action="deliver"] { color: white; background: #1d4ed8; border-color: #1d4ed8; }
.recorder button:disabled { opacity: .45; cursor: default; }
.recorder button:focus-visible, .recorder input:focus-visible { outline: 3px solid #38bdf8; outline-offset: 2px; }
.recorder .recorder__upload { display: grid; gap: 8px; margin: 18px 0; font-size: .95rem; }
.recorder input { max-width: 100%; min-height: 44px; font: inherit; }
.recorder audio { width: 100%; margin: 12px 0; }
.recorder [hidden] { display: none !important; }
.recorder .recorder__error { background: #fff1f2; border-left: 4px solid #e11d48; padding: 10px 12px; color: #9f1239; }
.recorder .recorder__drafts { padding: 0; list-style: none; }
.recorder .recorder__drafts li { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 12px 0; border-bottom: 1px solid #e2e8f0; }
.recorder .recorder__drafts span { flex-basis: 100%; overflow-wrap: anywhere; font-size: .9rem; }
@media (max-width: 480px) { .recorder { padding: 14px; border-radius: 12px; } .recorder .recorder__controls button { flex: 1 1 42%; } }

/* Agent 3.2 style candidate; status text and behavior remain owned by Agent 3. */
.recorder{color:var(--a1-text,#1f2329);border-color:var(--a1-line,#e5e9ef);border-radius:12px;padding:18px;background:var(--a1-surface,#fff)}
.recorder .recorder__notice{color:var(--a1-subtext,#5b6472)}.recorder .recorder__privacy{color:var(--a1-muted,#707988)}
.recorder .recorder__clock{color:var(--a1-primary,#0b66d8)}
.recorder button{border-color:#cbd3dd;border-radius:8px;color:var(--a1-primary,#0b66d8);background:var(--a1-primary-soft,#eaf3ff)}
.recorder button[data-action="start"],.recorder button[data-action="deliver"]{background:var(--a1-primary,#0b66d8);border-color:var(--a1-primary,#0b66d8);color:#fff}
.recorder button:focus-visible,.recorder input:focus-visible{outline-color:#84b9ff}
.recorder .recorder__error{background:#fff0ee;border-left-color:var(--a1-danger,#b42318);color:var(--a1-danger,#b42318)}
.recorder .recorder__drafts li{border-bottom-color:var(--a1-line,#e5e9ef)}
@media(max-width:480px){.recorder{padding:16px}.recorder .recorder__controls button{flex:1 1 44%;min-height:44px}}