*{box-sizing:border-box}body{color:#fff;background:#000;max-width:500px;margin:0 auto;padding:15px;font-family:monospace;font-size:13px}h2{border-bottom:1px solid #333;margin:0 0 15px;padding-bottom:8px;font-size:1.5em}h2 .v{color:#666;margin-left:10px;font-size:.5em}audio{filter:invert()hue-rotate(180deg);width:100%;margin-top:15px}.ctrl{background:#111;border-radius:4px;align-items:center;gap:8px;margin:10px 0;padding:8px;display:flex}.ctrl button{color:#fff;cursor:pointer;background:#222;border:1px solid #444;border-radius:3px;padding:6px 12px;font-weight:700}.ctrl button.on{background:#1976d2;border-color:#1565c0}.sl{margin:0 0 15px;padding:0;list-style:none}.sl li{margin:5px 0}.row{color:#fff;cursor:pointer;text-align:left;background:#111;border:2px solid #0000;border-radius:4px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:48px;padding:10px;font-family:inherit;font-size:1.1em;display:flex}button.row:hover{background:#222}.row.ok{background:#1b5e20}.row.err{background:#b71c1c}.row.act{border-color:#4caf50}.row .btns{align-items:center;gap:6px;display:flex}.row button{cursor:pointer;color:#fff;background:#1976d2;border:none;border-radius:3px;padding:4px 10px;font-size:.9em}.row button:disabled{cursor:not-allowed;background:#333}.row .mic{background:#388e3c}.row .mic:hover:not(:disabled){background:#2e7d32}.row .ft:hover:not(:disabled){background:#1565c0}.row input[type=file]{color:#fff;background:#222;border:1px solid #555;border-radius:3px;flex:1;min-width:0;padding:4px 8px;font-size:.85em}.st{white-space:nowrap;text-overflow:ellipsis;max-width:60%;font-size:1em;font-weight:700;overflow:hidden}.st.ok{color:#a5d6a7}.st.err{color:#ef9a9a}.log{background:#000;border:1px solid #333;border-radius:3px;max-height:400px;margin-top:10px;padding:8px;font-size:.85em;overflow-y:auto}.log .t{color:#666;margin-right:5px}.err-banner{text-align:center;background:#b71c1c;border-radius:4px;padding:10px}